.nav {

float: left;


}
.nev-wrapper {
clear: both;
float: left;
background-color: transparent;
}
.nav ul {
float: left;
margin:4px 0 0 0px;
padding-top: 0px;
list-style: none;
font-size: 10px;
background-color: transparent;

}
.nav li {
float: left;
padding: 0 0px;
position: relative;
background-color: transparent;
text-align:center;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: transparent;
background-image:url(../images/button.gif);
background-repeat:no-repeat;
width:98px; 
height:27px;
line-height:22px;



}


.nav li a:hover {
background-color: transparent;
background-image:url(../images/mid.gif);
background-repeat:no-repeat;
font-family: verdana,Arial, Helvetica, sans-serif;
font-size: 10px;
color: #ffffff;
width:98px; 
height:27px;
line-height:22px;
display: block;
float: left;
padding: 0px 0px 0px 0px;
}

.nav li a {
font-family: verdana,Arial, Helvetica, sans-serif;
font-size: 10px;
color: #37413E;
text-decoration: none;
display: block;
line-height: 22px;
overflow: hidden;
float: left;
font-weight: bold;
padding: 0px 0px 0px 0px;
margin:0px 0px 0px 0px;
width:98px; 
height:27px;

}


.active{
background-color: transparent;
background-image:url(../images/mid.gif);
background-repeat:no-repeat;
font-family: verdana,Arial, Helvetica, sans-serif;
font-size: 10px;
color: #ffffff;
width:98px; 
height:27px;
line-height: 22px;
display: block;
float: left;
padding: 2px 0px 0px 0px;

}
.active a:link{
color: #ffffff;
}
.active a:visited{
color: #ffffff;
}
.active a:hover{
color: #ffffff;
}

.nav li a:hover .menu-left,
.nav li.active a .menu-left,
.nav li:hover a .menu-left,
.nav li a:hover .menu-mid,
.nav li.active a .menu-mid,
.nav li:hover a .menu-mid,
.nav li a:hover .menu-right,
.nav li.active a .menu-right,
.nav li:hover a .menu-right {

}
.nav li a:hover,
.nav li.active a,
.nav li.hover a,
.nav li:hover a {
/*cursor:hand;
*/}