#header
{
    background: #003366;
    color: White;
}
#topNav
{
    background: #003366;
    font-weight: bold;
    font-size: 16px;
}
#topNav ul
{
    margin-left: 3px;
    padding: 0;
    list-style: none;
    white-space: nowrap;
}
#topNav ul .first
{
    border-left: none;
}
#topNav ul li
{
    display: inline;
    position: relative;
    /* padding: 0 1em 0 1em; */
    padding: 0 .5em 0 1em;
    list-style-type: none;
    /* border-left: solid 1px white; */
}
#topNav ul li a
{
    color: White;
    text-decoration: none;
}
#topNav ul li a:visited
{
    color: white;
}
#topNav ul li a:hover
{
    color: white;
    text-decoration: underline;
}
.lnkTranslate 
{
    font-size: 10px; width: 100px;
}

#searchBox { background: #006600; }
#searchBox input 
{
    border: solid 1px gray;
     float: left; 
     margin-right: 5px; 
}
#searchBox a.search-en
{
    background: url( '/Images/searchIcons-en.gif' ) 0 0 no-repeat;
    /*background: url( '/Images/btn-Search.gif' ) 0 0 no-repeat;*/
    display: block;
    float: left;
    width: 66px;
    height: 20px;
}

#searchBox a.search-en:visited
{
    background-position: 0 0;
    display: block;
    width: 66px;
    height: 20px;
}
#searchBox a.search-en:hover
{
    background-position: -77px 0;
    display: block;
    width: 66px;
    height: 20px;
}
#searchBox a.search-es
{
    background: url( '/Images/searchIcons-es.gif' ) 0 0 no-repeat;
    /*background: url( '/Images/btn-Search.gif' ) 0 0 no-repeat;*/
    display: block;
    float: left;
    width: 66px;
    height: 20px;
}

#searchBox a.search-es:visited
{
    background-position: 0 0;
    display: block;
    width: 66px;
    height: 20px;
}
#searchBox a.search-es:hover
{
    background-position: -77px 0;
    display: block;
    width: 66px;
    height: 20px;
}
#searchBox a.search-zh
{
    background: url( '/Images/searchIcons-zh.gif' ) 0 0 no-repeat;
    /*background: url( '/Images/btn-Search.gif' ) 0 0 no-repeat;*/
    display: block;
    float: left;
    width: 66px;
    height: 20px;
}

#searchBox a.search-zh:visited
{
    background-position: 0 0;
    display: block;
    width: 66px;
    height: 20px;
}
#searchBox a.search-zh:hover
{
    background-position: -77px 0;
    display: block;
    width: 66px;
    height: 20px;
}
#page{}

#mainNav{ border-bottom: solid 1px gray }
#subNav{ color: #006633; float: left; width: 177px;}
#subNav ul{ padding: 10px 0 10px 0; }
#subNav ul li{ line-height: 2em }
#subNav ul li a
{
    color: #006633;
    text-decoration: none;
}
#subNav ul li a:visited{}
#subNav ul li a:hover
{
    color: #999966;
    text-decoration: underline;
}
#content{ color: Navy; width: 710px; min-height: 400px; _height: 400px; }
#content p, #content h1, #content h2, #content h3
{
    padding: 10px 20px 10px 0;
    margin-left: 20px;
}
#content p { line-height: 1.22em }
#content p a{ color: #999966; text-decoration: none; }
#content p a:visited{ text-decoration: none; }
#content p a:hover{ text-decoration: underline; }
#content p a .green{ color: #006633; font-size: 0.9em; text-decoration: none; }
#content p .resourcesButton{color: #006633; font-size: 1.2em; }
#content h1{ height: 10px;}
#content h2.anchor-item 
{ 
    width: 605px; 
    min-height:0.5em;
    overflow: visible;
    padding-left: 10px;
    color: #FFFFFF; 
    background: #00685d;
    filter: progid:DXImageTransform.Microsoft.Alpha( style=1,opacity=100,finishOpacity=0,startX=0,finishX=500);  
}
#content h2.anchor-item.bridge { background: #00685d; }
#content h2.anchor-item.pave { background: #002c5f; }
#content h2.anchor-item.arch { background: #7F753F; }
#content h2.anchor-item.repair { background: #a33038; }
#content h2.anchor-item.profile { background: #cc9966; }

#content a{ color: #006633; }
#content a .green{ color: #006633; }
#content .linked a
{ 
    color: #006633;
    font-size: 0.8em;
}
#content .linked a:hover
{ 
    color: #006633;
    font-size: 0.8em;
    text-decoration: underline;
}
#content h2 a, #content h2 a:hover
{ 
    color: #006633;
    font-size: 0.8em;
    font-weight: bold;
}
#content h2.anchor-item a { color: #FFFFFF; }
#content h3
{
    font-weight: bold;
    font-size: 1.1em;
}
#content ul
{
    margin-left: 35px;
}
#content ul li
{
     list-style-type: disc;
     padding: 5px 0 5px 0;
}
#footer
{
    border-top: solid 1px gray;
    height: 30px;
    width: 705px;
    padding-top: 10px;
    text-align: center;
}
#footer .copyright
{
    font-size: 0.8em;
}
#footer ul
{
    text-align: center;
    margin: 0 0 3px 3px;
    padding: 0;
    width: 100%;
    list-style: none;
    white-space: nowrap;
}
#footer ul li
{
    display: inline;
    position: relative;
    padding: 0 .3em 0 .3em;
    list-style-type: none;
    border-left: solid 1px gray;
}
#footer a
{
    font-size: 8pt;
    color: #737373;
    text-decoration: none;
}
#footer a:visited
{
    color: #737373;
}
#footer a:hover
{
    color: #737373;
    text-decoration: underline;
}
#footer ul .first
{
    border-left: none;
}

#sidebar
{
    font-family: Georgia; 
    padding-bottom: 50px; 
    font-weight: normal;
    background: #dcd8bd;
    color: #006633;
}

#sidebar p{}





.button
{
    width: 40px;
    height: 22px;
    background: url(/Images/button.gif) 0 0 no-repeat #C0C0C0;
    color: #fff;
    line-height: 22px;
    margin: 8px 0 0 8px;
    border: none;
    float: left;
}

#content #searchcontrol
{
line-height: 1em;
width: 700px;
}
#content #searchcontrol a
{
 background-image: none;
}

@media print
{
    #topNav
    {
        display: none;
    }
    #searchBox
    {
        display: none;
    }
}