/* common styling */

/* the main menu box */
.menu {width:130px; height:185px;
position:relative; margin:0; margin:30px 0;}


/* the size,colors, font of the main links/list items,
the margins are what makes the flying out/hovering work correctly*/

.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none;
color:#000; width:130px; height:25px; text-align:center; border:1px outset;
background:#c9c9a7; line-height:25px; font-size:8pt;
font-weight:bold; color: rgb(102, 102, 102);
margin: 5px 0px 0px 5px;}


/* format the ul*/
.menu ul {padding:0; margin:0;list-style-type: none; }


/* this pushes the list to the top left of the box holding the list */
.menu ul li {float:left; position:relative;}


/*make the sub list not display until hovered over*/
.menu ul li ul {display: none;}


.menu ul li ul li a, .menu ul li ul li a:visited  { height: 18px; line-height: 18px; font-size: 7pt;
font-weight: 100; margin: 5px 0px 0px 5px;}


/* specific to non IE browsers */


/*when hovering over main list*/
.menu ul li:hover a {color:#fff; background:#b3ab79;}

/* position of the sub list*/
.menu ul li:hover ul {display:block; position:absolute; top:0; left:135px}


/*initial colors/size of sub list*/
.menu ul li:hover ul li a {display:block; width:130px; background:#c9c9a7; color: rgb(102, 102, 102); }



/*when hovering over sub list*/
.menu ul li:hover ul li a:hover {background:#b3ab79; color: #fff;}