/* 
CSS List Based Navigation
-------------------------
Uses block logic to render A tags inside an 
unordered list as navigation elements.
*/
ul.nav
{
	display:	 		block;
	margin: 0;
	margin-top:  			-7px;
	padding: 			0px;
}
ul.nav li
{
	display: 			inline;
	margin:  			0px;
	padding: 			0px;
	list-style-type: 	none;
}


a.nav:hover,
a.navbottom:hover
{
	background-position: -198px 0px;  
	color: 				#F3FFA8;
}
a.nav-active,
a.navbottom-active
{
	margin-top: 7px;
	display: 			block;
	font-size : 		11px;
	font-weight: bold;
	line-height: 13px;
	text-decoration: 	none;
	color: 				#F3FFA8;
	background:	  url(../images/template/menu_arrows.gif) no-repeat -198px 0px;
	background-color: #E30424;
	padding: 			3px 3px 5px 22px;

}
a.nav-active:hover,
a.navbottom-active:hover,
a.nav:hover
{
color: 				#F3FFA8;
}

a.navbottom,
a.navbottom-active
{
	border-bottom: none;
}

a.nav-subactive
{
	margin-top: 7px;
	display: 			block;
	font-size : 		11px;
	font-weight: bold;
	line-height: 13px;
	padding-left: 		22px;
	border-bottom: 		none;
	background:	 url(../images/template/menu_arrows.gif) no-repeat -198px 0px;
	background-color: #E30424;
	text-decoration: 	none;
	color: 				#F3FFA8;
	padding: 			3px 3px 5px 22px;
}
a.nav-subactive:hover
{
	color: 				#F3FFA8;
}
a.subnav:hover
{
	color: 				#F3FFA8;
	background-position: -186px 0px;
	
}
a.subnav-active, a.subnav-active:hover
{
	color: 				#F3FFA8;
	font-size: 			11px;
	display: 			block;
	padding: 			0 2px 2px 33px;
	text-decoration: 	none;
	background:	url(../images/template/menu_subnav_arrows.gif)	no-repeat 0 0;
	background-color: #E30424;
	background-position: -186px 0;
}