body {
	text-align: left;
	margin: 0 0;
	font: 12px Arial, Helvetica, sans-serif; 
	background-color:#F2F2F2;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333;
}
p {
	font-size: 12px;
	line-height: 16px;
	color: #333;
	text-align: left;
}
a:link{
	color: #387cc6;
	text-decoration: none;
}
a:visited {
	color: #5482B3;
	text-decoration: none;
	}

a:hover {
	color: #Ca0a0a;
	text-decoration: underline;	
}



a img {border: none; }

h1, h2, h3, h4, h5, h6{ text-align:left;}
h1 {
	color: #387cc6;
	font-size: 22px;
}
h2 {
	color: #387cc6;
	font-size: 17px;
}
h3 {
	color: #001A51;
	font-size: 1.5em;
	margin: 5px 0px 0px 0px;
	padding: 10px 5px 0 0;
}
h4 {
	font-size: 12px;
	color: #387CC6;
}
h5 {
	font-size: 10px;
	color: #387CC6;
}
hr {
	border-top: 1px solid #c4e4f4;
	height: 1px;
	margin: 10px auto;
	border-right: 0 none;
	border-bottom: 0 none;
	border-left: 0 none;
}
.lineTop	hr {
	border: none 0; 
	border-top: 1px solid #c4e4f4;
	height: 1px;
	margin: 20px 0px 3px 0px;
	padding: 0px;}
.lineBot	hr {
	border: none 0; 
	border-top: 1px solid #c4e4f4;
	height: 1px;
	margin: 3px 0px 7px 0px;
	padding:0px;}


form {
	margin: 5px;
	padding: 0px;
}
input {
	margin: 0px;
	padding: 0px;
}
ul.feature1 li.buttons{border-bottom:none;}
#header{margin: 0; padding: 0; width: 855px; height: 130px; background:#102450 url(assets/bg_header2.jpg) no-repeat -1px 25px; }
#banner{background:url(assets/banner2.png) no-repeat; position:absolute; top:10px; left:5px; width:225px; height:31px;}

#banner { behavior: url(/css/iepngfix.htc) }
#banner h1{text-indent:-9999px; margin:0px; padding:0px;}

#tabs{margin: 0px 0 0 70px; height:62px; }
#tabs ul {width: 331px; height:62px; float:right; list-style:none; padding:0px; margin:0px;}
#tabs ul li{width:101px; height:62px; float:left; margin-left:3px; background: url(assets/bg_audience.jpg) top left no-repeat; color:#FFF;  font-size:16px;}
#tabs ul li:hover{ background: url(assets/bg_audience.jpg) bottom left no-repeat; color:#FFF;  font-size:16px;}
#tabs ul li a{color:#fff; line-height:60px; display:block; height:62px; width:101px; letter-spacing:1px; text-decoration:none;}
#tabs img{behavior: url(/css/iepngfix.htc)}


#search{text-align: right; padding-right:10px; padding-top:5px;  height:22px;}
#search form{width: 30px; display:inline;}

#branding h1{text-indent:-9999px; margin:0px; padding:0px; height:42px;}

#header2 {
	background-image:url(assets/header2.jpg);
	background-position: top left;
	background-repeat:no-repeat;
	}
#header3 {
	background-image:url(assets/header3.jpg);
	background-position: top left;
	background-repeat:no-repeat;
	}

#wrapper {
	position: relative;
	width: 855px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	text-align: center;
	padding: 0px 10px;
	background-color: #fff;
	border-right:1px solid #E5E5E5; border-left:1px solid #E5E5E5
}

#mainNav {
	font: 11px Arial,Helvetica, sans-serif; 
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	width: 130px;
	float:left;
	}
		#mainNav form {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	
}
#content{
	padding: 0px 0px 0px 20px;
	background: #fff;
	width: 605px;
	margin-left:20px;
	float: left;
        }
