@charset "utf-8";
/* CSS Document */
/*The following CSS items are slightly different for the homepage than the rest of the pages*/
h3{
border: none;	
}

ul{
list-style: none;
}

ul li{
list-style-image: none;	
list-style: none;
}

div#tabpanel{
margin: -4px 0 0 0;
}

.box{
	margin: 0;	
}

.box h2{
	border: none;
}

.boxTop{
	padding: 0;
}

#content{
	padding: 10px;
	background: #f0ebdb;
}

#content #main{
	float: left;
	width: 668px;
}

#content #sidebar{
	float: right;
	width: 260px;
}

/* Alerts on top of the page body*/
#alerts{
width: 100%;
background: #fff url('/images/alertBar.png') no-repeat top left;
border: 4px solid #b90007;
text-align: center;
padding: 0 0 0 120px;
margin: 0 0 5px 0;
font-weight: bold;
width: 540px;
}

#alerts span{
	font-style: italic;
}

/*The top row of links with Resident, Business, Visitor*/
.topRow{
	float: left;
	display: box;
	width: 217px;
	height: 350px;
	margin-bottom: 5px;
	position: relative;
}

.topRow span{
	display: none;
}


.hasJS .topRow span{
	display: block;
	width: 217px;
	height: 350px;
	position:absolute;
	z-index: 2;
	background: #000;
}
#resident span{
	background: url('/images/topPanelBG.jpg') 0 0 no-repeat;
}
#business span{
	background: url('/images/topPanelBG.jpg') -217px 0 no-repeat;
}
#visitor span{
	background: url('/images/topPanelBG.jpg') -434px 0 no-repeat;
}
#resident{
	margin-right: 5px;
	background: #ebecf0 url('/images/topPanelBG.jpg') 0 -357px no-repeat;
}
#business{
	margin-right: 6px;
	background: #ebecf0 url('/images/topPanelBG.jpg') -217px -357px no-repeat;
}
#visitor{
	background: #ebecf0 url('/images/topPanelBG.jpg') -434px -357px no-repeat;
}
.topRow span a.topRow_link{
	width: 217px;
	height: 350px;
	display: block;
	margin: 0;
	text-indent: -99999px;
}

.topRow h2{
	margin: 0;
	padding: 0;
}
.topRow h2 a{
	display: block;
	width: 217px;
	height: 40px;
	position: absolute;
	bottom: 0;
	text-indent: -99999px;
	z-index: 1;
	margin: 0;
	padding: 0;
}

.topRow h3{
	padding: 0;
	margin: 10px 10px 0 10px;
	font-size: .9em;
	color: #000;
	font-weight: bold;
	border-bottom: 1px solid #c3d2de;
}
.topRow ul{
	padding: 0;
	margin: 0 0 0 20px;
	list-style: none;
}
.topRow ul li{
	list-style: none;
	padding: 2px 0;
	margin: 0;
	font-size: .8em;
}
.topRow li a{
	padding: 0;	
}
.topRow li a:hover, .topRow li a:focus{
	background: none;	
}

.topRow a#more{
	float: right;
	font-size: .7em;
	padding: 0 10px 0 0;
	margin: -1.4em 0 0 0;
}

/*News item box below the Resident Business Visitor section*/
#news{
	clear: both;
	background: #f2f2fa url('/images/newsBG.jpg') no-repeat;
	height: 111px;
	position: relative;
	padding: 0;
	margin: 0;
	font-size: .8em;
}
#news h2 {
	position: absolute;
	margin: 0;
}
#news h2 a{
	display: block;
	width: 150px;
	height: 111px;
	position: absolute;
	margin: 0 0 0 10px;
	padding: 0;
	top: 0;
	left: 0;
	font-size: .8em;
	text-indent: -9999px;
}

#news h2 a span{
	display: block;
	width: 165px;
	height: 111px;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	z-index: 10;
	background: url('/images/newsBG.jpg') no-repeat;
}


#news ul{
	padding: 0;
	margin: -10px 0 0 0;
	list-style: none;
}

#news ul li{
	list-style: none;
	margin: 5px 0 9px 200px;
	padding: 0;
}
#news ul li a{
	padding: 0;	
}
#news ul li a:hover, #news ul li a:focus{
	background: none;	
}

.newsdate{
	color: #004274;
	font-weight: bold;
	text-transform: uppercase;
}

 .newsMonth{
	float: left;
	width: 25px;
	text-align: right;
	padding: 0 5px 0 0;
}

