
#nav{
	font:10px/10px Arial, Helvetica, sans-serif;
	position:absolute;
	z-index:1000;
	top:0px;
	left:0px;
	
}

#nav, #nav ul, #nav li{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;

}

#nav a{
display:block;
}

#nav li ul a{

color:#fff;
text-decoration:none;
background-color:#000;
border-bottom:1px solid #666;

filter:alpha(opacity=85);
-moz-opacity:0.85;
-khtml-opacity: 0.85;
opacity: 0.85;
}

#nav li ul a:hover{
background-color:#000;
color:#fdb301;
color:#00bbff;
font-size:12px;
font-weight:bold;

filter:alpha(opacity=100);
-moz-opacity:1.0;
-khtml-opacity:1.0;
opacity: 1.0;

}

#nav li{
float:left;
position:relative;
/* default width */
width:97px;
}

*html #nav li{
/* default width */
width:97px;	
}



#nav ul {
position:absolute;
display:none;
width:150px;
left:0px;
top:44px;
z-index:1000;


}

#nav li ul a{
width:130px;
height:auto;
float:left;
line-height:14px;
padding:8px 10px;
padding-left:10px;
padding-right:10px;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:8em;
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}


/* Main Buttons */

/*
#nav a{
	width:97px;	
}
*/

#nav a.button{
	text-indent:-9999999px;
	height:44px;
}

#nav #services{width:100px;}	
#nav a.services{
	background: url(../gfx/nav/services.gif) no-repeat 0px 0px;	
}
#nav #schedules{width:100px;}
#nav a.schedules{
	background: url(../gfx/nav/schedules.gif) no-repeat 0px 0px;
}
#nav #directions{width:97px;}
#nav a.directions{
	background: url(../gfx/nav/directions.gif) no-repeat 0px 0px;
}
#nav #about{width:100px;}
#nav a.about{
	background: url(../gfx/nav/about.gif) no-repeat 0px 0px;
}
#nav #events{width:92px;}
#nav a.events{
	background: url(../gfx/nav/events.gif) no-repeat 0px 0px;
}
#nav #info{width:110px;}
#nav a.info{
	background: url(../gfx/nav/info.gif) no-repeat 0px 0px;
}
#nav #links{width:90px;}
#nav a.links{
	background: url(../gfx/nav/links.gif) no-repeat 0px 0px;
}
#nav #contact{width:86px;}
#nav a.contact{
	background: url(../gfx/nav/contact.gif) no-repeat 0px 0px;
}


#nav a.services:hover, #nav a.schedules:hover, #nav a.directions:hover, #nav a.about:hover, #nav a.events:hover, #nav a.info:hover, #nav a.links:hover, #nav a.contact:hover{
	background-position:0px -46px;
}

/* End Main Buttons




