/* ================================================================ 
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/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


#menuitems ul {
	list-style-type: none;
	}
#menuitems li {
	display: block;
	float: left;
	position: relative;
	height: 40px;
	font: 13px/18px 'Trebuchet MS', Arial, Sans-serif;
	}
#menuitems span {
	padding: 0 13px;
	line-height: 38px;
	vertical-align: middle;
	}

#menuitems a:link, #menuitems a:visited {
	display: block;
	float: left;
	height: 40px;
	color: #d6a8aa;
	text-decoration: none;
	cursor: pointer;
	}

#menuitems a:hover, div#menuitems a:active {
	background-color: #C00;
	}

#menuitems ul ul li {
	background-color: #580005;
	}
	html>body #menuitems ul ul li {
		background: transparent url("../images/layout/bg-menu.png") repeat;
		}



/* format the main links and their hover actions (key to making dropdown work)
------------------------------------------------------------------------------------------ */	


#menuitems li#menuitem2 a, #menuitems li#menuitem3 a, #menuitems li#menuitem4 a, #menuitems li#menuitem5 a {
	cursor: default;
	}

#menuitems a.menuheader:hover, #menuitems a.menuheader:active {
	background-color: transparent;
	}

#menuitems li#drop2-item1 a, #menuitems li#drop2-item2 a, #menuitems li#drop2-item3 a, #menuitems li#drop3-item1 a, #menuitems li#drop3-item2 a, #menuitems li#drop3-item3 a, #menuitems li#drop3-item4 a, #menuitems li#drop3-item5 a, #menuitems li#drop3-item6 a, #menuitems li#drop4-item1 a, #menuitems li#drop4-item2 a, #menuitems li#drop4-item3 a, #menuitems li#drop4-item4 a, #menuitems li#drop5-item1 a, #menuitems li#drop5-item2 a {
	cursor: pointer;
	}
	
	
/* hide the dropdowns initially
------------------------------------------------------------------------------------------ */

#menuitems ul ul {
	visibility: hidden;
	position: absolute;
	height: 0;
	top: 40px;
	left: 0;
	}
#menuitems ul ul#drop2 li a { width: 150px; }
#menuitems ul ul#drop3 li a { width: 200px; }
#menuitems ul ul#drop4 li a { width: 155px; }
#menuitems ul ul#drop5 li a { width: 96px; }
#menuitems ul ul#drop7 li a { width: 95px; }


/* bit of wackiness that IE needs to function properly
------------------------------------------------------------------------------------------ */
#menu table {
	position: absolute;
	top: 0;
	left: 0;
	border-collapse: collapse;;
	}



/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul, #menu ul a:hover ul {
	visibility: visible;
	}