/* GLOBAL FONTS ----------------------------------------------------------------------------------------------------*/


/* first for IE 6/7/8 */
@font-face {
font-family: NuvoWeb-Medi;
src: url(NuvoWeb-Medi.eot);
}

/* then for Mozilla browsers -> Firefox */
@font-face {
font-family: NuvoWeb-Medi;
src: url(NuvoWeb-Medi.woff) format('woff');
}






/* BODY ----------------------------------------------------------------------------------------------------*/


body { margin: 0; padding: 0; background: #ffff00; font-family: Verdana, sans-serif; font-size: 12px; }




/* LOGO ----------------------------------------------------------------------------------------------------*/

#logo { width: 140px; height: 80px; margin-top: 20px; }



/* HEADLINES ----------------------------------------------------------------------------------------------------*/

h1 {font-size: 24px; }
h2 {font-size: 22px; margin-bottom: 6px; }
h3 {font-size: 20px; }
h4 {font-size: 18px; }
h5 {font-size: 42px; text-transform: uppercase; padding: 20px 0 0 30px;  } /* home page big teaser */
h6 {font-size: 11px; } /* footer */

h1, h2, h3, h4, h5, h6 { font-family:NuvoWeb-Medi,sans-serif; font-style:normal; font-variant:normal; }

h1 a:link, h1 a:visited { color:#000; text-decoration:underline; }
h1 a:focus, h1 a:hover, h1 a:active {color:#bababa; text-decoration:underline; }

h2 a:link, h2 a:visited { color:#000; text-decoration:underline; }
h2 a:focus, h2 a:hover, h2 a:active {color:#bababa; text-decoration:underline; }

h3 a:link, h3 a:visited { color:#000; text-decoration:underline; }
h3 a:focus, h3 a:hover, h3 a:active {color:#bababa; text-decoration:underline; }

h4 a:link, h4 a:visited { color:#000; text-decoration:underline; }
h4 a:focus, h4 a:hover, h4 a:active {color:#bababa; text-decoration:underline; }

h5 a:link, h5 a:visited { color:#000; text-decoration:underline; }
h5 a:focus, h5 a:hover, h5 a:active {color:#bababa; text-decoration:underline; }

h6 a:link, h6 a:visited { color:#000; text-decoration:underline; }
h6 a:focus, h6 a:hover, h6 a:active {color:#bababa; text-decoration:underline; }



/* HEADER  -------------------------------------------------------------------------------------------------*/

#header { width: 943px; height: 144px; margin-bottom:15px; }


#header h1 {font-size: 32px; color: #0c607f; font-family:NuvoWeb-Medi,sans-serif; font-style:normal; font-variant:normal; } 
#header h2 {font-size: 26px; color: #0c607f; font-family:NuvoWeb-Medi,sans-serif; font-style:normal; font-variant:normal; } 


/* HEADER LINES  ---------------------------------------------------------------------------------------------*/

.header-line {border-bottom: solid 6px #000; }


.meta-title {font-family: "Arial Narrow", sans-serif; font-size: 13px; }







/* HOME CONTENT -------------------------------------------------------------------------------------------------*/
#home-content { background: #fff; height: 500px; }





	
/* HOME TEASER -------------------------------------------------------------------------------------------------*/

#home-teasers { }
#home-teasers img { margin: 0; padding: 0;   }
#home-teaser { margin-bottom: 0px; }


.home-teasers-box { background-image:url(../images/box.jpg); background-position: bottom left; background-repeat: no-repeat; }

#home-teasers h1 {font-size: 24px; font-family: "Arial Narrow", sans-serif; color: #0c607f; line-height: 125%; text-transform: uppercase; margin-bottom: 0; padding: 0 5px 0 10px; } 
#home-teasers h2 {font-size: 9px; font-family: "Arial Narrow", sans-serif; color: #0c607f; line-height: 125%; text-transform: uppercase; margin-bottom: 0; padding: 10px 5px 0 10px;}


#home-teasers p {font-size: 13px; line-height: 125%; margin-bottom: 0; padding: 0 5px 10px 10px; }





/* HOME IMAGE SLIDER --------------------------------------------------------------------------------------------*/

#slider_spacer {margin-bottom: 20px;}
#slider {width:940px; height:300px;}
#slider ul, #slider li { margin:0; padding:0; list-style:none; } 
#slider li { width:940px; height:300px; overflow:hidden; }	 
ol#controls {margin-top: -20px; margin-right: 3px; padding:0; float: right; }
ol#controls li{ margin:3px 1px 0 3px; padding:0; float:left; list-style:none; height:15px; width: 15px; line-height:12px; }
ol#controls li a{ float:left; height:12px; border:1px solid #ccc; background:#fff; color:#555; font-size: 9px; padding:0 4px; text-decoration:none; }
ol#controls li.current a, ol#controls  li a:hover { background:#000; color:#fff; } 
ol#controls li a:focus {outline:none;}
	
	







/* CONTENT -------------------------------------------------------------------------------------------------*/

#masterhead {margin-top: 40px;}

#content {background: #fff; margin-bottom: 20px; min-height: 450px; }
#content-inner {padding: 20px 0 0 20px;  }
#content h1 {font-size:32px; line-height: 36px; padding-right:20px;}
#content h2 {font-size:28px; line-height: 32px; padding-right:20px;}



#content a:link, #content a:visited { color:#000; text-decoration:underline; }
#content a:focus, #content a:hover, #content a:active {color:#bababa; text-decoration:underline; }


#content p {padding: 10px 0 0 0; text-align: left; font-size:13px; line-height:125%; width:640px; }
#content img {padding: 0;  }


.right {float:right; } 

.left {float: left; }



.breadcrumbs {padding-bottom: 15px; text-transform: uppercase; font-size: 9px; font-family: Arial, sans-serif; }

.breadcrumbs a:link, .breadcrumbs a:visited { color:#000; background: #fff; text-decoration:none;  }
.breadcrumbs a:focus, .breadcrumbs a:hover, .breadcrumbs a:active {color:#606060; text-decoration:none; }



.www a:link, .www a:visited { color:#000; text-decoration:none; text-transform: uppercase; font-size: 9px; float: right; padding-right: 20px; }
.www a:focus, .www a:hover, .www a:active {color:#606060;  }









/* META NAVIGATION --------------------------------------------------------------------------------------------*/
#meta { margin: 20px 0 0 0; left: 30px; text-align: right; font-family:"Arial Narrow", sans-serif; font-size:9px; font-weight:bold; color:#000;  text-transform: uppercase;}
#meta a:link, #meta a:visited { color:#000; text-decoration:none; }
#meta a:focus, #meta a:hover, #meta a:active {color:#bababa; text-decoration:none; }




/* MAIN NAVIGATION --------------------------------------------------------------------------------------------*/
.main_navi { font-family:NuvoWeb-Medi,sans-serif; font-style:normal; font-variant:normal; font-size:26px; text-transform: uppercase; color:#000; margin: 0; padding: 0;  }
.main_navi a:link, .main_navi a:visited { color:#000; text-decoration:none; }
.main_navi a:focus, .main_navi a:hover, .main_navi a:active {color:#000; background:#fff; text-decoration:none; }

.main_navi ul { margin:0; padding:0 0 0 0; width:100%; list-style-image:none; list-style-position:outside; list-style-type:none; margin-top:0; }
.main_navi ul li a, .main_navi ul li strong { color:#000; display:block; margin: 0 0 4px 0; padding:2px 0 4px 7px; text-decoration:none; }
.main_navi ul li a:focus, .main_navi ul li a:hover, .main_navi ul li a:active { background:#fff; color:#000; text-decoration:none; } 


#current, .current {background: #fff; color: #000; }
#section, .section {background: #fff; color: #000; }







/* SUB NAVIGATION -------------------------------------------------------------------------------------------------*/

.nav_sub {  }
.nav_sub a:link, .nav_sub a:visited { color:#000; text-transform: normal; font-size: 12px; text-decoration: none; }
.nav_sub a:focus, .nav_sub a:hover, .nav_sub a:active {color:#4d4d4d; }
.nav_sub ul { margin:0; padding:0; width:100%; list-style-image:none; list-style-position:outside; list-style-type:none; margin-top:0; }
.nav_sub ul li a, .nav_sub ul li strong { background:#fff; color:#000000; display:block; font-weight:bold; margin: 0 0 2px 0; padding:2px 0 3px 5px; text-decoration:none; }
.nav_sub ul li a:focus, .nav_sub ul li a:hover, .nav_sub ul li a:active { color:#fff; padding:2px 0 3px 5px; text-decoration:none; } 








/* FOOTER -------------------------------------------------------------------------------------------------*/

#footer { color:#000; font-size: x-small; font-family: Arial, sans-serif; font-style:normal; font-variant:normal;  line-height: 13px; margin-top: 20px; padding-top: 10px; border-top: solid 4px #000;  }
#footer a:link, #footer a:visited { color:#000; text-decoration:none;  }
#footer a:focus, #footer a:hover, #footer a:active {color:#000; text-decoration:none; border-bottom: 2px solid #000;  }

.footer_elk {float:left; margin: 0; padding: 0 10px 0 0; }



#client_login {text-align:right; left:50px;  }
















/* SIDEBAR -------------------------------------------------------------------------------------------------*/

#SideBarBox { font-size: 12px; }

#BoxA, #BoxB, #BoxC, #BoxD {background: #fff; margin-bottom: 10px; padding-bottom: 10px;  min-height: 130px; }

#BoxA h1, #BoxB h1, #BoxC h1, #BoxD h1 {font-family:"Arial Narrow", sans-serif; font-style:normal; font-variant:normal; font-size: 13px; line-height: 15px; text-transform: uppercase; margin-bottom: 4px; padding: 10px 5px 3px 10px; }
#BoxA p, #BoxB p, #BoxC p, #BoxD p { font-size: 11px; line-height: 135%; padding: 0 10px 10px 10px;  }



	
#SideBarBox a:link, #SideBarBox a:visited { color:#000; text-decoration: underline; }
#SideBarBox a:focus, #SideBarBox a:hover, #SideBarBox a:active {color:#4d4d4d; text-decoration: underline; }


#SideBarBox ul { list-style-type:none; padding:0px; margin:0 0 10px 0; }
#SideBarBox li { background-image:url(../images/arrow.gif); background-repeat:no-repeat; background-position:0px 5px;  margin-left:10px; padding-left:4px; } 









/* TOOL TIP -------------------------------------------------------------------------------------------------*/


#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }









#NewsList, # { background:#f0f0f0; border:1px dotted #ccc; padding:10px; } 
#NewsList li, # li { margin: 0; list-style-type: none; } 	
#NewsList li.newsDateTitle span { color:#666; line-height:2em; 	} 	
#NewsList li.newsDateTitle a {font-size:1.3em; font-weight:bold; color:#0083C8; text-decoration:none; padding-left:20px; background:url(../images/treeicons/news-file.gif) no-repeat left center; 	} 	#NewsList li.newsDateTitle a:hover {border-bottom:1px dotted #0083C8; } 		 	
#NewsList li.newsSummary {margin-bottom:20px; } 		
#NewsList li.newsSummary span {font-size:1.1em; line-height:1.5em; color:#333; } 		
#NewsList li.newsSummary a.readMoreLink {color:#0083C8; text-decoration:none; } 			
#NewsList li.newsSummary a.readMoreLink:hover {border-bottom:1px dotted #0083C8; } 
div.newsDetails { margin-bottom:10px; } 
div.newsDetails p { color:#666; margin:0; font-size:1em; }








.searchResults p.searchQuery { 	color:#333; margin-bottom:10px; } 
.searchResults ul#SearchResults li { margin-bottom:20px; } 	
ul#SearchResults p {  } 	
ul#SearchResults a.searchResultHeader { font-size:1.3em; font-weight:bold; color:#0083C8; text-decoration:none; margin:20px 0 8px 0; padding-left:20px; 		background:url(../images/treeicons/search-file.gif) no-repeat left center; 	} 		
ul#SearchResults a { text-decoration:none; color:#0083C8; } 		
ul#SearchResults a:hover { border-bottom:1px dotted #0083C8; } 




/* SITEMAP -------------------------------------------------------------------------------------------------*/

#sitemap-list {padding:0 0 0 10px; margin:0; list-style:none; font-weight:bold; line-height:150%} /*1st level list*/
#sitemap-list li {padding:10px; margin-top:10px; font-size:13px; background:#f0f0f0;} /*1st level items*/
 
#sitemap-list ul {margin:5px 10px 5px 10px; padding:5px 10px; font-weight:normal; background:#f8f8f8;} /*2nd level lists*/
#sitemap-list li li {padding:0; margin:0; list-style:none; font-weight:bold; font-size:11px; line-height:18px; background:none} /*2nd level items*/
 
#sitemap-list ul ul {margin-left:10px;padding:5px 10px;  background:#fff;} /*3rd level lists*/
#sitemap-list li li li {font-size:11px; font-weight:normal;} /*3rd level items*/




/* 
P.I.E. FLOAT CLEARING ----------------------------
See http://www.positioniseverything.net/easyclearing.html
and http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/
*/

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}

.clearfix {display:inline-block;}
.clearfix {display:block;}	






/* TWITTED -------------------------------------------------------------------------------------------------*/



.twitted {
	background: #fff;
	font-size: 11px;
	line-height: 14px; 
	position:absolute;
	top:420px;
}

.twitted h2 {
	margin: 0;
	padding: 0.3em 0.8em;
	font-size: 1em;
	color: #fff;
	background-color: #888;
}

.twitted p.preLoader {
	margin: 0;
	padding: 1em 1em 1em 3em;
	background: transparent url("../images/loader.gif") 1em center no-repeat;
}

.twitted ul#twitter_update_list {
	margin: 0;
	padding: 0 0.8em;
	list-style-type: none;
}

.twitted ul#twitter_update_list li {
	margin: 0;
	padding: 0.8em 0 1em 0;
	border-bottom: 1px solid #ccc;
}

.twitted ul#twitter_update_list li span {
	display: block;
}

.twitted ul#twitter_update_list li span a {
	/* links in tweet content */
	color: #000;
}

.twitted ul#twitter_update_list li a {
	color: #000;
}

.twitted ul#twitter_update_list li.firstTweet {
}

.twitted ul#twitter_update_list li.lastTweet {
	border-bottom: none;
}

.twitted p.profileLink {
	display: block;
	margin: 0;
	padding: 0.3em 1em;
	color: #fff;
	background-color: #ddd;
}