/* common styling */
.mainmenu{
font-family: Arial, Helvetica, sans-serif;
width:173px;
position:relative; 
font-size:11px; 
margin:10px 0 0 22px;
z-index:100; 
text-transform:uppercase;
}
.mainmenu ul {
padding:0; 
margin:0px; 
list-style-type: none; 
width:173px;
}


.mainmenu ul li {
float:left; text-align:right;
}

.mainmenu ul li a, .mainmenu ul li a:visited /*this styles all anchors*/
{
	
	float: left;
	text-decoration: none;
	color: #c89b60;
	width: 153px;
	font-weight:bold;
	line-height: 16px;
	font-size: 12px;
	background: transparent;
	padding: 3px 21px 3px 0px;
	border-bottom: 1px solid #733c1d;
	
}

* html .mainmenu ul li a, * html .mainmenu ul li a:visited {width:153px;}

.mainmenu table {
border-collapse:collapse; border:0; margin:0; padding:0; font-size:1em; position:absolute; left:0; top:0;
}

/* first line for IE7 and non-IE browsers - second line for IE5.5 and IE6 */
.mainmenu ul li:hover a, 
.mainmenu ul li a:hover { /*this is the main nav hover*/
background:#4c2007 url("../images/nav_rollover.jpg") repeat-y; color:#eebe62;
}

/* FLYOUTS */

.mainmenu ul li ul { /*flyout - sets width and visibility*/
visibility:hidden; position:absolute; height:0; width:173px; overflow:hidden; top:0; left:174px;
}

.mainmenu ul li ul li {/*this aligns flyouts to the left*/
margin-right: 20px; 
text-align:left;
}

.mainmenu ul li:hover {position:relative; z-index:90;}
* html .mainmenu ul li a:hover {position:relative; z-index:100;}

.mainmenu ul li:hover ul,
.mainmenu ul li a:hover ul { /*this positions the flyout and sets background color*/
visibility:visible;
position:absolute;
height:auto;
background:#6f370e;
overflow:visible;
overflow:hidden;
margin:0px 0 0 0px !important; margin: -1px 0px 0px -1px;

}

.mainmenu ul li:hover ul li a, 
.mainmenu ul li a:hover ul li a{ /*this is the flyout link color and style*/
display:block;
font-family: arial, sans-serif;
text-transform:uppercase;
width: 173px; 
color:#cb9c50; 
font-size: 11px;
line-height:10px; 
height:auto; 
text-decoration:none;
background:transparent;
	float: left;
	line-height: 16px;
	padding: 3px 21px 3px 6px !important;
	padding: 2px 21px 0px 10px;
	border-bottom: 1px solid #914f2a;
	
}

.mainmenu ul li:hover ul li:hover a,
.mainmenu ul li a:hover ul li a:hover { /*this is the flyout Hover link color and style*/
background:#4c2007 url("../images/nav_rollover.jpg") repeat-y; color:#eebe62; 
}



/*************************************************************
MAIN NAV PAGE HIGHLIGHTS - WHERE AM I? also displays appropriate side navigation 
************************************************************/

body#about li.navabout, 
body#join li.navjoin,
body#support li.navsupport,
body#whatsnew li.navwhatsnew,
body#justice li.navjustice,
body#alumni li.navalumni,
body#contact li.navcontact


{background: transparent url("../images/bullet_mainnav.gif") no-repeat 168px 5px;}