.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:25px;
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 14px 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 ul li ul.photography 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 */

/*********************** Footer Link Menu ****************************/

#nav, #nav ul {padding: 0; margin: 0; list-style: none;}
#nav a {display: block; width: 130px;}
#nav li {float: left; /*	width: 100px;*/}
#nav li ul {
	position: absolute;
	width: 130px;
	left: -999em;
	z-index:100;
}
#footer #nav li ul li {font-size:10px; list-style:none; list-style-image:none; padding:3px 5px; background-image:none; background-color:#FFCC00; font-weight:bold;}
#footer #nav li ul li a:link, #footer #nav li ul li a:visited, #footer #nav li ul li a:active {color:#000;}
#footer #nav li ul li a:hover {color:#444;}
#nav li:hover ul {left: auto;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}


/*********************** Footer Link Menu (Root Version) ****************************/

#root-footer #nav, #root-footer #nav ul {padding: 0; margin: 0; list-style: none;}
#root-footer #nav a {/*display: block; width: 130px;*/ }
#root-footer #nav li {}
#root-footer #nav li ul {
	position: absolute;
	width: 130px;
	left: -999em;
	z-index:100;
	margin:0;
}

#root-footer #nav li ul li {font-size:10px; list-style:none; list-style-image:none; padding:3px 5px; margin:0; background-image:none; background-color:#FFCC00; font-weight:bold; font-variant:normal;}
#root-footer #nav li ul li a:link, #root-footer #nav li ul li a:visited, #root-footer #nav li ul li a:active {color:#000; text-decoration:none;}
#root-footer #nav li ul li a:hover {color:#444; text-decoration:none;}

#root-footer #nav li:hover ul {left: auto;}
#root-footer #nav li:hover ul, #nav li.sfhover ul {left: auto;}