html{width:100%;}

/* the padding left and right in body controls the amount of BLUE on the left and right of the page.  Min crushable blue area */
body{background-color: #030c1b; width: 100%; font-family:Arial,Helvetica,sans-serif;}


#maincontainer{width: 960px; background:#608cb9; margin:0px auto 0 auto;}
.mainwrapper{
	position: relative;
	width: 100%;
	background:#0A306A url(/static/_global/css/css_images/background.gif) repeat-x;
	margin: 0;
	padding: 15px 0 0;	
	}
body.intranet .mainwrapper {background-color: #030c1b; background-image: none;}

#skip a,#skip a:hover,#skip a:visited{position:absolute;left:0;top:-500px;background:#fff;padding:3px;}
#skip a:active,#skip a:focus{position:static;}


/* ***** GOLDBAR NAVIGATION ***** GOLDBAR NAVIGATION ***** GOLDBAR NAVIGATION ***** GOLDBAR NAVIGATION ***** GOLDBAR NAVIGATION ***** GOLDBAR NAVIGATION ***** */

#goldnav {display: block; font-family: Helvetica, Verdana, Arial, sans-serif; width: 960px; min-height: 27px; background: #f9c033 url('/static/_global/css/css_images/goldbar/goldbar_gradient.gif') repeat-x; position: relative;}
#goldnav .goldbartoprightcorner {background: url('/static/_global/css/css_images/goldbar/goldbar_top_right_corner.gif') no-repeat top right; width: 7px; height: 27px; float: right;}
#goldnav ul {padding: 4px 0 0 10px; margin: 0; float: right;}
#goldnav li {float: left; display: inline; list-style: none;}
#goldnav ul li a, #goldnav ul li a:visited {color:#00006F; font-weight: bold; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .75em; padding: 0 7px;}
#goldnav ul li a:hover, #goldnav ul li a:focus {text-decoration: underline;}
#goldnav a#soalink{display: block; float: left; width: 153px;/*Want to set a width and height to make sure that the link doesn't show up under the button image*/ height: 21px; padding: 4px 0 0 15px; color:#00006F; text-decoration: none; font-weight: bold; font-size: 14px;}/*This displays the State of Alaska Link if the images don't load*/
#goldnav a#soalink:hover{text-decoration: underline;}
#goldnav a#soalink span{display: block; width: 170px; height: 27px; background: url('/static/_global/css/css_images/goldbar/goldbar_soalink.gif') no-repeat; position: absolute; top: 0; left: 0;}/*This positions the button image over the text*/



/* ***** SUBPAGE BANNER AREA ***** SUBPAGE BANNER AREA ***** SUBPAGE BANNER AREA ***** SUBPAGE BANNER AREA ***** SUBPAGE BANNER AREA ***** SUBPAGE BANNER AREA ***** */

#headerarea{position:relative;width: 100%; height: 78px; /* height override for ie6, needs to match #headerarea.subpage height */}

#printheader{display: none;}

/*
#headerarea.homepage {height: 130px; margin-bottom: 10px;}
#headerarea.homepage .headerbackgroundimage {background: url("/static/_global/css/css_images/subpage_banner/homepage_banner.jpg") no-repeat;position: absolute;top: 0;left: 0;width: 100%;height: 130px;}
#headerarea.homepage .headerlogoimage {position: absolute; bottom: 10px; left: 13px; width: 62px; height: 61px; background: url(/static/_global/css/css_images/subpage_banner/homepage_adfglogo.gif) no-repeat;z-index: 30;}
*/
.headerlogoimage a{width: 325px; height: 61px; text-indent: -9999px; display:block}
#headerarea.subpage {height: 78px; /* border-bottom: 1px solid #4989B3; */}
#headerarea.subpage .headerbackgroundimage {background: #608cb9 url("/static/_global/css/css_images/subpage_banner/subpage_banner_headerbg.jpg") no-repeat; position: absolute; top: 0; left: 0;width: 100%; height: 78px;}
#headerarea.subpage .headerlogoimage{position: absolute; top: 3px; left: 10px; width: 325px; height: 69px; background: url(/static/_global/css/css_images/subpage_banner/subpage_banner_logo.png) no-repeat !important; background: url(/static/_global/css/css_images/subpage_banner/subpage_banner_logo_ie6.gif); z-index: 30;}
#headerarea.subpage .headerbottom{background: transparent url("/static/_global/css/css_images/subpage_banner/header-bottom-gradient.png") repeat-x !important; background: none; height: 16px; position: absolute; bottom: 0; left: 0; width: 100%;}


#headerarea.internal {height: 78px; background-color: gray;}
#headerarea.internal .headerbackgroundimage {background: none; height: 0; }
#headerarea.internal .headerlogoimage
{
	position: absolute; 
	top: 5px; 
	left: 10px; 
	width: 700px; 
	height: 69px; 
	background: url(/static/_global/css/css_images/subpage_banner/subpage_banner_intra_logo.png) no-repeat !important; 
	/*background: url(/static/_global/css/css_images/subpage_banner/subpage_banner_intra_logo.png); */
	z-index: 30;
}
#headerarea.internal .headerlogoimage span.bannertitle a {width: 23em; display: block; text-indent: 95px; margin-top: 24px; color: white; text-shadow:2px 2px 2px #3e6790; font-size:30px; text-decoration: none;}
#headerarea.internal .headerbottom{background: none; height: 0;}



/* ***** SEARCH ***** SEARCH ***** SEARCH ***** SEARCH ***** SEARCH ***** SEARCH ***** SEARCH ***** SEARCH ***** */

#searcharea{float: right; padding: 15px 15px 0 0; font-family: Arial, Helvetica, sans-serif; text-align: right; position: relative;/*Need this to get the absolute positioning to work within this div box*/}
#searcharea #searchBox{background: url('/static/_global/css/css_images/subpage_banner/search_box.png') no-repeat top left; width: 300px;}/*This is the background for the search box*/
#searchSelect{position: absolute; top: 45px; right: 15px;}
#searcharea input {width:auto;}
#searcharea input, #headerarea.subpage #searcharea label{padding: 0; margin: 0;}
#searcharea #searchtextfield{color:#6D6D6D; font-size:12px; border: none;  width: 195px; margin: 0; position: relative; border: none; top: -7px; right: 0;}/*This is the position and size of the search text field*/
#searcharea #searchbutton{position: relative; padding: 0; margin: 0; top: 0; right: 0;}/*This is the positioning of the search button*/
#searcharea label{font-weight: bold; color: #f5f5f5; font-size: .7em;}/*This is the styling of the radio button labels*/



/* homepage and internal searchbox styles */
/* i assume these aren't in use anymore so commenting them out KW 9-9-2011 */
/*
#headerarea.homepage #searcharea, #headerarea.internal #searcharea{position:absolute;bottom:0px;right:0;width:330px;height:60px;background:url("/static/_global/images/search_background_graphic_homepage.png") no-repeat;}
#headerarea.homepage #searcharea #searchtextfield, #headerarea.internal #searcharea #searchtextfield{color:#6D6D6D;font-family:Arial,Helvetica,sans-serif; float: left;border: none;background:url("/static/_global/images/search_input_background_homepage.png") no-repeat;width:178px;height:35px;padding-left:40px;font-size:18px;line-height: 35px;margin-left: 19px;margin-top: 10px;}
#headerarea.homepage #searcharea #searchtextfield:focus, #headerarea.internal #searcharea #searchtextfield:focus{background-position: 0 -37px;}
#headerarea.homepage #searcharea #searchbutton, #headerarea.internal #searcharea #searchbutton{margin-top: 10px; float: left;}
#headerarea.homepage #searcharea label, #headerarea.internal #searcharea label{font-weight: bold;font-size: .7em;color: black;text-shadow: 1px 1px 1px #9abcdf;cursor: pointer;float: right;position: relative;top: 3px;}
#headerarea.homepage #searcharea #statelabel, #headerarea.internal #searcharea #statelabel{margin-right: 25px;}
#headerarea.homepage #searcharea #adfglabel, #headerarea.internal #searcharea #adfglabel{margin-right: 10px;}
#headerarea.homepage #searcharea .searchradio, #headerarea.homepage #searcharea .searchradio{cursor: pointer; float: right; position: relative; margin-right: 5px; top: .25em;}
*/


/* ***** MAIN CONTENT AREA ***** MAIN CONTENT AREA ***** MAIN CONTENT AREA ***** MAIN CONTENT AREA ***** MAIN CONTENT AREA ***** MAIN CONTENT AREA ***** */

#contentshell{margin-left: 10px; margin-right: 10px; margin-top: 10px; padding-top: 1px;}

#contentholder{background: #fff url(/static/_global/css/css_images/leftnav/nav_background_image.jpg) 0 0 repeat-y; position:relative;width: 100%;float: left;}

#contentholder.middleandright, #contentholder.middle {background: #FFFFFF;}
/* there is a duplicate style in the ie6 stylesheet to target #contentholder.middle{background: #FFFFFF}, for some reason its not working when I put it in this stylesheet */
#contentholder.middle #leftcolumn, #contentholder.middle #rightcolumn, #contentholder.leftandmiddle #rightcolumn, #contentholder.middleandright #leftcolumn {display: none;}

#contentholder.leftandmiddle #maincontentcolumn, #contentholder.leftandmiddleandright #maincontentcolumn {float: left; width: 760px !important; width: 758px;}
#contentholder.middleandright #maincontentcolumn, #contentholder.leftandmiddleandright #maincontentcolumn {padding-right: 180px;}

#contentholder.middleandright #rightcolumn, #contentholder.leftandmiddleandright #rightcolumn {width: 180px;margin:0;padding:0;float: right;} /*height: 100%;*/
#contentholder.leftandmiddle #leftcolumn, #contentholder.leftandmiddleandright #leftcolumn {width: 180px;margin:0;padding:0;float: left;} /*height: 100%;*/

#maincontentinner{padding: 5px 10px 10px 10px; overflow: visible;}
#rightcolumninner{padding-right: 10px;}


* html #contentholder.leftandmiddle #maincontentinner{float:left;}  /* Needed for IE 6 */ /* in the ie6 stylesheet, is code that does a width: expression */
* html #contentholder.leftandmiddleandright #maincontentinner, * html #contentholder.middleandright #maincontentinner{float:left;} /* Needed for IE 6 */


.corner{position: absolute;width: 10px;height: 10px;background-image: url(/static/_global/images/contentareacorners.gif);overflow: hidden;}
.topleft{top: 0;left: 0;background-position: 0 0;}
.topright{top: 0;right: 0;background-position: 10px 0;}
.bottomleft{bottom: 0 !important;bottom: -1px;left: 0;background-position: 0 10px;}
.bottomright{bottom: 0 !important;bottom:-1px;right: 0;background-position: 10px 10px;}

#breadcrumb {margin: 0 0;padding: 0 0 4px 0;background-color: #FFFFFF;font-size:.7em;color:#6E6E6E; border-bottom: 1px solid #F3F7F9;}
#breadcrumb a{color:#6E6E6E;font-size:1em;}
#breadcrumb a:hover{color:#000;}

#breadcrumb #global_myadfg_container {display: inline-block; float: right; border: 1px solid #BCBCBC; border-radius: 2px; margin: 3px 0 0 0; padding: 1px 5px 1px 5px; margin-top: -2px; margin-bottom: -3px;}
#breadcrumb #global_myadfg_container a {color: #0057ae; font-size: 14px;}
#breadcrumb #global_myadfg_container a:visited {color: #232370;}
#breadcrumb #global_myadfg_container a:hover {color: #990000;}
#breadcrumb #global_myadfg_container .myadfg_wording {font-size: 14px; padding-right: 25px; background-image: url("data:image/gif;base64,R0lGODlhEgAQAMQXAPHx8fDw8Pz8/ISEhIeHh/T09JaWlouLi5CQkMbGxqGhofr6+o+Pj5SUlM3NzeXl5YWFhdDQ0Kqqqtzc3OTk5ImJiYKCgv///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABcALAAAAAASABAAQAVd4CWKC4VUFUItYysKhiXPhuCKwazPwXjswN2hNQlaJrdLzmjpjSgE5oxAuQykwEELoAAqAMlCw9go3ABSsEuQMCZsLYojIgFKIo7q5VHBzioPEH46EAwoh4iJKAwhADs="); background-repeat: no-repeat; background-position: center right;}

    
/* ***** FOOTER COMPONENTS ***** FOOTER COMPONENTS ***** FOOTER COMPONENTS ***** FOOTER COMPONENTS ***** FOOTER COMPONENTS ***** FOOTER COMPONENTS ***** */

/********************* ADF&G Footer Controls ****************************/
	#footer-top{width: 100%;background: #fff url(/static/_global/css/css_images/footer/footerbg.jpg) repeat-x;height: 7px;clear: both;margin-top: 9px;}
	
	#footer_adfg{width: 100%;border-bottom:5px #FC0 solid;padding-bottom: 10px;background: #fff url(/static/_global/css/css_images/footer/footerlogo.gif) no-repeat 709px 1px;}

	body.intranet #footer_adfg {background-image: none;}
	
	.footer_adfg_contact_info{position:relative;float:right; padding-top: 1.5%; padding-right: 1.5%}
	.footer_contact_title{font-size:.9em;color:#5e5e5e;font-weight:bold;}
	.footer_contact_details{font-size:.8em;color:#565654;position:relative;float:left;line-height:15px;text-align:left;padding-left: 1em;}
	
	/* 
		font size .8
		footer_adfg_contact_info width = 10.5em, * 2 = 21 em total
		footer_adfg_contact_info padding-left = 1.1 em, * 2 = 2.2 em total
		.8 * (21+2.2) = 18.56
	*/
	
	
	#footerlinks{clear:left;padding-right: 20em; padding-top: 10px;}
	#footer_adfg ul{margin: 0; padding-top: 1.5%; display: inline-block;}
	#footer_adfg li{font-size:.8em;list-style:none;display:inline-block;padding-left:5px;color:#565654;line-height: 2em;}
	#footer_adfg li a{color:#565654;}
	#footer_adfg li a:hover{color:#900;}
	#footerlinks_onleft{padding-left: 1.5%}

/* end ADF&G Footer Controls */




/********************* SOA Footer Controls ****************************/
/* see sty_footer_soa */