@charset "utf-8";
/* CSS Document */

#nav_container{
	width:100%;
	height: 33px;
	font-size:16px;
	color:white;
	position:relative;
	padding:2px 0 2px 0;
	background-color: white;
	border-bottom:none;
}

	#nav_container h2{
		float:left;
		font-weight:bold;
		font-size:18px;
		padding:0 16px;
		height:33px;
		line-height:33px;
		font-family:"lucida grande",geneva,arial,sans-serif;
		background:url(/images/subnav/bg.jpg) repeat-x;
		font-weight:normal;
	}
	
	#nav_container li a{
		text-decoration: none;
		color:#fff;
		text-align: center;
		z-index: 10;
		display: block;
		float: left;
		padding:0 10px 0 10px;
		position: relative;
		font-weight:bold;
	}
	
	#nav_container li a:hover{
		text-decoration:none;
		text-shadow: #444 2px 2px 5px;
		color: white;
	}
	
	#nav_container li.selected a{
		color: white;
		text-decoration:none;
	}
	
	#nav_container li.selected a:hover{
		color:#fff;
		text-decoration:none;
	}

	#nav_container ul {
		margin:0px;
		padding:0px;
		width:100%;
		height:33px;
		background:url(/images/subnav/bg.jpg) repeat-x;
		overflow: hidden;
	}

		#nav_container ul li h2{
			position: relative;
			z-index:10;
			border: 0px;
		}
	
		#nav_container ul li{
			float:left;
			padding:0px;
			margin: 0px;
			height: 33px;
		}
			#nav_container ul li.backLava{
				background:url(/images/subnav/bg-highlight.jpg) repeat-x;
				position: absolute;
				/*STUPID IE uses this style in its own style sheet margin-top: 2px;*/
				
			}
	#nav_container #nav_container_title{
		background:url(/images/subnav/title-bg.jpg) repeat-x right;	
		text-shadow: #444 2px 2px 5px;
	}