/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/skeleton.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#topmenu, 
#topmenu ul {
	padding:0 0 5px 0; 
	margin:0; 
	list-style:none; 
	font: 10px verdana, sans-serif; 
	background: none;
	position:relative; 
	z-index:200;
        color: #fff;
        font-weight: bold;
}
#topmenu {
	padding:0;
        padding-left: 5px;
        padding-top: 1px;
}

#topmenu table {
	border-collapse:collapse;
}
#topmenu li {
	float:left; 
	padding : 0px 5px 1px 5px;
}
#topmenu li.spacerTop {
	padding: 0;
}
#topmenu li li {
	float:none;
}
/* a hack for IE5.x and IE6 */
#topmenu li a li {
	float:left;
}

#topmenu li a {
	display:block; 
	float:left; 
	color:#FFFFFF; 
	text-decoration:none; 
	white-space:nowrap;
	font-weight: bold;
}
#topmenu li li a {
	height:20px; 
	line-height:20px; 
	float:none;
}

#topmenu li:hover {
	position:relative; 
	z-index:300; 
}
#topmenu a:hover {
	position:relative; 
	z-index:300; 
	text-decoration:underline;
}

#topmenu :hover ul {
	left:-5px; 
	top:14px;
}
/* another hack for IE5.5 and IE6 */
#topmenu a:hover ul {
	left:-10px;
}

#topmenu ul {
	position:absolute; 
	left:-9999px; 
	top:-9999px;
}

/* it could have been this simple if all browsers understood */
/* show next level */
#topmenu li:hover li:hover > ul {
	left:-15px; 
	margin-left:100%; 
	top:-1px;
}
/* keep further levels hidden */
#topmenu li:hover > ul ul {
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:auto;
}
/* show path followed */
#topmenu li:hover > a {
	text-decoration:underline; 
}


/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#topmenu a:hover a:hover ul,
#topmenu a:hover a:hover a:hover ul,
#topmenu a:hover a:hover a:hover a:hover ul,
#topmenu a:hover a:hover a:hover a:hover a:hover ul
{
	top:-1px;
}

/* keep further levels hidden */
#topmenu a:hover ul ul,
#topmenu a:hover a:hover ul ul,
#topmenu a:hover a:hover a:hover ul ul,
#topmenu a:hover a:hover a:hover a:hover ul ul
{
	position:absolute; 
	left:-9999px; 
	top:-9999px;
}
#topmenu .ulBorder {
	border: 1px solid #00539e;
	background-color: #FFFFFF;
}
#topmenu .ulBorder a {
	color: #00539e;
	font-weight: bold;
	padding: 0px 5px;
}