@charset "UTF-8";
/* CSS Document */

/* -----[ NORMALIZE ]----------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{margin: 0px; padding: 0px;}
/* remove list styles */
ol, ul
{ list-style:none;}
/* remove borders */
img, fieldset
{border:0;}
/* Normalize font-size for headers */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	}

html{font-size: 100%;}
body {position:relative;margin: 0px auto;width: 850px;
	color:#2C2C2C;
	 font-family: Verdana, Helvetica, Arial, Lucida, sans-serif;
	font-size: 75%;
	background: #FFFFFF url(assets2/backGradient.jpg) repeat-x left top;	
}
html>body { font-size: 12px; 
}

p {
font-size:1em;
margin-top: 1.5em;
margin-bottom: 1.5em;
}

h1, h2, h3, h4, h5, h6, p, ul, blockquote, cite {
	
	text-align:left;
}
/*p{ 
		font-size: .875em;
		margin: 1.286em 0;
		}*/
		
h1 {
	font-size:1.5em;
	line-height: 1em;
	margin-top: 0;
	margin-bottom: 1em;
	color:#044D99;
}

h2 {
font-size:1.5em;
line-height: 1em;
margin-top: 1.643em;
margin-bottom: 0.643em;

	font-weight: normal;
}
		

h3 {

	font-size: 1.125em;/* 16 x1.125=18px */
	margin: 1em 0 1.286em 0; /* 18x1=18px */
	color:#297BAC;
	font-weight: normal;
}
h4 {
	font-size: 1em; /* 16/16 = 1em */
	margin: 1.125em 0; /*18/16= 1.125 */
	color:#70B85D;

	}	

h5 {
	font-size: 1em;
	color:#2C5E2E;
	font-weight: normal;
	margin: 1.125em 0;
	
}

h6 {
	font-size: .7em;
	color:#2C2C2C;
	font-weight: normal;
	font-style: italic;
	margin: -1.0em 0 0 0;
	
}

/*---------------- [ WRAPPER }---------------------- */
#wrap
{ 
	background-color:#FFFFFF;
	width: 810px;
	margin: 0px auto 0 auto;
}
#branding
{	
	margin-top: 2px;
	text-align: right;
	width: 825px;
	height: 20px;
	color: #387CC6;
	font-size: .833em;
	
}
/*---------------- [ HEADER }---------------------- */
#header {
	width: 800px;
	height: 130px;
	margin: 0px auto;
	background:url(assets2/eSchoolBanner.jpg) no-repeat bottom;
}

ul#tabNav{
	position: absolute;
	width: 280px;
	height: 28px;
	background:url(assets2/tabBack.jpg) no-repeat;
	left: 545px;
	top: 73px;
	padding-left: 13px;
}

ul#tabNav li {
	display: block;
	float:left;
	height: 27px;
	text-decoration:none;
	margin-right: 7px;
}
	

#tabNav a {
	text-indent: -9999px;
	overflow:hidden;
	height: 27px;
	display: block;
	text-decoration:none;
	}
#tabNav a:hover {
	background-position:  0px -27px;
	height: 27px;
	}
			
		
li.teacherbut a, li.teacherbut a:hover, li.teacherbut a.selected {
	background:url(assets2/but_teacher.jpg) no-repeat top left;
	width: 88px;
}
.secondarybut a, .secondarybut a:hover, .secondarybut a.selected{
	background:url(assets2/but_secondary.jpg) no-repeat top left;
	width: 56px;
}
.insiderbut a, .insiderbut a:hover, .insiderbut a.selected{
	background:url(assets2/but_insider.jpg) no-repeat top left;
	width: 37px;
}	
.hcsdbut a, .hcsdbut a:hover, .hcsdbut a.hover {
	background:url(assets2/but_hcsd.jpg) no-repeat top left;
	width: 26px;
}
.aboutbut a, .aboutbut a:hover, .aboutbut a.hover {
	background:url(assets2/but_about.jpg) no-repeat top left;
	width: 32px;
}


