@charset "utf-8";
/* CSS Document */
/* This document contains basic styling to meet
   State of Alaska requirements for the look and
   feel of websites. */
/* This version is modified for the DOA websites */
/* Version 2/14/2014 */

/*Document Contents*/
/*BODY*/
/*SKIP NAV*/
/*SOA NAV BAR*/
/*SOA FOOTER*/	

/*BODY*/
	* {
		padding: 0;
		margin: 0;
		border: 0;}
	* html .visualIEFloatFix { 
		height: 0.01%;}
	html {background:url('background.gif') repeat-x #030c1b;}
	body {background: url('background.gif') repeat-x #0a306a; background-attachment:fixed;}
	body {
		font-family:"trebuchet MS", verdana, arial, sans-serif;
		font-size:.9em;
		padding: 0; 
		word-wrap:break-word;}
	#envelope {
		text-align: left;
		background: #999999;
		width: 960px;
		border: 0px;
		margin: 14px auto 0 auto;
		padding: 0px;
		padding-bottom:1px!important;
		z-index:1;
		position: relative;}
	#border_box{
		background:#999999;
		width: 950px;}
/*SKIP NAV*/
	.skip a:active
	{
		position: static;
		width: auto;
		height: auto;
	}
	.skip label, .skip a, .skip a:hover, .skip a:visited {
		position: absolute;
		left: 0px;
		top: -500px;
		width: 1px;
		height: 1px;
		overflow: hidden;
	}
/*SOA NAV BAR*/
	#goldnav { 
		line-height: 1.5em; 
		width: 100%; 
		min-height: 27px; 
		background: #f9c033 url('gold_bar.gif') no-repeat; 
		position: relative;
		display:block;}
	#goldnav .goldbartoprightcorner {
		background: url('gold_bar_rtCorner.gif') no-repeat; 
		float:right;
		width:7px;
		height:27px;
	}
	/*This creates the State of Alaska Button on the left hand corner of the top bar*/
	#top_bar a#soa{
		display: block;
		float: left;
		width: 168px;
		height: 21px;
		color: #00006f;
		padding: 4px 0 0 15px;
		text-decoration: none;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		font-weight: bold;
		font-size: 14px;
	}
	#top_bar a#soa span{/*This positions the button image over the text*/
		display: block;
		width: 170px;
		height: 27px;
		background: url('topbarSOA.gif') no-repeat;
		position: absolute;
		top: 0;
		left: 0;
	}
	/*This is the "container" for the list of links on the top bar*/
	#top_bar ul{
		padding: 2px 0 0 15px;
		float: right;
		font-size: .9em;
	}
	/*This is the styling for each list item in the top bar list of links*/
	#top_bar ul li{
		float: left;
		display: inline;
		list-style: none;
		font-family: Verdana, Geneva, sans-serif;
		font-size: .8em;
		padding: 0 7px;
	}
	/*Style for the actual links in the top bar*/
	#top_bar ul li a{
		color:#036;
		font-weight: bold;
		text-decoration: none;
	}
	/*Style for the hover / focus state of the list of links in the top bar*/
	#top_bar ul li a:hover, #top_bar ul li a:focus{
		text-decoration: underline;
	}
/*SOA FOOTER*/
/*This is the style for the footer; defines the background that runs the bottom of the page*/
	#state_footer{
		display: block;
		background: url('footerBG.gif') repeat-x top #030c1b;
		width: 100%;
		min-height: 200px;
		text-align: center;
		margin: auto;
	}
	/*Footer Links and content*/
	#footer_content{
		width: 960px;
		background: url('footer_contentBG.gif') repeat-x top;
		min-height: 80px;
		text-align: left;
		margin:auto;
		padding-top:10px;
		font-size: .8em;
		color: #bdc4d8;
		font-family: Arial, Helvetica, sans-serif;
		min-height:80px;
	}
	#footer_content .left{
	float: left;
	padding: 10px 0;	
	}
	#footer_content .right{
	padding: 10px 0;
	float:right;	
	}
	#footer_content .right .center_item{
		border-left: #526d96 solid 1px;
		border-right: #526d96 solid 1px;
		padding: 0 4px;
	}
	#footer_content .right .right_item{
		border-left: #526d96 solid 1px;
		padding: 0 0 0 4px;
	}
	#footer_content .right .left_item{
		border-right: #526d96 solid 1px;
		padding: 0 4px 0 0;
	}
	/* Style the list of links in the footer */
	#footer_content ul{
		list-style: none;
		display: inline;
	}
	#footer_content ul li{
		float: left;
		padding: 0 10px 3px 0;
	}
	#footer_content ul li a, #footer_content a{
		color: #bdc4d8;
		text-decoration: underline;
	}
	#footer_content ul li a:hover, #footer_content ul li a:focus, #footer_content a:hover, #footer_content a:focus{
		text-decoration: none;
	}
	/*IE6 hack: since the PNG has transparency problems in this archaic browser, we hide it completely from IE*/
	* html div#state_footer img{v\isibility: hidden;}
			/*end IE6 hack(s)*/
	#mobile_footer {
	display: none;
	}