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

#menu {height:25px; width:600px; text-align:right; float:right;}

#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; float:right;}
#menu ul {display:inline-block;} 
#menu ul {display:inline;}

#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline-block; display:inline;}
#menu ul ul {position:absolute; left:-9999px;}
#menu ul ul ul {position:absolute; left:-9999px;}
#menu ul.mmlevel1 {display:table; margin:0; }
#menu ul.mmlevel1 li.mmlevel1-li {float:left; display:block; position:relative;}

/* Background Colors */
#menu ul.mmlevel1 {background:#B1B3B5;cursor:pointer;}
#menu ul.mmlevel2, #menu ul.mmlevel3 {background: url('../images/bottom_submenu.png') no-repeat bottom right; border-left:2px solid #009AC8;border-top:2px solid #009AC8; padding: 0;padding-bottom:20px;display:block ;}
#menu ul.mmlevel2 a, #menu ul.mmlevel3 a { background: #FFF; color:#009AC8;border-right:2px solid #009AC8 !important;}

#menu b {position:absolute;} /* -- for IE6 non-flyout dropdowns to stop flickering - who knows why --*/

/* Link Styles */
#menu a {display:block; font-size:11px; font-weight:bold;  color:#FFFFFF; line-height:25px; text-decoration:none;padding:0 0 0 0;border-left: 1px solid #FFF;}

#menu li a.active {color:#FFF; background: #009AC8;}

/* Link Styles - Level 1 */
#menu ul.mmlevel1 li.mmlevel1-li a.level1-a {float:left;width:80px;text-align:center;}

/* Link Styles - Level 2 */
#menu ul.mmlevel2 a, #menu ul.mmlevel3 a { padding:0 10px 0 10px; border: none;color:#009AC8;font-weight:normal; line-height:20px;}

/* Visibility on Rollover */
#menu ul li:hover > ul {visibility:visible; left:0; top:25px;}
#menu ul ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-22px;margin-left:-2px;}
#menu li.left:hover > ul {visibility:visible; left:auto; right:0; top:25px;}
#menu li.left ul li:hover > ul {visibility:visible; left:auto; right:100%; top:auto; margin-top:-25px;}
#menu a:hover ul {left:0; top:23px;}

#menu li.left a:hover ul {left:auto; right:-1px; top:23px;}
#menu li.left ul a {text-align:right; padding:0 10px 0 20px;}

#menu a:hover a:hover ul, #menu a:hover a:hover a:hover ul {left:100%; visibility:visible; left:0; top:23px;}
#menu li.left a:hover a:hover ul, #menu li.left a:hover a:hover a:hover ul {left:auto; right:0; visibility:visible;}

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

/* Add Corners to first and last */
#menu li.first { background: url('../images/cnr_grey_left.gif') no-repeat top left; }
#menu li.last  { background: url('../images/cnr_grey_right.gif') no-repeat top right; }
#menu li.first a:hover, #menu li.first a.active { background: #009AC8 url('../images/cnr_blue_left.gif') no-repeat top left }
#menu li.last a:hover, #menu li.last a.active { background: #009AC8 url('../images/cnr_blue_right.gif') no-repeat top right; }
#menu li.first a { border:none; }

/* Level 1 Rollover */
#menu li a:hover,
#menu li a.fly:hover {background-color:#009AC8;color:#FFF;} 
#menu li:hover > a,
#menu ul li:hover > a.fly {background-color:#009AC8;color:#FFF;}
#menu li.first:hover > a,
#menu ul li.first:hover > a.fly { background: #009AC8 url('../images/cnr_blue_left.gif') no-repeat top left;color:#FFF; }
#menu li.last:hover > a,
#menu ul li.last:hover > a.fly { background: #009AC8 url('../images/cnr_blue_right.gif') no-repeat top right;color:#FFF; }

/* Level 2 Rollover */
#menu li a:hover a:hover,
#menu li a.fly:hover {background:none;background-color:#009AC8;color:#FFF;} 
#menu li:hover li:hover > a,
#menu ul li:hover li:hover > a.fly {background:none;background-color:#009AC8;color:#FFF;}

/* Menu Table Styles */
#menu table {position:absolute; width:0; height:0;left:0; border-collapse:collapse; margin-top:-4px; cursor:pointer;}
#menu table table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}