/*
--------------------
DROP DOWN MENU CSS
--------------------
Adapted by Cactusoft from CSS dropdown menu
system by Stu Nicholls [www.cssplay.co.uk]

©2004/5/6 Stu Nicholls ~ All rights reserved

Used with permission
*/

#headermenu1 {
	position: absolute;
	z-index: 100;
	margin: 0;
	padding: 0;
	list-style: none;
	top: 0;
	right: 0;
	width: 500px;
}
#headermenu1 li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
}

.sub:hover, .sub:hover strong {
	background-image: none !important;
}
:hover > a.sub {
	background-image: none !important;
}
#headermenu1 table { border: none; }
#headermenu1 table tr { background-image: none; }
#headermenu1 table td { background-image: none; }


/* style the links for the top level */
#headermenu1 li a {
	color: #EEEEEE;
	font: bold 13px/40px "Lucida Sans",Arial, Helvetica, sans-serif;
	letter-spacing: -0.01em;
	text-decoration: none;
	float: left;
	display: block;
}
#headermenu1 li a strong {
	padding: 0 10px;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#headermenu1 ul {
	visibility: hidden;
	position: absolute;
	top: 40px;
	right: 0;
	color: #AAAAAA;
	background: #8c40b3 url(bg_submenu_l.gif) no-repeat left center;
	text-align: center;
	padding: 0;
	width: 395px;
	margin-right: 7px;
}
#headermenu1 ul li {
	display: inline;
	float: left;
	white-space: nowrap;
}
#headermenu1 .short ul {
	width: 94px;
	background-image: none;
}
#headermenu1 ul li a {
	color: #EEEEEE;
	font: normal 11px/20px Arial, Helvetica, sans-serif;
	letter-spacing: 0;
	text-decoration: none;
	background: none !important;
	float: none !important;
	display: inline !important;
	float: left;
	clear: right;
	padding: 0 7px;
}
#headermenu1 .short ul li {
	float: right;
	width: 94px;
}
#subMenus ul li a:hover {
	text-decoration: underline;
	font-weight: normal;
}
#subMenus .end {
	background: #8c40b3 url(bg_submenu_r.gif) no-repeat right center;
	height: 20px;
	float: right;
}
/* style the table so that it takes no ppart in the layout - required for IE to work */
#headermenu1 table {position:absolute; top:0; right:0;text-align: center;}

/* style the top level hover */
#headermenu1 a:hover, #headermenu1 ul a:hover {
	color: #ffffff;
	background: #8c40b3 url(bg_MenuTab_bl.gif) no-repeat left bottom;
	color: #FFFFFF;
}

#headermenu1 li a:hover strong {
	background: url(bg_MenuTab_br.gif) no-repeat right bottom;
	display: block;
}

#headermenu1 :hover > a, #headermenu1 ul :hover > a {
	color: #ffffff;
	background: #8c40b3 url(bg_MenuTab_bl.gif) no-repeat left bottom;
}

/* make the second level visible when hover on first level list OR link */
#headermenu1 li:hover ul, #headermenu1 a:hover ul {
	visibility: visible; 
}