/* ================================================================ 
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/anywidth-center-fly.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.
=================================================================== */

#menu {
 width:1000px;
 height:25px;
 background:#000099;
 text-align:center;
 position:relative;
 top:0;
 left:0;
 z-index:1000;
}
#menu #table {display:table; margin:0 auto;}
#menu #row {display:table-row;}

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

#row li {margin:0; padding:0; list-style:none;}
#row li {display:inline-block; display:inline;}
#row ul.level1 div.divOuter {position:absolute; left:-9999px; top:23px;}
#row ul.level1 div.divInner {position:relative; left:-50%;}

#row ul.level1 {display:table-cell; margin:0 auto;}
#row ul.level1 li.level1-li {float:left; display:block; position:relative;}

#row ul.level1 {background:#000099; text-transform: uppercase; font-weight:900;}
#row div.divInner {background:#000099; text-transform: uppercase; font-weight:900;}
#row ul.level3 {background:#000099; text-transform: uppercase; font-weight:900;}
#row ul.level4 {background:#000099; text-transform: uppercase; font-weight:900; }

#row b {position:absolute;}

#row a {display:block;  11px verdana,arial,sans-serif; color:#FFFF99; line-height:25px; text-decoration:none;padding:0 20px 0 20px; text-align:center; background:url(images/trans.gif);}
#row ul.level1 li.level1-li a.level1-a {float:left;}

* html #row ul ul {position:relative;}

#row ul li:hover div.divOuter {left:50%; top:25px;}
#row ul li:hover div.divInner {display:block; position:relative; left:-50%;}


#row ul li:hover > ul,
#row ul li:hover ul li:hover > ul {left:100%; margin-top:-25px;}

#row ul li:hover ul li.left:hover > ul,
#row ul li:hover ul li.left ul li:hover > ul {left:auto; right:100%;}

#row a:hover div.divOuter {left:0;}

#row li.left a:hover ul {left:-50%; right:-1px; top:23px;}

#row a:hover a:hover ul,
#row a:hover a:hover a:hover ul {left:100%; width:auto;}

#row a:hover li.left a:hover ul,
#row a:hover li.left a:hover a:hover ul {left:auto; right:-50%;}

#row :hover ul ul,
#row :hover ul :hover ul ul {position:absolute; left:-9999px;}

#row a:hover li.left a:hover ul ul,
#row a:hover li.left a:hover a:hover ul ul {position:absolute; left:-9999px;}

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

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

#row li a:hover,
#row li a.fly:hover {background-color:#000099; color:#FF0000;} 
#row li:hover > a,
#row ul li:hover > a.fly {background-color:#000099; color:#FF0000;}

#row table {position:absolute; height:0; width:0; left:50%; border-collapse:collapse; margin-top:-4px;}
#row table table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px;}

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