/* Body Tags */

body {margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background: url(../images/body_bg.jpg);}

/* Form Formatting ------------------------------------------------------------------------------------------------------------------- */

	#searchbutton {font-size: 10px; border: 1px solid #617B8C; background-color: #70A98A;}
	#formbutton {font-size: 10px; border: 1px solid #617B8C;}
	#formelement {border: 1px solid #617B8C; font-size: 10px;}
	#formchckbox {width: 10px; height: 10px;}
	#formradiobtn {width: 10px; height: 10px;}

/* Banner Tags ----------------------------------------------------------------------------------------------------------------------- */

#printablebanner {display: none;}

#bannercntnr {width: 100%;}
	#topbarcntnr {width: 100%; height: 22px; background: url(../images/bnr_topbgcheckered.gif) repeat-x bottom; border-bottom: 1px solid #617B8C;}
		#topbar {width: 770px; height: 22px; margin: 0px auto 0px auto;}
		#topbar #search {float: right; width: 200px; background: url(../images/bnr_topbgnorm.gif) repeat-x; padding: 3px 3px 1px 3px; 
			border-left: 1px solid #70A98A; text-align: center; font-size: 10px;}
		#topbar #intranet {float: right; border-left: 1px solid #70A98A; padding: 6px 3px 3px 3px; background: url(../images/bnr_topbgnorm.gif) repeat-x bottom;
			width: 100px; font-size: 10px; text-align: center;}
			#intranet a:link, #intranet a:visited {color: #0B1B5E; text-decoration: none;}
			#intranet a:hover, #intranet a:active {color: #0B1B5E; text-decoration: underline;}  
	#bannermaincntnr {width: 100%; background-color: #FFFFFF;}	
		#bannermain {width: 770px; height: 106px; margin: 0px auto 0px auto; vertical-align: bottom; position: relative;}
		#logo {padding: 10px 0px 10px 0px; position: absolute; left: 0px;}
		#photo {padding: 0px 0px 0px 0px; position: absolute; right: 0px;}
	#bottombarcntnr {width: 100%; background: #7493A6 url(../images/bnr_menubg.jpg) repeat-x bottom; border-top: 1px solid #617B8C; 
		border-bottom: 1px solid #617B8C;}
		#bottombar {width: 770px; margin: 0px auto 0px auto;}
		#bottombar tr td#leftborder {border-left: 1px solid #414D81;}
		#bottombar a:link, #bottombar a:visited {display: block; color: #FFFFFF; font-weight: bold; font-size: 10px; padding: 4px 0px 4px 0px; 
			text-align: center; text-decoration: none; letter-spacing: 1px; border-right: 1px solid #414D81; border-left: 1px solid #617B8C;}
		#bottombar a:hover, #bottombar a:active {display: block; color: #FFFFFF; font-weight: bold; font-size: 10px; background-color: #4D6789;
			padding: 4px 0px 4px 0px; text-align: center; text-decoration: none; letter-spacing: 1px; border-right: 1px solid #414D81; 
			border-left: 1px solid #617B8C;}
	
