html 
{

}

/* Normal page link */
a:link {color:yellow ;text-decoration:none;}
a:visited {color:yellow ;text-decoration:none;}
a:active{color:yellow ;text-decoration:none;}
a:hover {color:yellow;text-decoration:underline;}

/* Animate/Move img on mouse over */
img:hover.activeButton 
{
   margin: -1px;
}


/* Marquee style */
.marquee 
{
    position: relative;
    overflow: hidden;
	color: white;
    height: 28px;
	background-color: dimgray;
    border: 4px solid orange;
    font: 20px Trebuchet MS, Helvetica, sans-serif;
    color: white;
	padding-left: 20px;  /* Only affects up/down scrolling */
}


#DIV_HEADER
{
	background-color:	slategray;
    position: 			absolute;
	overflow:			visible;
	text-align:	right;
    height: 	34px;
    width: 		100%;
    margin:		0px;
    padding:	0px; 
    left: 		0px;
    top: 		0px;
}

#DIV_BODY
{
    /* The background image */
    background-image: url("img/background.png");
	/* background-image: url("img/snow.gif"); */
    /* Set a specified height, or the minimum height for the background image */
    min-height: 800px;
    /* Set background image to fixed (don't scroll along with the page) */
    background-attachment: fixed;
    /* Center the background image */
    background-position: center;
    /* Set the background image to no repeat */
    background-repeat: no-repeat;
    /* Scale the background image to be as large as possible */
    background-size: cover;	
	
	
	
	/*background-color:	#aedaf8;*/
    position: 	absolute;
	height: 	1650px;
	width:		100%;
    margin:		0px;
    padding:	0px; 
    left: 		0px;
    top: 		34px;  	
}


#DIV_FOOTER
{
	background-color:	slategray;
    position: 	absolute;
    height: 	110px;
    width: 		100%;
    margin:		0px;
    padding:	0px; 
    left: 		0px;
	top:		1660px;
}

.mainCONTAINER
{
   	width: 	980px;
	color: 	white;
	padding:	0px;
	margin-top: 	0px;
	margin-left: 	auto;
	margin-right: 	auto;
}
.logoCONTAINER
{
   	width: 	980px;
	height: 429px;
	color: 	white;
	margin-top: 	0px;
	margin-left: 	auto;
	margin-right: 	auto;
}

#HEAD_CONTAINER
{
    margin-top: 10px;
	overflow:	visible;
}

#MENU_CONTAINER
{
    float: right;
    position:fixed;
    z-index: 100;
    background-color: slategray;
    width: 	980px;
    height: 30px;
	padding-top:4px;
	margin-top: 0px;
    top: 0px;	
}

.videoMENU
{
   float: right;
}
.videoMENU a:hover
{
   color:lightblue;
   text-decoration:none;
}

.facilityMENU
{
   float: left;
}
.facilityMENU a:hover
{
   color:orange;
   text-decoration:none;
}

.linkMENU
{
   float: left;
}
	
.linkMENU:hover 
{
   color:  yellow;
   cursor: pointer;
}

.linkITEMS
{
    color:  white;
	text-align:	left;
	z-index:  20; 
	position: absolute; 
	background-image: url(img/menu/menu_bg.png);
	margin-top: 6px;
    padding-left: 2px;
	padding-right: 6px;
    display: block;
	height:  0px;  
	overflow: hidden;
}
.linkITEMS a:link {color:white;text-decoration:none;}
.linkITEMS a:visited {color:white;text-decoration:none;}
.linkITEMS a:active{color:white;text-decoration:none;}
.linkITEMS a:hover {background-color:black;color:yellow;text-decoration:underline;}



#DIV_BODY_LOGO
{
	height: 80px;
	background-color: white;
}

#TITLE_GALLARY
{
    position:relative;
}
	  
#TITLE_GALLARY  img {
   display:none;
   position:absolute;
   left:0;
}

#TITLE_GALLARY img.active{
    display:block;
}

.containerLABEL
{
	background-image: url(img/news-control-bg.png);
    position: relative; 
    height:	22px; 
    width: 	350px; 
    left:	10px;
    color:	white;
}

.smallcontainerLABEL
{
	background-image: url(img/news-control-sm.png);
    position: relative; 
    height:	22px; 
    width: 	180px; 
    left:	10px;
    color:	white;
}

.pageCONTAINER
{
   width:980px;
   margin: 0 auto;
}

#WEBIMG_LINE
{
   position: relative;
   height:20px;
   width: 100%;
   background-color: orange;
   bottom:-280px;
}

#WELCOME_LINE
{
	position: relative;
    height:20px;
	width:200px;
	text-align: left;
    font-family: verdana;
    color: white;
    bottom:-280px;	
}


