/* ================================================================ 
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_variations.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.
=================================================================== */
 /* common styling */

 /* Set up the default font and ovrall size to include image */
.menu {
width:740px;
height:45px;
position:relative; 
margin:0;
float:left;
}
/* get rid of the default padding - margin and bullets */
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}
/* make menu horizontal */
.menu ul li {
float:left;
position:relative;
margin-top:2px;
}

.menu ul li:first-child {
	margin-left:15px;
}
/* set up the default top level links */
.menu ul li a, .menu ul li a:visited {
	display:block; 
	text-decoration:none; 
	line-height:1.5em;
	background:transparent url(../images/bg_navli.gif) no-repeat scroll left center;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	padding:12px 12px 10px;
}

/* hide the drop down menu */
.menu ul li ul {
display: none;
}
/* remove all table style so that it does not interfere with the menu */
.menu table {
margin:-1px; 
border-collapse:collapse;
font-size:1em;
}

/* first line for IE7 and non-IE browsers, second line for IE5.5 and IE6 */

/* style the top level hover */
.menu ul li:hover a{
	color:#fff; 
}

.menu ul li a:hover {
	text-decoration:none;
	background:#ff6600;

}

/* make the drop down menu show and correctly position it */
.menu ul li:hover ul,
.menu ul li a:hover ul {
	display:block; 
	position:absolute; 
	top:1.2em;
	margin-top:20px;
	left:0; 
	width:200px;
	border:0px solid #888;
	border-top:0;
	background:#ff6600;
	z-index:9999;
}
/* style the drop down links with no hover */
.menu ul li:hover ul li{
	width:200px;
	border-bottom:1px solid #FF5A00;
}

.menu ul li:hover ul li:first-child {
	margin-left:0px;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
	display:block; 
	color:#fff; 
	border:0;
	margin:0;
	font-weight:bold; 
	font-size:12px;
	line-height:1.5em; 
	padding:8px 5px 8px 20px; 
	background:transparent	;
}
/* style the drop down menu links when hovered */
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
 text-decoration:underline;
}

/* special styling for IE5.5 and IE6 - transparency is non validating */
.menu ul li a:hover ul {
background:transparent filter: alpha(opacity=80);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
opacity:0.8;
margin-top:10px; /* for IE5.5 faulty box model */
marg\in-top:11px; /* for IE6 */
}
/* IE5.5 hack for faulty box model in drop down menu */
.menu ul li a:hover ul li a {
background:#ddd;
width:96px; /* for IE5.5 faulty box model */
w\idth:86px; /* for IE6 */
}


/**** RHS Menu **/
 .rhs_menu{
 	float:right; 
	width:180px;
	text-align:right;
	height:45px;
	position:relative;
	}

.rhs_menu ul{
	margin:0px;
	padding:0px;
}

.rhs_menu li{
	margin-top:2px;
	position:relative;
	float:right;
}
	
.rhs_menu a{
	background:transparent url(../images/bg_navli.gif) no-repeat scroll left center;
	color:#FFFFFF;
	display:block;
	font-size:12px;
	font-weight:bold;
	line-height:1.5em;
	padding:12px 15px 10px;
	text-decoration:none;
}

.rhs_menu ul li a:hover {
	text-decoration:none;
	background:#ff6600;
}