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

#nav_container {
	background-color: transparent;
	float:left; /* puts navigation right side */
	margin: 0;
	padding: 0;
	}
	
#nav {
	margin: 0;
	padding: 0;
	background: transparent;
	float: left;
	font-size: 14px;
	list-style-type: none;
	}

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

	
	

	
	
	
#nav a:link,
#nav a:visited {
	color: #FFF;
	padding: 10px 10px 10px 10px;
	margin: 0 1px;
	float: left;
	text-decoration: none;
	font-weight: normal;
	/* text-transform: uppercase; */
	font-size: 14px;
	background: url(../../images/nav/nav_bg.jpg) repeat 0 0;
	white-space: nowrap;
	text-align: center;
	}
	

	
	
#nav a:hover {
	color:#333;
	background-position:0 100px; /* Users who visit the page without JavaScript will, at least, still be able to view the final state */
	}
		
#sectionF #but-first a,
#section2 #but2 a,
#section3 #but3 a,
#section4 #but4 a,
#section5 #but5 a,
#section6 #but6 a,
#section7 #but7 a,
#section8 #but8 a,
#section9 #but9 a,
#sectionL #but-last a {
	background-color: transparent;
	background: url(../../images/nav/nav_bg_selected.jpg) repeat 0 0;
	color:#333;
	}
	
#sectionF #but-first span.arrow,
#section2 #but2 span.arrow,
#section3 #but3 span.arrow,
#section4 #but4 span.arrow,
#section5 #but5 span.arrow,
#section6 #but6 span.arrow,
#section7 #but7 span.arrow,
#section8 #but8 span.arrow,
#section9 #but9 span.arrow,
#sectionL #but-last span.arrow {
	visibility: hidden;
	}	
	
#sectionF #but-first a:hover,
#section2 #but2 a:hover,
#section3 #but3 a:hover,
#section4 #but4 a:hover,
#section5 #but5 a:hover,
#section6 #but6 a:hover,
#section7 #but7 a:hover,
#section8 #but8 a:hover,
#section9 #but9 a:hover,
#sectionL #but-last a:hover {
	color: #333;
	}
	
#nav a:active {
	background:#BDD302;
	color:#333;
	}

.arrow {
	background: url(../../images/nav/arrow.png) no-repeat center bottom;
	color:#333;
	position:relative;
	top: 32px;
	margin-top: -25px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	height: 23px;
	width:46px;
	text-align:center;
	visibility: hidden;
	z-index: 100;
	display: block;
	}
#nav li#but-first a {
	margin-left: 10px;
	}	
#nav li#but-last a {
	margin-right: 0px;
	}
/* these widths need to be declared for stupid IE6 and IE7 */	
#nav li#but-first a {
	width: 40px;
	}
#nav li#but2 a {
	width: 55px;
	}
#nav li#but3 a {
	width: 52px;
	}
#nav li#but4 a {
	width: 96px;
	}
#nav li#but5 a {
	width: 41px;
	}
#nav li#but6 a {
	width: 38px;
	}
#nav li#but7 a {
	width: 38px;
	}
#nav li#but8 a {
	width: 38px;
	}
#nav li#but9 a {
	width: 44px;
	}
#nav li#but-last a {
	width: 54px;
	}