/* CSS Document */

* {
margin: 0;
padding: 0;
}

body {
font: 12px/1.2 Arial, Helvetica, sans-serif;
color: #333;
background-color: #29467c;
}


p {
margin: 15px 0 ;
}

ul , ol{
margin: 10px 40px;
}
blockquote {
margin: 10px 40px;
}

li {
margin: 8px 0 ;
}

td p {
font: 12px/1.2 Arial, Helvetica, sans-serif;
margin:  0 ;
padding:inherit;
}

a {
color: #333;
}

a:focus {
outline:none;
background: #003366;
color: #FFCC00;
}
#students a:focus {
	background: none;
	outline:none;
}

#students td a:focus {
	background: none;
	outline:none;
}

h1 {
color: #264279;
font-size: 22px;
margin: 15px 0;
font-weight: normal;
}

h2 {
color: #333;
font-size: 18px;
margin: 10px 0;
font-weight: normal;
text-transform:capitalize;
}

h3 {
color: #264279;
font-size: 14px;
margin: 5px 0;

}

.dottedLine {
border-top: 1px dashed #666;
margin: auto;
}

input , select  {
background-color: #fff !important; 
}

.small {
	font-size: 10px;
	line-height: 12px;
}

.newsBox {
background-image: url(images/boxBG.gif);
background-repeat: repeat-y;
background-color: #264279; 
border: 1px solid #fff;
width: 240px;
float:left;
padding: 10px;
height: 130px;
color: #99ccff;
margin: 3px;
}

.newsBox p { margin: 10px 0; }
.newsBox p a { margin: 0; }

.newsBoxHd {
color: #fff;
font-size: 14px;
}

.newsBox a { color: #fff; }

.clear {
clear: both;
}

TD.formBG {
background-color: #f1f1f1;
font: 12px/1.2 Arial, Helvetica, sans-serif;
}

#topNav {
margin: 10px 5px 10px 0;
border-bottom: 1px solid #3f6398;
 width: 186px;
padding: 0 0 10px 0;
}

#topNav a {
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: 13px;
}

#topNav a:hover {
text-decoration: underline;

}

#topNav  a:focus {
outline:none;
background: #003366;
color: #FFCC00;
}

#topNav img {
padding: 0 5px 0 15px;
}

#mainNav { width: 186px; }

#mainNav  ul {
 padding: 0px; 
margin: 0px; 
list-style-type: none; 
color: #fff;  
}

#mainNav li { display: inline; }

.level_0 a {
margin-left: 0px; 
border-bottom:  1px solid #3f6398; 
text-decoration: none; 
padding: 10px 5px; 
font-size: 14px; 
font-weight: normal;  
display: block; 
color: #fff;
}

.level_0 a:hover {
margin-left: 0px; 
border-bottom:  1px solid #3f6398; 
text-decoration: none; 
font-weight: normal;  
display: block; 
color: #ffc40a; 
background-image: url(images/navOver.jpg); 
background-repeat: repeat-y;
}

.level_0 a:focus {
outline:none;
background: #003366;
color: #FFCC00;
}


.level_1 a {
margin-left: 0px; 
border-bottom:  1px solid #3f6398; 
text-decoration: none; 
padding: 5px 0 5px 25px; 
font-size: 12px; 
font-weight: normal;  
display: block; 
color: #fff;
}

.level_1 a:hover {
margin-left: 0px; 
border-bottom:  1px solid #3f6398; 
text-decoration: none; 
display: block; 
color: #ffc40a;
background-image: none ;
}

.level_1 a:focus {
outline:none;
background: #003366;
color: #FFCC00;
}

.level_2 a {
margin-left: 0px; 
border-bottom:  1px solid #3f6398; 
text-decoration: none; 
padding: 3px 0 3px 45px; 
font-size: 12px; 
font-weight: normal;  
display: block; 
color: #fff;
}

.level_2 a:hover {
margin-left: 0px; 
border-bottom:  1px solid #3f6398; 
text-decoration: none; 
display: block; 
color: #ffc40a;
background-image: none ;
}

.level_2 a:focus {
outline:none;
background: #003366;
color: #FFCC00;
}


.current a {
font-weight: bold;
color: #ffc40a;
}

.current a:hover {
font-weight: bold;
}

.current a:focus {
outline:none;
background: #003366;
color: #FFCC00;
}


#container {
width: 1000px;
background-image: url(images/contentBG.jpg);
background-repeat: repeat-y;
border-left: 8px solid #fff;
border-right: 8px solid #fff;
margin:auto;
position: relative;
}

#header {

}


#skip {
position: absolute;
top: 5px;
left: 210px;
font-size: 10px;
}

#skip a { color: #ccc; }

#skip a:focus {
outline:none;
background: #003366;
color: #FFCC00;
}

#leftCol {
float:left;
width: 189px;
display: inline;
}

#rightCol {
float:left;
width: 810px;
display: inline;
}

#content {
width: 545px;
float:left;
margin: 15px 20px;

}


#stars {
float: right;
width: 213px;
margin-right: 5px;
display: inline;
}



#yellow {
clear:both;
background-image: url(images/yellow.jpg);
background-repeat: repeat-y;
height: 20px;
}

#footer {
clear: both;
width: 1000px;
padding: 10px;
text-align: center;
color: #fff;
margin: auto;
}

#footer a { 
color: #fff; 

}

#footer a:focus {
outline:none;
background: #003366;
color: #FFCC00;
}

#footerNav a {
color: #fff; 
font-size: 11px;
padding: 0px 5px;
text-decoration: none;
}
#footerNav a:hover {
text-decoration: underline;
}

#footerNav a:focus {
outline:none;
background: #003366;
color: #FFCC00;
}

#footerNav {
text-align: center;
}

#footerNav ul {
list-style: none;
font-size: 11px;
width: 700px;
padding: 0;
margin: auto;
}

#footerNav li {
display: inline;
float: left;
padding: 0;
margin: 2px 0;

}

#credit {
padding: 5px;
font-size: 11px;
}
.imgborder {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}