#topmenu {
 z-index: 100; 
 height: 53px;
 width: 996px;
 background: #fabe07 url('../webimg/topmenu.jpg') no-repeat;
 border-bottom: 1px solid #fff;
 position: relative;
}

#topmenu * {
    z-index: 100;
}

ul#nav li a:hover {
 background: transparent;
 color: #333;

}

ul#nav li a div {
    margin-left: 1em;
}

ul#nav li a div.portal {
    margin-left: 0px;
}

ul#nav li {
 margin: 0;
 position: relative; 
 float: left;
 display: block;
/* background-color: #999;*/
 height: 53px;
 background: url(../webimg/topmenu_li.png) no-repeat;
}

ul#nav ul li {
 height: auto;
}

ul#nav li a{
 text-align: left;
 padding: 32px 0 0 0;
 padding-left: 1.0em;
 height: 21px;
 width: 80px;
 display: block;
 color: #000;
 font-weight: bold;
}

ul#nav ul li a {
    width: 160px;
 padding-top: 2px;
 margin: 0;
 height: auto;
    padding-right: 14px;
 min-height: 22px;
 line-height: 21px;
}

ul#nav ul li a.external {
	padding-left: 25px;
	padding-right: 0px;
	background-image: url(../webimg/extlinkico_dark.gif);
	background-position: 8px 6px;
	background-repeat: no-repeat;
/*	background: url(../webimg/extlinkico_dark.gif) 8px 6px no-repeat;*/
}

ul#nav ul li a.external:hover {
	background-image: url(../webimg/extlinkico_light.gif);
	background-position: 8px 6px;
	background-repeat: no-repeat;
/*	background: url(../webimg/extlinkico_light.gif) 8px 6px no-repeat;*/
}

#nav {
float: left;
 position: absolute;
 left: 179px;
 list-style: none;
 display: block;
 height: 53px;
 margin: 0 0 0 0px;
 padding: 0;
 font-size: 0.85em;
}

#nav ul {
 padding: 0;
 margin: 0;
 list-style: none;
 z-index: 99;
 width: auto;
 overflow: visible;
 width: 190px;
 border-top: 1px solid #000;
}

#nav li { 
}

#nav ul li a{
 background: #ccc;
 border-left: 1px solid #000;
 border-right: 1px solid #000;
 border-bottom: 1px solid #000;
}

#nav ul li a:hover{
 background: #fb8b00;
 color: #fff;
}

#nav ul ul li{ border-width:1px 1px 0 1px;}
#nav ul ul li:last-child{border-width:1px;}


/*all see this */
#nav ul, #nav ul ul, #nav ul ul ul{
 display: none; 
 position: absolute;
 filter: alpha(opacity=85);
 opacity: 0.85;
}

/* non-IE browsers see this */

#nav ul li>ul, #nav ul ul li>ul{
 margin-top:-1.35em; 
} 
 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul{
 display:none; 
}

#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul{
 display: block;
}

li>ul {
 top: auto;
 left: auto;
}

#topmenu #dateinfo {
    height: 1.3em;
    line-height: 1.3em;
    float: right;
 font-size: 0.85em;
    padding: 0.3em 0.8em 0 0;
    overflow: hidden;
}

#topmenu .searchBox {
 display: block;
 height: 20px;
 width: 210px;
 position: absolute;
 right: 5px;
 top: 30px;
}

#topmenu .searchBox .phrase{
 background: #ddeeff;
 filter: alpha(opacity=70);
 opacity: 0.70;
 border: 1px solid #fff;
 margin: 0;
 padding: 0 0.2em;
 width: 140px; 
}

#topmenu .searchBox .button{
 background-color: transparent;
 border: 0px none #fff;
 color: #fff;
 font-weight: bold;
 padding:0;
 text-align: left;
 width: 56px;
 margin: 0;
 font-family: "Geneva CE", arial, sans-serif;
 letter-spacing: -0.05em;
 text-transform: uppercase;
 cursor: pointer;
}
#topmenu .searchBox .button:hover{
 color: #fff;
}
