/* Menu common styling */

/* Primary Menus */
.menu {
	font-family: arial, sans-serif;
	position:absolute;
   	top: 0px; 
    	left:10px;
	width:250px;		
	height:200px;
	font-size:14px;
 	margin:8px 0px;		/* Margins - distance down from top of DIV, distance to the right 0 */
			}

/* Primary Menu Items */
.menu ul li a, .menu ul li a:visited {
	display:block;
	text-decoration:none;
	color:#781414;
	width:140px;
	height:17px; 	
	text-align:center;
	border: solid #aaaa92; 	/* Color of the borders around each menu item */
	border-width:1px 1px 1px 1px;
	background:#c6c6b0;
	line-height:15px;
 	font-size:14px;
			}

.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */

/* Primary Menu Items when hovered over */
.menu ul li:hover a {color:#fff; background:#aaaa92;}

/* Secondary Menu Items Position when Primary hovered over */
.menu ul li:hover ul {display:block; position:absolute; top:0; left:140px; width:180px;}

/* No Idea...*/
.menu ul li:hover ul li a.hide {background:#DEFFED; color:#781414;}

/* No Idea...*/
.menu ul li:hover ul li:hover a.hide {width:180px;}

/* No Idea...*/
.menu ul li:hover ul li ul {display: none;}

/* Secondary Menu Items Color and Width when Primary Menu Item hovered over */
.menu ul li:hover ul li a {display:block; background:#919179; color:#FFF; width:180px;}

/* Secondary Menu Items background when hovered over */
.menu ul li:hover ul li a:hover {background:#aaaa92; color:#781414;}

/* Not sure, may be for 3rd level of menu */
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:201px; top:0; background:#bd8d5e; color:#781414;}
.menu ul li:hover ul li:hover ul li a {display:block; width:350px; background:#bd8d5e; color:#781414;}
.menu ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#781414;}