/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; z-index: 2; }
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1;  z-index: 2;}
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; color: #222;}
ul.dropdown li:last-child a         { border-right: none; }
ul.dropdown li.hover,
ul.dropdown li:hover                { color: black; position: relative; }
ul.dropdown li.hover a              { color: black;}

ul.submenu {  z-index: 2; }

/* 	this is to align the about menu with the left side
	otherwise it would be too far left
*/
#nudger { left: 8px; }

/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 180px; visibility: hidden; position: absolute; top: 100%; margin-top: -9px;  left: 0%; margin-left: -40px;}
ul.dropdown ul li 					{ font-weight: normal; color: #000; float: none; }
ul.dropdown ul li a					{ border-right: none; width: 100%; border-top: 1px solid #ffffff; padding: 5px; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }

/*
	DROP DOWN
*/
#nav2, #nav2 li {
          margin:0;
          padding:0;
          list-style:none;
}
#nav2 li a span { visibility:hidden; }

#nav2 li a {
display:block;
height: 20px;
background-color :#666666;
color: #ffffff;
text-decoration:none;
}

#nav2 li a:hover {
	background-color: #999999;
	color: #000000;
	}

#nav2 li a.about { 
width: 111px;
height: 66px;
background: 0;
background-image:url(btn-aboutus.png); 
}

#nav2 li a:hover.about {
background-image:url(btn-aboutus-over.png);
}

#nav2 li a.programs { 
width: 105px;
height: 66px;
background: 0;
background-image:url(btn-programs.png); 
}

#nav2 li a:hover.programs {
background-image:url(btn-programs-over.png);
}

#nav2 li a.sports { 
width: 163px;
height: 66px;
background: 0;
background-image:url(btn-sports.png); 
}

#nav2 li a:hover.sports {
background-image:url(btn-sports-over.png);
}

#nav2 li a.news { 
width: 127px;
height: 66px;
background: 0;
background-image:url(btn-news.png); 
}

#nav2 li a:hover.news {
background-image:url(btn-news-over.png);
}

#nav2 li a.contact { 
width: 92px;
height: 66px;
background: 0;
background-image:url(btn-contact.png); 
}

#nav2 li a:hover.contact {
background-image:url(btn-contact-over.png);
}