/*http://www.jappler.com/blog/archive/2007/11/12/sliding-doors-sons-of-suckerfish-jappler-menus*/

#nav {
background:url(../images/navBkgd.jpg) repeat-x;
width:918px;
height:40px;
margin:0 auto;
position:relative;
z-index:99;
left:1px;
}	

#nav ul {
float: left;
width: 100%;
list-style: none;
padding: 0;
line-height:26px;/*brings text down from top edge of buttons*/
}

/*dance and recreation tab-adjust width as needed*/
#nav .longwords a {
line-height:13px;/*brings text down from top edge of buttons*/
width:76px;
}

#nav ul li {
float: left;
text-align:center;
padding: 0;
background:none;
min-width:60px;
}

#nav a {
display: block;
color:#FF9900;
text-decoration: none;
background:none;
outline:none;
}

#nav ul li.tab {
margin:0 2px;/*spacing between tabs*/
padding:0 0 0 6px;
background:url(../images/navLeftdoor.jpg) no-repeat left top;
}

#nav ul li.tab a {
padding:5px 11px 9px 6px;
text-decoration:none;
font-weight:bold;
color:#333;
background:url(../images/navRightdoor.jpg) no-repeat right top;
}

#nav ul li.last {
margin:0 0px 0 2px;/*spacing between tabs*/
}

#nav ul li.first {
margin:0 2px 0 0;/*spacing between tabs*/
}

/***BEGIN dropdown menu****/

#nav ul li.tab ul.nontab li a {
background-image:none;
font-weight:normal;
}


/*dance and recreation tab-adjust width as needed*/
#nav ul .longwords  li a{
line-height:13px;/*brings text down from top edge of buttons*/
width:auto;
}


#nav ul li ul li:hover, #nav ul li ul li.sfhover, #nav li.over  {
color:#009933;
}

#nav ul li.tab ul.nontab li a {
text-decoration:none;
color:#000000;
}

#nav ul li.tab ul.nontab li a:hover {
text-decoration:underline;
color:#000000;
}

#nav li.tab:hover, #nav li.tab:hover a  , #nav li.over , #nav li.over a{
background-position:0% -40px;
color:#e2ebad;
}

#nav li.tab:hover a , #nav li.over a{
background-position:100% -40px;
}


/* style for current, selected "branches" of nav */
#nav li.tab.selected , #nav li.over{
background-position:0% -40px;
color:#e2ebad;
}
#nav li.tab.selected a , #nav li.over a{
background-position:100% -40px;
color:#e2ebad;
}


/*********************************/
/*       BEGIN DROPDOWN MENU
/*********************************/
	
#nav li ul {/*hides second level menu and positions it*/
display: none;
list-style:none;
position: absolute; 
background-image:none;
font-weight:100;
top:40px;
left:0px;
width:123px;
padding:5px 7px 4px 0;
z-index:94;
font-size:.85em;
border-left:1px solid #CADB6C;
border-right:1px solid #CADB6C;
border-bottom:1px solid #CADB6C;
}

#nav li li {
background-image:none;
margin:0;
width:123px;
display:block;
}

#nav li li a {
background-image:none;
text-transform:none;
text-decoration:none;
font-size:1.1em;
text-align:left;
padding:0;
position:relative;
left:7px;
min-width:0;
z-index:90;
line-height:1.1em;
}

#navigation li li:hover { /*black hover color*/
text-decoration:underline;
}

#container  #nav li:hover ul, #container  #nav li.over ul{ 
display: block; /*shows second level menu on hover*/
/*background:url(../images/subnav_bot.gif) no-repeat bottom left;*/
background-color:#e2ebad;
text-align:left;
margin:0 0 0 -5px;
}


/* Commented Backslash Hack- hides rule from IE5-Mac \*/
#nav a {float:none;}
/* End IE5-Mac hack */

#nav ul li.tab ul.nontab  {margin-left:-9px; }

#nav > ul {
	top: auto;
	left: auto;
	}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li.over ul{left: auto;
}