#cssnavbar {
 float: right;
 width: 830px;
 font-size: 12px;
 height: 28px;
 background-color: #eeeeee;
 }
#cssnavbar ul {
 margin: 0;
 padding: 0;
 }

/* Layer 1 */
ul#navbar li {
 list-style: none;
 float: left; 
 display: block;
 position: relative;
 z-index: 1;
 }
ul#navbar li a {
 width: 158px;
 height: 20px;
 display: block;
 text-align: center;
 padding: 4px;
 font-weight: bold;
 color: #1400D4;
 background-color: #eeeeee;
 }
ul#navbar li a:hover {
 text-decoration: none;
 background-color: #bbbbbb;
 }

 
/* Layer 2 */
ul#navbar li ul {
 display: none !important; 
 width: 158px;
 }
ul#navbar li:hover ul, ul#navbar li.hover ul {
 display: block !important;
 position: absolute;
 z-index: 5;
 top: 27px;
 padding-top: 1px;
 }
ul#navbar li ul li {
 }
ul#navbar li:hover ul li, ul#navbar li.hover ul li {
 float: none; 
 text-align: left;
 }
ul#navbar li:hover ul li a, ul#navbar li.hover ul li a {
 font-size: 12px;
 text-align: left;
 width: 158px;
 padding: 3px 0 3px 8px;
 color: #1400D4;
 background-color: #eeeeee;
 }
ul#navbar li ul li a:hover {
 text-decoration: underline;
 background-color: #bbbbbb;
 }