#audience #content{width:750px;}	
#single #content{margin-left:auto; margin-right:auto; position:relative; float:none;}	
#sidebar{width:210px; float:left;}	


#mainLinks {
	text-align: left;
	
}

ul#menu{
	padding: 0;
	margin: 21px 0px 0px 0px;
	width: 130px;
	color: #333;
	background: #fff;
	border-bottom: 1px solid #c4e4f4;
}
ul#menu ul{
	padding: 0;
	margin: 21px 0px 0px 0px;
	width: 118px;
	color: #333;
	background: #fff;
	border-bottom: 1px solid #c4e4f4;
}
ul#menu  li{
	list-style: none;
	text-align: left;
	
}

ul#menu li a{
	display:block;
	text-decoration:none;
	color: #363843;
	margin: 0px;
	padding: 0px;
	background: #fff; /* IE6 Bug */
	border: 1px solid #C4E4F4;
	border-bottom: 0px;
}
ul#menu li a:hover{
	color: #900;	
}

ul#menu li a:active, ul#menu li a.selected{
	color: #363843;}
	

ul#menu li#menuList a {
	display:block;
	text-decoration:none;
	color: #363843;
	margin: 0px;
	padding: 0px;
	background: #fff; /* IE6 Bug */
	border: 1px solid #C4E4F4;
	border-bottom: 0px;}
	
ul#menu li#menuList a:hover	{
background-position: 0px -21px;
	background-repeat: no-repeat;
}
ul#menu li#menuList a:active, ul#menu li#menuList a.selected{
background-position: 0px -42px;
	background-repeat: no-repeat;
}

ul#menu li a#mSchools {
	text-indent: -500px;
	display:block;
	width: 130px;
	height: 20px;
	background: url(assets/navSchools.gif) 0 0 no-repeat;
	overflow:hidden;}


ul#menu li a#mHome{
	text-indent: -500px;
	display:block;
	width: 130px;
	height: 20px;
	background: url(assets/navHome.gif) 0 0 no-repeat;
	overflow:hidden;
	}


ul#menu li a#mDistrict{
	text-indent: -500px;
	display:block;
	width: 130px;
	height: 20px;
	background: url(assets/navDistrict.gif) no-repeat top left;
	overflow:hidden;}

ul#menu li a#mDepartments{
	text-indent: -500px;
	display:block;
	width: 130px;
	height: 20px;
	background: url(assets/navDepartments.gif) no-repeat top left;
	overflow:hidden;}

ul#menu li a#mBoard{
	text-indent: -500px;
	display:block;
	width: 130px;
	height: 20px;
	background: url(assets/navBoard.gif) 0 0 no-repeat;
	overflow:hidden;}
ul#menu li a#mCalendars{
	text-indent: -500px;
	display:block;
	width: 130px;
	height: 20px;
	background: url(assets/navCalendars.gif) 0 0 no-repeat;
	overflow:hidden;}
ul#menu li a#mNews{
	text-indent: -500px;
	display:block;
	width: 130px;
	height: 20px;
	background: url(assets/navNews.gif) 0 0 no-repeat;
	overflow:hidden;}
		ul#menu li a#mClassroom{
	text-indent: -500px;
	display:block;
	width: 130px;
	height: 20px;
	background: url(assets/navClassroom.gif) 0 0 no-repeat;
	overflow:hidden;}


/* IE fix hide from ie mac \*/
* html ul#menu li {height: 1%; }
* html ul#menu li a {height: 1%; }
/* end */

ul#menu li#menuList ul  {
	
	margin: 0px 0px 0px 8px;
} 

ul#menu li#menuList ul li a {
	width: 110px;
	display:block;
	padding: 3px 3px 3px 4px;
	background-color: #FEFEE5;
	border-left: 5px solid #F8F8D8;
}

ul#menu li#menuList ul li a:hover {
	border-left: 5px solid #900;
	color: #900;
}