#dateTime {
	position: absolute;
	width: 125px;
	height: 23px;
	color: #ffffff;
	left: 700px;
	top: 45px;
	font-size: .9167em;
}
/*---------------- [ MAIN NAV }---------------------- */
ul#navigation{
	position: absolute;
	width: 516px;
	height:50px;
	left: 310px;
	top: 100px;
}

ul#navigation li {
	display: block;
	float:left;
	height: 50px;
	width: 86px;
	text-decoration:none;
}
	

#navigation a {
	text-indent: -9999px;
	overflow:hidden;
	height: 50px;
	width: 86px;
	display: block;
	text-decoration:none;
	}
#navigation a:hover {
	background-position: bottom;
	height: 50px;
	width: 86px;
	}
			
		
.homebut a, .homebut a:hover, .homebut a.selected{
	background:url(assets2/but_home.jpg) no-repeat top left;
}
.referencebut a, .referencebut a:hover, .referencebut a.selected {
	background:url(assets2/but_reference.jpg) no-repeat top left;	
}

.podcastbut a, .podcastbut a:hover, .podcastbut a.selected{
	background:url(assets2/but_podcast.jpg) no-repeat top left;
}	
.ecampusbut a, .ecampusbut a:hover, .ecampusbut a.hover {
	background:url(assets2/but_ecampus.jpg) no-repeat top left;
}
.searchbut a, .searchbut a:hover, .searchbut a.hover {
	background:url(assets2/but_search.jpg) no-repeat top left;
}
.librarybut a, .librarybut a:hover, .librarybut a.hover {
	background:url(assets2/but_library.jpg) no-repeat top left;
}

/*---------------- [ CONTENT ] ---------------------- */
#contentSpace {
	position: relative;
	margin: 0 auto;
	padding: 0px;
	background: #FFFFFF url(assets2/contentBack.jpg) no-repeat top left;
	width: 800px;
	height: 8px;
	font-size: 1px;
	line-height: 0px;}
	
#content {
	position: relative;
	margin: 0 auto;
	width: 800px;
	background: #0B49C2 url(assets2/sideBack.jpg) repeat-y bottom left;
	min-height: 370px;
	
}

html > body #content {overflow: auto;}
/*---------------- [ SIDBAR }---------------------- */
#sideBar {	
	width: 150px;
	float: left;	
}

ul#sidenav{ 
	float:left; 
	width:150px;
	height: 350px; }
ul#sidenav li {	
	width: 150px;
	height:35px;
	list-style:none;
	text-indent:-9999px;
	overflow: hidden;}
	
ul#sidenav li  a {
	display:block;
		text-decoration:none;
		padding: 5px 0;
		width: 150px;
		height: 25px;
	}	
ul#sidenav li.art, ul#sidenav li.art a{background:url(assets2/art.jpg) no-repeat top left;}
ul#sidenav li.art:hover, ul#sidenav li.art a:hover{background:url(assets2/art.jpg) no-repeat top right;}

ul#sidenav li.math, ul#sidenav li.math a{background:url(assets2/math.jpg) no-repeat top left;}
ul#sidenav li.math:hover, ul#sidenav li.math a:hover{background:url(assets2/math.jpg) no-repeat top right;}

ul#sidenav li.reading, ul#sidenav li.reading a{background:url(assets2/reading.jpg) no-repeat top left;}
ul#sidenav li.reading:hover, ul#sidenav li.reading a:hover{background:url(assets2/reading.jpg) no-repeat top right;}

ul#sidenav li.science, ul#sidenav li.science a{background: url(assets2/science.jpg) no-repeat top left;}
ul#sidenav li.science:hover, ul#sidenav li.science a:hover{background:url(assets2/science.jpg) no-repeat top right;}

