/*======================== TOP LEVEL MENU DEFINITIONS ========================*/
.menu ul li ul{display:none;/* initially hide the entire list hierarchy */
padding:1px;/* this is our box border width */}
.menu ul li a,
.menu ul li a:visited{/* unselected top-level menu items */
display:block;}
.menu ul li:hover a,
.menu ul li a:hover{/* selected top-level menu items */
height:18px;}
/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/
.menu ul li:hover ul,
.menu ul li a:hover ul{/* 2nd level drop-down box */
display:block;position:absolute;margin:0;top:18px;/* place us just up underneath the top-level images */
left:2px;/* left-align our drop-down to the previous button border */
height:auto;/* the drop-down height will be determiend by line count */
width:80px;color:#231F20;/* this sets the unselected-text color */
background:#006699;/* this sets our menu's effective "border" color */
z-index:100;}
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a{/* 2nd level unselected items */
border:0;margin:0;padding:4px;height:auto;color:#231F20;/* this sets the unselected drop-down text color */
background:#006699;/* this sets the drop-down menu background color */
width:64px;text-align:left;z-index:100;}
.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover{/* 2nd level selected item */
color:black;background:#39B9E9;}