/* ================================================================ 
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/flyout3.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.
=================================================================== */

.menu {
	position:relative;
	z-index:1000;
	font-size:90%;
	float:right;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	text-align:right;
	list-style-type:none;
	position:relative;
}
.menu li {
	position:relative;
	background-image:url(../images/nav-bar.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	
	width:150px;
}

/* style the links */
.menu ul li a {	
	position:relative;
	display:block;
	font-family: "Gill Sans MT";
	text-decoration:none;
	color:#0071bc;
	text-transform:uppercase;
	cursor:pointer;
	padding: 3px 0 4px 0;
	width:150px;
}
.menu a:hover{ color:#999; }

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul li ul {
	position:absolute;
	display:none;
	top: 0;
	left: -155px;
	padding: 0 0 5px 5px;
	background: url('../images/opaque.png');
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul li a:hover ul {
	display:block;
	width:150px;
}