.newsitem{
	margin-left: 8px;	
}

/*Services section*/
#services ul.multi_column{
	padding: 0;
	margin: 0;
	list-style: none;
}

#services ul.multi_column li{
	font-size: .8em;
	list-style: none outside;
	padding: .5em 0 .5em 20px;
}


#services #tabpanel h3{
	display: block;
	margin: 10px 0 0 10px;
	width: 132px;
	text-indent: -99999px;
	float: left;
}

#services div.services_box{
	min-height: 260px;
	width: 100%;
	padding: 0;
	margin: 0;
}

#services #how h3{
	height: 145px;
	background: url('/images/servicesBG.png') no-repeat  0 0;
}

#services #how{
	background: url('/images/servicesHow.jpg') no-repeat right bottom;
}

#services #education h3{
	height: 152px;
	background: url('/images/servicesBG.png') no-repeat  0 -147px;
}

#services #education{
	background: url('/images/servicesEducation.jpg') no-repeat right bottom;
}

#services #health h3{
	height: 180px;
	background: url('/images/servicesBG.png') no-repeat  0 -305px;
}

#services #health{
	background: url('/images/servicesHealth.jpg') no-repeat right bottom;
}

#services #jobs h3{
	height: 182px;
	background: url('/images/servicesBG.png') no-repeat  0 -497px;
}

#services #jobs{
	background: url('/images/servicesJob.jpg') no-repeat right bottom;
}

#services #safety h3{
	height: 207px;
	background: url('/images/servicesBG.png') no-repeat  0 -692px;
}

#services #safety{
	background: url('/images/servicesSafety.jpg') no-repeat right bottom;
}

/*Styling for the My Government information*/
.stateAgency{
	position: relative;
	width: 100%;
	min-height: 490px;
	padding: 0;
	margin: 0;
}

.stateAgency h3{
	color: #000;
	font-weight: normal;
	padding: 0;
	margin: 0;
	font-size: 1.5em;
	line-height: 1.2em;
}

.stateAgency h4{
	font-size: 1em;
	font-weight: normal;
	width: 175px;
	padding: 20px 0 0 0;
	margin: 0 20px 0 0;
	border-bottom: 1px solid #c3d2de;
}

#tabpanel2 .switched h3 div.dept_title{
	font-size: .7em;
	padding: 5px 0 0 0;
	margin: 0 0 -.5em 0;
}

#tabpanel2 .stateAgency ul li{
	font-size: .8em;
	list-style: none;
}

#tabpanel2 .switched .agency_info{
	margin: 0 0 0 100px;
	padding: 0;
	width: 315px;
}

#tabpanel2 .switched .agency_info p{
	padding: 10px 0 0 0;
	margin: 0;
}

.stateAgency .right ul, .stateAgency .left ul{
	width: 180px;
	margin: 0;
}

.stateAgency .logo{
	display: block;
	width: 70px;
	height: 70px;
	margin: 10px 0 0 0;
	padding: 0 20px 0 10px;
	float: left;
	overflow: hidden;
	position: relative;
}

.stateAgency .logo img{
	position: relative;
}

#doa .logo img{
	top: -80px;	
}
#correct .logo img{
	top: -161px;	
}
#eed .logo img{
	top: -240px;	
}
#dec .logo img{
	top: -320px;	
}
#adfg .logo img{
	top: -400px;	
}
#hss .logo img{
	top: -480px;	
}
#law .logo img{
	top: -560px;	
}
#dnr .logo img{
	top: -640px;	
}
#dps .logo img{
	top: -720px;	
}
#dor .logo img{
	top: -800px;	
}
#dot .logo img{
	top: -880px;	
}

.stateAgency .dept_home{
	position: absolute;
	bottom: 0;
	right: 20px;
	font-size: .9em;
}

.stateAgency .dept_home a{
	padding: 9px 35px 9px 0;
	background: url('/images/blueBTN.png') no-repeat top right;
}

#mygov ul li{
	width: 170px;	
}

#tabpanel2 #mygov{
	background: url('/images/myGovBG.png') no-repeat center center;	
}

#mygov p{
	padding: 0 0 0 0;
	margin: 20px 20px 0 0;
	font-size: 1.2em;
	text-align: center;
}

/*Social Media box at bottom of homepage*/
#socialMedia{
	padding: 3px 0 0 0;
	height: 60px;
}

#socialMedia ul{
	padding: 0 0 0 8px;
	margin: 0;
	line-height: normal;
}

