/*
------------------------
Refract Menu CSS
------------------------
*/

/* --- customise here (or in custom.css) -- */


/* Generic font styles for nav */
#nav a, #nav a:link { }
#nav a:hover { }

/* Top-level nav button styling */
#nav {
	font-size: 75%;
}

#nav ul {
	margin: 20px 0 0 34px; padding: 0;
	list-style-type: none;
	width: 166px;
	z-index:200;
}

#nav ul li a {
	display: block;
	border-bottom: 1px dotted #da849b;
	color: #444;
	font-weight: bold;
	text-decoration: none;
	padding: 4px 0;
}

#nav ul li a:hover {
	color: #b50937;
	background: url(/images/nav/LHSNav_bkgnd.gif);
	text-indent: 10px;
}

/* Pop-out menu styling */

/* 2nd-level nav position (with fixed left-column width) */
ul.subNav {
	border: 1px solid #e1e0e0 !important;
	/* background: url(/images/nav/LHSsubNav_bkgndImg2.gif) bottom no-repeat #fff !important; */
	background: #fff !important;
	border-bottom: 0px !important;
	left: 81% !important;
	top: -44px !important;
	
}

ul.subNav ul {
    left: 78% !important;
    top: -45px !important;
}

#nav ul.subNav li a {
    background-color:Transparent !important;
    height: 22px !important;
	line-height: 25px;
	width: 150px;
	border-bottom: 1px dotted #e1e0e0 !important;
	padding: 0px 8px !important;
}

#nav ul.subNav li a:hover {
    color: #b50937 !important;
	background: transparent url(/images/nav/LHSsubNav_bkgnd.gif) repeat-x left top;
}

/* Special styles for deep nav */

#nav ul.subNav li li a { }
#nav ul.subNav li li a:hover { }


/*--------------------------------------------------------------- */


/* standard Horizontal Menu - don't change below
--------------------------------------------------------------- */

/*** Top level navigation ***/

#topLevelNav * {
	padding: 0; 	margin: 0;
}

#topLevelNav {
	list-style-type : none;
	padding: 0; margin: 0;
}

li.topLevelNavItem {
	/*float: left;*/
	display: block;
	padding: 0; margin: 0;
	background-position: left top;
}

li.topLevelNavItem.over img.topLevelNavItem {
	visibility: hidden; 
}

/* This is necessary for the link to remain clickable in IE if the image is hidden */
li.topLevelNavItem a.topLevelNavItem, li.topLevelNavItem a.topLevelNavItem:hover {
	display: block;
	float: left;
	background-color: transparent;
}

div.subNav {
	position: relative; 
	display: none;
	clear: both;
	z-index:200;
}

ul.subNav {
	position: absolute;
	left: 0px;
	display: block;
	width: 140px;
	padding: 0; margin: 0;
    list-style-image: none;
	/* border: 1px solid #666; */
	white-space: normal;
	overflow: visible;
}

ul.subNav li {
	padding: 0; margin: 0;
	display: inline;
	overflow: visible;
    clear: both;
	background: none;
}

ul.subNav li span {
	float: right;
	padding-right: 2px;
	font-size: 1em;
	margin-top: -2px;
	white-space: normal;
	overflow: visible;
}

ul.subNav ul.subNav {
	left: 100%;
	top: -17px;
}

#nav ul.subNav li a {
	display: block;
	padding: 4px 10px;
	color: #000;
	background-color: #ccc;
	white-space: normal;
	overflow: visible;
	border-top: 0px;
	height: auto;
}

#nav ul.subNav li a:hover {
	background-color: #aaa;
	color: #fff;
}