/* NAV STYLES */

#nav{
position: relative;
height: 31px;
width: 100%;
background-color:#666699; /*Nav menu background color*/
text-align: center;
z-index: 30;
}

#navmenu, #navmenu ul {
padding: 0;
margin: 0;
list-style-type: none;
text-align: center;
font-family: Helvetica, Arial;
font:bold, 21px;
}

#navmenu ul li { display: inline; }

#navmenu a {
display: block;
text-decoration: none;
line-height: 29px;
padding: 0px 15px 2px 15px;
color: #fff;
letter-spacing: -1px;
font-family: Helvetica, Arial;
font-size: 15px!important;
font-weight: normal;
}


#navmenu li {
float: left;
width: auto;
text-decoration: none;
display: inline;
}

#navmenu li ul, #navmenu ul li  {
text-align: left;
width: 210px;
font-size: 75%;
}

#navmenu ul li a  {
color: #565656;
border-right: 0;
padding: 3px 12px 3px 13px;
font-weight: normal;
}

#navmenu ul li a span.tighten { font-size: 87.5%; }

#navmenu li ul {
position: absolute;
z-index: 200;
margin-left: -1px;
display: none;
border: 1px solid #333333;
border-top: none;
background: transparent repeat-x;
}

#navmenu li ul li{
line-height: 31px;
vertical-align: middle;
}

#navmenu li:hover a, #navmenu a:focus,
#navmenu li.menuhvr a {
color: #FFFFFF; /*Hover over text color*/
font-weight: normal;
}

#navmenu li:hover ul, #navmenu li.menuhvr ul
{
    display: block;
    background: #CCCCFF; /*Background color of nav dropdown */
}

#navmenu li:hover ul a, #navmenu li.menuhvr ul a {
color: #000000;
background: none transparent;
font-weight: normal;
}

#navmenu ul a:hover{
background-color:#666699!important; /*Hover color of nav dropdown */
color: #FFFFFF!important; /*Hover color text of nav dropdwn */
background-image: none!important;
font-weight: normal;
}

#navmenu li {width: auto;}

.nav-panel
{
    background-color: White;
}