#socialMedia ul li{
	list-style: none;
	float: left;
	padding: 0;
	margin: 0;
}

#socialMedia ul li a{
	display: block;
	width: 48px;
	height: 48px;
	margin: 5px 2px 0 0;
	padding: 0;
	text-indent: -99999px;
}

#socialMedia ul li#more_socialMedia{
	float: right;
	height: auto;
}

#socialMedia ul li#more_socialMedia a{
	display: inherit;
	width: 200px;
	padding: 7px 37px 0 0;
	margin: 15px 10px 0 0;
	text-align: right;
	text-indent: inherit;
	background: url('/images/blueBTN.png') no-repeat top right;
}

#socialMedia ul li a#facebook{
	background: url('/images/socialMediaBTN.png') no-repeat 0 0;	
}
#socialMedia ul li a#twitter{
	background: url('/images/socialMediaBTN.png') no-repeat -50px 0;	
}
#socialMedia ul li a#flickr{
	background: url('/images/socialMediaBTN.png') no-repeat -100px 0;	
}
#socialMedia ul li a#vimeo{
	background: url('/images/socialMediaBTN.png') no-repeat -150px 0;	
}
#socialMedia ul li a#youTube{


	background: url('/images/socialMediaBTN.png') no-repeat -200px 0;	
}
#socialMedia ul li a#rss{
	background: url('/images/socialMediaBTN.png') no-repeat -250px 0;	
}

/*Alaska Executive Branch, with the Lt. Governor and Governor links, as well as the Flag Status link*/
#govLtgov{
	height: 243px;
	position: relative;
	background: #dbdbf5;
}

#govLtgov h2{
	width: 250px;
	height: 23px;
	margin: 0 0 0 6px;
	padding: 0;
	text-indent: -9999px;
	background: url('/images/executiveAgencyPanel.jpg') 0 0 no-repeat;
}

#govLtgov ul, #otherGovernment ul{
	padding: 0;
	margin: 0 0 0 7px;
}

#govLtgov ul li{
	list-style: none;
	padding: 0;
	margin: 0;
}

#govLtgov li a{
	padding: 0;	
}
#govLtgov li a:hover, #govLtgov li a:focus{
	background: none;	
}

#govLtgov li a#governor{
	display: block;
	width: 244px;
	height: 128px;
	margin: 0 0 3px 0;
}


#govLtgov li a#governor span{
	display: block;
	width: 244px;
	height: 128px;
	margin: 0 0 3px 0;
	position: absolute;
	z-index: 1;
	background: url('/images/executiveAgencyPanel.jpg') 0 -23px no-repeat;
}

#govLtgov li a#governor:hover span{
	background: url('/images/executiveAgencyPanel.jpg') -245px -23px no-repeat;
}

#govLtgov li a#flagStatus{
	display: block;
	width: 123px;
	height: 40px;
	text-indent: -99999px;
	background: url('/images/flagStatusBTN.png') no-repeat;
	position: absolute;
	top: -55px;
	right: 0;
}

#govLtgov ul li ul.gov_socialMedia{
	position: absolute;
	top: 120px;
	left: 120px;
	padding: 0;
	margin: 0;
}

#govLtgov ul li ul.gov_socialMedia li{
	display: block;
	width: 28px;
	height: 30px;
	float: left;
}

#govLtgov ul li ul.gov_socialMedia a.gov_socialMedia{
	text-indent: -99999px;
	display: block;
	width: 28px;
	height: 22px;
	margin: 0 0 0 4px;
	position: absolute;
	z-index: 2;
}

#govLtgov li a#ltgovernor{
	display: block;
	width: 244px;
	height: 85px;
}

#govLtgov li a#ltgovernor span{
	display: block;
	width: 244px;
	height: 85px;
	position: absolute;
	z-index: 1;
	top: 155px;
	background: url('/images/executiveAgencyPanel.jpg') 0 -156px no-repeat;
}

#govLtgov li a#ltgovernor:hover span{
	background: url('/images/executiveAgencyPanel.jpg') -245px -156px no-repeat;
}

/*The non executive branch Alaska Government pages*/
#otherGovernment{
	display: block;
	min-height: 218px;
	margin: 5px  0 0 0;
	padding: 0 0 0 0;
	background: #dbdbf5;
	position: relative;
}

#otherGovernment ul{
	padding: 0;	
}

#otherGovernment ul li{
	list-style: none;
	padding: 0;
	margin: 0;
}

