/*
<div class="h-nav">
		<ul>
			<li class="first-option"><a href="#">Link1</a></li>
			<li><a href="#">Link2</a></li>
			<li><a href="#">Link3</a></li>
			<li><a href="#">Link4</a></li>
		</ul>
	</div>
*/
/*Horizontal Navigation*/
.h-nav{
/*width:865px;*/ margin:0 auto;
overflow: hidden;
/*background:url(../images/nav-bg-x.jpg) repeat-x;*/
}

.h-nav ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font:14px;
list-style-type: none;
float:left;
}

.h-nav li{
display: inline;
margin: 0;
}

.h-nav li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 5px 8px 3px 9px; /*padding inside each tab*/
font-size:11px;
font-weight:bold;
color: white;
font-family:"Century Gothic" !important;
border-right:1px solid #85AD85; border-left:1px solid #527A52;
}

.h-nav li a:visited{
/*color: white;*/
}

.h-nav li a:hover, .h-nav li.selected a, .selected{
color:#669966;
background:#fff; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}
.first-option a { border-left:none !important;}