/* common styling */
.menu       { font-size: 8pt; padding-bottom: 0; position: relative; z-index: 100; width: 816px; clear: both; border-color: navy }

.menu ul li a, .menu ul li a:visited      { color: #fff; line-height: 20px; text-decoration: none; background: #0e2b8d; text-align: center; display: block; width: 134px; height: 20px; overflow: hidden; border: solid 1px }
.menu li a   { color: #fff; font-weight: bold; line-height: 20px; text-decoration: none; background: #0e2b8d; text-align: center; display: block; width: 134px; height: 20px; overflow: hidden; border: solid 1px }
.menu li   { }
.menu ul     { list-style-type: none; margin: 0; padding: 0 }

.menu ul li {
    float:left; 
    position:relative;
}

.menu ul li ul  { display: none }

/* specific to non IE browsers */
.menu ul li:hover a {
    color:#fff; 
    background:#36f;
}

.menu ul li:hover ul  { display: block; position: absolute; top: 21px; left: 0; width: 134px }

.menu ul li:hover ul li a.hide {
    background:#6a3; 
    color:#fff;
}

.menu ul li:hover ul li:hover a.hide  { color: #000; background: #ff6 }

.menu ul li:hover ul li ul {
    display: none;
}

.menu ul li:hover ul li a  { color: #000; background: #ddd; display: block }

.menu ul li:hover ul li a:hover   { color: #000; background: #ff6 }

.menu ul li:hover ul li:hover ul {
    display:block; 
    position:absolute; 
    top:0;
}

.menu ul li:hover ul li:hover ul.left {
    
}

.menu li.first, .menu li.firstover  { 
	display: none; 
	border-left: medium none 
}