/* ================================================================ 
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/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* commom style for all browsers */
.menu{text-align:left;font-family:verdana, sans-serif;position:relative;font-size:0.8em;height:2.5em;margin:0 padding:0;list-style-type:none;background:#000033;}
.menu ul{padding:0;margin:0;list-style-type:none;}/* for Firefox */
.menu li{float:left; position:relative;}
/*The two definitions specify the appearence for the top level links. If want each option to have a width of 8 include width:8em; in the definition */
.menu li a, .menu li a:visited{display:block;text-decoration:none;color:#7d9be3;float:left;padding-right:1em;height:3em;line-height:3em;}
* html .menu li a, .menu li a:visited{color:#7d9be3; padding:2;} /* hack for IE5.5 */
/*The definition below will bold those items with subdivisions 
.menu li a.drop, .menu li a.drop:visited {
font-weight:bold;}*/
.menu li ul{visibility:hidden;position:absolute;top:2.5em;left:0;height:0;overflow:hidden;}
.menu table{margin:-1px;border-collapse:collapse;font-size:1em;} /* font size for IE5.5 */
/* Define the appearence of the drop down menues */
/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu li:hover a, .menu li a:hover{text-decoration:underline; border:0; color:#7d9be3;}
.menu li:hover ul, .menu li a:hover ul{visibility:visible;height:auto;width:17em;color:#000033;background:#7d9be3;border:0;left:0;top:2.5em;overflow:visible;}
.menu li:hover ul li a, .menu li a:hover ul li a{display:block;font-weight:normal;background:transparent;text-decoration:none;height:auto;line-height:1.2em;padding:0.5em;width:15em;color:#000033;}
* html .menu li a:hover ul li a{width:10em; w\idth:9em;} /* hack for IE5.5 */
.menu li:hover ul li a.drop, .menu li a:hover ul li a.drop{font-weight:bold;}
.menu li:hover ul li ul, .menu li a:hover ul li a ul{visibility:hidden;position:absolute;top:0;left:9.5em;height:0;overflow:hidden;}
.menu li:hover ul li a:hover, .menu li a:hover ul li a:hover{text-decoration:underline;}
.menu li:hover ul li:hover ul, .menu li a:hover ul li a:hover ul{visibility:visible;color:#000;border:1px solid #ddd;height:auto;background:#fff;width:9.5em;} 
.menu li:hover ul li:hover ul.left, .menu li a:hover ul li a:hover ul.left{left:-9.3em;}
.menu li:hover ul li:hover ul li a, .menu li a:hover ul li a:hover ul li a{display:block;height:auto;}
.menu li:hover ul li:hover ul li:hover a, .menu li a:hover ul li a:hover ul li a:hover{text-decoration:underline;}