#navigation {

	background-color: #EFF3F5;

	height: 26px;

	border-bottom: 1px solid #999999;



}

#nav, #nav ul {

	list-style: none;

	padding: 0;

	margin: 0;

	float: left;

	background: #EFF3F5;

	line-height: 1.4;

}



#nav a {

	display: block;

	text-decoration: none;

	padding: 4px 15px;

	color: #666666;

	background: #EFF3F5 repeat-x;

	font-weight: bold;

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

	font-size:13px;

}



#nav a:active {background-color: #AFE2D5;}



#nav li {

	float: left;

	padding: 0;

}



#nav li ul {

	position: absolute;

	left: -999em;

	height: auto;

	width: 230px;

	font-weight: normal;

	margin: 0px 0px 0px -1px;

	padding-top: 0px;

	line-height: 16px;

	background-color: #EFF3F5;

	font-weight: bold;

}



#nav li ul li a {padding-left: 5px;}



#nav li li {

	padding-right: 0px;

	width: 230px;

	margin: 0px;

}



#nav li ul a {

	width: 230px;

	font-weight: normal;

	background-color: #AFE2D5;



}



#nav li ul a:hover {font-weight: bold;}



#nav li ul ul {

	margin: -16px 0 0 140px;

}



#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {

	left: -999em;

	background-color: #AFE2D5;

}



 /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li:hover a, #nav li.sfhover a {

	left: auto;

	background: #AFE2D5;

	text-decoration: none;

	color: #333333;

}



#nav li:hover ul li, #nav li li:hover ul li, #nav li li li:hover ul li, #nav li.sfhover ul li, #nav li li.sfhover ul li, #nav li li li.sfhover ul li, #nav li:hover, #nav li.sfhover {

	background-color: #AFE2D5;

}



#nav li:hover ul a, #nav li.sfhover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */

	text-decoration:none;

}



X#nav li ul a:hover {

	color: #333333;

}

X#nav li a:hover {

	color: #333333;

	background-color: #AFE2D5;

}



#nav li ul li a {

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

	font-size: 13px;

	color: #000000;

}







#alphabetnavigation {



	background: url(../img/AZ_background.jpg);}

	

#alphabetnav, #alphabetnav ul {

	list-style: none;

	padding: 0;

	margin: 0;

	float: left;

	line-height: 1.4;

	border: 1px solid #999999;

	background-image: url(../img/AZ_background.jpg);



}





#alphabetnav a {

	display: block;

	text-decoration: none;

	padding: 4px 10px;

	color: #999999;

	font-weight: bold;

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

	font-size:14px;

}



#alphabetnav li {

	float: left;

	padding: 0;

}



#alphabetnav li ul {

	position: absolute;

	left: -999em;

	height: auto;

	width: 151px;

	font-weight: normal;

	margin: 0px 0px 0px -1px;

	padding-top: 0px;

	border-style: none;

	padding-bottom: 1px;

}



#alphabetnav li li {

	padding-right: 0px;

	width: 149px;

	margin: 0px;

}



#alphabetnav li ul a {

	width: 129px;

	font-weight: normal;

}



#alphabetnav li ul ul {

	margin: -16px 0 0 140px;

}



#alphabetnav li:hover ul ul, #alphabetnav li:hover ul ul ul, #alphabetnav li.sfhover ul ul, #alphabetnav li.sfhover ul ul ul {

	left: -999em;

}



#alphabetnav li:hover ul, #alphabetnav li li:hover ul, #alphabetnav li li li:hover ul, #alphabetnav li.sfhover ul, #alphabetnav li li.sfhover ul, #alphabetnav li li li.sfhover ul {

	left: auto;

}



#alphabetnav li:hover, #alphabetnav li.sfhover {

	background: #CCCCCC;

}

#alphabetnav li ul a:hover {

	color: #666666;

}

#alphabetnav li a:hover {

	color: #666666;

	background: #CCCCCC;

}

#container #main_content_area #second_level_content #alphabetnavigation #alphabetnav a {

	color: #666666;

}



#container #main_content_area #second_level_content #alphabetnavigation #alphabetnav a:hover {

	color: #000000;

}