#subHeadSpace{
	width: 600px;
	margin: 0;
	padding: 0;
	background-image: url(assets/subBackgrnd.gif);
	background-repeat: repeat-x;

}
#subHead{
	margin: 0;
	padding: 0;
	width: 600px;
	background-color: #363843;
	text-align: left;
	overflow: hidden;
}
#subHead h1 {
	color: #FFF;
	font-size:24px;
	font-style:normal;
	margin: 20px 0px 10px 0px;}

#subHead h2 {
	color: #8db6e4;
	font-size: 18px;
	border-bottom: 1px solid #8DB6E4;
	padding: 0px;
	margin:0px;}
	
#subHead h3 {
	color: #999;
	font-size: 18px;
	border-bottom: 1px solid #8DB6E4;
	padding: 0px;
	margin:0px;}
#subHead ul { list-style: none; float:left; width: 350px;}
#subHead li {border-bottom: 1px solid #666; letter-spacing: .1em;}
#subHead li a {font-size: 15px; line-height: 27px; color:#FFF; margin-left: 20px; font-weight: normal;  }
#subHead img {float: left;}
#bodyTxt{
	margin: 0;
	padding: 15px 10px 5px 0px;
	background-color: #fff;
	text-align: left;
	
}
#bodyTxt h1{color: #387cc6; font-size: 2em;
	font-weight: normal;}
#bodyTxt h2, #bodyTxt h1{
	border-bottom: 1px solid #8DB6E4;
}
#bodyTxt h2{

	font-size: 2em;
	font-weight: normal;
}
#bodyTxt ul {
	list-style: none;
	margin: 1em 0 1em 0;
	padding-left: 24px;
	background-color: #fff;
	

}
#bodyTxt ul li {
	padding: 0 0 4px 13px;
	line-height: 1.4em;
	background:url(assets/redArrowSingle.gif) no-repeat 0px 5px;
}

#bodyTxt ol li {
	padding: 4px 0 4px 13px;
	line-height: 1.4em;
	
}
#newsTxt{
	margin: 0 0 0 5px;
	padding: 0px;
	width: 580px;
	background-color: #fff;
	text-align: left;
}
#newsTxt h3 {
	font-size: 18px;
	color:#333333;
	line-height: 24px;
}

.tabText {
	padding-left: 10px;
	font-weight: normal;
	color: #333333;
}



.search h3, .search h3 a {
font-size:12px;
	color: #387cc6;
	text-decoration:underline;}
	
	 .search h3 a:hover {
	color: #Ca0a0a;
	text-decoration:underline;}

	 .search  img {
	
	margin-top: 10px;}	
	
#footer{
	background-color: #8DB6E4;
	margin-top: 25px;
	padding-top: 0px;
	padding-bottom: 1px;
	width: 855px;
	border-top-color: #C4E4F4;
	border-top-style: double;
	clear: both;
}




.tinyTxt {
	font-size: 9px;
	line-height: 12px;
	font-weight: normal;
	color: #333;
}
.medTxt {
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	color: #333;
}
.medTxt a:link{
	font-size: 11px;
	font-weight: normal;
	color: #333;
}
.Txt {
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #333;
}
.TxtBld {
	font-size: 12px;
	color: #333;
	font-weight: bold;
}
.lgTxt {
	font-size: 14px;
	line-height: 19px;
	font-weight: normal;
	color: #333;
}
.lgTxtGray {
	font-size: 14px;
	line-height: 19px;
	font-weight: normal;
	color: #333333;
}
.lgTxtGray a:link, .lgTxtGray a{
	font-size: 14px;
	line-height: 19px;
	font-weight: normal;
	color: #333;
}
.lgTxtGray  a:visited{
	color: #333;
}