ul#sidenav li.socialstudies, ul#sidenav li.socialstudies a{background:url(assets2/socialstudies.jpg) no-repeat top left;}
ul#sidenav li.socialstudies:hover, ul#sidenav li.socialstudies a:hover{background:url(assets2/socialstudies.jpg) no-repeat top right;}

ul#sidenav li.music, ul#sidenav li.music a{background:url(assets2/music.jpg) no-repeat top left;}
ul#sidenav li.music:hover, ul#sidenav li.music a:hover{background:url(assets2/music.jpg) no-repeat top right;}

ul#sidenav li.just4kids, ul#sidenav li.just4kids a{background:url(assets2/just4kids.jpg) no-repeat top left;}
ul#sidenav li.just4kids:hover, ul#sidenav li.just4kids a:hover{background:url(assets2/just4kids.jpg) no-repeat top right;}

ul#sidenav li.webquest, ul#sidenav li.webquest a{background:url(assets2/webquest.jpg) no-repeat top left;}
ul#sidenav li.webquest:hover, ul#sidenav li.webquest a:hover{background:url(assets2/webquest.jpg) no-repeat top right;}

ul#sidenav li.wellness, ul#sidenav li.wellness a{background:url(assets2/wellness.jpg) no-repeat top left;}
ul#sidenav li.wellness:hover, ul#sidenav li.wellness a:hover{background:url(assets2/wellness.jpg) no-repeat top right;}


/*---------------- [ MAIN CONTENT ] ---------------------- */
#mainContent {width: 550px;float: left;padding: 0px 50px;background: #FFFFFF url(assets2/slashBack.jpg) repeat-y top left;min-height: 370px;}
#subMainContent {width: 600px;float: left;padding: 0px 25px;background: #FFFFFF url(assets2/slashBack.jpg) repeat-y top left;
	min-height: 370px;height: auto !important;height: 370px;overflow: auto;}
#adminMainContent {	width: 760px;float: left;padding: 0px 20px;background-color: #FFFFFF;
	padding-bottom: 25px;min-height: 370px;height: auto !important;height: 370px;}
#searchBar {width: 528px;margin: 0px auto;border: 1px solid #EEEECF;padding: 5px 10px;text-align: right;font-size: .833em;}
/*---------------- [ FOOTER ] ---------------------- */
#footer{
	width: 760px;
	margin: 0 auto;
	clear: both;
	background: #FFFFFF url(assets2/footerBack.jpg) no-repeat;
	font-size: .833em;
	height: 35px;
	text-align: center;
	color: #E6E6E6;
	padding: 10px 20px 30px 20px;
}
#footer a{color: #E6E6E6;}
#footer p{text-align: center;}
/*---------------- [ SECTIONS ] ---------------------- */
#subMainContent h3 {margin: 0 0 5px 0; padding: 10px; font-size: 1.5em;}
#subMainContent h4 {margin: 0; padding: 3px 20px 3px 25px;  float: left; font-size: 1.1667em; }
ul#classSections li { display: block; width: 155px; height: 70px; float:left;border: 1px solid #E6E6E6;font-size: 1.5em;padding: .5em;}
/*---------------- [ LEVEL 3 ] ---------------------- */
ul#level3Nav {list-style: none;width: 150px;line-height: 1em;float:left;}	
#level3Nav li {height: 35px;}
#level3Nav li.selected {border-right: 5px dashed #FFF;}

#level3Nav li a	{
	display: block;
	color: #333333;
	text-decoration: none;
	width: 115px;
	padding: 9px 0 0px 35px;
}
#level3Nav li a:hover	{color: #FFFFFF; text-decoration: none;}
#Music li a:hover {color: #848014;}
/*---------------- [ LINKS ] ---------------------- */
ul#links {
	float: left;
	width: 65%;
	background-color: #FFFFFF;
	margin-left: 25px;}
