.menu {
position:relative;        /* establish a menu-relative positioning context */
float:left;                                     /* play nicely with others */
margin:0;
border:0;                                 /* the menu's overall height */
width:100%;         /* we always want our menu to fill the available space */     
vertical-align:middle;
}
.menu img {
vertical-align: top;      /* prevent images from being pushed down by text */
}
.menu ul {
font-weight:400;
padding:0;
margin:0;
border:0;
list-style-type:none;    /* we don't want to view the list as a list */
line-height:1.4em;       /* globally set the menu's item spacing. note */
}                        
.menu li {
float:right;    /* this creates the side-by-side array of top-level buttons */
position:relative;    /* create local positioning contexts for each button */
margin-right:1px;
margin-left:1px;
height:19px;
}

.drop {
display:block;
padding:0px 0.33em;	       /* this sets the l/r margins for our menu item */
margin:0;
text-align:right;   /* this right alignment goes with the float:left below */
cursor:pointer;      /* IE tries to switch back to an I-beam, don't let it */
cursor:hand;
	           /* IE5 only knows about "hand", so set it both ways */
}
.drop span {        /* this simultaneously left and right aligns the text and */
float:left;       /* the >> in the drop-down menus which link to sub-menus */
}
/*======================== TOP LEVEL MENU DEFINITIONS ========================*/
.menu ul li ul {
display:none;                  /* initially hide the entire list hierarchy */
width:100%;
}

.menu ul li a,
.menu ul li a:visited {                    /* unselected top-level menu items */
display:block;
float:left;
text-decoration:none;
height:18px;
color:#000099;
padding-right:1px;	
padding-left:1px;	
background-repeat:repeat-x;
text-transform:capitalize;
}
.menu ul li:hover a,
.menu ul li a:hover {                        /* selected top-level menu items */
border-top:0px solid #171717;    /*these 2 lines create the push-in illusion */
height:18px;
text-decoration:none;
background-color:#aaaaaa;
color:#eeeeee;
background-image:url(topnav_over_bg.jpg);
background-repeat:repeat-x;
}
