/* CSS Document */

body{
background-color: #FFFFFF;
color: #000000;
font-family:Comic Sans MS, Arial, COurier;
margin: 0px;
padding:0;

}

h1, h2, h3, h4, h5, h6 {
	font-family: Comic Sans MS, Arial, COurier;
	margin: 0px;
	padding: 0px;
	color:#000000;
}

h1{
 font-size: 180%;
 font-weight: bold;
}

h2{
 font-size: 160%;
 font-weight: bold;
}

h3{
 font-size: 100%;
}

h4{
 font-size: 100%;
 font-weight: normal;
}

h5{
 font-size: 100%;
}





.style5 {font-size: xx-small}
.style8 {font-weight: bold; color: #FFFFFF; font-size: x-small; }
.style9 {
	font-size: x-small;
	font-weight: bold;
}
.style10 {color: #FFFFFF}

#banner{
width:760px;
height:180px;
background-image: url(../images/nav/bannerStudents.jpg);
background-repeat:no-repeat;
margin-left:2px;
}
#bannerHS{
width:760px;
height:180px;
background-image: url(../images/nav/bannerHS.jpg);
background-repeat:no-repeat;
margin-left:2px;
}

#bannerES{
width:760px;
height:180px;
background-image: url(../images/nav/bannerES.jpg);
background-repeat:no-repeat;
margin-left:2px;
}

#bannerGrad{
width:760px;
height:180px;
background-image: url(../images/nav/bannerGrad.jpg);
background-repeat: no-repeat;
margin-left:2px;

}
#masthead{
	margin: 0;
	padding: 0px 0px;
	width: 684px;
	height:65px;
	color:#FF0000
}

#6ctext{
font-size:90%;
font-family:Comic Sans MS, Arial, COurier;
font-weight: normal;
color: #333333;
}

#testimonials{
font-size:80%;
font-family:Arial, Helvetica, sans-serif
font-weight: bold;
font-style:italic;
color: #333333;
}

#whitetestimonials{
font-size:80%;
font-family:Arial, Helvetica, sans-serif
font-weight:bold;
font-style:italic;
color: #FFFFFF;
}

#nav{
}

#nav ul{
background-color: transparent;
list-style-type: none;
margin: 0;
padding: 0;
font-size: 75%;
border: 1px solid #000000;/*this adds a second line to the bottom of the nav, if you prefer a single line you can remove it by uncommenting the other properties and commenting out this one. I think it gives a nice raised effect, the choice is your's :)*/
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
/*
padding: 0;
margin: 0;
background-color: #FFFFFF; */
}

#nav ul li{
padding: 0;
margin: 0; 
list-style-type: none;
width:180px;
/*display: block;
list-style-type: none;
vertical-align: text-bottom;
padding: 0;
margin: 0;
border: solid #000000;/*this adds a second line to the bottom of the nav, if you prefer a single line you can remove it by uncommenting the other properties and commenting out this one. I think it gives a nice raised effect, the choice is your's :)*/
/*border-left:  solid #000000;
border-right:  solid #000000;
border-top: solid #000000; 
*/
}


#nav ul li a{
background-color: #0066FF;
border-bottom: 1px solid #000000;
color: #FFFFFF;
display:block;
font-family:Arial,Helvetica,sans-serif;
font-size: 75%;
font-weight:bold;
height: 1%;
padding: 4px 0 6px 4px;
text-decoration: none; 


/*
font-size: 80%;
font-weight:bold;
font-family:Arial,Helvetica,sans-serif;
color: #FFFFFF;
background-color: #000066;
text-decoration: none;
padding:  0 2px 0 2px;
border-right: 1px solid #000000;
text-align: center;
width: 180px;
height:70px;
*/
} 

#nav ul li a:hover, #nav ul li a:focus{
background-color: #00CCFF;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
color: #fff;
}


#siteName{
	font-family:Comic Sans MS, Arial, COurier;
	color: #FF0000;
	margin:  2px 0px 0px 2px;
}


#PageName {
	font-family:Comic Sans MS, Arial, COurier;
	color: #000000;
	font-size: 180%;
	
}

.feature img{
	float: left;
	padding:  0px 10px 0px 0px;
	margin: 5px 30px 5px 0;
}

#pageName{
	padding:  50px 0px 2px 10px;
	text-align:center;
	width: 650px;
}

#pageSubTitle{
	padding:   0px 0px 5px 10px;
	text-align:center;
	width: 650px;
}	

#content{
	background-color:#FFFFFF;
	color: #000000;
	width:600px;
}

#contentRightCol{
	padding: 0px 10px 0px 0px;
	margin:0px 0px 0px 178px;
	border-left: 1px solid #ccd2d2;
}


#content p{
	font-size:100%;
	font-family:Comic Sans MS, Arial, COurier;
	margin: 20px;
	margin-left:20px;
	margin-right:20px;
}



#footer {
	font-size:80%;
	color:#FFFFFF;
	margin:  3px, 10x, 3px, 10px;
	font-family:Comic Sans MS, Arial, COurier;
	background-color:0066FF;
	/*font-weight:bold;*/
	text-align:center;
}




#pageNav{
	float: left;
	width:178px;
	padding: 0px;
	background-color: #F5f7f7;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font: small Verdana,sans-serif;
}
/************ sectionLinks styles **************/

#sectionLinks{
	margin: 0px;
	padding: 0px;

}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image: url(../images/nav/bg_nav.jpg);
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #21536A;
}

#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #DDEEFF;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
}

.TitleLeftImage{
float: left;
margin-right: 1px;
/*border: 1px solid #000000;*/
}

.Titlecontainer{
width: 760px; 
margin-top:1px;
text-align: center;
font-size: 28px;
font-weight:bold;
vertical-align:middle;
/*float:right;*/
background-color: #ffffff;    /*#6633CC*/
}

.NewsHeadingcontainer{
/*width: 760px; */
margin-top:20px;
text-align: left;
font-size: 120%;
font-weight:bold;
vertical-align: middle;
/*float:right;*/
background-color: #ffffff;    /*#6633CC*/
}


.Pagetitlecontainer{
/*width: 760px; */
margin-top:10px;
text-align: center;
font-size: 170%;
font-weight:bold;
vertical-align: middle;
/*float:right;*/
background-color: #ffffff;    /*#6633CC*/
}

.PageSubtitlecontainer{
/*width: 760px; */
margin-top: 0px;
text-align: center;
font-size: 80%;
font-weight: normal;
vertical-align:middle;
/*float:right;*/
background-color: #ffffff;    /*#6633CC*/
}