#otherGovernment ul a{
	display: block;
	width: 244px;
	height: 65px;
	padding: 5px 0 0 0;
}

#otherGovernment ul a span{
	display: block;
	width: 244px;
	height: 70px;
	padding: 0;
	position: absolute;
	z-index: 1;
}

#otherGovernment ul a#legislature span{
	background: url('/images/executiveAgencyPanel.jpg') 0 -247px no-repeat;
	margin: 2px 0 0 0;
	top: 0;
}

#otherGovernment ul a#legislature:hover span{
	background: url('/images/executiveAgencyPanel.jpg') -245px -247px no-repeat;
}

#otherGovernment ul a#courts span{
	background: url('/images/executiveAgencyPanel.jpg') 0 -320px no-repeat;
	margin: 2px 0 0 0;
	top: 72px;
}

#otherGovernment ul a#courts:hover span{
	background: url('/images/executiveAgencyPanel.jpg') -245px -320px no-repeat;
}

#otherGovernment ul a#congress span{
	background: url('/images/executiveAgencyPanel.jpg') 0 -393px no-repeat;
	margin: 2px 0 2px 0;
	top: 145px;
}

#otherGovernment ul a#congress:hover span{
	background: url('/images/executiveAgencyPanel.jpg') -245px -393px no-repeat;
}

/*Box to hold the links of highlights*/
#highlights{
	padding: 5px 0 3px 0;	
}

#highlights ul{
	padding: 0;
	margin: 0;
}

#highlights ul li{
	list-style: none;
	padding: 0;
	margin: 0 0 0 4px;
	line-height: normal;
}

#highlights ul li a{
	padding: 0;
	margin: 0;
}

#highlights ul li a:hover, #highlights ul li a:focus{
	background: none;	
}

#highlights ul li a img{
	border: none;
	padding: 0;
	margin: 0;
}

/*Box to hold the Public Notices*/
#publicNotice{
	margin: 0;
	padding: 0;
	min-height: 518px;	
}

#publicNotice ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

#publicNotice ul li{
	clear: both;
	padding: 0;
	list-style: none;
}

#publicNotice ul .noticeMonth{
	width: 60px;
	float: left;
	padding: 0 2px 2px 2px;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
}

#publicNotice ul .noticeDay{
	font-weight: bold;
	color: #a7c1d5;
	font-size: 38px;
	line-height: 30px;
}

#publicNotice ul .noticeItem{
	display: block;
	width: 190px;
	margin: 2px 0 0 60px;
	line-height: 1em;
}

#publicNotice ul .noticeLocation{
	display: block;
	font-style: italic;
	font-size: .9em;
	line-height: normal;
}

#publicNotice ul li a{
	display: block;
	width: 258px;
	min-height: 45px;
	padding: 5px 0;
	border-bottom: 1px solid #d7e7f3;
	color: #00345F;
}

#publicNotice ul li a:hover, #publicNotice ul li a:focus{
	background: #edf2f7;
	text-decoration: none;
}

a#more_notices{
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0 10px 0 0;
	padding: 8px 37px 18px 0;
	text-align: right;
	display: block;
	font-size: .9em;
	background: url('/images/blueBTN.png') no-repeat top right;
}

a#more_notices:hover, a#more_notices:focus{
	
}

/*The Alaska Kids section */

/*h2#kids_title{
	display: block;
	width: 211px;
	height: 25px;
	background: url('/images/kidscornerBG.jpg') no-repeat 0 0;
	text-indent: -99999px;
	margin: 35px 0 5px 0;
	padding: 0;
}*/

#kids{
	background: url('/images/kidscornerBG.jpg') no-repeat;
	position: relative;
	padding: 0;
	margin: 0;
	height: 63px;
}

#kids ul{
	padding: 5px;
	margin: 0;
	list-style: none;
}

#kids li{	
	padding: 0;
	margin: 0;
	font-variant: small-caps;
	font-weight: bold;
	line-height: 1.2em;
	list-style: none;
}

#kids li a{
	padding: 0;	
	color: #00345F;
}

#kids li a:hover, #kids li a:focus{
	background: none;	
}

#kids li a#kids_more span{
	display: block;
	width: 258px;
	height: 63px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	background: url('/images/kidscornerBG.jpg') no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#publicNotice { min-height: 501px;}
	.stateAgency .dept_home{bottom: -25px;}
	.stateAgency { min-height: 445px; }
}