
/* ================================================================ 
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_definition3.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.
=================================================================== */
#menu {list-style-type:none; margin:1em auto 0 auto; padding:0; width:800px;}
#menu li {float:left; padding:0; margin:0 0 0 0; position:relative; width:150px; height:3em; z-index:100;}
#menu li dl {position:absolute; top:0; left:0; padding-bottom:0;}
#menu li a, #menu li a:visited {text-decoration:none;}
#menu li dd {display:none;}
#menu li a:hover {border:0;}
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {padding-bottom:10px;}
#menu table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}
#menu dl {width: 150px; margin: 0; padding: 0; background: transparent;}
#menu dt {margin:0; padding: 0;}

#menu dd {margin:0; padding:0; color: #fff; font-size: .8em; text-align:left;}

#menu dt a, #menu dt a:visited {display:block; font-size: 0.7em; color: #fff; text-align:center; border-left:1px solid #cc5513; border-right:1px solid #cc5513; border-width:0 1px 0 1px; background:#444; padding:0.3em 0 0.75em 0;}

#menu li:hover dt a, #menu a:hover dt a {color:#000; background:#ddd; border:1px solid #cc5513; border-width:0 1px 0 1px;}

#menu dd a, #menu dd a:visited {background:#666; color:#fff; padding:0.5em 0; text-decoration:none; display:block; text-align:center; border-left:1px solid #666; border-right:1px solid #666;}

#menu dd a:hover {background: #cc5513; color:#fff; border-left:4px solid #333; border-right:3px solid #333;}

#menu b {display:block; overflow:hidden; height:1px;}

#menu b.p1 {background:#cc5513; margin:0 5px;}
#menu b.p2 {background:#444; border:2px solid #cc5513; border-width:0 2px; margin:0 3px;}
#menu b.p3 {background:#444; margin:0 2px; border:1px solid #cc5513; border-width:0 1px;}
#menu b.p4 {height:2px; background:#444; margin:0 1px; border:1px solid #cc5513; border-width:0 1px;}
#menu b.p5 {background:#666; margin:0 5px;}
#menu b.p6 {background:#666; margin:0 3px;}
#menu b.p7 {background:#666; margin:0 2px;}
#menu b.p8 {height:2px; background:#666; margin:0 1px;}

#menu li:hover b.p2, #menu a:hover b.p2 {background:#fff;}
#menu li:hover b.p3, #menu a:hover b.p3 {background:#fff;}
#menu li:hover b.p4, #menu a:hover b.p4 {background:#e8e8e8;}