/* Body And Menu Bars ---------------------------------------------------------------------------------------------------------------- */
	
	/* This bit does all the work - it handles the 3 column layout using only divs */
		#bigcontainer {width: 770px; margin: 0px auto 0px auto; border: 1px solid #617B8C; border-top: 0px; border-bottom: 0px; z-index: 1; 
			position: relative;}
			* html #bigcontainer {width: 770px; z-index: 1; position: relative;}	
		#inner {display:block; margin-left:-200px; margin-right:-150px; padding:0px 0px 1px 0px; background-image: url(../images/leftmenu_bg.gif); 
			background-position: left; background-repeat: repeat-y; z-index: 1; border-top: 1px solid #4D6789;}
		#leftmenu {float:left; position:relative; width:199px; padding: 0px 0px 10px 0px; z-index: 200; font-size: 10px; margin: 0px auto 0px auto;}
		/* Hide from IE-Mac \*/
			*html #leftmenu {left: 0px; position: absolute; width:199px; padding: 0px 0px 10px 0px; z-index: 200; font-size: 10px; margin: 0px auto 0px auto;}
			*html #rightmenu {right: 0px; position: absolute; width:150px; padding: 5px 0px 0px 0px; font-size: 10px; margin: 0px auto 0px auto;}
			*html #body {
	position:relative;
	display:block;
	height:665px;
	line-height: 15px;
	z-index: 1;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 215px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color:#FFFFFF;
}
			*html #FORMSbody {margin: 0px 30px 0px 215px; position:relative; display:block; height:665px; line-height: 15px; z-index: 1; 
				padding: 5px 0px 15px 0px;}
		/* End hide */
		#rightmenu {float:right; position:relative; width:150px; padding: 5px 0px 0px 0px; font-size: 10px; margin: 0px auto 0px auto;}
		#body {
	position:relative;
	display:block;
	min-height:600px;
	line-height: 15px;
	z-index: 1;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 210px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
		.clear {clear:both;}
		
	/* Home Page Container */
		#hpcontainer {position:relative; display:block; background: #FFFFFF url(../images/bodyborder.gif) repeat-y; border-left:200px solid #F9F7E8; 
			border-right:150px solid #FFFFFF; z-index: 1;}
			/* For IE - Fixes the problem with IE not using the border-left as the starting point for the bg (using a different .gif to trick it) */
			*html #hpcontainer {position:relative; display:block; background: #FFFFFF url(../images/bodyborder_ie.gif) repeat-y; 
				border-left:200px solid #F9F7E8; border-right:150px solid #FFFFFF; z-index: 1;}
	/* Secondary Page Container */
		#container {position:relative; display:block; background: #FFFFFF url(../images/bodyborder.gif) repeat-y; border-left:200px solid #F9F7E8; 
			border-right:150px solid #FED5B2; z-index: 1;}
			/* For IE - Fixes the problem with IE not using the border-left as the starting point for the bg (using a different .gif to trick it) */
			*html #container {position:relative; display:block; background: #FFFFFF url(../images/bodyborder_ie.gif) repeat-y; 
				border-left:200px solid #F9F7E8; border-right:150px solid #FED5B2; z-index: 1;}
		
		#secheader {font-size: 13px; color: #A2340D; font-weight: bold; padding: 3px 0px 2px 13px; background-color: #FED5B2;
			text-transform: uppercase; margin-left:201px; margin-right:153px; position:relative; display:block; z-index: 1;
			border-bottom: 1px solid #FE551A;}
		/* Hide from IE-Mac \*/
			*html #secheader {font-size: 13px; color: #A2340D; font-weight: bold; padding: 3px 0px 2px 8px; background-color: #FED5B2;
			text-transform: uppercase; margin-left:201px; margin-right:153px; position:relative; display:block; z-index: 1;
			border-bottom: 1px solid #FE551A;}
			/* End hide */
			
	/* Forms & Publications Page */
		#FORMScontainer {position:relative; display:block; background: #FFFFFF url(../images/bodyborderFORMS.gif) repeat-y; border-left:200px solid #F9F7E8; 
			z-index: 1;}
			/* For IE - Fixes the problem with IE not using the border-left as the starting point for the bg (using a different .gif to trick it) */
			*html #FORMScontainer {position:relative; display:block; background: #FFFFFF url(../images/bodyborderFORMS_ie.gif) repeat-y; 
				border-left:200px solid #F9F7E8; z-index: 1;}
		
		#FORMSsecheader {font-size: 13px; color: #A2340D; font-weight: bold; padding: 3px 0px 2px 13px; background-color: #FED5B2;
			text-transform: uppercase; margin-left:200px; position:relative; display:block; z-index: 1;
			border-bottom: 1px solid #FE551A;}
		/* Hide from IE-Mac \*/
			*html #FORMSsecheader {font-size: 13px; color: #A2340D; font-weight: bold; padding: 3px 0px 2px 8px; background-color: #FED5B2;
			text-transform: uppercase; margin-left:200px; position:relative; display:block; z-index: 1;
			border-bottom: 1px solid #FE551A;}
			/* End hide */
			
		#FORMSinner {display:block; margin-left:-200px; padding:0px 0px 1px 0px; z-index: 1; background-image: url(../images/leftmenu_bg.gif); 
			background-position: left; background-repeat: repeat-y; border-top: 1px solid #4D6789;}
		#FORMSbody {margin: 0px 30px 0px 215px; position:relative; display:block; min-height:600px; line-height: 15px; z-index: 1; padding: 5px 0px 15px 0px;}
			
	/* Admin Area */
		#admincontainer {min-height: 600px; background-color: #FFFFFF; position: absolute;}
			*html #admincontainer {height: 600px; background-color:#FFFFFF;}
		#adminheader {margin: 40px 15px 10px 0px; padding: 15px 0px 0px 140px; width: 80%; font-size: 12px; color: #617B8C; font-weight: bold;}
		#adminbody {margin: 20px 15px 0px 140px; padding: 15px 0px 0px 0px; width: 80%; border-top: 1px dotted #617B8C;}
		#adminerror {padding: 5px; width: 50%; border: 1px solid #A2340D; color: #A2340D; font-size: 10px; text-align: center;}
		#adminloggedin {width: 50%; float: right; text-align: right; margin: 3px 10px 0px 0px; font-size: 9px; color: #000000; font-weight: normal;}
		#adminmenu {width: 100%; padding: 5px; font-size: 9px; text-align: left;}
		#admincontent {margin: 20px 0px 0px 0px; font-size: 9px;}
	/* This is the end of the div formatting */
	