.lgTxtGray  a:hover{
	color: #Ca0a0a;
}
.lgTxtGrayBld{
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	text-transform: uppercase;
}
.superSizeTxt {
	font-size: 18px;
	font-weight: normal;
	line-height:24px;
	color: #333;
}
.smTxt {
	font-size: 10px;
	line-height: 12px;
	color: #333;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}
.smTxt a, .smTxt a:link{
	font-size: 10px;
	color: #333;
	font-weight: normal;
	text-decoration: none;
}
.smTxt a:hover{
	color: #Ca0a0a;

}
.whiteSmTxt {
	font-size: 10px;
	line-height: 12px;
	color: #FFF;
	text-decoration: none;
	text-align: center;
}
.whiteSmTxt a, .whiteSmTxt a:link {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
.whiteSmTxt a:visited {
	font-weight: bold;
	color: #ddd;
	text-decoration: none;
	
}
.whiteSmTxt a:hover {
	color: #Ca0a0a;
}



.whiteBodyTxt {
	color: #FFFFFF;
}

.whiteTxt {
	font-size: 12px;
	line-height: 12px;
	font-style:normal;
	color: #FFFFFF;
}
.whiteMedTxt {
	font-size: 11px;
	font-style:normal;
	color: #FFFFFF;
}





.blueSmTxt {
	font-size: 10px;
	line-height: 10px;
	color: #387cc6;
	text-decoration: none;
}
.blueTxt {
	font-size: 12px;
	color: #387cc6;
}
.blueTxtBld, .blueTxtBld a:link {
	font-size: 12px;
	color: #387cc6;
	font-weight:bold;
}
.blueSmTxt a, .blueSmTxt a:link, .blueSmTxt a:visited {
	color: #387cc6;
	text-decoration: none;
}
.blueSmTxt a:hover, .blueTxtBld a:hover {
	color: #Ca0a0a;
	text-decoration: none;
}
.blueTinyTxt {
	font-size: 9px;
	color: #387cc6;
}
.redTxt {
	font-size: 12px;
	color: #Ca0a0a;
}
.redTxt a:link, .redTxt a:visited {
	color: #Ca0a0a;
	text-decoration: none;
}
.redTxt a:hover {
	color: #387cc6;
}

.greenTxt {
color:#66A700;
}
.greenMedTxt {
color:#66A700;
font-size: 11px;
	line-height: 14px;
	font-weight: normal;
}
.greenSmTxt {
color:#66A700;
font-size: 10px;
	
	font-weight: normal;
}


.searchTxt, .searchTxt a:link {
	font-size: 13px;
	color: #387cc6;
	font-weight:normal;
	text-decoration:underline;
} 
.searchTxt a:hover {
	font-size: 13px;
	color: #999999;
	font-weight:normal;
	text-decoration:underline;
}
#nav{ width: 620px;}
#navContainer{
	background: #5D91D3;
	height: 23px;
	width: 600px;
	margin: 0px 0px 10px 0px;
	
}

#navContainer ul
{
	padding: 0px;
}
#navContainer ul li { display: inline; }
#navContainer ul
{
	margin: 0px;
	color:#fff;
	background: #5D91D3;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.95em;
	letter-spacing:1px;
}
#navContainer ul li a
{
	padding: 5px;
	color: #fff;
	background: #5D91D3;
	text-decoration: none;
	float: left;
	border-right: 1px solid #2461AB;
	border-left: 1px solid #8Db6e4;
	border-bottom: 1px solid #2461AB;
}

#navlist li a:visited { color: #333; }

#navlist li a:hover, #navlist li a.selected
{
color: #333;

}


/*  -------------- [ Table Styles ] --------------------------------------*/


.tableStyle  { 
border: 1px solid #ddd;
font-size:11px;
	font-style: normal;
	border-collapse: collapse;
}
.tableStyle th {
padding: 0.1em 1em;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;}

 .tableStyle td  {
padding: 0.1em 1em;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;}

.tableStyle th{
font-size: 1.2em;
font-weight: bold;
margin: 1em 0;
background-color:#99CC00;
 color: #FFFFFF;

}

.tableStyle .odd {
	background-color: #eeeeee;

}
.tableStyle tr:hover {
background-color: #eeeeee;

}

#boxTable  {
	border-top:1px solid #eee;
	border-left: 1px solid #eee;}
#boxTable td {
	border-bottom:1px solid #eee;
	border-right: 1px solid #eee;}
#boxTable .tblBldGray {
	color: #163875;
	font-size: 11px;
	border-bottom: 1px solid #8DB6E4;
	padding: 5px;
	margin:  0;
	background-color: #eee;
	font-weight: bold;}
	
