
#headmenu {
    width: 500px;
    height: 30px;
    margin-left: 400px;
    margin-right: auto;
    margin-top: 20px;
    background-color: #000000;
    position: absolute;
}


#blockmenu {
    width: 950px;
    height: 30px;
    margin-left: 13px;
    margin-right: auto;
    margin-top: 96px;
    background-color: #ffffff;
    position: absolute;
}

.blockmenu{
    margin: 0;
    padding: 0;
    float: left;
    font: bold 12px Arial;
    width: 100%;
    overflow: hidden;
    margin-bottom: 1em;
    border: 1px solid #ffffff;
    border-width: 1px 0;
    background: url(images/blockdefault.gif) center center repeat-x;
}

.blockmenu li{
    display: inline;
}

.blockmenu li a{
    float: left;
    color: #ffffff;
    padding: 9px 11px;
    text-decoration: none;
    border-right: 1px solid white;
}

.blockmenu li a:visited{
    color: #ffffff;
}

.blockmenu li a:hover, .blockmenu li .current{
    color: #293033;
    background: transparent url(images/blockactive.gif) center center repeat-x;
}

#menuhead{
    width: 240px;
    height: 25px;
    margin-left: 0px;
    margin-right: auto;
    margin-top: 0px;
    background-color: #6c7980;
    position: absolute;
    padding-top: 7px;
}

.menuhead {  font-family: Arial; color: #ffffff; font-size: 15px; font-weight: bold; padding-left: 11px; }

.menu {
   margin-top: 25px;
   margin-left: 0px;
   margin-right: 14px;
   padding: 0;
   width: 287px; /*width of menu*/
   border-bottom-width: 0;
   position: absolute;
}

.menu a.menuitem {
   font: bold 13px "Arial";
   color: #4e76b6;
   display: block;
   position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
   width: auto;
   height: 16px;
   padding: 4px 0;
   padding-left: 5px;
   text-decoration: none;
   border-top: 1px dotted #a8a8a8;
}

.menu a.menuitem:visited, .menu .menuitem:active {
   color: #4e76b6;
}

.menu a.menuitem .statusicon { /*CSS for icon image that gets dynamically added to headers*/
   position: absolute;
   top: 5px;
   right: 5px;
   border: none;
}

.menu a.menuitem:hover {
   background-image: url(glossyback2.gif);
}

.menu div.submenu { /*DIV that contains each sub menu*/
   background: #ffffff;
}

.menu div.submenu ul { /*UL of each sub menu*/
   list-style-type: none;
   margin: 0;
   padding: 0;
}

.menu div.submenu ul li {
   border-top: 1px dotted #a8a8a8;
}

.menu div.submenu ul li a {
   display: block;
   font: normal 12px "Arial";
   color: #79868c;
   text-decoration: none;
   padding: 3px 0;
   padding-left: 5px;
   height: 16px;
}

.menu div.submenu ul li a:hover {
   text-decoration: underline;
   background: #ffffff;
   color: #fe6602;
}