/* Left Menu ---------------------------------------------------------------------------- */
	
		#leftmenulinks {background: none; padding: 8px 0px 10px 0px; z-index: 200;}
		
			#leftmenulinks a:link, #leftmenulinks a:visited {color: #0B1B5E; text-decoration: none; display: block; padding: 3px 0px 3px 7px;}
			#leftmenulinks a:hover, #leftmenulinks a:active {color: #0B1B5E; display: block; padding: 3px 0px 3px 7px;}
			#leftmenulinks ul {margin: -6px 0px 0px 0px; padding: 0px 0px 0px 5px; display: block;}
			#leftmenulinks ul li {list-style: none; padding: 1px 1px 1px 4px; display: block;}
			#leftmenulinks ul li a:hover {display: block; background-color: #FED5B2;}
			
		#keyresources {background-color: #FED5B2; z-index: 200;}
			#keyresourcesheader {border-bottom: 1px solid #FE551A;}  
			#keyresourcesheader span {font-family: Arial, Helvetica, sans-serif; letter-spacing: -1px; font-weight: bold; font-size: 13px;
				text-transform: uppercase; color: #FFFFFF; margin: 0px; padding: 2px 0px 2px 10px;} 
		/* This is the rollout menu formatting */				
			#keyresources #menubar {z-index: 200; position: relative; top: 0; left: 0; width: 199px; font-size: 10px;}
			#keyresources #menubar ul {margin: 0; padding: 0; list-style: none; z-index: 200;}
			#keyresources #menubar ul li {position: relative; z-index: 200; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FE551A;}
			#keyresources #menubar ul li ul {border-top: 1px solid #FE551A; z-index: 200;}
			#keyresources #menubar ul li ul li {position: relative; z-index: 200; width: 175px; border-top: 1px solid #FFFFFF; 
				border-bottom: 1px solid #FE551A; border-left: 1px solid #FE551A; border-right: 1px solid #FE551A;}
			#keyresources #menubar li ul {position: absolute; left: 199px; top: -100px; display: none; z-index: 200;}
			#keyresources #menubar ul li a {display: block; text-decoration: none; color: #000000; padding: 3px 1px 3px 13px; z-index: 200;
				background-color: #FED5B2;}
			#keyresources #menubar ul li a#more:hover {display: block; text-decoration: none; color: #000000; padding: 3px 1px 3px 13px; z-index: 200; 
				background-color:#FED5B2; background-image: none; font-weight: bold;}
			#keyresources #menubar ul li a#more {display: block; text-decoration: none; color: #FFFFFF; padding: 3px 1px 3px 13px; z-index: 200;
				background-color: #CD6F4D; font-weight: bold;}
			#keyresources #menubar ul li a:hover {display: block; text-decoration: none; color: #FFFFFF; padding: 3px 1px 3px 13px; z-index: 200; 
				background-color:#CD6F4D; background-image: none;}
			/* Main Nav */	
			#keyresources #menubar ul li a#arrow {display: block; text-decoration: none; color: #000000; padding: 3px 1px 3px 13px; z-index: 200;
				background: #FED5B2 url(../images/arrow.gif) no-repeat right;}	
			#keyresources #menubar ul li a#arrow:hover {display: block; text-decoration: none; color: #FFFFFF; padding: 3px 1px 3px 13px; z-index: 200; 
				background: #CD6F4D url(../images/arrowO.gif) no-repeat right;}
			#keyresources #menubar li:hover ul, #keyresources #menubar li.over ul { display: block; z-index: 200; background-color: #999966;}
			
			/* Fix IE. Hide from IE Mac \*/
			* html #keyresources #menubar ul li { float: left; height: 1%; z-index: 200;}
			* html #keyresources #menubar ul li a { height: 1%; z-index: 200;}
			/* End */	
				
			/* This is the end of the rollout menu formatting */			
				
	/* Body -------------------------------------------------------------------------------- */
	
		#body img, #FORMSbody img {border: 1px solid #91AFA5; padding: 1px; margin: 5px 5px 5px 5px;}
		h1 {font-size: 14px; color: #0B1B5E; letter-spacing: 3px; margin: 10px 0px 8px 0px; padding: 0px;}
		h2 {font-size: 12px; color: #A2340D; letter-spacing: 0px; margin: 10px 0px 8px 0px; padding: 0px;}
		h3 {font-size: 11px; color: #000000; letter-spacing: 0px; margin: 10px 0px 8px 0px; padding: 0px;}
		h4 {font-size: 10px; color: #0B1B5E; letter-spacing: 0px; margin: 10px 0px 8px 0px; padding: 0px;}
		h5 {font-size: 10px; color: #0B1B5E; border-bottom: 1px solid #0B1B5E; padding: 0px 0px 4px 0px; margin: 5px 0px 0px 0px;}
		h6 {font-size: 10px; color: #000000; border-bottom: 1px solid #000000; padding: 0px 0px 4px 0px; margin: 5px 0px 0px 0px;}
		#body ul li {list-style-image: url(../images/bullet.gif); margin-bottom: 6px;}
		
		a:link, a:visited {color: #A2340D; text-decoration: underline; font-weight: normal;}
		a:hover, a:active {color: #A2340D; text-decoration: none; font-weight: normal;}
		
		tr.tableheader td {background-color: #FED5B2; border-bottom: 1px solid #F0CDA8; color: #0B1B5E; font-weight: bold; font-size: 10px;}
		tr.tablerowcolor td {background-color: #FCE6CF;}
		.table {border: 1px solid #F0CDA8; font-size: 9px;}
		.tablenoborder tr td {font-size: 9px; padding: 3px;}		
		.table tr td {padding: 6px;}
		.bluefont {color: #0B1B5E; font-weight: bold;}
		.redfont {color: #A2340D; font-weight: bold;}
		.smallredfont {color: #A2340D; font-weight: bold; font-size: 9px;}
		.smalltext {font-size: 9px;}
		
		#tablenoborder {margin-bottom: 20px; font-size: 9px;}
		
/* Right Menu ---------------------------------------------------------------------------- */
	
		/* Home Page */
	
		#secretary {padding: 0px 0px 5px 10px; color: #0B1B5E;}
		
		#recentnews {background: #DFE5D8 url(../images/newsbg.jpg) repeat-x bottom; margin: 5px 0px 10px 0px; padding: 0px 0px 4px 0px; 
			border-bottom: 2px solid #35666A;}
			#recentnewsheader {background: #E3E7E0 url(../images/hdrgreenbg.gif) repeat-x; margin: 0px 0px 0px 0px; border-bottom: 1px solid #35666A;}  
			#recentnews ul {margin: 0px; padding: 0px 0px 0px 0px;}
			#recentnews ul li {list-style: none; padding: 6px 1px 4px 5px; display: block;}
			#recentnews a:link, #recentnews a:visited {color: #15474C; font-weight: bold; text-decoration: none;}
			#recentnews a:hover, #recentnews a:active {color: #15474C; font-weight: bold; text-decoration: underline;}
		
		#featuredprograms {background: #E3E7E0 url(../images/featuredprogramsbg.jpg) repeat-x bottom; margin: 5px 0px 10px 0px; padding: 0px 0px 4px 0px; 
			border-bottom: 2px solid #4D6789;}
			#featuredprogramsheader {margin: 0px 0px 0px 0px; border-bottom: 1px solid #4D6789;}  
			#featuredprogramsheader img#header {border: none; padding: 0px;}
			#featuredprograms img {border: 1px solid #4D6789; padding: 1px;}
			#featuredprograms a:hover img {border: 1px solid #4D6789; background-color: #4D6789; padding: 1px;}
		
		#employment {background: #F5E2CF url(../images/employmentbg.gif) repeat-x bottom; margin: 5px 0px 10px 0px; padding: 0px 0px 4px 0px; 
			border-bottom: 2px solid #FE551A;}
			#employmentheader {margin: 0px 0px 0px 0px; border-bottom: 1px solid #4D6789;}  
			#employment a {font-weight: bold;}
			#employment ul {margin: 0px; padding: 0px 0px 0px 0px;}
			#employment	ul li {list-style: none; padding: 6px 1px 4px 5px; display: block;}
						
		/* Secondary Page */
		
		#seclinks {margin: 0px 5px 0px 5px; padding: 0px 0px 0px 0px; width: 90%;}
		#seclinks ul {margin: 3px 0px 6px 0px; padding: 0px 0px 5px 0px;}
			#seclinks ul li {list-style: none; padding: 3px 1px 3px 0px;}
			#seclinks a:link, #seclinks a:visited {color: #0B1B5E; text-decoration: none;}
			#seclinks a:hover, #seclinks a:active {color: #0B1B5E; text-decoration: underline;}
			
		#formspubs {margin: 0px 5px 0px 5px; padding: 0px 0px 0px 0px; width: 90%; color: #0B1B5E; font-size: 9px;}
		#formspubs ul {margin: 3px 0px 6px 0px; padding: 0px 0px 5px 0px;}
			#formspubs ul li {list-style: none; padding: 3px 1px 3px 0px;}
			#formspubs a:link, #formspubs a:visited {color: #0B1B5E; text-decoration: none;}
			#formspubs a:hover, #formspubs a:active {color: #0B1B5E; text-decoration: underline;}
		
		#addtnllinks {margin: 15px 5px 0px 5px; padding: 5px 0px 0px 0px; width: 90%;}
		#addtnllinks ul {margin: 6px 0px 6px 0px; padding:  5px 0px 5px 0px; border-top: 1px dashed #91AFA5; border-bottom: 1px dashed #91AFA5;}
			#addtnllinks ul li {list-style: none; padding: 3px 1px 3px 0px;}
			#addtnllinks a:link, #addtnllinks a:visited {color: #0B1B5E; text-decoration: none;}
			#addtnllinks a:hover, #addtnllinks a:active {color: #0B1B5E; text-decoration: underline;}
	
/* Footer --------------------------------------------------------------------------------------------------------------------------- */

#footer {width: 770px; margin: 0px auto 0px auto; border-top: 1px solid #91AFA5; background: url(../images/footer_bg.gif) repeat-x #FFFFFF;
	padding: 10px 0px 10px 0px; font-size: 9px; text-align: center; border-left: 1px solid #617B8C; border-right: 1px solid #617B8C;
	border-bottom: 1px solid #617B8C; line-height: 15px; position: relative;}
	#footer a:link, #footer a:visited {color: #91AFA5; text-decoration: none; font-weight: bold; text-transform: uppercase;}
	#footer a:hover, #footer a:active {color: #91AFA5; text-decoration: underline; font-weight: bold; text-transform:uppercase;}