@CHARSET 'UTF-8';

/* ///////////////////////////////////////////////////
 * #n - SIDE NAV STYLES
 * /////////////////////////////////////////////////// */
#n {
	float: left;
	width: 10em; /*102px/10px = 10.2em - 0.2em = 10em (917px-815px=102px)*/
	overflow-x: hidden;
	}

#n ul {
	margin: 0;
	padding: 0;
	}

#n li {
	display: block;
	line-height: 2em;
	}

#n ul li.tree {
	background: transparent url(http://assets-static.lemansnet.com/sites/z1rhelmets/assets/img/nav/sideNav/menu_bkgd.png) repeat-x left top;
	font-size: 1em;
	font-weight: normal;
	}

#n a {
	display: block;
	border-bottom: 1px solid #222;
	background-color: #000;
	}

#n ul li.tree a {
	background-color: transparent;
	/*grey ccc*/
	margin: 0;
	padding: 0 0 0 0.5em;
	text-transform: capitalize; /*Overrides default uppercase setting for top-level li's*/
	}
#n ul li.tree.selected a:link,
#n ul li.tree.selected a:visited {
	background-color: #b12323; /*#f33*/
	background-image: none;
	color: #fff !important;
	}
#n ul li.tree.selected ul li a:link,
#n ul li.tree.selected ul li a:visited {
	background-color: #000 !important;
	}

#n ul li.tree.selected a:hover,
#n ul li.tree.selected a:active,
#n ul li.tree.selected a:focus {
	/*TODO: Add this functionality with a JavaScript listener...and return false*/
	cursor: default; /*Pretend that .selected can not be clicked*/
	}

#n li span {
	display: block;
	padding: 0 0 0 1em;
	}
#n li.leaf span {
	padding: 0 0 0 2em;
	}

/*Hover states*/
#n ul li a:link span,
#n ul li a:visited span {
	background-color: transparent;
	/*grey - 999*/
	cursor: pointer !important;
	}
#n ul li a:hover span,
#n ul li a:active span,
#n ul li a:focus span {
	background-color: #333;
	/*white*/
	}

/*Selected state*/
#n ul li a:link span#selected,
#n ul li a:visited span#selected {/*blue*/}

#n ul li a:hover span#selected,
#n ul li a:active span#selected,
#n ul li a:focus span#selected {
	background-color: #333 !important;
	/*white*/
	}
#n ul li a.open:hover span,
#n ul li a.open:active span,
#n ul li a.open:focus span {
	background-color: #333;
	cursor: pointer;
	}

