/*
MissGuided Adventures nav
*/
#nav, #nav ul {/*base list*/
	list-style:none; /*stops list from being bulleted*/
	line-height:1.2em; /*spacing between lines within each list*/
	font-weight:bold; /*boldness on all lists*/
	padding:0; /*how far from the list-chunk edges the text appears*/
	margin:0 auto 20px auto; /*spacing around base list*/
	text-align:left;
	width:218px;
	background-color:#fff;
}
#nav a, #nav div.dummy {/*text of (all) links*/
	display:block; /*how to show links (don't change)*/
	width:19em; /* width of active (mouseover) area */
	font-family:verdana, sans-serif; /*font face on all lists*/
	font-size:1em; /*changes font size on all lists... without messing proportions up (as it would if it applied to the above ul section as then all later ems are based on that setting rather than explicitly within themselves)*/
	color:#004BB3; /*font variation for all links (effectively all text)*/
	text-decoration:none; /*how to show all links text*/
	padding:0.3em 0 0.3em 0.5em; /*padding each link's TEXT (topbottom / leftright)*/
	margin:0;
}

#nav li {/*all list elements (not lists, list elements) */
	float:none; /*layout of list (elements relative to each other, not to rest of page) */
	width:20em; /*width of active region of element (eg hilight region etc)*/
	border-collapse:separate;
	margin:1px;
	border:1px dotted #D7E8FF;
}
#nav li ul { /* all sublevel lists*/
	position:absolute; /**/
	left:-999em; /*hide lists way offscreen to the left*/
	height:auto; /**/
	color:#fff;
	font-weight:bold; /*boldness of sub-level text*/
	border:1px solid #ccc;
	margin:-2.2em 0 0 18.2em;/* positions flyout ul */
	background-color:transparent; /* background of flyout text only */
}
/*#nav li li {sublevel list elements*/
	/*padding:2px;
	color:#ed2029;
	width:14em;
	margin:1px;
	border:1px solid #ccc;
	background-color:#fff;
}*/
#nav li ul a {
	width:13em; /* width of the hover area */
	color:#fff;
}
#nav li:hover, #nav li.hover {/* IE7 hack */
	position:static;
	color:#fff;
}
#nav li:hover ul, #nav li.sfhover ul {
	left:auto;
	color:#fff;
}
#nav li:hover, #nav li.sfhover {/* hover colour */
	color:#fff;
	background-color: #A4CDFF;
}