﻿.wrapper1
{
    font: 13px Helvetica, Verdana, Arial, sans-serif;
    margin: 0;
    font-weight: bold;
    text-align:left;
  
}
.wrapper1 a
{
    margin: 0px;
    color: white;
    text-decoration: none;
}
.wrapper1 a:hover
{
    color: white;
}
.wrapper1 p
{
    padding: 0;
}
.wrapper
{
    text-align:left;
}
.nav
{
    float: left;
}
.nev-wrapper
{
    clear: both;
    float: left;
}
.nav-left
{
    float: left;
    width:0px;
}
.nav-right
{
    float: left;
    width:0px;
}
.nav ul
{
  
    float: left;
    margin: 0;
    list-style: none;
    padding-left:0px;
}
.nav li
{
    float: left;
    padding: 0px;
    position: relative;
    z-index: 1; 
   
}
.nav li.last
{
    background: none;
}
.nav li:hover
{
    z-index: 2;
}
.nav li a
{
    display: block;
    overflow: hidden;
    float: left;
    cursor: pointer;
}
a .menu-left
{
    width: 0px;
    height: 31px;
    display: block;
    float: left;
    background-color:Transparent;
}
a .menu-mid
{
    padding-top:9px;
    padding-left:1px;
    padding-right:1px;
    height: 22px;
    display: block;
    float: left;
    /*background:url(../Images/NavBg.jpg) repeat-x;*/
    color:#fff;
    background-color:Transparent;
     padding-left: 15px;
    padding-right: 15px;
}
a .menu-right
{
    width:2px;
    height: 31px;
    display: block;
    float: left;
    background:url(../Images/NavSeparator.jpg) no-repeat;
    background-color:Transparent;
}
.nav li a:hover .menu-left, 
.nav li.active a .menu-left, 
.nav li:hover a .menu-left
{
    
    background-position:0px 0px;
    width: 0px;
    display: block;
    float: left;
    height: 31px;
}
.nav li a:hover .menu-mid, 
.nav li.active a .menu-mid, 
.nav li:hover a .menu-mid
{
    background: url(../Images/SelectedNav.jpg) repeat-x;
    background-position:0px 0px;
    display: block;
    float: left;    
    height: 22px;
    color:#efe80f;
    padding-left: 15px;
    padding-right: 15px;
   
}
.nav li a:hover .menu-right,
.nav li.active a .menu-right, 
.nav li:hover a .menu-right
{
    background: url(../Images/NavSeparator.jpg) no-repeat bottom left;
    background-position:0px 0px;
    width: 2px;
    display: block;
    float: left;
    height: 31px;
}
.nav li a:hover, .nav li.active a, .nav li.hover a, .nav li:hover a
{
    color: white;
    /*background: url(../Images/MenunavigationImages.jpg) top  !important;
    background-position:0px -99px;*/
}