#WEBIMG_CONTAINER 
{
   position: relative;
   text-align: right;
   right:		0px;
   bottom:		-14px;
}

#SCHOOL_MAP_LINK
{
   position: relative;
   text-align: left;
   left:10px;
   bottom:86px;
}

#VISITOR_COUNT
{
   position: relative;
   text-align: right;	
   height: 	20px;
   right: 	10px;
}

#QLINK_CONTAINER 
{
   width:972px;
   height: 120px;
   background-color: #004273;
   border-top:0; 
   border-bottom:4px solid orange; 
   border-left:4px solid orange; 
   border-right:4px solid orange;
}

#AWARD_CONTAINER 
{
   width:972px;
   height: 90px;
   padding-top: 20px;
   background-color: #004273;
   border-top:0; 
   border-bottom:4px solid orange; 
   border-left:4px solid orange; 
   border-right:4px solid orange;
}

#BODY_CONTAINER
{
	height: 415px;
}

#NEWS_CONTAINER
{
	background-color: dimgray;
	width:	672px;
	height: 415px;
	border-top:0; 
    border-bottom:4px solid orange; 
    border-left:4px solid orange; 
    border-right:4px solid orange;
	float:  left;
}

#DIV_EXAM
{
	background-color: dimgray;
	color: orange;
	width:	100%;
	height: 30px;
	border-top:2px solid orange; 
    border-bottom:2px solid orange; 
    border-left:2px solid orange; 
    border-right:2px solid orange;
	
    /* Center the text in the DIV */
    text-align: center;
    vertical-align: middle;
    line-height: 30px; 	/* MUST be same as DIV height */
}

.newsTABLE
{
	border:  2px solid DarkGray ;
	padding: 4px; 
	margin:  8 auto;
	background-color: DarkSlateBlue;
}
.newsTABLE td
{
	text-align: 	  left;
	vertical-align:   top;
	color: 			  white;
	background-color: DarkSlateBlue;
}

#CALENDAR_CONTAINER
{
	background-color: white;
	border-top:4px solid orange; 
    border-bottom:0; 
    border-left:0; 
    border-right:0;
}

#WEATHER_CONTAINER
{
	background-image: url(img/weather.png);
	width:	296px;
	height: 300px;
	border-top:4px solid orange;
    border-bottom:0; 
    border-left:0; 
    border-right:4px solid orange;	
}

#WEATHER h2 
{
    margin: 0px auto;
    color: yellow;
    font-size: 100px;
    font-weight: 400;
    text-align: center;
    text-shadow: 0px 2px 5px DimGrey;
}

#WEATHER li 
{
    margin: 0 4px;
    color: white;
    font: 12px 'Open Sans', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    height: 18px;
    background: CornflowerBlue;
    padding: 4px;
    display: inline-block;
    border-radius: 5px;
}

#WEATHER small
{
    color: yellow;
}

#PHILOSOPHY_CONTAINER
{
	background-color: #004273; 
	/* background-image: url(img/xmasBG.png); */ /* XMas background */
    color: white;	
	width:	672px;
	height: 508px;
	border-top:0;
    border-bottom:4px solid orange; 
    border-left:4px solid orange; 
    border-right:4px solid orange;
	float:  left;	
}

#BODY_CONTAINER_2
{
    height: 508px;
}

.rightCONTAINER
{
	float:  right;
	width: 296px;
	border-top:0;
    border-bottom:4px solid orange; 
    border-left:0; 
    border-right:4px solid orange;	
}

#TERM_DATE_CONTAINER
{
   background-color: white;
   height: 180px;   
}

td.term-col
{
  background-color:orange;
  padding: 0 0 0 6px;
  font-weight:bold;
  color:white;
}

td.term-date
{
  background-color:#004273;
  padding: 0 0 0 8px;  
  color:white;
}


#FOOT_CONTAINER
{
    text-align:	right;
}

#FOOTER_Icon
{
	float:   left; 
	padding: 10px;
}
#FOOTER_Icon img
{
	padding-top:   0px;
    padding-right: 5px;
    padding-bottom:5px;
    padding-left:  5px;
}

#FOOTER_Contact
{
	width: 300px; 
	float: left; 
    text-align: left;	
	padding: 10px;
    font-family: verdana;
    color: white;	
}

#FOOTER_Mail
{
	width: 340px; 
	float: left;
    text-align: left;	
	padding: 10px;
    font-family: verdana;
    color: white;	
}

#FOOTER_Facebook
{
	width: 190px; 
	float: left;
    text-align: right;	
	padding-top: 20px;
    font-family: verdana;
    color: white;
}