/* CSS Document */

/* MAIN PAGE STRUCTURE */
body{
	/*ie nedds these*/
	margin: 5px 0px 5px 0px;
	padding: 0px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	/*align center for IE*/
	text-align: center;    
	color: #333333; 
	background-color: #cfe0e6;
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
}

#header{
	width: 820px;
	padding: 0px 10px 0px 10px;
	/*center absolute div*/
	/*put div on the center of the page*/
	margin: auto auto;
	/*put the div fist on the page*/
	top: 0px;
	height: 110px;
	background-image: url(images/logo.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	border-left: 1px solid #088b8d;
	border-right: 1px solid #088b8d;	
	border-top: 1px solid #088b8d;		
}

#container{
	/* page width*/
	width: 820px;
	padding: 0px 10px;
	/*center relative div*/
	margin: auto auto;
	margin-top: 0px;
	height: 100%;
	overflow: hidden;
	background-color: #FFFFFF;
	text-align: center;
	border-left: 1px solid #088b8d;
	border-right: 1px solid #088b8d;	
}

/* Content to fit full page width */
#content{
	width: 798px;
	float: right;
	margin: 5px 10px 5px 0px;
	text-align: left;
}

/* Content with Sub Navigation on the left */
#content_2{
	width: 590px;
	float: right;
	margin: 5px 10px 5px 0px;
	text-align: left;
	border-left: 2px dotted #cccccc; 
	padding-left: 25px;
}

#navigation{
	float: left;
	width: 160px;
	margin: 10px 0px 0px 10px;
	text-align: left;
	overflow: hidden;
}

#footer{
	width: 820px;
	padding: 0px 10px;
	clear: both;
	color: #d4fcfc;
	font-size: 11px;
	line-height: 15px;
	padding-top: 5px;
	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 90px;
	margin: auto auto;
	background-color: #FFFFFF;
	border-left: 1px solid #088b8d;
	border-right: 1px solid #088b8d;	
	border-bottom: 1px solid #088b8d;	
}

/* END MAIN PAGE STRUCTURE */
a{
	color: #0099CC;
	text-decoration: underline;
}

a:hover{
	text-decoration: none;
}

#footer a{
	text-decoration: underline;
	color: #307f9d;
}

#footer a:hover{
	text-decoration: none;
}

p{
	margin: 0px 0px 8px 0px;
	line-height: 16px;
}


/* STYLE FOR ALL FORM FIELDS */
Input {
	border: 1px solid #307f9d;
}

Input.btn {
	height: 22px;
	font-weight: bold;
	width: 60px;
	letter-spacing: 1px;
	font-size: 10px;
	color: #ffffff;
	border: 1px solid #307f9d;
	background-color: #307f9d;
}

/* Website Search */
.top_search{
	float: right;
	padding: 0;
	margin: 25px 10px 0px 0px;
}

.search_field{
	height: 14px;
	font-size: 9px;
	color: #307f9d;
	border: 1px solid #307f9d;
	padding: 1px;
	padding-left: 3px;
	margin-top: 1px;
	vertical-align: top;
}

/* Contact Form */
Input.contact {
	height: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 10px;
	color: #307f9d;
	border: 1px solid #307f9d;
	padding: 1px;
	padding-left: 3px;
	margin-top: 1px;
	vertical-align: top;
}

textarea.contact {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;	
	color: #307f9d;
	border: 1px solid #307f9d;
	padding: 1px;
	padding-left: 3px;
	margin-top: 1px;
	vertical-align: top;
}

select.contact {
	height: 20px;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #307f9d;
	border: 1px solid #307f9d;
	padding: 1px;
	padding-left: 3px;
	margin-top: 1px;
	vertical-align: top;
}

/* Employment Form */
Input.emp {
	height: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 10px;
	color: #307f9d;
	border: 0px solid #307f9d;
	border-bottom: 1px solid #333333;
	padding: 1px;
	padding-left: 3px;
	margin-top: 1px;
	vertical-align: top;
}

textarea.emp {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;	
	color: #307f9d;
	border: 1px solid #307f9d;
	padding: 1px;
	padding-left: 3px;
	margin-top: 1px;
	vertical-align: top;
}

select.emp {
	height: 20px;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #307f9d;
	border: 1px solid #307f9d;
	padding: 1px;
	padding-left: 3px;
	margin-top: 1px;
	vertical-align: top;
}

.employment{
	font-size: 11px;
}
/*   end */

.special {
	display: none;
}
/* END STYLE FOR ALL FORM FIELDS */


hr{
	height: 0;
	border-width: 1px 0 0 0;
	border-style: dashed;
	border-color: #90bed0;
}

.homepage_main_image{
	margin: 5px auto 0px auto;
	background-image: url(images/homepage_main.jpg);
	background-repeat: no-repeat;
	height: 233px;
	width: 800px;
}

