/********************
 *  header css
 * 
 ********************/
 
 /* Header */
 
#header{
	position: absolute;
	left:  0; top:  0;
	width:  100%; 
	min-height:230px;
	height:auto !important;
  	height:230px;	
  	z-index: 100;
} 

#header .wrapper, #breadcrumb .wrapper{
	width:  960px;
	margin:  0 auto 0 auto;
	padding: 0;
	position:  relative;
}

a:link#logo, a:active#logo, a:visited#logo, a:hover#logo{
	display: block;
	width: 198px; height: 48px;
	background: url(http://www.polarlake.com/images/polarlake_logo.gif) no-repeat center top;
	text-indent:-9999px;
	position: absolute;
	left:  0; top: 26px;
}

#site_nav{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background:  white;
	position: absolute;
	right:  0px; top:  30px;
}

#site_nav ul{
	margin:  0; padding:  0;
	list-style: none;
	font-size:  1.2em;
	line-height: 1.4em;
}

#site_nav ul li{
	margin:  0; padding:  10px 12px;
	float:  left;
}

#site_nav a:link, #site_nav a:active, #site_nav a:visited{
	color: #004b8d;
	text-decoration: none;
}

#site_nav a:hover{
	color: #00B25A;
	text-decoration: none;
}

#site_nav li.active a:link, #site_nav li.active a:active, #site_nav li.active a:visited{
	color: #00B25A;
	text-decoration: none;
}

a:link#rss, a:active#rss, a:visited#rss, a:hover#rss{
	padding:  6px 40px 6px 0;
	background: url(http://www.polarlake.com/images/rss_icon.png) 100% 50% no-repeat;
	text-decoration: none;
	position: absolute;
	right:  0; top: 0px;
	font-size:  1.2em;
	line-height: 1.4em;
	color: #004b8d;
}

a:hover#rss{
	background: url(http://www.polarlake.com/images/rss_icon_hover.png) 100% 50% no-repeat;
	color: #00B25A;
}

#navigation{
	width:  100%;
	margin: 100px 0 0 0;
	padding: 0;
	position:  relative;
	background:  #0b3051;
}

.home #navigation{
	background: rgba(11,48,81,0.5);
}

#navigation ul{
	list-style: none;
	width:  960px;
	margin:  0 auto; padding:  0;
	background: rgba(11,48,81,0.6);
}

#navigation ul li{
	margin:  0; padding: 0;
	width:  160px;
	float:  left;
	font-size: 16px;
	font-weight: bold;
}

#navigation ul li .sub{
	font-size: 11px;
	font-weight: lighter;
}

#navigation a:link, #navigation a:active, #navigation a:visited{
	color:  white;
	text-decoration: none;
	padding: 24px 0 24px 10px;
	display: block;
	background: url(http://www.polarlake.com/images/nav_bg.gif) top left repeat-y;
}

#navigation a.end:link, #navigation a.end:active, #navigation a.end:visited{
	background: url(http://www.polarlake.com/images/nav_bg_end.gif) top left repeat-y;
}

#navigation a:hover, #navigation a.end:hover{
	color:  #0b3051;
	background: white;
}

#navigation a:hover .sub{
	color:  #00B25A;
}

#navigation li.active a:link, #navigation li.active a:active, #navigation li.active a:visited, #navigation li.active a:hover{
	color:  #0b3051;
	background: white;
	text-decoration: none;
	padding: 24px 0 24px 10px;
	display: block;
}

#navigation li.active .sub{
	color:  #00B25A;
}

#breadcrumb{
	width:  100%;
	margin: 0;
	padding: 14px 0 14px 0;
	position:  relative;
	background:  #004b8d;
}

#breadcrumb p{
	margin:  0 0 0 10px;
	color: #82b5e2;
	font-size:  1.1em;
}

#breadcrumb .crumb{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	padding-left: 10px;
}

#breadcrumb a:link, #breadcrumb a:active, #breadcrumb a:visited, #breadcrumb a:hover{
	color:  white;
	text-decoration: none;
}

#breadcrumb a:hover{
	color:  #82b5e2;
}