@charset "utf-8";
/* CSS Document */

/*This styles the menu structure
#menu{
	width: 960px;
	height: 26px;
	background: url('http://library.alaska.gov/test/redesign/images/menuBG.gif') repeat-x #112039;
	border-bottom: 4px solid #637ba5;
	text-transform: uppercase;
	font-family: Helvetica, Arial, sans-serif;
}
*/

/*----------------------------------------------------new menu style-------------------------------------------*/

.sf-navbar ul, 
.sf-navbar li{font-size:100%; margin: 0px; padding: 0px;}



#navholder{
	position:relative;
	margin-top: -35px;
	margin-bottom: 4px;
	padding-bottom: 0px;
	width: 960px;
	height:45px;
	z-index:9999; 
	text-transform: uppercase;
	font-family: Helvetica, Arial, sans-serif;
}

.sf-navbar{
	/*border-top: 1px solid #4989b3;*/
	line-height:1;	
}

.sf-navbar, .sf-navbar * {
	margin:			0;
	padding:		0;
	padding-bottom: 0px;
	list-style:		none;
}

.sf-navbar li{
	border-right: 1px solid #011745;
	border-left: 1px solid #39507d;
}

/*This styles the first nav item of the list link to not have a left border*/
.sf-navbar li#first_nav{ border-left: none;}

/*This adds a right hand border to the last list item to create the illusion of a double border*/
.sf-navbar li#last_nav{ border-right: 1px solid #39507d;}

.sf-navbar ul {
	position:		absolute;
	top:			-999em;
	width:			10em;
}

.sf-navbar ul li {
	width:			100%;
	border: none;
}
.sf-navbar li:hover {
	visibility:		inherit; 
}
.sf-navbar li {
	float:			left;
	position:		relative;
}
.sf-navbar a, .sf-navbar p {
	display:		block;
	position:		relative;
}
.sf-navbar li:hover ul,
.sf-navbar li.sfHover ul {
	left:			0;
	top:			2.1em; 
	z-index:		99;
}
ul.sf-navbar li:hover li ul,
ul.sf-navbar li.sfHover li ul {
	top:			-999em;
}
ul.sf-navbar li li:hover ul,
ul.sf-navbar li li.sfHover ul {
	left:			10em; 
	top:			0;
}
ul.sf-navbar li li:hover li ul,
ul.sf-navbar li li.sfHover li ul {
	top:			-999em;
}
ul.sf-navbar li li li:hover ul,
ul.sf-navbar li li li.sfHover ul {
	left:			10em; 
	top:			0;
}


.sf-navbar {
	float:			left;
	margin-bottom:	1em;
}
.sf-navbar a, .sf-navbar p {
	padding: 	5px	10px 5px 10px;
	text-decoration:none;
	line-height:	normal;
}


/*this changes the hover on the 1st level */
.sf-navbar li:hover, .sf-navbar li.sfHover,
.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active 
.sf-navbar p:focus, .sf-navbar p:hover, .sf-navbar p:active {
	background: url('http://library.alaska.gov/test/redesign/images/menuRolloverBG7.gif') repeat-x top center #061D40;
}

/*this changes the entire 1st level bar*/
.sf-navbar {
	position:		relative;
	width:			100%; 
}

/*this changes the background color for the entire 2nd level bar*/
.sf-navbar ul{
	width:100%; 	
	background: url('http://library.alaska.gov/test/redesign/images/menuBG.gif') repeat-x #112039;
}

.sf-navbar li {
	position:		static;
}
.sf-navbar a {
	border-top:		none;
	
}
.sf-navbar li ul {
	width:			100%; 
}

.sf-navbar li li {
	position:		relative;
}
.sf-navbar li li ul {
	width:			20em;
}
.sf-navbar li li li {
	width:			100%;
}
.sf-navbar ul li {
	width:			auto;
	float:			left;
}
.sf-navbar a, .sf-navbar a:visited {
	border:			none;
}

/*this changes the background color of the 1st level listitem that is currently being viewed, this will highlight 'HOME' when the page loads
.sf-navbar li.current {
	background:		#0F446E;
}*/

/*this changes the background color of the 2nd level listitem's hover property viewed*/
.sf-navbar ul li:hover,
.sf-navbar ul li.sfHover,
ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li,
.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {
	background: url('http://library.alaska.gov/test/redesign/images/menuRolloverBG7.gif') repeat-x top center #061D40;
}

ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
	left:			0;
	top:			2.1em; 
}
ul.sf-navbar .current ul ul {
	top: 			-999em;
}


.sf-navbar > li > a, .sf-navbar > li > p {
	display:block;
	font-weight:bold;
	text-decoration:none;
	font-size:14px; 
	text-shadow:1px 1px 3px #091E2F;

}




.sf-navbar li p,
.sf-navbar li a,
.sf-navbar li a:hover,
.sf-navbar li a:visited {font-weight: bold; color: white;}

.sf-navbar li li p,
.sf-navbar li li a,
.sf-navbar li li a:hover,
.sf-navbar li li a:visited {font-weight: normal;}

.sf-navbar li li li a,
.sf-navbar li li li a:visited {color: black;}
.sf-navbar li li li a:hover {color: #000;}



.sf-navbar > li > ul> li> a, .sf-navbar > li > ul> li> p{
	color:#fff; /* this changes the text color in 2nd level listitems*/
	display:block;
	font-weight:normal;
	text-decoration:underline;
	font-size:12px; 
}
.sf-navbar > li > ul > li > ul > li{
	background: #eaf3f7 !important; /*this changes the background of the dropdown for 3rd level listitems*/
}

.thirdlevel a{
	font-size:12px;
	background:transparent; 
	text-decoration:none;
}
.thirdlevel li a:hover{
	color: #8a6e24 !important;
	background:none; /*this changes the hover background color on 3rd level listitems (in dropdown)*/
	text-decoration: underline;
}
.thirdlevel{
	margin-top:-1px;	
}



/* ----------------------these hacks will fix discrepancies between browsers ---------------------*/
*html #navholder{
	
	\margin-bottom: 0px; /*for IE5 & IE 6 in quirks mode */
	m\argin-bottom: 15px;/*for IE6 in standards mode*/
}



*html .sf-navbar li ul{
	/margin-top: 3px; /*for IE5 & IE 6 in quirks mode */
	m/argin-top: 0px; /*for IE6 in standards mode*/
}

	
*html #navholder {
	\padding-bottom: 0px; /*for IE5 & IE 6 in quirks mode */
	p\adding-bottom: 10px; /*for IE6 in standards mode*/
}
/* ------------------------------------- end browser hacks -------------------------------------- */