/* ================================================================ 
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_definition.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.
=================================================================== */
/* ================================================================ 
This version has been edited for use as a demo delayed menu system
by Tom Anthony. The original version is a CSS only menu and is
somewhat different to this version. Any mistakes are probably mine,
so please don't judge the original by this version!

The modified menu system uses Javascript, where available, to add
a delay to what is otherwise a CSS powered menu. The 'original'
version of the modification can be seen at
http://www.tomanthony.co.uk/demo/delayed_CSS_menu/
=================================================================== */
#menu {list-style-type:none; margin:50px 0 100px 15px; padding:0;}
#menu li {float:left; padding:0; margin:0 1px 0 0; position:relative; width:150px; height:3em; z-index:100;}
#menu li dl {position:absolute; top:0; left:0;}
#menu li a, #menu li a:visited {text-decoration:none;}
#menu li dd {display:none;}
#menu.activeMenu li:hover, #menu.activeMenu li a:hover {border:0;}
#menu.activeMenu li:hover dd, #menu.activeMenu li a:hover dd {display:block;}
#menu.activeMenu li:hover dl, #menu.activeMenu li a:hover dl {padding-bottom:20px;}
#menu table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}
#menu dl {width: 150px; margin: 0; padding: 0; background: #c9ba65; text-align:center; cursor:pointer;}
#menu dt {margin:0; padding: 5px; font-size: 1.1em; color: #fff; border-bottom:1px solid #444;}
#menu .one {background: #b2ab9b;}
#menu .two {background: #949e7c;}
#menu .three {background: #d4d8bd;}
#menu .four {background: #e2dfa8;}
#menu dd {margin:0; padding:0; color: #fff; font-size: 1em; background: #47a; text-align:left;}
.gallery dt a, .gallery dt a:visited {display:block; color:#444;}
.gallery dd a, .gallery dd a:visited {color:#fff; text-decoration:none; display:block; padding:4px 5px 4px 20px;
background: #47a; width:125px;
}
.gallery dd a:hover {background: #258; color:#9cf;}