/* 
CSS List Based Navigation
-------------------------
Uses block logic to render A tags inside an 
unordered list as navigation elements.
*/

ul.nav {
	display:	 		block;
	margin:  			0px;
	padding: 			0px;
	}

ul.nav li {
	display: 			inline;
	margin:  			0px;
	padding: 			0px;
	list-style-type: 	none;
	}

a.nav,
a.navbottom {
	display: 			block;
	font-size: 			12px;
	margin: 			0px;
	text-decoration: 	none;
	color: 				#fff;
	border-bottom: 		1px solid #4487A5;
	background-image:	url(../images/bg_navigation.gif);
	background-repeat: 	no-repeat;
	background-position: 0px 0px;
	padding: 			3px 3px 2px 25px;
	}

a.nav:hover,
a.navbottom:hover {
	background-position: -200px 0px;
	color: 				#C6FFFF;
	}

a.nav-active,
a.navbottom-active {
	display: 			block;
	font-size : 		12px;
	text-decoration: 	none;
	color: 				#fff;
	background-image:	url(../images/bg_navigation.gif);
	background-repeat: 	no-repeat;
	background-position: -400px 0px;
	background-color: #3d8dae;
	border-bottom: 		1px solid #4487A5;
	padding: 			3px 3px 2px 25px;
	}

a.nav-active:hover,
a.navbottom-active:hover {
	background-color:   #fff;
	color: 				#C6FFFF;
	}

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

a.nav-subactive {
	display: 			block;
	font-size : 		12px;
	padding-left: 		25px;
	border-bottom: 		none;
	background-image:	url(../images/bg_navigation.gif);
	background-repeat: 	no-repeat;
	background-position: -600px 0px;
	background-color: #3d8dae;
	border-bottom: 		1px solid #4487A5;
	background-color: 	#efefef;
	text-decoration: 	none;
	color: 				#fff;
	padding: 			3px 3px 2px 25px;
	}

a.nav-subactive:hover {
	color: 	#C6FFFF;
	}

a.subnav {
	font-size: 			11px;
	line-height:		15px;
	font-weight:		normal;
	display: 			block;
	padding: 			2px 2px 2px 25px;
	border-bottom: 		1px solid #4487A5;
	text-decoration: 	none;
	color: 				#fff;
	background-image:	url(../images/bg_navigation.gif);
	background-repeat: 	no-repeat;
	background-position: bottom right;
	}

a.subnav:hover {
	color: 				#C6FFFF;
	font-weight:		normal;
	}

a.subnav-active {
	font-size: 			11px;
	line-height:		15px;
	font-weight:		normal;
	display: 			block;
	padding: 			2px 2px 2px 25px;
	border-bottom: 		1px solid #468eaa;
	text-decoration: 	none;
	color: 				#C6FFFF;
	background-image:	url(../images/bg_navigation.gif);
	background-repeat: 	no-repeat;
	background-position: bottom right;
	background-color: #3d8dae;
	}

a.subnav-active:hover {
	color:				#C6FFFF;
	font-weight:		normal;
	}