/************************************************/
/*	MENU STUFF				*/
/************************************************/
#nav, #nav ul {
/* position and style the nav id and ul */
	border: 0px;
	padding: 0px;
	margin: 0px;
	width: 190px;
	height: 450px;
	list-style: none;
	z-index: 100;
	background: none;
	border-top: 1px solid #fff;
}
#nav a {
/* size the nav a-link */
	display: block;
	height: 50px;
	width: 190px;
}
#nav li {
/* float the main li items */
	border: 0px;
	padding: 0px;
	margin: 0px;
	float: left;
}
#nav li a {
/* style all links in the first level list */
	display: block;
	height: 50px;
	width: 190px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #fff;
	font-size: 12px;
	letter-spacing: 2px;
	text-decoration: none;
	text-align: left;
	text-indent: 12px;
	line-height: 50px;
	background: #666;
	color: #fff;
}
#nav li a.double {
/* style all double-lined links in the first level list */
	display: block;
	height: 50px;
	width: 190px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #fff;
	font-size: 12px;
	letter-spacing: 2px;
	text-decoration: none;
	text-align: left;
	text-indent: 12px;
	line-height: 20px;
	background: #666;
	color: #fff;
}
#nav li.on a {
/* style tab for current-page*/
	background: #444;
	color: #fff;
}



/* first level subnavs */
#nav li.off ul, #nav li.on ul {
/* put the first level subnavs below and hide them all */
	height: 50px;
	width: 190px;
	padding: 0px;
	margin: 0px;
  border: 0px;
  border-left: 1px solid white;
	position: relative;
	top: -51px;
  left: 190px;
	display: none;
}
#nav li:hover ul/*, #nav li.sfhover ul*/ {
/* display the first level dropdown when parent is hovered */
	border: 0px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 332px;
  left: 190px;
	display: block;
	z-index: 100;
}
/* note: "#nav li:hover a" and "#nav li a:hover" need to be in this order */
/* #nav li.sfhover ul {
/* fix alignment for IE *//*
	left: 0px;
}
*/
#nav li:hover a/*, #nav li.sfhover a*/ {
/* when you hover over a link, the next level li's do this */
	background: #444;
	color: #fff;
}
#nav li a:hover/*, #nav li a.sfhover*/ {
/* when you hover over a link, it does this */
	background: #800000;
	color: #fff;
}
#nav li.on li a.top, #nav li.off li a.top {
/* style top first level dropdown borders */
	border-top: 1px solid #fff;
}
#nav li.on li a, #nav li.off li a, #nav li.on li a.double, #nav li.off li a.double {
/* style other first level dropdown borders */
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
#nav li.on li.on a {
/* style tab for current page */
  background: #222;
}




/* second level subnavs*/
#nav li.off ul ul, #nav li.on ul ul/*, #nav li.sfhover ul ul*/ {
/* put the second level subnavs below and hide them all */
	height: 50px;
	width: 190px;
	padding: 0px;
	margin: 0px;
  border: 0px;
  border-left: 1px solid white;
	position: relative;
	top: -51px;
  left: 190px;
	display: none;
}
#nav li li:hover ul/*, #nav li li.sfhover ul*/ {
/* display the second level dropdown when parent is hovered */
	border: 0px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 204px;
  left: 191px;
	display: block;
	z-index: 101;
}
/*
#nav li li.sfhover ul {
/* fix 2nd level alignment for IE *//*
	left: 149px;
}
*/
/* note: "#nav li:hover a" and "#nav li a:hover" need to be in this order */
#nav li ul li:hover a, #nav li.on ul li.on:hover a/*, #nav li ul li.sfhover a*/ {
/* when you hover over a link, the next level li's do this */
	background: #666;
	color: #fff;
}
#nav li ul li a:hover, #nav li.on ul li.on a:hover, #nav li.on ul li.on ul li.on a:hover/*, #nav li ul li a.sfhover*/{
/* when you hover over a link, it does this */
	background: #800000;
	color: #fff;
}
#nav li.on li.on li a.top, #nav li.off li.off li a.top {
/* style top second level dropdown borders */
	border-top: 1px solid #fff;
}
#nav li.on li.on li a, #nav li.off li.off li a, #nav li.on li.on li a.double, #nav li.off li.off li a.double {
/* style other second level dropdown borders */
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
/* second level subnav "on" */
#nav li.on li.on li.on a {
  background: #444;
}
