#top {
    background-color: rgb(56,113,194); height:30px; 
}

#topNavigation { position: absolute; left:0px; top:0px; display: block; z-index:100; background-color: rgb(56,113,194);}
#topNavigation ul { list-style: none; padding: 0px; margin: 0px; }
#topNavigation ul li { background-color: rgb(56,113,194); margin: 0px 1px; float:left; border-left: solid white 1px;}
#topNavigation ul li:hover { background-color: rgb(128,128,128); }
#topNavigation ul li.high { background-color: rgb(128,128,128); }
#topNavigation ul li a { display: inline-block; padding: 5px 10px; color: white; text-decoration: none; font-weight: normal; white-space: nowrap;}
#topNavigation ul li ul { display: none;  position: absolute;}
#topNavigation ul li:hover ul { display: block; }
#topNavigation ul li:hover ul li { display: block; margin: 0px 0px; clear:left; width:100%; }
#topNavigation ul li:hover ul li a { display: inline-block; padding: 5px 10px; color: white; text-decoration: none; font-weight: normal; font-size: smaller; white-space: nowrap; }

#footer {
    background-color: rgb(56,113,194); height:24px; border: solid 0px red; position: absolute; right:0px; bottom:0px; left:0px;
}

#footerNavigation { position: absolute; right:0px; bottom:0px; display: block; z-index:100; background-color: rgb(56,113,194);}
#footerNavigation ul { list-style: none; padding: 0px; margin: 0px; }
#footerNavigation ul li { background-color: rgb(56,113,194); margin: 0px 1px; float:left; }
#footerNavigation ul li:hover { background-color: rgb(128,128,128); }
#footerNavigation ul li a { display: inline-block; padding: 3px 10px; color: white; text-decoration: none; font-weight: normal; font-size: smaller; white-space: nowrap;}