﻿.body {
	background: #fff;
	color: #1a1a19;
	margin: 0px;
	padding: 0px;
	background-image: url(/images/body_topbg.gif);
	background-repeat:repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
}

.required { font: 12px Verdana, Arial, Helvetica, sans-serif; COLOR: #cc0000; }

a {text-decoration:underline; 	color: #1a1a19;}
a:hover {text-decoration:underline; color:#006666;}

#top {width: 750px; margin:0 auto; background-image:url(/images/top_glow.gif); background-position:right top; background-repeat:no-repeat;}

#logo {width:750px; height:84px; float:left;}

#top_links {
	color:#fff;
	text-align:right;
	padding:35px 4px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#top_links a:link, #top_links a:visited, #top_links a:active  {color:#fff; text-decoration:none;}
#top_links a:hover {color:#fff; text-decoration:underline;}


/*#home_intro {width:100%; background-image:url(/images/home_banner.jpg); background-position:top; background-repeat:no-repeat; margin-bottom:15px;}*/
#home1 {width:100%; background-image:url(/images/home_banner.jpg); background-position:top; background-repeat:no-repeat; margin-bottom:15px;}
#home2 {width:100%; background-image:url(/images/home_banner2.jpg); background-position:top; background-repeat:no-repeat; margin-bottom:15px;}
#home3 {width:100%; background-image:url(/images/home_banner3.jpg); background-position:top; background-repeat:no-repeat; margin-bottom:15px;}
#home4 {width:100%; background-image:url(/images/home_banner4.jpg); background-position:top; background-repeat:no-repeat; margin-bottom:15px;}

#intro_content {width:750px; margin:0 auto; padding-top:27px;}

#intro_text {float:left; width:430px; padding-bottom:10px;}

#inside_wrapper ul, #inside_wrapper ol {margin:0 0 15px 30px;}

.document_search {
	width:225px; 
	background:white; 
	border:1px solid #006666; 
	z-index:50; 
	position:absolute; 
	top:185px; 
	left:450px; 
	padding:20px; 
	display:none;}
	
.document_search ul {margin:0px; padding:0px;}
.document_search li {margin:0px 0 12px 0; padding:0px; list-style-type:none;}
.document_search li.buttons {list-style-type:none; float:left; width:100px;}

.searchbox {width:212px;}
.dropdown {width:215px;}



#inside_wrapper .document_search2 {
	width:225px; 
	background:white; 
	border:1px solid #006666; 
	padding:20px;
	margin:15px 0;
	height:150px;}
	
#inside_wrapper .document_search2 ul {margin:0px; padding:0px;}
#inside_wrapper .document_search2 li {margin:0px 0 12px 0; padding:0px; list-style-type:none;}
#inside_wrapper .document_search2 li.buttons {list-style-type:none; float:left; width:100px;}


h1.welcome { text-indent:-9999px; background-image:url(/images/welcome_header.gif); background-repeat:no-repeat; width:293px; height:52px; margin-bottom:15px;}

.homespacer {float:left; width:2px; height:250px;}

#home_callouts {width:750px; margin:0 auto; padding:10px 0px; /*background:blue;*/}

#home_callouts div {width:237px; margin:0 13px 20px 0; float:left;}
#right_column div {width:237px; margin:0 0 20px 0; float:left;}

#home_callouts div dl {
	background-image:url(/images/callout_bg.jpg); 
	background-repeat:repeat-y; 
	width:237px;
	height:200px; 
	margin:0px; 
	padding:0px 0 10px 0; border-bottom:1px solid #cc9900;
}

#right_column div dl {
	background-image:url(/images/callout_bg.jpg); 
	background-repeat:repeat-y; 
	width:237px; 
	margin:0px; 
	padding:15px 0 10px 0; 
	border-bottom:1px solid #cc9900;
	border-top:1px solid #cc9900;
}

#home_callouts div dl.noborder {border:none; height:120px;}
	
#home_callouts dt, #right_column dt  {
	width:237px; 
	height:23px; 
	margin:0px 0 5px 0; 
	padding:0px; 
	text-indent:-999px;}

#home_callouts dt.news, #right_column dt.news {	
	background-image:url(/images/news_callout_header.gif); 
	background-repeat:no-repeat; }
	
#home_callouts dt.education, #right_column dt.education {	
	background-image:url(/images/education_callout_header.gif); 
	background-repeat:no-repeat; }
	
