
.menu 
{
    width:900px; 
    height:40px; 
    margin: 0 auto;
	padding: 0;
    z-index:100;
    background: url('../images/menu.jpg') repeat-x left top
    }
.menu ul li a, .menu ul li a:visited 
{
    height: 29px;
	margin-right: 3px;
	padding: 10px 20px 0px 20px;
	background: url('../images/menusep.jpg') no-repeat right 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
    display:block; 
    text-decoration:none; 
    text-align:center; 
    overflow:hidden;
    }    
.menu ul 
{
    padding:0; 
    margin:0; 
    list-style: none;
    z-index:100;
}
.menu ul li 
{
    float:left;
    position:relative;
    z-index:100;
}

/* specific to non IE browsers */ 
.menu ul li:hover a.top /* hover top level menu */
{
    color:#fff; 
    background:#b0422b;
}

ul.home, ul.facility, ul.club, ul.personal, ul.classes, ul.healthy
{   
    list-style-type:none;
    display:none;  
}

/* Home Submenu */
.menu ul li:hover ul.home
{
    display:block; 
    position:absolute; 
    float:left;
    top:40px; 
    left:0; 
    z-index:10; 
    filter:alpha(opacity=90);
    -moz-opacity:0.90;
	-khtml-opacity: 0.90;
	opacity: 0.90;     
}

.menu ul li:hover ul.home li
{
    position: relative;
    width: 185px;
    display: block;
    background-color: #b0422b;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #FFFFFF;
}
.menu ul li:hover ul.home li a
{
    color:#fff;
    text-align:left;
}

.menu ul li:hover ul.home li a:hover
{
    color:#fff;
    background-color: #722a1b;
}

/* Facility Sub Menu */
.menu ul li:hover ul.facility
{
    display:block; 
    position:absolute; 
    float:left;
    top:40px; 
    left:0; 
    z-index:10; 
    filter:alpha(opacity=90);
    -moz-opacity:0.90;
	-khtml-opacity: 0.90;
	opacity: 0.90;    
}
.menu ul li:hover ul.facility li
{
    position: relative;
    width: 175px;
    display: block;
    background-color: #b0422b;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #FFFFFF;
}

.menu ul li:hover ul.facility li a
{
    color:#fff;
    text-align:left;
}

.menu ul li:hover ul.facility li a:hover
{
    color:#fff;
    background-color: #722a1b;
}

/* Club Sub Menu */
.menu ul li:hover ul.club
{
    display:block; 
    position:absolute; 
    float:left;
    top:40px; 
    left:0; 
    z-index:10; 
    filter:alpha(opacity=90);
    -moz-opacity:0.90;
	-khtml-opacity: 0.90;
	opacity: 0.90;      
}
.menu ul li:hover ul.club li
{
    position: relative;
    width: 190px;
    display: block;
    background-color: #b0422b;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #FFFFFF;
}

.menu ul li:hover ul.club li a
{
    color:#fff;
    text-align:left;
}

.menu ul li:hover ul.club li a:hover
{
    color:#fff;
    background-color: #722a1b;
}

/* Personal Sub Menu */
.menu ul li:hover ul.personal
{
    display:block; 
    position:absolute; 
    float:left;
    top:40px; 
    left:0; 
    z-index:10;
    filter:alpha(opacity=90);
    -moz-opacity:0.90;
	-khtml-opacity: 0.90;
	opacity: 0.90;       
}
.menu ul li:hover ul.personal li
{
    position: relative;
    width: 170px;
    display: block;
    background-color: #b0422b;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #FFFFFF;
}

.menu ul li:hover ul.personal li a
{
    color:#fff;
    text-align:left;
}

.menu ul li:hover ul.personal li a:hover
{
    color:#fff;
    background-color: #722a1b;
}

/* Classes Sub Menu */
.menu ul li:hover ul.classes
{
    display:block; 
    position:absolute; 
    float:left;
    top:40px; 
    left:0; 
    z-index:100;
    filter:alpha(opacity=90);
    -moz-opacity:0.90;
	-khtml-opacity: 0.90;
	opacity: 0.90;       
}
.menu ul li:hover ul.classes li
{
    position: relative;
    width: 245px;
    display: block;
    background-color: #b0422b;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #FFFFFF;
}

.menu ul li:hover ul.classes li a
{
    color:#fff;
    text-align:left;
}

.menu ul li:hover ul.classes li a:hover
{
    color:#fff;
    background-color: #722a1b;
}
/* Healthy Sub Menu */
.menu ul li:hover ul.healthy
{
    display:block; 
    position:absolute; 
    float:left;
    top:40px; 
    left:0; 
    z-index:10;
   filter:alpha(opacity=90);
    -moz-opacity:0.90;
	-khtml-opacity: 0.90;
	opacity: 0.90;

           
}
.menu ul li:hover ul.healthy li
{
    position: relative;
    width: 175px;
    display: block;
    background-color: #b0422b;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #FFFFFF;
}

.menu ul li:hover ul.healthy li a
{
    color:#fff;
    text-align:left;
}

.menu ul li:hover ul.healthy li a:hover
{
    color:#fff;
    background-color: #722a1b;
}