#boxTableGreen  {
	border:1px solid #66A700;
	}	
	
	.footerTxt {
	font-size: 10px;
	line-height: 12px;
	color: #FFF;
	text-decoration: none;
	text-align:center;
}

.footerTxt a:link {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}

.footerTxt a:visited {
	font-weight: bold;
	color: #ddd;
	text-decoration: none;
}

.footerTxt a:hover {
	color: #Ca0a0a;
}
#directory  {margin-top:-10px;
	border-top:1px solid #ddd;
	border-left: 1px solid #ddd;}
	
 #directory td{ font-size:11px;
	font-style: normal;
	border-bottom:1px solid #ddd;
	border-right: 1px solid #ddd;}
	
.field    { color: #666666;                        
			font: 12px Arial, Helvetica, sans-serif;                        
			margin: 0px;                        
			padding: 3px; 
			vertical-align: baseline;
			border: solid 1px #CCCCCC; }	
form {
	font-family: Arial, Helvetica, sans-serif;
}
.tdLine {border-bottom:1px solid #ddd;
	}
	
.rowheader{
border-top: 2px solid #8db6e4;
border-top: 1px solid #8db6e4;
background-color: #387cc6;
color: #FFFFFF;
font-weight:bold;
font-size: 12px;
}	
.boxIt {border: 2px solid #387CC6;
width: 75%;
margin-left:10%;
padding: 7px;}
.tdDottedLines {
	color:#C73C39;
	font-size: 13px;
	border-bottom: 1px dotted #ccc;
	border-top: 1px dotted #ccc;
	padding:3px;
	margin:  0;
	font-weight: bold;}
	
	.formStyle{
border: 1px solid #387CC6;
border-top: none;
margin-top: 10px;
padding: 0px 0px 0px 0px;
width: 125px;
text-align:center;}

.formStyle select{
padding: 0px;
margin: 10px 0px;
font-size: 11px;
	font-weight: normal;
	color: #333;
}

.searchSummary {
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	color: #333;
	font-style: normal;
	width: 358px;
	display: block;
}
.boxBlue{
	border: solid #8DB6E4 1px;
	padding:  10px 10px 5px 10px;
	background-color: #CFE0EC ;
	margin-top: 0px;
	margin-bottom: 0px;
	
}
/* [forms]--------------------------------------------------- */

#formStyled label{ 
	font-size: 120%;
	text-align: right;
	width: 10em;
	display:block;
	float:left;
	padding-right: .55em;
	
	}

#formStyled fieldset{
	border: 1px solid #C5DBED;
	width: 95%;
	margin: 25px auto;
	padding: 0px 0px 0px 0px;
	background-color: #F0F0ED;
	}

#formStyled legend {
	color:#387CC6;
	padding: 3px;
	border: 1px solid #387CC6;
	background-color: #fff;
	margin: 0 5px;
	font-size: 120%;
}

#formStyled input { font-size: 120%;}


#formStyled form.formsStyle p{margin:0;}

#formStyled label.labelsm { 
	width: 7em; 
	display:inline;
	float:none; 
	padding-left: 1em;
	}
#formStyled form {  margin: 0 auto; }	

#formStyled .field2 {
	width: 75%;
	margin: 5px auto;
	padding: 10px 0px 0px 0px;
	background-color: #FFF;}
	
