#header #main-nav {
	float: right;
	margin: 24px 0 0 0;
	clear: right;
}

#main-nav ul {
	list-style: none;
}

#main-nav li {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
	display: inline;
}

#main-nav a {
	text-decoration: none;
}

#nav { 
	display: block; 
	width: 700px;
	margin: 0; 
	padding: 0; 
	position: relative; 
}

#nav li { 
	display: block; 
	margin: 0 0 0 26px;
	padding: 0; 
	float: left; 
	position: relative; 
}

* html #nav ul.menu3 li {
	border-bottom: 1px solid #7773a8;
}

#nav li ul li {
	margin-left: 0;
}

#nav a { 
	display: block; 
}

#nav li a {
	padding: 0 5px;
}

#nav ul,
#nav ul ul { 
	display: none; 
	position: absolute; 
	left: 0; 
	margin: 0; 
}

ul#nav ul.menu3,
ul#nav ul.menu3 li ul {
	background: transparent url(../images/menu3.png) repeat-y;
	padding: 5px; 
}

ul#nav ul.menu2,
ul#nav ul.menu2 li ul {
	background: transparent url(../images/menu2.png) repeat-y;
	padding: 5px; 
}
ul#nav ul.menu7,
ul#nav ul.menu7 li ul {
	background: transparent url(../images/menu7.png) repeat-y;
	padding: 5px; 
}


* html #nav ul,
* html #nav ul ul { 
	line-height: 0; 
} /* IE6 "fix" */

#nav ul a { 
	zoom: 1; 
} /* IE6/7 fix */

#nav ul li { 
	float: none; 
}

#nav ul ul { 
	top: -5px; 
}
    
/* Essentials - configure this */

#nav ul { 
	width: 150px; 
}

#nav ul ul { 
	left: 163px; 
}

/* Everything else is theming */

#nav li a.menu1:hover { 
	background-color: #666;
	color: #fff; 
}

#nav li a.menu2:hover {
	background-color: #b0756d;
	color: #fff;
}

#nav li a.menu3:hover {
	background-color: #5457c2;
	color: #fff;
}

#nav li a.menu4:hover {
	background-color: #999;
	color: #fff;
}

#nav li a.menu5:hover {
	background-color: #586989;
	color: #fff;
}

#nav li a.menu6:hover {
	background-color: #837dd8;
	color: #fff;
}

#nav li a.menu7:hover {
	background-color: #666;
	color: #fff;
}

#nav li a.menu8:hover {
	background-color: #666;
	color: #fff;
}

#nav ul { 
	top: 36px; 
}

#nav ul li a { 
	color: #fff;
}