#home_callouts dt.spotlight, #right_column dt.spotlight {	
	background-image:url(/images/spotlight_callout_header.gif); 
	background-repeat:no-repeat; }
	


#home_callouts dd.photo  {margin:0px 0 0px 0; padding:0px 0 10px 0; text-align:center; background-image:none;}
#home_callouts dd.photo img  {border: 1px solid #cc9900; }

#home_callouts dd.text, #right_column dd.text {margin:0px 15px 0px 15px; padding:0px 0 10px 0; text-align:left; background-image:none;}

#home_callouts dd, #right_column dd {
	background-image:url(/images/callout_bullet.gif);
	background-position:left 4px;
	background-repeat:no-repeat;
	list-style-image: none;
	list-style-type: none;
	padding:0 20px 8px 17px;
	margin:0 0 0px 14px;
	line-height: 18px;
}

#footer {width:750px; margin:0 auto; padding:0px;}
#footer a {text-decoration:none;}
#footer a:hover {text-decoration:underline;}

#inside_wrapper { background-image:url(images/inside_content_wrapper_bg.gif); background-position:top; background-repeat:repeat-x; width:100%; background-color:#fff; margin:0 0 40px 0; float:left;}



#inside_content {
width:750px; margin:0 auto; clear:both;}

#left_column {padding:117px 40px 0 0; width:410px; background-image:url(images/inside_content_bg.jpg); background-position:left top; background-repeat:no-repeat;float:left;}

#left_column2 {padding:20px 0px 0 0; width:100%;float:left;}

#right_column {width:241px; float:left;  padding:20px 0 0 59px; /*background-color:red;*/}


P { margin:0px 0 12px 0; }
UL { margin:0px; }
LI { margin:0px; }
FORM { margin:0px; }
INPUT { margin:0px; }
H1, H2, H3, H4, H5, H6, H7, H8 {margin:0px; }

H1 {
	font: normal 18px Arial, Helvetica, sans-serif;
	COLOR: #006666;
	text-transform: uppercase;
	margin:0 0 18px 0;
}
H2 {
	font: normal 14px Arial, Helvetica, sans-serif;
	COLOR: #cc9900;
	text-transform: uppercase;
}

h3 {font: normal 15px Arial, Helvetica, sans-serif; font-weight:bold;}

H4 {
	font: bold 14px Arial, Helvetica, sans-serif;
	COLOR: #cc9900;

}



