/* =================================================================
Top navigation menu styling.

=================================================================== */
.ddmenu {
	background-color:#FFFFFF; 
	position:absolute; 
	left:20px;
	top:3px; 
	display: none; 
	z-index:10000;
	padding-bottom:1px;
	padding-left:6px;
}

.ddmenu a {
	color:#666666;
}

.ddmenu a:hover {
	color:#ff4000;
}

.topnav, .topnav a, .topnav a:hover {
	text-transform:uppercase;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration:none;
	padding-right:5px;
	z-index:100;
}
.topnav a, .topnav a:hover {
	padding-right:11px;
}
.topnav a:hover {
	color:#ff4000;
}

/* ================================================================ 
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_examples.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.
=================================================================== */
 /* common styling */
.menu {
	float: left; 
	width: 100%; 
	font-family: verdana, arial, sans-serif; 
	font-size: 12px;
	margin: 0px 0px 0px 52px;
	_margin: 0px 0 0 26px;
}
.menu ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
.menu ul li {
	float: left; 
	position: relative; 
	background: url(../images/divider1.gif) no-repeat top right;
}
.menu ul li a, .menu ul li a:visited {
	float: left; 
	display: block; 
	text-decoration: none;
	color: #FFFFFF; 
	padding: 0px 16px; 
	line-height: 13px; 
	height: 16px; 
	border-bottom:1px solid #ce3536;
}
.menu ul li:hover {
	width: auto;
}
.menu ul li a.menuone:hover {border-color:#ce3536; color:#e2d095;}
.menu ul li a.menutwo:hover {border-color:#ce3536; color:#e2d095;}
.menu ul li a.menuthree:hover {border-color:#ce3536; color:#e2d095;}
.menu ul li a.menufour:hover {border-color:#ce3536; color:#e2d095;}
.menu ul li a.menufive:hover {border-color:#ce3536; color:#e2d095;}
.menu ul li a.menusix:hover {border-color:#ce3536; color:#e2d095;}
.menu ul li a.menuseven:hover {border-color:#ce3536; color:#e2d095;}

.menu ul li:hover a.menuone {border-color:#ce3536; color:#e2d095;}
.menu ul li:hover a.menutwo {border-color:#ce3536; color:#e2d095;}
.menu ul li:hover a.menuthree {border-color:#ce3536; color:#e2d095;}
.menu ul li:hover a.menufour {border-color:#ce3536; color:#e2d095;}
.menu ul li:hover a.menufive {border-color:#ce3536; color:#e2d095;}
.menu ul li:hover a.menusix {border-color:#ce3536; color:#e2d095;}
.menu ul li:hover a.menuseven {border-color:#ce3536; color:#e2d095;}

.menu ul li ul {
	display: none;
}
.menu table {
	margin: 0; 
	border-collapse:collapse; 
	font-size: 11px;
	position:absolute; 
	top:0; 
	left:0;
}

/* specific to non IE browsers */
.menu ul li:hover ul {
	display: block;
	position: absolute;
	top: 15px;
	margin-top: 2px; 
	left:0;
	width: 183px;
	border-bottom: 1px solid #e2d095;
}
.menu ul li:hover ul.endstop {
	left: -77px;
}
.menu ul li:hover ul li ul {
	display: none;
}
.menu ul li:hover ul li a {
	display: block;
	background: url(../images/layout/bg.png);
	color: #666666;
	height: auto;
	line-height: 15px;
	padding: 4px 16px;
	width: 150px; 
	border: 1px solid #e2d095;
	border-bottom: 0;
}
.menu ul li:hover ul li a.drop {
	background: #FFFFFF url(../images/icons/bullet.gif) no-repeat 3px 8px;
}
.menu ul li:hover ul li a:hover {
	color: #000000; 
	background: #FFFFFF url(../images/icons/bullet.gif) no-repeat 3px 8px;
}
.menu ul li:hover ul li a:hover.drop {
	background: #FFFFFF url(../images/icons/bullet.gif) no-repeat 3px 8px;
}
.menu ul li:hover ul li:hover ul {
	display: block; 
	position: absolute; 
	left: 183px; 
	top: -2px;
}
.menu ul li:hover ul li:hover ul.left {
	left: -183px;
}



/* specific to IE5.5 and IE6 browsers */
.menu ul li a:hover ul {
	display:block;
	position:absolute;
	top:15px; 
	t\op:17px; 
	background:#e9e7d0;
	left:0; 
	border-bottom:1px solid #e2d095;	
}

.menu ul li a:hover ul.endstop {
	left: -132px;
	_left: -77px;
}
.menu ul li a:hover ul li a {
	display:block;
	background:#e9e7d0;
	color:#666666; 
	height:1px; 
	line-height:15px; 
	padding:4px 16px; 
	width:183px; 
	w\idth:150px; 
	border:1px solid #e2d095; 
	border-bottom:0;
}
.menu ul li a:hover ul li a.drop {
	background:#FFFFFF url(../images/icons/bullet.gif) no-repeat 3px 8px; 
	padding-bottom:4px;
}
.menu ul li a:hover ul li a ul {
	visibility: hidden; 
	position: absolute; 
	height: 0; 
	width: 0;
}
.menu ul li a:hover ul li a:hover {
	color: #000000; 
	background: #FFFFFF url(../images/icons/bullet.gif) no-repeat 3px 8px;
}
.menu ul li a:hover ul li a:hover.drop {
	 background: #FFFFFF url(../images/icons/bullet.gif) no-repeat 3px 8px;
}
.menu ul li a:hover ul li a:hover ul {
	visibility: visible; 
	position: absolute; 
	top: 0;
	color: #666666; 
	left:183px;
}
.menu ul li a:hover ul li a:hover ul.left {
	left:-183px;
}