.nav-bar {
background-color:#181818;
clear:both;
height:37px;
width:100%;
}

.nav-bar ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.nav-bar ul li{
position: relative;
display: inline;
float: left;
margin-left:30px;
z-index:99;
}

/*Top level menu link items style*/
.nav-bar ul li a{
/*display: block; REMOVED FOR IE6*/
padding: 9px 3px 2px 3px; /*Original:padding: 6px 8px 2px 8px;*/
/*padding: 2px 8px;*/
text-decoration:none;
color: #FFFFFF;
font: bold 15px arial; /*Original font size=13px*/
float:left; /*ADDED FOR IE6*/
}
.nav-bar ul li a:visited {color:#FFFFFF;}

/*#guitar .nav-bar li a {
background-color:#00CC99;
}*/
	
/*Sub level menu*/
.nav-bar ul li ul{
left: 0;
top: 150px;
border-top: 1px solid #202020;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
border: 1px solid #202020;
border-bottom:none;
}

/*Sub level menu list items*/
.nav-bar ul li ul li{
display: inline;
float: none;
padding:0;
margin:0;
}

/* Sub level menu links style */
.nav-bar ul li ul li a{
width: 225px; /*width of sub menu levels*/
font-weight: normal;
padding: 4px 5px 2px 5px;
background: #181818;
border-bottom: 1px solid #202020;
height:20px;

filter:alpha(opacity=95); /*Opacity compatibility for different browsers*/
-moz-opacity:0.95;
-khtml-opacity: 0.95;
opacity: 0.95;
}


.nav-bar ul li a:hover{
color:#FFCC00;
}
.nav-bar ul li ul li a:hover{
color:#FFFFFF;
}


/*Color for the different menus*/
.nav-bar ul li ul.guitar li a:hover{
background: #0099CC; /*OR #006699 */
}
.nav-bar ul li ul.piano li a:hover{
background: #900000;
}
.nav-bar ul li ul.drums li a:hover{ 
background:#CC6600;
}
.nav-bar ul li ul.bass-guitar li a:hover{
background: #008800;
}
.nav-bar ul li ul.dance li a:hover{
background: #990066;
}
.nav-bar ul li ul.singing li a:hover{
background: #FFCC00;
color:#000000; /*Contrast Needed*/
}
.nav-bar ul li ul.paint li a:hover{
background: #FFFFFF;
color:#181818; /*Contrast Needed*/
}


.nav-bar .arrowdiv{
/*position: absolute;
right: 0;*/
background: transparent url(../images/menu-arrow.png) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .nav-bar ul li { float: left; height: 1%; }
* html .nav-bar ul li a { height: 1%; }
/* End */