@charset "utf-8";

/* CSS Document */



/*This styles the menu structure*/

#menu{

	clear: both;

	width: 960px;

	height: 33px;
	
	background: url(/web/20150216020108im_/http://www.akredistricting.org/images/menubanner.jpg);

	text-transform: uppercase;

	font-family: Helvetica, Arial, sans-serif;
	
		text-shadow: 0px 1px 2px #000;

	

}

/*This styles the first level list*/

#menu ul{

	margin: 0;

	padding: 0;

	list-style: none;

	font-weight: bold;





}

/*This styles the first level list items*/

#menu ul li{

	float: left;

	color: #fff;

	

}

/*This styles the list item link*/

#menu ul li a{

	color: #fff;

	font-weight: bold;

	text-decoration: none;

	padding: 4px 15px 4px 15px;

	text-decoration: none;

	display: block;

	height: 26px;

}

/*This styles the first nav item of the list link to not have a left border*/

#menu ul li#first_nav a{

	border-left: none;

	font-weight: bolder;

}

/*This adds a right hand border to the last list item to create the illusion of a double border*/

#menu ul li#last_nav{

	border-right: 0px solid #39507d;	

}

/*This is the rollover effect on the link*/

#menu ul li a:hover{

	color: #fff;

	background: url('/web/20150216020108im_/http://www.akredistricting.org/images/menuRolloverBG7.gif') repeat-x top center #061D40;

	font-size: 1em;

}

/*This puts the rollover effect on the list item*/

#menu ul li:hover, #menu ul li:focus, #menu ul li.sfhover{

	color: #FF0;

	background: url('/web/20150216020108im_/http://www.akredistricting.org/images/menuRolloverBG7.gif') repeat-x top center #061D40;

}

/*This does the main styling for all the dropdowns which are wrapped in divs depending on columns*/

#menu ul li div.one_col, #menu ul li div.two_col, #menu ul li div.three_col{

	display: none;

	padding: 0 10px;

	margin: 0 0 0 -10px;

	background: url('/web/20150216020108im_/http://www.akredistricting.org/images/1col_dropdownBG.png') repeat-y;

	position: absolute;

	z-index: 10000;

	text-transform: none;

	font-weight: bold;

	top: auto;

	left: auto;

	text-shadow: none;

}

/*This is to define the two column background shadow*/

#menu ul li div.two_col{

	font-size: .9em;

	background: url('/web/20150216020108im_/http://www.akredistricting.org/images/2col_dropdownBG.png') repeat-y;

}

/*This is to define the three column background shadow*/

#menu ul li div.three_col{

	font-size: .9em;

	background: url('/web/20150216020108im_/http://www.akredistricting.org/images/3col_dropdownBG.png') repeat-y;	

}

/*This is the transparent white background for all the dropdowns*/

#menu div.dropdownBG{

	border-top: 4px solid #061D40;

	border-bottom: 4px solid #061D40;

	background: url('/web/20150216020108im_/http://www.akredistricting.org/images/dropdownBG.png') repeat;

}



#menu>ul>li>ul{

	top: auto;

	left: auto;

}

/*This is the hover effect to get the dropdowns to appear*/

#menu ul li:hover div.one_col, #menu ul li:focus div.one_col, #menu ul li.sfhover  div.one_col, #menu ul li:hover div.two_col,  #menu ul li:focus div.two_col,  #menu ul li.sfhover div.two_col, #menu ul li:hover div.three_col,  #menu ul li:focus div.three_col,  #menu ul li.sfhover div.three_col{

	display: block;	

}

/*This defines all the lists within lists that constitute the dropdown*/

#menu ul li ul li{

	float: none;

	display: block;

	text-align: left;

	border: none;

	width: 170px;

	padding: 6px 0 0 0;

}

/*This is all the links within the dropdown*/

#menu ul li ul li a{

	color: #1e2944;

	text-decoration: none;

	border: none;

}

/*The hover effect on the links in the dropdown*/

#menu ul li ul li a:hover, #menu ul li ul li a:focus, #menu ul li ul li:hover, #menu ul li ul li:focus, #menu ul li ul li.sfhover {

	color: #9A2217;

	background: none;

}

/*The width of the two_column dropdown*/

#menu li div.two_col{

	width: 	340px;

}



/*Sizing and positioning of the columns in the two column dropdown*/

#menu ul li div.two_col ul.col_1, #menu ul li div.two_col ul.col_2{

	border: none;

	padding: 0;

	margin: 0;

	width: 170px;

	position: relative;

	background: none;

	font-size: 1em;

}

/*The width of the three_column dropdown*/

#menu li div.three_col{

	width: 	510px;

}

/*Sizing and positioning of the columsn inthe three column dropdown*/

#menu ul li div.three_col ul.col_1, #menu ul li div.three_col ul.col_2, #menu ul li div.three_col ul.col_3{

	border: none;

	padding: 0;

	margin: 0;

	width: 170px;

	position: relative;

	background: none;

	font-size: 1em;

}


/*
     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)).
*/