/* CSS Menus - Horizontal CSS Menu with Dropdown and Popout Menus - 20050131 */

/* Begin CSS Popout Menu */

.menu{ width:700px; float:left;	text-align:center;	margin:0 0 0 10px;}
.menu a{font-size:1.3em; display:block; white-space:nowrap; padding:1px; font-weight:bold !important;}
.menu h2{font-size:1.2em; display:block; white-space:nowrap; margin:1px; color:#fff; background:#5a0000; font-weight:bold !important; font-family:Verdana, Arial, Helvetica, sans-serif !important; border:1px solid #fff3de;}
.menu a, .menu a:visited{color:#fff; background:#5a0000; text-decoration:none; overflow:hidden;}
.menu a:hover{color:#5a0000 !important; background:#fff3de;}
.menu ul{list-style:none; margin:0; padding:0; float:left; width:12em; }
.menu li{position:relative; margin:1px; _margin:1px 0;}
.menu li a{padding:2px 0;}
.menu ul ul{position:absolute; z-index:500; top:auto; display:none; _left:0px; text-align:left; border:1px solid #fff3de; background:#5a0000;}
.menu ul ul ul{top:0; left:100%;}
.menu ul ul a {padding:3px 0 3px 6px;}
.menu ul ul ul a {padding:3px 0 3px 6px;}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div.menu h2:hover{background:#5a0000 no-repeat -999px -9999px;}
div.menu li:hover{cursor:pointer;z-index:100;}
div.menu li ul {width:165px;}
div.menu li ul li ul {width:175px;}
div.menu li:hover ul ul,
div.menu li li:hover ul ul,
div.menu li li li:hover ul ul,
div.menu li li li li:hover ul ul
{display:none;}
div.menu li:hover ul,
div.menu li li:hover ul,
div.menu li li li:hover ul,
div.menu li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */