/* CSS Document */

#subnav, #breadcrumbs, #content {
	font-size: 80%; 
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-weight: normal; 
 	background-color: transparent;
 	margin-top: 0px;
 	margin-right: 0px;
	margin-bottom: 15px; 
	margin-left: 0px;
	}

body{
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	background-color: #fff;
}

/* controls the way the scroll bars look in the browser windows */
body,html {
	scrollbar-face-color: #000;
	scrollbar-shadow-color: #ccccff;
	scrollbar-highlight-color: #fff;
	scrollbar-3dlight-color: #000;
	scrollbar-darkshadow-color: #000;
	scrollbar-track-color: #000;
	scrollbar-arrow-color: #2B6DBB;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#print-header {
	display:none;
	}
	
#wrap {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	margin-left: 30px;
	MARGIN: 0px auto;
	WIDTH: 1000px;
	PADDING-TOP: 0px;
	POSITION: relative;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	voice-family: inherit;
} 

/************* #header logo styles *************/

#masthead{
	padding: 10px 0px 0px 0px;
	PADDING-TOP: 40px;
	background-color:#fff;
	border-bottom: 1px solid #fff;
	width: 100%;
}

#headerlogo{
	margin-top: -25px;
	width: 90%;
	/*padding: 0px 0px 20px 10px;*/
	font-size: 80%;
	background-color: #fff;
	margin-left: 35px;
	padding-bottom: 10px;
} 


#utilityNavLeft {	
	padding: 0px 2px 5px 5px;
	margin-top: -100px;
	margin-left: 450px;
	margin-bottom: 0px;
	width: 125px;
	font-size: 90%;
 	background-color: transparent;
	font-weight:  bold;
} 

#utilityNavLeft a:link {  
		font-weight:  bold;
		}
		
#utilityNavLeft a:visited {   
		font-weight: bold;
		text-decoration: none;
		}
		
#utilityNavLeft a:hover, a:active { 
		font-weight: bold;
		font-size: 90%;
}

#utilityNavRight {	
	/*padding: 0px 2px 5px 5px;*/
	margin-top: -63px;
	margin-left: 550px;
	margin-bottom: 0px;
	width: 200px;
	font-size: 90%;
 	background-color: transparent;
	font-weight:  bold;
} 

#utilityNavRight a:link {  
		font-weight:  bold;
		}
		
#utilityNavRight a:visited {   
		font-weight: bold;
		text-decoration: none;
		}
		
#utilityNavRight a:hover, a:active { 
		font-weight: bold;
		font-size: 90%;
}

#utilityNav{	
	/*margin: 0px;*/
	padding: 0px 2px 5px 5px;
	margin-top: -20px;
	font-size: 75%;
	width: 50%;
 	background-color: transparent;
	float:right;
	margin-right: -40px;
} /*removed margin: 0, added margin top */


#utilityNav a:link {  
		font-weight: normal;
}
		
#utilityNav a:visited {   
		font-weight: normal;
}

#utilityNav a:hover, a:active { 
		font-weight: normal;
}

#mainnav {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	WIDTH: 1000px;
	POSITION: relative;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	z-index: 100;
	background-color:#666;
	float: left;
}

#white {
	background-color: #fff;
	width: 1000px;
	MARGIN: 0px auto;
}

#pageName{
	width: 100%;
	background-color: #fffced;
	padding-top: 5px;
} /* no change */

/* used for breadcrumbs list inline navigation */
#crumbs {
	padding: 2px;
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000; 
	font-size: 80%; 
	}/* no change */
	
#crumbs ul {
	display: inline;
	padding-left: 0;
	margin-left: 0;
	}
#crumbs ul li {
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	}
	
#crumbs ul li a:link {
	padding: 0;
	}
	
#crumbs ul li a:hover {
	padding: 0;
	text-decoration: underline;
	}

#dateetc {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 10px;
	padding-top: 10px;
	MARGIN: 0px auto;
	WIDTH: 1000px;
	POSITION:relative;
	border-bottom: 10px solid #000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	color: #2B6DBB;
	font-weight: bold;
	background-color:#fff;
}


#borderbackground {
	width:100%;
	background-image:url(/graphics/parentbg.gif);
	background-position:top left;
	background-repeat:repeat-y;
} /* no change */

#content {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width: 730px;
	background-color: #fff;
	MARGIN: 0px auto;
	PADDING-RIGHT: 20px;
	PADDING-LEFT: 20px;
	PADDING-BOTTOM: 5px;
	padding-top: 5px;
	/*font-size: 85%;*/
	POSITION:relative;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin-bottom: 15px;
	text-align: left;
}


#rightNav{
	float: right;
	width: 207px; 
}


#siteInfo {
	PADDING-RIGHT: 0px;
	background-color: #fff;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 10px;
	PADDING-TOP: 10px;
	MARGIN: 0px auto;
	margin-top:3px;
	margin-bottom: 3px;
	WIDTH: 1000px;
	font-size: 70%;
	POSITION: relative;
	TEXT-ALIGN: center;
	voice-family: inherit;
	clear:both;
	border-top: 5px solid #000;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
	/*hack to fix little grey box at the bottom*/
} 


#siteInfo a:link {  
		font-weight: normal;
		font-size: 90%;
		}
		
#siteInfo a:visited {   
		font-weight: normal;
		font-size: 90%;
		}
		
