/************************************
 Fisrt top Button
 ************************************/
#menu3 {
    padding-top: 41px; /* height of the replacement image */
    height: 0px;
    width: 126px;
    overflow: hidden;
    background-image: url("/bwah/linkgrid/approach.png");
    background-repeat: no-repeat;
}

#nav li.active a#menu3 {
    padding-top: 41px; /* height of the replacement image */
    height: 0px;
    width: 126px;
    overflow: hidden;
    background-image: url("/bwah/linkgrid/approachdark.png");
    background-repeat: no-repeat;
}

#nav li.active a#menu3:hover, li a#menu3:hover {
    padding-top: 41px; /* height of the replacement image */
    height: 0px;
    width: 126px;
    overflow: hidden;
    background-image: url("/bwah/linkgrid/approachlight.png");
    background-repeat: no-repeat;
}
/************************************
 Second top Button
 ************************************/
#menu4 {
    padding-top: 41px; /* height of the replacement image */
    height: 0px;
    width: 124px;
    overflow: hidden;
    background-image: url("/bwah/linkgrid/portfolio.png");
    background-repeat: no-repeat;
}

#nav li.active a#menu4 {
    padding-top: 41px; /* height of the replacement image */
    height: 0px;
    width: 124px;
    overflow: hidden;
    background-image: url("/bwah/linkgrid/portfoliodark.png");
    background-repeat: no-repeat;
}

#nav li.active a#menu4:hover, li a#menu4:hover {
    padding-top: 41px; /* height of the replacement image */
    height: 0px;
    width: 124px;
    overflow: hidden;
    background-image: url("/bwah/linkgrid/portfoliolight.png");
    background-repeat: no-repeat;
}
/************************************
 Third top Button
 ************************************/
#menu5 {
    padding-top: 41px; /* height of the replacement image */
    height: 0px;
    width: 97px;
    overflow: hidden;
    background-image: url("/bwah/linkgrid/about.png");
    background-repeat: no-repeat;
}

#nav li.active a#menu5 {
    padding-top: 41px; /* height of the replacement image */
    height: 0px;
    width: 97px;
    overflow: hidden;
    background-image: url("/bwah/linkgrid/aboutdark.png");
    background-repeat: no-repeat;
}

#nav li.active a#menu5:hover, li a#menu5:hover {
    padding-top: 41px; /* height of the replacement image */
    height: 0px;
    width: 97px;
    overflow: hidden;
    background-image: url("/bwah/linkgrid/aboutlight.png");
    background-repeat: no-repeat;
}
/************************************
 Fourth top Button
 ************************************/
#menu6 {
    padding-top: 41px; /* height of the replacement image */
    height: 0px;
    width: 118px;
    overflow: hidden;
    background-image: url("/bwah/linkgrid/contact.png");
    background-repeat: no-repeat;
}

#nav li.active a#menu6 {
    padding-top: 41px; /* height of the replacement image */
    height: 0px;
    width: 118px;
    overflow: hidden;
    background-image: url("/bwah/linkgrid/contactdark.png");
    background-repeat: no-repeat;
}

#nav li.active a#menu6:hover, li a#menu6:hover {
    padding-top: 41px; /* height of the replacement image */
    height: 0px;
    width: 118px;
    overflow: hidden;
    background-image: url("/bwah/linkgrid/contactlight.png");
    background-repeat: no-repeat;
}
/**************************************
 end top level image manipulation
 
 Start dropdown formatting and coloring
 **************************************/
ul#nav {
    float: left;
    height: 41px;
    width: 465px;
    padding: 0px;
    margin-right: 10px;
    margin-top: 93px;
    float: right;
}

#nav {
    list-style: none;
    height: 41px;
    margin-top: 0px;
    margin-bottom: 0px;
    z-index: 200;
}

#nav ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

#nav li {
    position: relative;
    float: left;
    display: block;
}

#nav li:hover, #nav li:hover ul {
    background-position: 0 0;
    z-index: 200;
}

#nav a {
    text-decoration: none;
    cursor: pointer;
    color: #fff;
    display: block;
}

#nav a:link {
    text-decoration: none;
    cursor: pointer;
    color: #fff;
    display: block;
}

#nav a:visited {
    text-decoration: none;
    cursor: pointer;
    color: #fff;
    display: block;
}

#nav a:hover, #nav a.sfhover {
    text-decoration: none;
    cursor: pointer;
    display: block;
    color: #000;
}

#nav a:active {
    text-decoration: none;
    cursor: pointer;
    color: #fff;
    display: block;
}

#nav li ul {
    padding: 0px;
    padding-top: 0px;
    background: #48555e;
    width: 11.52em;
    font-size: 90%;
    margin-top: 0px;
    position: absolute;
    font-weight: normal;
    left: -999em;
    z-index: 200;
}

#nav li:hover ul, #nav li.sfhover ul {
    left: 0;
    z-index: 99999;
}

#nav li li {
    background: none;
    float: none;
    border: 0px solid #48555e;
    border-top: 0px solid #000;
    border-right: none;
    border-left: 0px solid #000;
    padding-left: 0px;
}

#nav li li.last {
    border-bottom: none;
}

#nav li li a {
    color: #fff;
    width: 10.15em;
    padding: 3px 10px 2px;
    font-family: calibri, tahoma;
}

#nav li li a:link {
    color: #fff;
    width: 10.15em;
    padding: 3px 10px 2px;
}

#nav li li a:visited {
    color: #fff;
    width: 10.15em;
    padding: 3px 10px 2px;
}

#nav li li a:hover, #nav li li a.sfhover /* comment  */ {
    width: 10.15em;
    color: #fff;
    background: #5b6b78;
    padding: 3px 10px 2px;
}

#nav li.active /* comment  */ {
    border-bottom: 0px solid #666;
}

#nav li.active ul /* first level drop-down active coloring  */ {
    border: none;
    background: #48555e;
}

#nav li.active a:hover, #nav li.active a.sfhover {
    color: #fff;
}

#nav li.active li {
    border: none;
    border-top: 0px solid #000;
    border-bottom: 0px solid #000;
}

#nav li.active li.last {
    border-bottom: none;
}

#nav li.active li a:link {
    color: #fff;
}

#nav li.active li a:visited {
    color: #fff;
}

#nav li.active li a:hover, #nav li.active li a.sfhover {
    background: #5b6b78;
    color: #fff;
}

#nav li.active li a:active {
    color: #fff;
}

#nav li.active li.active a:link {
    color: #fff;
    font-weight: bold;
    background: #333333;
}

#nav li.active li.active a:visited {
    color: #fff;
    font-weight: bold;
    background: #333333;
}

#nav li.active li.active a:hover, #nav li.active li.active a.sfhover {
    color: #fff;
    font-weight: bold;
    background: #5b6b78;
}

#nav li.active li.active a:active {
    color: #fff;
    font-weight: bold;
    background: #565656;
}