.menu {font-family:arial, sans-serif; width:730px; position:relative; font-size:12px; top:0px; left:0px; z-index:100;}

.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width:91px; height:16px; text-align:center;
color:#fff; background:#7300c6; line-height:16px; font-size:11px; font-weight: bold; }

.menu ul {padding:0; margin:0; list-style:none;} /*removes bullets from ul list*/

.menu ul li {float:left; position:relative;} /*converts menu form vertical to horizontal*/

.menu ul li ul {display: none;} /*hides drop-down menu items*/

/* formatting below this line is specific to non-IE browsers */

.menu ul li:hover a{color:#18c6d6; background:#7300c6;} /*format of top level menu text when hovered over*/

.menu ul li:hover ul{display: block; position:absolute; top:16px; left:0; width:182px;}
 /*makes drop-down visible when hover over menu" */

.menu ul li:hover ul li a{display:block; background:#7300c6; color:#fff; width:182px; text-align:left;
text-indent:16px; font-weight:normal; border-bottom:1px solid #f59c71;} /*format drop-down menu*/

.menu ul li:hover ul li a:hover{background:#f59c71; color:#000; width:182px;} /*format on hover for drop-down*/

.menu ul li:hover ul li a:hover{background:#f59c71; color:#000; width:182px;} /*format on hover for drop-down*/