#siteInfo a:hover, a:active { 
		font-weight: normal;
		font-size: 90%;
}



#utilityNavIntranet{	
	margin: 0px;
	padding: 0px 2px 5px 5px;
	font-size: 75%;
	width: 50%;
 	background-color: transparent;
	float:right;
	margin-right: -40px;
	margin-top: -20px;
}


		
#utilityNavIntranet a:link {  
		font-weight: normal;
		}
		

		
#utilityNavIntranet a:visited {   
		font-weight: normal;
		}*/
		

.table {
	border: 1px solid #000;
}

/* use for titles of table columns */
.tableheader {
	background-color: #cccccc;
	border: 1px solid #ffcc00;
	font-size: 100%; 
	font-weight: bold;
	color: #000;
	vertical-align: top;
	font-variant: small-caps;
	padding: 2px;
	padding-left:5px;
	line-height: 1.4em; 
}

.tableheader a:link {
	font-weight: bold
	}

.tableheader a:hover {
	font-weight: bold
	}
	
/* this is for the directory for the bg color */
.tablecelldir {
	background-color: #cccccc;
	}

/* th works - don't think I'm using */
th {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 100%; 
	font-weight: bold;
	background-color: #999999;
}

/* use so the table cells have same characteristics as p tags */
td {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 100%; 
	font-style: normal; 
	font-weight: normal; 
	padding-top: 0px;
}

/* END TABLES */


/* horizontal rule - used frequently throughout the site */
hr {

	color: #000;
	background-color: #000;
	width: 100%;
	height: 3px;
	margin-left: auto;
	margin-right: auto;

}

/* Images */

.imageleft {
	float: left;
	margin-right: 15px;
	margin-bottom: 3px;
	margin-top: 20px;
	border: 2px solid #2B6DBB;
      }
	  
.imagenopad {
	float: left;
	margin-right: 15px;
	margin-bottom: 3px;
	margin-left: 20px;
	border: 2px solid #ffcc00;
      }
	  
.imagenoborder {
	float: right;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: none;
      }

.imageright {
	float: right;
	margin-right: 15px;
	margin-bottom: 3px;
	margin-left: 20px;
	border: 2px solid #2B6DBB;
      }

/*this image right class is used so that the image has no border*/
.imagerightnb {
	float: right;
	margin-right: 15px;
	margin-bottom: 3px;
	margin-left: 20px;
      }

.imagecenter {
	float: none;
	margin-right: 7px;
	margin-bottom: 3px;
	margin-left: 20px;
	border: 4px double #ffcc00;
      }
	    



h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 114%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 120%;
 color: #666;
 font-variant: small-caps;
 font-weight: bold;
 padding-top: 5px;
}

H4 { 	
	font-size: 120%; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 20px;
	background-color: transparent; 
	color: #2b6dbb;
    font-variant: small-caps; 
	font-weight: bold; 
}

/* use h5 headings for all sub headings within the pages */

H5 { 	
	font-size: 105%; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 6px; 
	color: #2b6dbb;
	font-weight: bold;
	font-variant: small-caps; 
	padding-top: 12px;
	margin-bottom: 6px;
}


 /* List Styles */
 

 /* using on the caep pages and DNS */
.checkbox li {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 85%; 
	font-style: normal;
	font-weight: normal;
	list-style-image:  url(/graphics/checkbullet.gif); list-style-type: square;
	line-height: 1.9em; 
	margin: 0;
	margin-left: 0px;
}

ul li {
	list-style-type: none;
}

.bodybullet li {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 85%; 
	font-style: normal;
	font-weight: normal;
	margin: 0;
	margin-left: 0px;
	padding-top: 0px;
	margin-top: 0px;
	line-height: 1.9em; 
	list-style-image:  url(/images/newbullet.gif);
}	
	
	
.bodybullet li a:link {  
		font-size: 97%; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-style: normal; 
	    color: #2b6dbb;
		text-decoration: none; 
		}

.bodybullet li a:visited {  
		font-size: 97%; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-style: normal; 
	    color: #2b6dbb; 
        text-decoration: none;   
}

.bodybulletli a:hover, a:active {  
		font-size: 97%; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-style: normal; 
	    color: #2b6dbb;
		text-decoration: underline; 
}	

		
a:link {  
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 90%; 
		font-style: normal; 
		color: #2B6DBB; 
		text-decoration: none; 
		font-weight: bold;
		}
		
		
a:visited {  
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 90%; 
		font-style: normal; 
		color: #2B6DBB; 
        text-decoration: none;   
		font-weight: bold;
		}
		
a:hover, a:active {  
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 90%; 
		font-style: normal; 
		color: #000; 
		text-decoration: underline; 
		font-weight: bold;
		}
		
p {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 85%; 
	font-style: normal; 
	line-height: 1.9em; 
	font-weight: normal; 
	padding-top: 10px;
	margin-top: 4px;
	margin-bottom: 4px;
}

p a:link {  
		font-size: 90%; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-style: normal; 
		color: #2B6DBB; 
		text-decoration: none; 
		font-weight: bold
		}


p a:visited {  
		font-size: 90%; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-style: normal; 
		color: #000; 
        text-decoration: none;   
		font-weight: bold
}

p a:hover, a:active {  
		font-size: 90%; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-style: normal; 
		color: #000; 
		text-decoration: underline; 
		font-weight: bold;
}