ul#links li { border-bottom: 1px dotted #D6D5D2;padding: 5px 5px 5px 3px;}
ul#links li.odd {background-color: #e6e6e6;}
ul#links li.even {background-color: #FFFFFF;}	
#links p {margin:0px; line-height: 1.25em;}
#links a:visited { color: #4C4C4C;}
#Art h3, #Art ul#level3Nav {background-color: #4ECCD7;color:#00547E;}
#Art h4, #Art a{color:#00547E;}
#Art #level3Nav li{border-bottom: 1px solid #399CA5;border-top: 1px solid #4BD9E6;} 
#Math h3, #Math ul#level3Nav
{background-color: #4BCE7E;color: #286F42;}
#Math h4, #Math a {color: #389A5D;}	
#Math #level3Nav li{border-bottom: 1px solid #42B56E;border-top: 1px solid #54E88D;}
#Reading h3, #Reading ul#level3Nav{background-color: #BAE352;color: #6D8228;}
#Reading h4, #Reading a {color: #7E9833;}	
#Reading #level3Nav li{border-bottom: 1px solid #9FBF40;border-top: 1px solid #D4FF56;}	
#Science h3, #Science ul#level3Nav{background-color: #FF8F5D;color:#854200;}
#Science h4, #Science a { color:#854200;}	
#Science #level3Nav li{border-bottom: 1px solid #CD7247;border-top: 1px solid #FFA377;} 
#Social h3, #Social ul#level3Nav{background-color: #FFB35D;color: #B37325;}
#Social h4, #Social a { color: #CF8631;}	
#Social #level3Nav li{border-bottom: 1px solid #E9A250;border-top: 1px solid #FFC784;} 	
#Music h3, #Music ul#level3Nav{background-color: #FFFF66;color: #939017;}
#Music h4, #Music a { color: #ABA924;}	
#Music #level3Nav li{border-bottom: 1px solid #D3D04E;border-top: 1px solid #FFFF9A;}	
#Just4Kids h3, #Just4Kids ul#level3Nav{background-color: #4DA3E0;color: #1C5F8C;}
#Just4Kids h4, #Just4Kids a { color: #35719B;}	
#Just4Kids #level3Nav li{border-bottom: 1px solid #3C80B0;border-top: 1px solid #58BCFF;}	

#Reference h3, #Reference ul#level3Nav{color: #8C3600;background-color: #FF6902;}
#Reference h4, #Reference a { color: #BF4B00;}	
#Reference #level3Nav li{border-bottom: 1px solid #CA5200;border-top: 1px solid #FF8D38;}

#Webquests h3, #Webquests ul#level3Nav{background-color:#3399FF;color: #004F87;}
#Webquests h4, #Webquests a { color: #1E73C1;}	
#Webquests #level3Nav li{border-bottom: 1px solid #217DD3;border-top: 1px solid #5DB1FF;}	
	
#TeachersLounge h3, #TeachersLounge ul#level3Nav{background-color: #FF8769;color: #C14F30;}
#TeachersLounge h4, #TeachersLounge a { color: #C14F30;}	
#TeachersLounge #level3Nav li{border-bottom: 1px solid #C96A50;border-top: 1px solid #FFA38A;}	
#Wellness h3, #Wellness ul#level3Nav{background-color: #9B7DC2;color: #422F5F;}
#Wellness h4, #Wellness a { color: #9B7DC2;}	
#Wellness #level3Nav li{border-bottom: 1px solid #776198;border-top: 1px solid #B492E5;}		
#Art a:hover, #Math a:hover, #Reading a:hover #Science a:hover, #Social a:hover, #Music a:hover, #Just4Kids a:hover, #Reference a:hover, #Webquests a:hover, #TeachersLounge a:hover, #Wellness a:hover { text-decoration: none;}	
fieldset{border: 1px solid #781351;width: 30em;border: 1px solid #BFBAB0;   text-align: center; }
fielset select { border: none;}
legend {  margin-left: 1em;  padding: 0;  color: #000;  font-weight: bold; }
#counter{ font-size: .833em; text-align:center;}
#counter a { color:#999999;}