div#header{
    background-color: #F0F0F0;
}
#footer {
    padding: 7px;
}
div#headerBottomContainer{
    background-color:#FFFFFF;
}

/*
    To the main menu
    please not that there is more style for the menu for IE 7 in "layout_main.jsp"
*/
div#headerTopContainer {background-color: #007BC3;}
#headerTopNavBar {background-color: #e5efd1;text-align: center;margin: 0px;padding: 0px;}
ul#headerTopNavBar {display: table;margin: auto;padding: 0;list-style: none;background-color: #007BC3;}
ul#headerTopNavBar li {display: table-cell;position: relative;border-right: 1px solid white;}
ul#headerTopNavBar li.last {border-right: none;}
ul#headerTopNavBar li ul {display: block;position: absolute;width: 11em;left: -999em;background-color: #B8D9E7;}
ul#headerTopNavBar li:hover ul { left: auto;}
ul#headerTopNavBar li li, ul#headerTopNavBar li li a { display: block}
ul#headerTopNavBar li li a { width: auto; padding: 0 }
ul#headerTopNavBar a {display: block;color: #FFF;background-color: #007BC3;}
ul#headerTopNavBar a:hover { background-color: #F1EEE7;color: #000000;}
/*To the submenu*/
ul#headerTopNavBar li.hasSubmenu {z-index: 10;}
ul#headerTopNavBar li.hasSubmenu ul {position: absolute;z-index: 500 !important;list-style: none outside none;border: 1px solid #FFF;margin: 0 0 0 -1px;padding: 0;background-color:#DCDCDC;}
ul#headerTopNavBar li.hasSubmenu ul li {width: 100%;clear: left;float: left;border-left: none;}
ul#headerTopNavBar li.hasSubmenu ul li.first {border-top: none;}
ul#headerTopNavBar li.hasSubmenu ul li a {text-align: left;display: block;padding-left:5px;}