/* ---------------------------------
Button Image Swap
--------------------------------- */

#home a {width: 60px; height: 27px; background:  url(../imgs/nav_home.gif) 0 0 no-repeat;}
#home a:hover {background-position: 0 -27px;}
#home-active a {width: 60px; height: 27px; background:  url(../imgs/nav_home.gif) 0 0 no-repeat; background-position: 0 -54px;}

#news a {width: 58px; height: 27px; background:  url(../imgs/nav_news.gif) 0 0 no-repeat;}
#news a:hover {background-position: 0 -27px;}
#news-active a {width: 58px; height: 27px; background:  url(../imgs/nav_news.gif) 0 0 no-repeat; background-position: 0 -54px;}

#publications a {width: 107px; height: 27px; background:  url(../imgs/nav_publications.gif) 0 0 no-repeat;}
#publications a:hover {background-position: 0 -27px;}
#publications-active a {width: 107px; height: 27px; background:  url(../imgs/nav_publications.gif) 0 0 no-repeat; background-position: 0 -54px;}

#books a {width: 65px; height: 27px; background:  url(../imgs/nav_books.gif) 0 0 no-repeat;}
#books a:hover {background-position: 0 -27px;}
#books-active a {width: 65px; height: 27px; background:  url(../imgs/nav_books.gif) 0 0 no-repeat; background-position: 0 -54px;}

#conferences a {width: 105px; height: 27px; background:  url(../imgs/nav_conferences.gif) 0 0 no-repeat;}
#conferences a:hover {background-position: 0 -27px;}
#conferences-active a {width: 105px; height: 27px; background:  url(../imgs/nav_conferences.gif) 0 0 no-repeat; background-position: 0 -54px;}

#support a {width: 76px; height: 27px; background:  url(../imgs/nav_support.gif) 0 0 no-repeat;}
#support a:hover {background-position: 0 -27px;}
#support-active a {width: 76px; height: 27px; background:  url(../imgs/nav_support.gif) 0 0 no-repeat; background-position: 0 -54px;}

#contact a {float: left; width: 80px; height: 27px; background:  url(../imgs/nav_contact.gif) 0 0 no-repeat;}
#contact a:hover {background-position: 0 -27px;}
#contact-active a {float: left; width: 80px; height: 27px; background:  url(../imgs/nav_contact.gif) 0 0 no-repeat; background-position: 0 -54px;}


/* ---------------------------------
General Menu Layout
--------------------------------- */

#menu, #menu ul { /* all lists */
	list-style: none;
	width: 757px;
	z-index: 1000;
}

#menu span {display: none;}

#menu a {
	display: block;
	text-decoration: none;
	padding: 0 1px 0 0;

}

/* ---------------------------------
Drop Downs
--------------------------------- */

#symptoms a {width: 89px; height: 27px; background: url(../imgs/nav_symptoms.gif) 0 0 no-repeat;}
#symptoms a:hover {background-position: 0 -27px;}
#symptoms-active a {width: 89px; height: 27px; background:  url(../imgs/nav_symptoms.gif) 0 0 no-repeat; background-position: 0 -54px;}

#treatment a {width: 91px; height: 27px; background:  url(../imgs/nav_treatment.gif) 0 0 no-repeat;}
#treatment a:hover {background-position: 0 -27px;}
#treatment-active a {width: 91px; height: 27px; background:  url(../imgs/nav_treatment.gif) 0 0 no-repeat; background-position: 0 -54px;}

/* ---------------------------------
General Menu Layout
--------------------------------- */

#menu li { /* all list items */
	float: left;
	margin: 0;
}

#menu li ul { /* second-level lists */
	position: absolute;
	background: #E4EDED;
	width: 175px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border-left: 1px solid #578282;
	border-bottom: 1px solid #578282;
	border-right: 1px solid #578282;
	border-top: 1px #fff solid;
	margin: 0 0 0 -1px;
}

#menu li ul li a {
		padding: 4px;
		background: #E4EDED;
		height: auto;
		width: auto !important;
		width: 100%;
}

#menu li ul li {
	text-align: left;
	font-size: 10px;
	background: #E4EDED;
	width: 175px;
	margin:  0;
	padding: 0;
	border-top: 1px solid #FFFFFF;
}

#menu li:hover ul, #menu li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#menu li ul li a:hover, #menu li ul li a:active {
	background: #E4EDED url(../imgs/dd_over.gif) repeat-x bottom;
	color: #3F5F5F;
}