#nav {
display:block;
background:url(http://www.friscomiracleleague.org/images/green-tile.gif) repeat;

list-style:none;
list-style-image:none;
width:206px;
margin:0 0 30px;
padding:8px 0 4px;
font-weight:bold;

  -moz-border-radius-topleft:10px;
  -moz-border-radius-bottomleft:10px;
  -webkit-border-top-left-radius:10px;
  -webkit-border-bottom-left-radius:10px;
  
  -moz-box-shadow: 2px 2px 4px #333;
-webkit-box-shadow: 2px 2px 4px #333;

}

ul#nav, ul#nav ul { /* all lists */


}

#nav a span {
color:#fff;
font-size: 11px;
margin: 0 2px 0 0;
width:20px;
display:inline-block;
}

#nav li {
display:block;
margin:0;
padding:0;
position:relative;
}

#nav li.expand {
	background: url(http://www.friscomiracleleague.org/images/nav-expand.gif) no-repeat 186px center;
}

#nav a {
position:relative;
display:block;
padding: 0 20px;
background:url(http://www.friscomiracleleague.org/images/nav-separator.gif) bottom no-repeat;
line-height:20px;
text-transform:uppercase;
font-family:Georgia, Times New Roman, serif;
letter-spacing:1px;
font-size: 13px;
color:#586e76;
}

#nav a.last {
background-image:none;
}

ul#nav li ul { 
	width:206px;
display:block;
padding: 6px 0;
margin:0;
position: absolute;
top:0;
left: -9999px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
background: url(http://www.friscomiracleleague.org/images/subnav-bg.png) repeat;

  
    -moz-border-radius-topright:6px;
	    -moz-border-radius-bottomright:6px;
		  -webkit-border-top-right-radius:6px;
		    -webkit-border-bottom-right-radius:6px;

  
    -moz-box-shadow: 2px 2px 4px #333;
-webkit-box-shadow: 2px 2px 4px #333;
list-style:none;
list-style-image:none;
z-index:99;
}



ul#nav li:hover ul, ul#nav li.sfhover ul { /* lists nested under hovered list items */
	left: 206px;
}





/* Root Menu Hover Persistence */
ul#nav a:hover,
ul#nav li:hover a,
ul#nav li.sfhover a {
background: #a4c3ac;
background-image:none;
}

ul#nav li.expand a:hover {
	background: url(http://www.friscomiracleleague.org/images/nav-expand.gif) no-repeat 186px center #a4c3ac;

}

/* 2nd Menu */
ul#nav li:hover li a,
ul#nav li.sfhover li a {
  padding: 0 20px;
  float: none;
  font-weight: bold;
  font-size: 12px;
  background-color:transparent;
border-bottom: dotted 1px #999;
  width:166px;
  line-height:24px;
  text-transform:capitalize;
}

/* 2nd Menu Hover Persistence */
ul#nav li:hover li a:hover,
ul#nav li:hover li:hover a,
ul#nav li.sfhover li a:hover,
ul#nav li.sfhover li.sfhover a {
background:#f2f2f2;
color:#586e76;
}