/*Modified version of GRC's Script-Free Pure-CSS Web Menuing System
Availible at grc.com/menudemo.htm
Important modifications commented as MOD:Unneeded elements removed (Including 3rd level)*/
/*==============================================================================
GRC multi-level script-free pure-CSS menuing system stylesheet.
This code is hereby placed into the public domain by its author
Steve Gibson. It may be freely used for any purpose whatsoever.
Computed Geometries:with a default 12px font,1.0em == 12px and
1px == 0.08333em.
Thus,our 98px wide Freeware & Research buttons are 8.166666em wide.
PUBLIC DOMAIN CONTRIBUTION NOTICE 
This work has been explicitly placed into the Public Domain for the
benefit of anyone who may find it useful for any purpose whatsoever.
==============================================================================*/
/*========================= TOP OF THE MENU CASCADE =========================*/
.menu ul{padding-bottom:50px;/* MOD:IE[8?] wouldn't go vertical without this */
margin:0;list-style-type:none;/* we don't want to view the list as a list */
line-height:1.5em;/* globally set the menu's item spacing. note */}
/* this must be 1.0 or 1.5 or 2.0 for Mozilla */
.menu li{float:left;/* this creates the side-by-side array of top-level buttons */
position:relative;/* create local positioning contexts for each button */
margin:0;}
.menu ul li a{padding:15px 0px;/* MOD:Prevent stacking of bases without including drops */
display:block;/* MOD:Make the blank space on right of links part of element */
/* ... so the hover menus don't disappear while mousing to them */}
.menu ul li table{border-collapse:collapse;/* IE5 needs this for the sub-menus to work */
font-size:12px;/* this sets the base font size for our entire menu */}
/*======================== TOP LEVEL MENU DEFINITIONS ========================*/
.menu ul li ul{display:none;/* initially hide the entire list hierarchy */
padding:1px;/* this is our box border width */
text-align:left;/* MOD:Preventing higher level from being inherited */}
.menu ul li a,
.menu ul li a:visited{/* unselected top-level menu items */
display:block;float:left;text-decoration:none;height:18px;}
.menu ul li:hover a,
.menu ul li a:hover{/* selected top-level menu items */
border-top:1px solid #000;/* these 2 lines create the push-in illusion */
height:16px;display:block;/* MOD:Make the blank space on right of links part of element */
width:200px;/* ... so the hover menus don't disappear while mousing to them */}
/*======================== 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 0 0 201px;/* MOD:Move menus out to right of sidebar links */
top:18px;/* place us just up underneath the top-level images */
left:-1px;/* left-align our drop-down to the previous button border */
height:auto;/* the drop-down height will be determiend by line count */
width:7em;/* MOD:Needed smaller width (was 13.5em) */
color:black;/* this sets the unselected-text color */
background:black;/* this sets our menu's effective "border" color */
z-index:1;/* MOD:Need menu to display over other elements */}
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a{/* 2nd level unselected items */
border:0;margin:0;padding:0;height:auto;color:#000;/* this sets the unselected drop-down text color */
background:#d8d8d8;/* this sets the drop-down menu background color */
width:13.5em;font-size:20px;/* MOD:Smaller text on drop menu */}
.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover{/* 2nd level selected item */
color:black;background:white;}