/* There is a version of this file commented in great detail for educational purposes here:
 * http://users.tpg.com.au/j_birch/plugins/superfish/superfish.commented.css
 */

/*** ESSENTIAL STYLES ***/
.nav, .nav * {
	margin:0;
	padding:0;
	list-style:none;
}
.nav {
	line-height:1.0;
}
.nav ul {
	position:absolute;
	top:-999em;
	
	width:9.45em;
}
.nav ul li,
.nav a {
	width: 100%;
}
.nav li {
	float:left;
	position:relative;

	z-index:99;
}

.nav li li{

}
.nav a {
	display:block;
}
.nav li:hover ul,
ul.nav li.sfHover ul {
	left:-1px;
	top:0em;
}
.nav li:hover li ul,
.nav li.sfHover li ul {
	top:-999em;
}
.nav li li:hover ul,
ul.nav li li.sfHover ul {
	top:.5em;
	left:19em;
}
.superfish li:hover ul,
.superfish li li:hover ul {
	top: -999em;
}


/* For hovering on the right of the last items of the nav*/
#supportlink:hover,
#supportlink.sfHover {
	left: -9.4em;
}
li.last ul li:hover ul,
li.last ul li.sfHover ul {
	top:0em;
	left: -19em;
}
.last li li:hover ul,
.last li li.sfHover ul {
	top:.5em;
	left:-19em;
}


/*** ORIGINAL SKIN ***/

.nav ul{
	width:19em;
}

.nav {
	float:left;
	margin-bottom:1.5em;

}
.nav li {
	background:#BCD4A1; /* default background colour */
	border-left:1px solid #DAE4BC;
	border-top:0px solid #DAE4BC;
	border-bottom:1px solid #DAE4BC;
	width:9.45em;
	width:94px; /* affects top level menu items only, as nested li elements have width 100% of their ul parent (see .nav ul rules above)*/
	opacity: 0.95;
	-moz-opacity: 0.95;


}
.nav a {
	color: #635537;
	padding: .5em 0; /* note that the top and bottom padding will affect the 'top' value (marked with the word "VARIABLE") of the second tier of nav (see "essential rules" above and alter accordingly) */
	text-decoration:none;
	text-indent: .5em;
}
.nav li:hover, .nav li.sfHover,
.nav a:focus, .nav a:hover, .nav a:active {
	background:#E8EBC9; /* hover highlight */

}
.nav li li {
	background:#BCD4A1; /* slightly darker shade for nested submenus */
}
.nav li li li {
	background:#BCD4A1; /* slightly darker shade for nested submenus */
}

/* Additional Styles to make menu work with Flash Calls */

.nav .menulink{	
	height:1px;
	background:#fff;
	border-bottom:0px;
}

.nav .menulink a.linkbutton{
	background:transparent;
	display:none;

}
.nav {
	margin:0;
	padding:0;
	
}