/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/anywidth2.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#topmenu {
position:relative;
height:30px;
width:750px;
z-index:1000;
}

#topmenu ul {
display:inline;
list-style:none;
margin:0;
padding:0;
text-align:left;
white-space:nowrap;
}

#topmenu li {
display:inline;
list-style:none;
margin:0;
padding:0;
}

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

#topmenu ul.level1 {
background:#000;
display:table;
margin:0 auto;
}

#topmenu ul.level1 li.level1-li {
display:block;
float:left;
position:relative;
}

#topmenu b {
position:absolute;
}

/* -- for IE6 non-flyout dropdowns to stop flickering - who knows why --*/
#topmenu a {
color:#FFF;
display:block;
font-weight:700;
line-height:25px;
padding:0 20px 0 10px;
text-decoration:none;
}

#topmenu ul.level1 li.level1-li a.level1-a {
float:left;
}

#topmenu ul li:hover > ul {
left:0;
top:25px;
visibility:visible;
}

#topmenu ul ul li:hover > ul {
left:100%;
margin-top:-25px;
top:auto;
visibility:visible;
}

#topmenu li.left:hover > ul {
left:auto;
right:0;
top:25px;
visibility:visible;
}

#topmenu li.left ul li:hover > ul {
left:auto;
margin-top:-25px;
right:100%;
top:auto;
visibility:visible;
}

#topmenu a:hover ul {
left:0;
top:23px;
}

#topmenu li.left a:hover ul {
left:auto;
right:-1px;
top:23px;
}

#topmenu li.left ul a {
padding:0 10px 0 20px;
text-align:right;
}

#topmenu a:hover a:hover ul,#topmenu a:hover a:hover a:hover ul {
left:100%;
visibility:visible;
}

#topmenu li.left a:hover a:hover ul,#topmenu li.left a:hover a:hover a:hover ul {
left:auto;
right:0;
visibility:visible;
}

#topmenu li a.fly {
background:url(images/arrow.gif) no-repeat right center;
}

#topmenu li.left ul a.fly {
background:url(images/arrow-left.gif) no-repeat left center;
}

#topmenu table {
border-collapse:collapse;
height:0;
left:0;
margin-top:-4px;
position:absolute;
width:0;
}

#topmenu table table {
border-collapse:collapse;
height:0;
left:99%;
margin-top:-29px;
position:absolute;
width:0;
}

#topmenu li.left table {
border-collapse:collapse;
height:0;
left:auto;
margin-top:-4px;
position:absolute;
right:0;
width:0;
}

#topmenu li.left table table {
border-collapse:collapse;
height:0;
left:auto;
margin-top:-29px;
position:absolute;
right:100%;
width:0;
}

#topmenu ul.level2,#topmenu ul.level3,#topmenu ul.level4 {
background:#000;
}

#topmenu a:hover ul ul,#topmenu a:hover a:hover ul ul,#topmenu li.left a:hover ul ul,#topmenu li.left a:hover a:hover ul ul {
left:-9999px;
}

#topmenu li a:hover,#topmenu li a.fly:hover,#topmenu li:hover > a,#topmenu ul li:hover > a.fly {
background:#60AC00;
}