/* Content to the right of main image */
.homepage_promo{
	height: 233px;
	width: 430px;
	float: right;
	text-align: left;
	margin-right: 10px;
	padding: 10px 0px 0px 0px;
}

.homepage_promo h1{
	color: #307f9d;
	font-size: 18px;
	line-height: 20px;
	margin: 0px 0px 5px 0px;
	padding: 0;
	font-weight: normal;
}

.homepage_promo h3 a{
	color: #008789;
	font-size: 14px;
	line-height: 16px;
	margin: 0px 0px 5px 0px;
	padding: 0;
	text-decoration: none;	
	font-weight: normal;
}

.homepage_promo h3 a:hover{
	text-decoration: underline;	
}

.homepage_promo h4{
	color: #7a9d30;
	font-size: 16px;
	line-height: 18px;
	margin: 10px 0px 0px 0px;
	padding: 0;
	text-decoration: none;	
	font-weight: normal;
}

.events_table{
	color: #237192;
	border-top: 1px solid #90bed0;
	font-size: 11px;
}

.events_table a{
	color: #237192;
	text-decoration: none;
	color: #008789;
}

.events_table a:hover{
	text-decoration: underline;
}

/* Style for Main Content Headings */
#content h1{
	color: #008789;
	font-size: 20px;
	margin: 30px 0px 5px 0px;
	font-weight: bold;
}

#content_2 h1{
	color: #008789;
	font-size: 20px;
	margin: 30px 0px 5px 0px;
	font-weight: bold;
}

#content h2{
	color: #307f9d;
	font-size: 16px;
	line-height: 18px;
	margin: 30px 0px 0px 0px;
	padding: 0;
	font-weight: bold;
}

#content_2 h2{
	color: #307f9d;
	font-size: 16px;
	line-height: 18px;
	margin: 30px 0px 0px 0px;
	padding: 0;
	font-weight: bold;
}

#content h3{
	color: #307f9d;
	font-size: 14px;
	line-height: 16px;
	margin: 10px 0px 0px 0px;
	padding: 0;
	font-weight: normal;
}

#content_2 h3{
	color: #307f9d;
	font-size: 14px;
	line-height: 14px;
	margin: 10px 0px 0px 0px;
	padding: 0;
	font-weight: normal;
}

/* Style for Left Navigation */
#navigation h3{
	color: #008789;
	font-size: 14px;
	line-height: 14px;
	margin: 3px 0px 0px 5px;
	padding: 0;
	font-weight: bold;
}

#navigation ul{
	margin: 0px 0px 0px 5px;
	padding: 0;
	width: 160px;
}

#navigation li{
	margin: 10px 0px;
	padding: 0;
	padding-bottom: 5px;
	list-style-type: none;
	border-bottom: 0px solid #ebebeb;
	color: #0099CC;
}

/* Services List */
.services ul{
	margin: 0px 0px 0px 0px;
	padding: 0;
}

.services li{
	margin: 0px 0px 5px 0px;
	padding: 0;
	color: #333333;
	font-weight: bold;
	list-style-type: none;	
}

.services li ul li{
	margin: 5px 0px 0px 15px;
	padding: 0;
	color: #333333;
	font-weight: normal;
	list-style-type: disc;
}

/* Funding List */
.funding ul{
	margin: 0px 0px 0px 0px;
	padding: 0;
}

.funding li{
	margin: 0px 0px 10px 0px;
	padding: 0;
	color: #333333;
	list-style-type: circle;	
}

/* Style for Employment Elements */
.employment_header{
	border: 1px solid #666666;
	margin: 10px 0px 10px 0px;
	padding: 10px 10px;
}

/* Style for Right Column Content */
#right_column{
	float: right;
	width: 150px;
	margin: 10px 10px 20px 20px;
	padding: 0px 0px 10px 10px;
	font-size: 12px;
	border-left: 1px dashed #088b8d;
	color: #307f9d;
}

#right_column p{
	line-height: 14px;
	margin: 5px 5px;	
	font-style: italic;
}

#right_column h1{
	color: #307f9d;
	font-size: 14px;
	line-height: 16px;
	margin: 0px 0px 5px 5px;
	font-weight: normal;
	font-weight: bold;
	font-style: italic;
}


/* NAVIGATION MENU */
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_drop6.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.preload1 {background: url(images/menu_files/six_0a.gif);}
.preload2 {background: url(images/menu_files/six_1a.gif);}

