/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/multi-column.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.pad {
	clear:left; 
	padding-top:270px;
}

#nav {
	margin-left:10px;
}

#nav {
	height: 32px; 
	float:left; 
	padding-left:10px; 
	background: none; 
	font-family:arial, sans-serif;
}

#menu {
	height: 32px;
	position:relative;
	font-size:11px; 
	margin: 0; 
	z-index:1000; 
	background:none; 
	float:left; 
	padding-right:10px;
}

#menu table.ie6 {
	border-collapse:collapse;
	margin:0; 
	padding:0;
}

#menu ul {
	padding:0; 
	margin:0; 
	list-style: none;
}

#menu ul li {
	float:left;
	list-style: none;
}

#menu ul li a {
	display:block; 
	float:left;
	padding:0 10px 0 10px;
	text-decoration:none; 
	color:#fff; 
	font-weight:bold; 
	height: 21px;
	padding: 3px 3px 3px 5px;
	font-size:11px; 
	text-transform: uppercase;
	margin: 5px;
}

#menu ul li a b {
	display:block; 
	float:left;
	padding:0 7px;
	text-decoration:none; 
	color:#fff; 
	font-weight:bold; 
	height:32px;
	font-size:11px;
	background:none; 
	cursor:pointer;
	text-transform: uppercase;
}

#menu ul li div.holder {
	position:absolute; 
	left:-9999px;
}

#menu ul li div .leftSide {
	float:left;
	margin: -9px 0 0 0;
	background: #f79934;
	z-index: 999;
}

#menu ul li div .rightSide {
	float:left; 
	margin-left:10px; 
	display:inline; 
	padding:0 10px 0 0; 
	background: #f79934;
}

#menu ul li:hover {
	position:relative;
}

#menu ul li a:hover {
	background: #f79934;
	color:#ffffff;
	white-space:nowrap; 
	position:relative;
}

#menu ul li.level1 span a.sub:hover{
	color:#910; 
	background: url(../images/system/menu-hover-right.jpg) top right no-repeat;
	position: relative;
}

#menu ul li a:hover b {
	color:#ffffff; 
}

#menu ul li a.sub:hover b {
	color:#ffffff; 
}

#menu ul li:hover > a {
	background-color: #f79934;
	color:#ffffff; 
	position:relative;
}

#menu ul li:hover a.sub {
	background-color: #f79934;
	color:#ffffff; 
	white-space:nowrap; 
	position:relative;
}

#menu ul li:hover a.sub > b {
	color:#ffffff; 
}

#menu ul :hover div.holder {
	position:absolute; 
	top:41px; 
	left:4px; 
	margin: 0; 
	padding: 0;
}

#menu ul li.right a:hover div.holder {
	left:auto; 
	right:3px; 
	top:41px;
}

#menu ul li.right:hover div.holder {
	left:auto; 
	right:4px; 
	top:41px;
}

#menu ul dl {
	width:auto; 
	margin:5px 0 10px 0;
	padding:0 5px;
	list-style:none;
}

#menu ul dl dt {
	padding:0 10px; 
	margin:0; 
	line-height:20px; 
	color:#984f01; 
	white-space:nowrap;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

#menu ul dl dd {
	display:block; 
	padding:0; 
	margin:0;
}

#menu ul dd a {
	background: url(../images/system/menu-item-bg.jpg) repeat-x left bottom;
	display:block; 
	height: 20px; 
	line-height: 20px; 
	color:#ffffff; 
	text-align:left; 
	margin: 0; 
	padding:0 10px;
	font-weight:normal; 
	white-space:nowrap; 
	float:none;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

#menu ul dd a:hover {
	color:#984f01;
	background: #f79934;
}

#menu ul table td {
	vertical-align:top;
}