.welcome { font: 12px/18px Verdana, Arial, Helvetica, sans-serif; COLOR: #000000; }


.table { font: 12px Verdana, Arial, Helvetica, sans-serif; COLOR: #000000; background:#FF0000; }
.table A         { COLOR: #000000; }
.table A:hover   { COLOR: #FFFFFF; }
.table TH { padding:2px 10px 2px 10px; text-align:left; }
.table TH A       { COLOR: #000000; }
.table TH A:hover { COLOR: #FFFFFF; }
.table TD { padding:2px 10px 2px 10px; }
.table .listing1 { background:#FFCC66; }
.table .listing2 { background:#FFFF99; }
.table .pager { font-size: 10px; COLOR: #000000; }
.table .pager A         { font-weight:bold; }

.border { COLOR: #000000; BORDER: solid #000000 1px; }

.input { font: 12px Verdana, Arial, Helvetica, sans-serif; COLOR: #000000; background:#CCCCFF; }
.button { font: 12px Verdana, Arial, Helvetica, sans-serif; COLOR: #fff; background:#006666; }

.help { font: 12px Verdana, Arial, Helvetica, sans-serif; COLOR: #CC0000; }
.help A { COLOR: #CC0000; }
.error { font: 12px Verdana, Arial, Helvetica, sans-serif; COLOR: #006699; }
.error A { COLOR: #006699; }


/* THESE TABLES ARE USED BY GLOBAL ADMIN */
.tablea 
{
	COLOR: #006666; 
	background:#9b5f0c; 
	border:1px solid #cc9900; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13px;
	font-weight: normal;
	background:#eeefe1; 
	width: 100%;
	border-collapse: collapse; /* this sets cellspacing to 0 on tables */
}

.tablea .tablehead {background-color:#cc9900;}
.tablea .tablehead td {padding:4px; color:#fff; font-weight:bold;}
.tablea .tablehead td a {color:#fff; font-weight:bold;}

.tablea A:link { COLOR: #006666; text-decoration: underline;}
.tablea A:visited { COLOR: #006666; text-decoration: underline;}
.tablea A:active { COLOR: #006666; text-decoration: underline;}
.tablea A:hover { COLOR: #000; text-decoration: none;}

.tablea td { padding: 2px; border: 1px;}

/* Use "th" if possible. If .net does not support "th" then use "header" class */
.tablea th {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #cc9900;
	padding: 4px;
}
.tablea th A:link { color: #FFFFFF; text-decoration: underline;}
.tablea th A:visited { color: #FFFFFF; text-decoration: underline; }
.tablea th A:active { color: #FFFFFF; text-decoration: underline; }
.tablea th A:hover { color: #FFFFFF; text-decoration: none; }

.tablea .header {
	font-size: 12px;
	line-height: 17px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #9b5f0c;
	padding: 20px;
}
.tablea .header A:link { color: #FFFFFF; text-decoration: underline;}
.tablea .header A:visited { color: #FFFFFF; text-decoration: underline; }
.tablea .header A:active { color: #FFFFFF; text-decoration: underline; }
.tablea .header A:hover { color: #FFFFFF; text-decoration: none; }

.tablea .header td { padding: 2px;}

.tablea .footer { 
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	background-color: #003C7B;
}
.tablea .footer td { text-align: center;}
.tablea .alt { background:#E2E2D2;}
.tablea .pager { font-size: 12px; COLOR: #000000; background:#FFFFFF; }
.tablea .pager A         { font-weight:bold; }

.tableb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	font-weight: normal;
	border: 1px solid #4f9595;
	background: #ffffff;
	color: #000000;
	border-collapse: collapse; /* this sets cellspacing to 0 on tables */
}
.tableb A:link { COLOR: #003C7B; text-decoration: underline;}
.tableb A:visited { COLOR: #003C7B; text-decoration: underline;}
.tableb A:active { COLOR: #003C7B; text-decoration: underline;}
.tableb A:hover { COLOR: #003C7B; text-decoration: none;}

.tableb td { padding: 2px; border: 1px; }

/* Use "th" if possible. If .net does not support "th" then use "header" class */
.tableb th {
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #4f9595;
	padding: 4px;
	/*padding: 4px 20px 4px 20px;*/
}
.tableb th A:link { color: #FFFFFF; text-decoration: underline;}
.tableb th A:visited { color: #FFFFFF; text-decoration: underline; }
.tableb th A:active { color: #FFFFFF; text-decoration: underline; }
.tableb th A:hover { color: #FFFFFF; text-decoration: none; }

.tableb .header 
{
    text-align:left;
    display: block;
	font-size: 10px;
	line-height: 17px;
	font-weight: bold; 
	color: #FFFFFF;
	background-color: #794500;
	padding: 3px;
}
.tableb .header A:link { color: #FFFFFF; text-decoration: underline;}
.tableb .header A:visited { color: #FFFFFF; text-decoration: underline; }
.tableb .header A:active { color: #FFFFFF; text-decoration: underline; }
.tableb .header A:hover { color: #FFFFFF; text-decoration: none; }

.tableb .header td { padding: 2px; }

.tableb .footer { 
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	background-color: #003C7B;
}
.tableb .footer td { text-align: center;}
.tableb .alt { background:#DDD;}


tr.headerBG td {background-image:url(images/BG.gif); background-position:top; background-repeat:repeat-x; height:100px; vertical-align:top; background-color:#006666; padding:10px 0 0 20px;}

tr.headerBG td div { padding:30px 20px 0 0; color:#fff;}

tr.headerBG td div p a {color:white;}

.headerBG {font-family: Verdana; font-size: 12px; background-repeat:repeat-x; background-position:top;}

.table1 {
	color: #000; 
	border:1px solid #006666; 
	font-size: 12px;
	line-height: 13px;
	font-weight: normal;
	background:#faf5e5; 
	border-collapse: collapse; /* this sets cellspacing to 0 on tables */
	}
.table1 A { color: #003C7B;}

.table1 td { padding: 4px 15px 4px 4px;}
.table1 label {
	margin:4px 5px 0 0;
	float:left;
	font-weight: bold;
	width:180px;
	}

/* In the HTML, use "th" if possible. If .net does not support "th" then use "tablehead" class */
.table1 th, .table1 .tablehead {
	font-size: 12px;
	line-height: 17px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #006666;
	}

.table1 th, .table1 .tablehead td { text-align:left; padding: 4px 15px 4px 4px;}

.table1 th A, .table1 .tablehead A {color: #FFFFFF;}

.table1 .alt { background:#e9d391;}

.table1 .pager { background-color: #006666; color: #fff;}
.table1 .pager A { color: #fff;}

.table2 {
	color: #000;
	background:#FFFFFF;
	border:1px solid #FF9900;
	font-size: 12px;
	line-height: 13px;
	font-weight: normal;
	border-collapse: collapse;
	width:500px;
	}
.table2 A { color: #003C7B;}

.table2 td { padding: 4px 15px 4px 4px;}
.table2 label {
	display:block;
	margin:6px 0 0 0;
	font-weight: bold;
	}

/* In the HTML, use "th" if possible. If .net does not support "th" then use "tablehead" class */
.table2 th, .table2 .tablehead {
	font-size: 12px;
	line-height: 17px;
	font-weight: bold;
	color: #000000;
	background-color: #FF9900;
	}

.table2 th, .table2 .tablehead td { text-align:left; padding: 4px 15px 4px 4px;}

.table2 th A, .table2 .tablehead A { color: #000000;}

.table2 .alt {
	background:#FCE8DA;
	border-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-color: #FFCC66;
}

.table2 .pager { color: #000000; background:#FFFFFF; }
.table2 .pager A { font-weight:bold; }

/*-- Fieldset Styles --*/
fieldset {
	float: left;
	font: 12px Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
	margin: 0 0 20px 0;
	padding: 10px;
	width: 400px;
	display: block;
	}
	
fieldset h2 {
	font-size: 14px;
	margin: 0 0 20px 0;
	padding: 0;
	font-weight: bold;
	color: #333;
	}
	
fieldset ul  {
	list-style:none;
	margin: 0;
	padding: 0;
	}

fieldset li {
	width: 400px;
	float: left;
	margin: 0 0 20px 0;
	padding: 0;
	}

fieldset li label {	
	float: left;
	width: 150px;
	vertical-align: top;
	}

fieldset li input {	
	float: left;
	width: 150px;
	vertical-align: top;
	}

fieldset li select {	
	float: left;
	width: 154px;
	vertical-align: top;
	}

fieldset .required {
	color: #CC0000;
	}
	
fieldset .help {
	width: 160px;
	clear: both;
	margin: 0 0 0 150px;
	}
	
fieldset ul li .error {
	margin: 0 5px;
	background: url(images/icon_alert.png) no-repeat left top;
	height: 20px;
	width: 20px;
	text-indent: -9999em;
	}

fieldset ul li span {
	float: left;
	padding: 0 5px 0 0;
	}

fieldset ul li span input {
	float: none;
	width: 50px;
	}

fieldset ul li span label {
	width: auto;
	display: block;
	clear: both;
	}

/*-- Radio Styles --*/
fieldset ul li.radio {
	/*padding: 0 5px 0 0;*/
	}

fieldset ul li.radio table {
	padding: 0 5px 0 0;
	border-collapse: collapse;
	}

fieldset ul li.radio table td {
	padding: 2px;
	}

fieldset ul li.radio label {
	width: 150px;
	clear: none;
	}
	
fieldset ul li.radio input {
	float: left;
	width: auto;
	}

/*-- Checkbox Styles --*/
fieldset ul li.checkbox input, fieldset ul li.checkbox span input {
	width: 20px;
	}

fieldset ul li.checkbox label {
	width: 340px;
	}

fieldset ul li.checkbox p {
	margin: 0 0 5px 0;
	}
	
/*-- Mouseover the Magnifying Glass Icon --*/
.callout {
 	font-family: Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	font-size: 10px;
	background: #fff;
	width: 160px;
	border: 1px solid #006666;
	margin: 0px;
	padding: 0px;
	}

.callout td, .callout tr {
	margin:0px;
	padding:0px;
	}

td.callouttitle {
    text-align:left;
	color: #fff;
	font-weight: bold;
	background: #006666;
	padding: 5px;
	}
		
.calloutcontent td, .calloutcontent tr {
	margin:3px;
	padding:3px;
	}
/*-- END Mouseover the Magnifying Glass Icon --*/

.content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}