﻿
#nav { 
    display:block;
    position:relative;
    font-weight: bold;
    font-size: 11px;
    text-shadow: 1px 1px 0px rgb(33,33,33);
    text-shadow: 1px 1px 0px rgba(0,0,0,.5);
    overflow:visible;
	height:18px;
}
#nav, #nav ul { /* all lists */
	z-index:100;
    padding: 0;
    margin: 0;
    list-style: none;
    list-style-position:outside;
    line-height: 28px;
}

#nav a {
    display: block;
    width:  150px;
}

#nav li { /* all list items */
    float: left;
    width:  85px;; /* width needed or else Opera goes nuts */
     padding:0;
    margin:0;
}

#nav ul {
        background-color:#00425b; 
}

#nav ul li {
    font-weight: normal;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    border-bottom: 1px dotted rgb(200,200,200);
    border-bottom: 1px dotted rgba(255,255,255.35);
}
#nav ul li:last-child {
    border-bottom:none;
}

#nav ul li a { color:#FBCF48; text-decoration:none; text-indent:10px; font-weight:normal;}
#nav ul li a:hover { 
        background-color:#3a5460; 
        color:white;
    }
#nav li ul { /* second-level lists */
    position: absolute;
    top:25px;
    width:150px;
    left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
    left: auto;
}

#nav li.navItem { text-align:center; text-indent:-9999px; padding:6px 5px;}

#nav li.aboutNav {
    background:transparent url('../images/menu_01.gif') no-repeat;
    width:60px;
	height:17px;
}

#nav li.aboutNav ul, #nav li.aboutNav ul li, #nav li.aboutNav ul li a {
    width:60px !important;	
}
#nav li.aboutNav:hover,
#nav li.aboutNav.selected {
    background:transparent url('../images/menu_R_01.gif') no-repeat;
    width: 60px;
    height: 14px;
}

.servicesNav {
   width:85px;
	height:17px;
	background:transparent url('../images/menu_02.gif') no-repeat;
}
.servicesNav ul, .servicesNav ul li, .servicesNav ul li a {
    width:200px !important;
}

.servicesNav:hover,
.servicesNav.selected {
    width:85px;
	height:17px;
	background:transparent url('../images/menu_R_02.gif') no-repeat;
}

.contactNav {  width:80px;
	height:17px;
	background:transparent url('../images/menu_06.gif') no-repeat;}
.contactNav:hover,
.contactNav.selected {  width:80px;
	height:17px;
	background:transparent url('../images/menu_R_06.gif') no-repeat; }
#nav li.navItem.contactNav {width:60px; padding-left:20px; }


