@charset "UTF-8";
/* CSS Document */

/* ----------------------------------------*/
/* MAIN NAVIGATION - Nav in page container */
/* ----------------------------------------*/
#navmain 						{ 	position:relative; 
									display: block; 
									width:668px; 
									height: auto;
									margin:0; 
									overflow:visible;
}

#navmain ul 					{ 	position: relative;
									width:auto; 
									height: 28px; 
									padding:0; 
									margin:0;
									list-style-type:none; 
									float:none; 
									background: #ffffff;
									z-index: 3;
}
#navmain ul li					{ 	float:left; 
									width:auto;
									display:inline-block;
									padding: 0;
									margin:0; 
									height: 26px; 
									line-height: 26px; 
									font-family: Arial,Helvetica, Trebuchet, Sans; 
									background: #ffd500;
									border-right: 2px solid #FFFFFF;
									z-index: 4;
}
#navmain ul li a,
#navmain ul li a:link,
#navmain ul li a:visited		{ 	display:inline-block; 
									text-align:center; 
									width: 164px; 			/* fixed width since we have 4 equal block items */
									height: 26px; 
									font: 1em/26px Arial,Helvetica, Trebuchet, Sans; 
									color:#004494; 
									
									text-decoration:none; 
									cursor: pointer;
}
#navmain ul li:hover,
#navmain ul li a:hover			{ 	color:#004494; background: #97be0d; text-decoration:none;}

#navmain ul li a#current,
#navmain ul li.active a			{ 	color:#004494; 
									background: #97be0d; 
									text-decoration:none; 
									cursor: default; 
									/*height: 28px; 	/* Comment this out, if Hover Submens are activated */
}
#navmain ul li.std_active a#current,
#navmain ul li.std_active a		{	height: 26px;}
								
#navmain ul li.parent:hover,
#navmain ul li.parent a:hover		{ 	color:#004494; background: #97be0d; height: 26px; text-decoration:none; }

#navmain ul li.parent a#current,
#navmain ul li.active a,
#navmain ul li.active a:hover		{	height: 28px;}	/* Increase parent item height on active or current status to close gap */
					
								
#navmain ul li:hover ul			{ 	display:block; z-index: 99;}	/* Show Subm,en on Hover and Bring to Front if other Submen is active */	
#navmain ul ul.sub_active		{ 	display:block; z-index: 20;}	/* Show Submen if status "sub_active" is set */
#navmain ul li.active ul		{ 	display:block; z-index: 20;}	

/* SECOND LEVEL */


#navmain ul ul					{ 	 
									display:none; 
									margin:0;
									padding: 0;
									position:absolute; 
									top: 28px; 
									left:0px; 
									border-bottom: 2px solid #FFFFFF; 
									background: #97be0d;
									z-index: 10;	/* bring to front */
}
#navmain ul ul li				{ 	background:#97be0d; border-right: 3px dotted #ffffff; width: 163px; height: 26px; line-height: 26px; float:left;}
#navmain ul ul li.last			{ 	border: none; }		/* remove right border from last item */
#navmain ul ul li a,
#navmain ul ul li a:link,
#navmain ul ul li a:visited,
#navmain ul li.active ul a,
#navmain ul li.parent ul li  	{ 	background: #97be0d; 
									color:#ffffff;  
									text-align:center; 
									width: 163px; 		/* same as parent list items */
									height: 26px; 
									font: 0.9em/26px Arial,Helvetica, Trebuchet, Sans; 
									text-decoration:none;
									cursor: pointer;
}
#navmain ul ul li a:hover		{ 	color:#004494; height: 27px; line-height: 27px; text-decoration:none;}
#navmain ul ul li a#current		{ 	color:#004494; height: 27px; line-height: 27px; text-decoration:none; cursor:default;}

/* ------------------------------------*/
/* METANAV - Navigation in Page Header */
/* ------------------------------------*/
#metanav						{ 	float:right; right: 0px; width:auto;}
#metanav ul						{ 	float:right; height:20px; width:auto; list-style-type:none; padding:0; margin:-2px -10px 0 0;}
#metanav ul li					{ 	float:left; margin:0; padding:0; width:auto; color:#004494; height: 20px; line-height:20px; }
#metanav ul li a,
#metanav ul li a:link,
#metanav ul li a:visited		{ 	padding: 0 11px; 
									color:#004494; 
									font: 0.81em/20px Arial,Helvetica, Trebuchet, Sans; 
									text-decoration:none; 
									cursor:pointer;
}
#metanav ul li a:hover,
#metanav ul li a:active			{ 	text-decoration: underline;}
#metanav ul li.active a
#metanav ul li a#current		{ 	color: #8cb00c; text-decoration: underline; cursor: default;}


/* SEARCH CONTAINER */
#search_cont					{ 	float:left; 
									margin: 0; 
									color:#004494; 
									height: 24px;
									font: 1em Arial,Helvetica, Trebuchet, Sans; 
									text-decoration:none;
}
.search_field					{ 	float: left; width:auto; margin-left:12px; }
.search_field input				{	width: 120px; background: #ffffff; height:14px; border:none; margin-top:-2px; font: 1em, Helvetica, Trebuchet, Sans;}
.search_field .submit 				{	width: 60px; height:16px; text-align: center; color:#004494; padding-bottom:2px;}

/* HEADER IMG - Category related Images in Content Header */
#headerimg						{	width:100%; height: 261px; float:none; margin: 0 0 20px 0; padding:0;}


#headerimg						{	width:100%; height: 261px; float:none; margin: 0; padding:0;}

/* --------------------------------------*/
/* SERVICENAV - Navigation below Image */
/* --------------------------------------*/
#servicenav						{ 	float:right; text-align: right; margin:  0 0 20px 0; right:0px; width:auto; }
#servicenav ul					{ 	float:right; height:20px; width:auto;list-style-type:none; padding:0; margin:-2px -10px 0 0;}
#servicenav ul li				{ 	float:right; margin:0; padding:0; width:auto; color:#004494; height: 20px; line-height:20px; }
#servicenav ul li a,
#servicenav ul li a:link,
#servicenav ul li a:visited		{ 	padding: 0 11px; 
									color:#004494; 
									font: 1em/20px "Lucida Sans", Helvetica, Trebuchet, Arial, Sans;	/* 1em since font-size is reduced in "footer" layer */ 
									text-decoration:none; 
									cursor:pointer;
}
#servicenav ul li a:hover,
#servicenav ul li a:active		{ 	text-decoration: underline;}
#servicenav ul li.active a
#servicenav ul li a#current		{ 	text-decoration: underline; cursor: default;}
/* --------------------------------------*/
/* FOOTERNAV - Navigation in Page Footer */
/* --------------------------------------*/
#footernav						{ 	float:right; right:0px; width:auto;}
#footernav ul					{ 	float:right; height:20px; width:auto;list-style-type:none; padding:0; margin:-2px -10px 0 0;}
#footernav ul li				{ 	float:left; margin:0; padding:0; width:auto; color:#004494; height: 20px; line-height:20px; }
#footernav ul li a,
#footernav ul li a:link,
#footernav ul li a:visited		{ 	padding: 0 11px; 
									color:#004494; 
									font: 1em/20px Arial,Helvetica, Trebuchet, Sans;	/* 1em since font-size is reduced in "footer" layer */ 
									text-decoration:none; 
									cursor:pointer;
}
#footernav ul li a:hover,
#footernav ul li a:active		{ 	text-decoration: underline;}
#footernav ul li.active a
#footernav ul li a#current		{ 	text-decoration: underline; cursor: default;}