#formStyled .field2 .labelsm { 
	width: 12em; 
	display:inline;
	float: left;
	padding-left: 1em;
	font-size: 90%}	
	
	
.button { 
 
margin:0; 
text-align:center;
font-family:Verdana, Geneva, sans-serif;
float:left;
border: 1px solid #001A51;
}


.button a{
display: block;
height:36px;
background:url(images/button.jpg) repeat-x top left;
font-family:Verdana, Geneva, sans-serif; 
font-size:1em; 
line-height:1.8em;
color: #fff;
text-decoration:none;
padding:13px 7px 1px 7px;


}
.button a:hover{
background:url(images/button_f2.jpg) repeat-x bottom left;
padding:13px 7px 1px 7px;

}
/* [ messages ]--------------------------------------------------- */	
.message { padding: 10px 30px;
margin: 10px;
border:1px solid #B4DCFF;
background-color: #D2E2F9;
font-size: 120%;}

.errormessage { padding: 10px 30px;
margin: 10px;
border:1px solid #C73C39;
background-color: #FFC5C3;
font-size: 120%;}	

	
.notice {padding: 7px 15px;
	background: #FFF3B1;
	border:  #FFCA00 1px  solid;
color:#514721;}
.message2 { padding: 10px 15px;
border:1px solid #387CC6;
background-color: #D2E2F9;
color:#1C2647;
font-size: 100%;}

/* [ LEVEL 3 navigaion ]--------------------------------------------------- */	
#navigation_primary {
	width: 560px; margin-left: 10px; margin-top: 25px;
	padding: 0 10px 0 0;
	background: transparent url(assets/black75_opacity.png) top left repeat;
	border-radius : 10px; 
	-moz-border-radius : 10px; /* Mozilla */
	-webkit-border-radius : 10px; /* Webkit */
}
#navigation_primary a {color:#333333;}
#navigation_primary a:hover {color: #fff;}
#navigation_primary ul {
		display: block;
		height: 40px;
		list-style: none;
		padding: 0 0 0 25px;
		margin: 0;
		overflow: auto;}
#navigation_primary li {
			float: left;
			line-height: 20px;
			padding: 0 10px;
			margin: 10px 0;
			border-left: 1px solid #666666;}
#navigation_primary li:first-child {border: none;}
#bodyTxt #navigation_primary ul{background-color: none;} 

#audienceTxt{
	margin: 20px auto 0 auto;
	padding: 0;
	width: 700px;
	background-color: #fff;
	text-align: left;
}

	
#audienceTxt h4 {
	color: #163875;
	font-size: 14px;
	border-bottom: 1px solid  #EEE;
	padding: 3px 3px 3px 5px;
	margin: 7px 0 7px 0;
	
	font-weight: bold;
}
#audienceTxt ul {
	margin: 3px;
	padding: 0 5px;
	list-style: none;

}
#audienceTxt li{
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	margin: 0px 0px 0px 5px;
	padding: 2px 3px 2px 5px;
	}

#box{
	border: solid #eee 1px;
	padding: 0px 0px 10px 2px;
}
#audienceTxt .box{
	border:none; border-right: solid #eee 1px;
	padding: 0px 0px 10px 2px;}
	
.boxBlue{
	border: solid #8DB6E4 1px;
	padding:  10px 10px 5px 10px;
	background-color: #CFE0EC ;
	margin-top: 0px;
	margin-bottom: 0px;
	
}
.boxBlue h3 {
font-size: 18px;
	font-weight: normal;
	line-height:18px;
	color: #333;
border-bottom: solid #fff 1px;
padding: 7px 0 0px 0;
margin: 0 0 7px 0;
}
.boxBlue hr {
	color:#FFFFFF;
	background-color: #FFFFFF;
}
.post{padding: 10px 20px 0px 20px; border-bottom:1px solid #333; overflow:auto;}
.post p{color:#fff; margin-top:5px; line-height:20px;}
