@charset "utf-8";

/* These are the required elements and should not be touched */

body{

	background: ;

	padding: 0;

	margin: auto;

	text-align: center;

}



/*Clears both left and right float*/

.clear{

	clear: both;

	background-color: #0A306A;

}



/*Float item left of content below it*/

.left{

	float: left;	

}



/*Float item right of content below it*/

.right{

	float: right;	

}



/*Hide elements for screen readers*/

.hidden{

	position: absolute;

	left: 0px;

	top: -200px;

	width: 1px;

	height: 1px;

	overflow: hidden;

}



/*This adds the gradient background on the top of the page*/

#background_top{

	background: url('/web/20150216020108im_/http://www.akredistricting.org/images/background.gif') repeat-x #0a306a;

	width: 100%;

	padding-top: 0px;

}



/*IDs are elements that can be used only once per page on the website*/

#container{

	width: 960px;

	text-align: left;

	margin: auto;

}

/*These all control the look and feel of the gold bar at the top of the page*/
/*This is for the <div> container that holds the entire top bar*/



/*This control the header element*/

/*This is the container as well as the holder of the actual header image*/

#header{

	display: block;

	width: 960px;

	min-height: 240px;

	background: url('/web/20150216020108im_/http://www.akredistricting.org/images/headerBG.gif') repeat-x #112039;/*This will need to be changed depending on the background color or style you choose to use*/

	clear: both;

	position: relative;

}



/*This creates the link for the header with an invisible link block*/

#header a#title{/*This styles the text just in case the image doesn't load*/

	color: #ffffff;

	float: left;

	font-size: 1.2em;

	padding: 15px 0 0 15px;

	font-weight: bold;

	display: block;

	width: 334px;/* The width and height will need to be set to the above image so that everything shows up appropriately*/

	height: 75px;

}



#header a#title span{/* This hides the text so that you just have a link element, but screenreaders also have the link available*/

	background: url('/web/20150216020108im_/http://www.akredistricting.org/images/AK-State-Site-Headers5.jpg') top left no-repeat;/*The individual department / division header needs to be put in here*/

	display: block;

	width: 960px;/* The width and height will need to be set to the above image so that everything shows up appropriately*/

	height: 240px;

	margin: 0;

	padding: 0;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 1;

}



/*This styles the search box, mostly taken from DFG's css*/

#search{

	float: right;

	padding: 15px 15px 0 0;

	font-family: Arial, Helvetica, sans-serif;
	
	color: #FF0;

	text-align: right;

	position: relative;/*Need this to get the absolute positioning to work within this div box*/

}

/*This is the background for the search box*/

#search #searchBox{

	background: url('/web/20150216020108im_/http://www.akredistricting.org/images/searchbox.png') no-repeat top left;

	width: 300px;

}



#searchSelect{

	position: absolute;

	top: 45px;

	right: 15px;

}



#search input, #search label{

	padding: 0;

	margin: 0;

}

/*This is the position and size of the search text field*/

#search #searchtextfield{

	color:#6D6D6D; /*Change this to change the text color*/

	font-size:12px;

	border: none; 

	width: 195px;

	margin: 0;

	position: relative;

	border: none;

	top: -7px;

	right: 0px;

}



/*This is the positioning of the search button*/

#search #searchbutton{

	position: relative;

	padding: 0;

	margin: 0;

	top: 0;

	right: 0;

}

/*This is the styling of the radio button labels*/

#search label{

	font-weight: bold;

	color: #f5f5f5;/*Change this to change the text color*/

	font-size: .7em;

}



/*This is the style for the footer; defines the background that runs the bottom of the page*/

#footer{

	display: block;

	width: 100%;

	min-height: 200px;

	text-align: center;

	margin: auto;

	background: url('/web/20150216020108im_/http://www.akredistricting.org/images/footerBG.gif') repeat-x #030c1b;

	padding-top: 3px;

}

/*Footer Links and content*/

#footer_content{

	display: block;

	width: 960px;

	min-height: 80px;

	padding-top: 10px;

	background: url('/web/20150216020108im_/http://www.akredistricting.org/images/footer_contentBG.gif') repeat-x top;

	text-align: left;

	margin: auto;

	color: #CED4DF;

	font-family: Arial, Helvetica, sans-serif;

}

/*Styles the right and left box of the statewide footer */

#footer_content .right, #footer_content .left{

	padding: 10px 0;	

}



#footer_content .right{

	text-align: right;

	float: none;

	font-size: .75em;

}



#footer_content .left{

	text-align: left;	

}



/* Style the list of links in the footer */

#footer_content ul{

	list-style: none;

	display: inline;

	padding: 0;

	font-size: .8em;

}



#footer_content ul li{

	float: left;

	padding: 0 10px 3px 0;

}



#footer_content ul li a, #footer_content a{

	color: #CED4DF;

	text-decoration: underline;

	font-weight: normal;

}



#footer_content ul li a:hover, #footer_content ul li a:focus, #footer_content a:hover, #footer_content a:focus{

	text-decoration: none;

}



#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;

}


/*
     FILE ARCHIVED ON 02:01:08 Feb 16, 2015 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 23:48:17 Sep 02, 2017.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/