/* CSS Document */

#nav {
	margin: 0;
	padding: 0;
	width: 220px;
}

#nav ul	{
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav a {
	text-decoration: none;
	text-align: left;
}

#nav li {
	display: block;
	margin: 0;
	padding: 0;
}

#nav li a {
	display: block;
	color: #FFF;
	text-transform: uppercase;
	font-size: 11px;
	background: url(/styles/default/graphics/sidenav_off.png) repeat-x;
	height: 20px;
	padding: 5px 0 0 15px; 
}

#nav li a:hover, #nav li:hover a, #nav li.over a	{
	background: url(/styles/default/graphics/sidenav_on.png) repeat-x;	
}

#nav li.on a	{
	background: url(/styles/default/graphics/sidenav_on.png) repeat-x;
}

/* subnav formatting */

#nav li.off ul, #nav li.on ul	{
	display: block;
	margin: 0;
	padding: 5px 0;
}

#nav li.on ul li	{
	margin: 0;
	padding: 0;
}

#nav li.on ul li a {
	background: none;
	color: #326199;
	font-size: 10px;
	text-transform: none;
	padding-left: 15px;
}

#nav li ul li a:hover	{
	text-decoration: underline;
	background: none;
}


/* sub subnav formatting */
  
#nav li.off ul li ul, #nav li.on ul li ul	{
	display: block;
	margin: 0;
	padding: 0;
}

#nav li.off ul li ul li, #nav li.on ul li ul li	{
	background: url(/styles/default/graphics/sidenav_sub.png) no-repeat 15px 2px;
	margin: 0;
	padding-left: 12px;
}

#nav li ul li ul li a	{
	display: block;
}