#nav {width: 800px; padding:0; margin:0; margin-top: 3px; list-style:none; height:26px; background:#fff url(images/menu_files/six_0.gif) repeat-x; position:relative; z-index:200; font-family:arial, helvetica, sans-serif; text-align: left;}
#nav li.top {display:block; float:left; }
#nav li a.top_link {display:block; float:left; height:26px; line-height:26px; color:#d4fcfc; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(images/menu_files/six_0.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:26px; background: url(images/menu_files/six_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:26px; background: url(images/menu_files/six_0a.gif) no-repeat right top;}

#nav li:hover a.top_link,
#nav a.top_link:hover
{color:#d4fcfc; background: url(images/menu_files/six_1.gif) no-repeat; text-decoration: underline;}
#nav li:hover a.top_link span, 
#nav a.top_link:hover span
{background:url(images/menu_files/six_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down,
#nav a.top_link:hover span.down
{background:url(images/menu_files/six_1a.gif) no-repeat right top; padding-bottom:0px;}

#nav table {border-collapse:collapse; padding:0; margin:0; position:absolute; left:0; top:0;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{left:1px; top:25px; background: #d4fcfc; padding:3px; border:1px solid #24989a; white-space:nowrap; width:126px; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:126px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; font-size:11px; height:18px; width:124px; line-height:18px; text-indent:5px; color:#497484; text-decoration:none;border:1px solid #d4fcfc;}
#nav li ul.sub li a.fly
{background:#d4fcfc url(images/menu_files/arrow.gif) 80px 6px no-repeat;}
#nav :hover ul.sub li a:hover 
{background:#24989a; color:#fff; border-color:#24989a;}
#nav :hover ul.sub li a.fly:hover
{background:#24989a url(images/menu_files/arrow_over.gif) 80px 6px no-repeat; color:#fff;}

#nav li b {display:block; font-size:11px; height:18px; width:88px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#ff6; border-bottom:1px solid #ff6; cursor:default;}

#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:89px; top:-4px; background: #d4fcfc; padding:3px; border:1px solid #24989a; white-space:nowrap; width:90px; z-index:400; height:auto;}

#nav ul, 
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover > ul
{left:90px; top:-4px; background: #d4fcfc; padding:3px; border:1px solid #24989a; white-space:nowrap; width:90px; z-index:400; height:auto;}
#nav li:hover > ul ul 
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li:hover li:hover > a.fly
{background:#24989a url(images/menu_files/arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;} 
#nav li:hover li:hover > li a.fly
{background:#d4fcfc url(images/menu_files/arrow.gif) 80px 6px no-repeat; color:#000; border-color:#50b5d0;} 
/* END NAVIGATION MENU */


/* SEARCH ENGINE STYLE */		
.highlight { background: #FFFF40; }
.searchheading {	
	color: #307f9d;
	font-size: 16px;
	line-height: 18px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	font-weight: bold;
}
.summary { font-size: 80%; font-style: italic; }
.suggestion { font-size: 100%; }
.results { font-size: 100%; }
.category { color: #999999; }
.sorting { text-align: right; }

.result_title { font-size: 100%; }		
.description { font-size: 100%; color: #008000; }
.context { font-size: 100%; }
.infoline { font-size: 80%; font-style: normal; color: #808080;}

.zoom_searchform { font-size: 100%; text-align:center; margin-top: 10px;}
.zoom_results_per_page { font-size: 80%; margin-left: 10px; }
.zoom_match { font-size: 80%; margin-left: 10px;}				
.zoom_categories { font-size: 80%; }
.zoom_categories ul { display: inline; margin: 0px; padding: 0px;}
.zoom_categories li { display: inline; margin-left: 15px; list-style-type: none; }

input.zoom_button {	
	height: 22px;
	font-weight: bold;
	width: 60px;
	letter-spacing: 1px;
	font-size: 10px;
	color: #ffffff;
	border: 1px solid #307f9d;
	background-color: #307f9d;
}
input.zoom_searchbox {  }		

.result_image { float: left; display: block; }
.result_image img { margin: 10px; width: 80px; border: 0px; }

.result_block { margin-top: 15px; margin-bottom: 15px; clear: left; }
.result_altblock { margin-top: 15px; margin-bottom: 15px; clear: left; }

.result_pages { font-size: 100%; }
.result_pagescount { font-size: 100%; }

.searchtime { font-size: 80%; }

.recommended 
{ 
	background: #DFFFBF; 
	border-top: 1px dotted #808080; 
	border-bottom: 1px dotted #808080; 
	margin-top: 15px; 
	margin-bottom: 15px; 
}
.recommended_heading { float: right; font-weight: bold; }
.recommend_block { margin-top: 15px; margin-bottom: 15px; clear: left; }		
.recommend_title { font-size: 100%; }
.recommend_description { font-size: 100%; color: #008000; }
.recommend_infoline { font-size: 80%; font-style: normal; color: #808080;}
/* END SEARCH ENGINE STYLE */