/* CSS Document */

body { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; color:#000; background-color:#d88a1b; }

.images{border:0 none}

#background { }
.guitarBG { background-image:url(/images/guitarBG.jpg); background-repeat:no-repeat; background-position:center; background-position:top; }
.guitarBGlong { background-image:url(/images/guitarBGlong.jpg); background-repeat:no-repeat; background-position:center; background-position:top; }
.schoolBG { background-image:url(/images/schoolBG.jpg); background-repeat:no-repeat; background-position:center; background-position:top; }

#maincontainer { position:relative; width:955px; margin-left:auto; margin-right:auto;}
#bodyContainer { padding-top:13px; }

.membershipButton{cursor:pointer; width:auto;overflow:visible;font-size:10px;background-color:#f45600;color:#FFF;font-weight:bold;border:1px solid #CCC;padding:3px}

#searchBoxDiv{position:absolute;width:340px;top:130px;left:595px;text-align:right}
.searchButton{cursor:pointer; width:auto;overflow:visible;font-size:10px;background-color:#f45600;color:#FFF;font-weight:bold;border:1px solid #CCC;padding:1px}
.searchtext{font-size:10px; }
.searchbox{font-size:10px;height:11px;width:150px;}

h1 { color:#f75801; font-size:17px; line-height:19px; margin-top:0px; padding-top:0px; }
h2 { color:#f75801; font-size:14px; line-height:19px; margin-top:20px; margin-bottom:0px; padding-top:0px; }
h3 { color:#f75801; font-size:12px; line-height:19px; margin-top:20px; margin-bottom:0px; padding-top:0px; }
a:link { text-decoration:underline; color:#d88a1b; }
a:visited { text-decoration:underline; color:#d88a1b; }
a:active { text-decoration:underline; color:#d88a1b; }
a:hover { text-decoration:none; }

#topnav { position:absolute;top:40px;left:855px;text-align:right;width:80px;}
#topnav a { color:#FFF !important; text-decoration:none; }
#topnav a:hover { color:#FFF !important; text-decoration:underline !important; }

#logo { float:left; margin-top:50px;height:110px;width:370px; }


#mainnav { float:right; padding:147px 59px 0px 0px; color:#f75801;  }
#mainnav a { color:#000000; text-decoration:none; }
#mainnav a:hover { color:#FFF; text-decoration:none; }
#mainnav a.navOn:link { color:#FFF; text-decoration:none; }
#mainnav a.navOn:visited { color:#FFF; text-decoration:none; }
#mainnav a.navOn:acitve { color:#FFF; text-decoration:none; }
#mainnav a.navOn:hover { color:#FFF; text-decoration:none; }

#MainTopNav{position:absolute;width:445px;top:155px;left:502px;}

#leftnav { padding:60px 30px 0px 120px; line-height:30px; font-weight:bold; float:left; width:150px; text-align:right;  }
#leftnav a { color:#000000; text-decoration:none; }
#leftnav a:hover { color:#f75801; text-decoration:none; }
#leftnav a.leftnavOn:link { color:#f75801; text-decoration:none; }
#leftnav a.leftnavOn:visited { color:#f75801; text-decoration:none; }
#leftnav a.leftnavOn:acitve { color:#f75801; text-decoration:none; }
#leftnav a.leftnavOn:hover { color:#f75801; text-decoration:none; }

.brands {float:left; width:150px;}

/* horizontal */
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
	text-align:center;
}

#nav li {
	float: left;
}

#nav li a {
	padding:0px 8px 0px 8px;
	border-right:solid 1px #f75801;
}

#nav li ul {
	position: absolute;
	width: 9.4em;
	left: -999em;
	background-color:#eaaf31;
	border:solid 2px #f75801;
	line-height:20px;
	font-size:11px;
	z-index:1000;
}

#nav li:hover ul {
	left: auto;
	/*ie 7 bug fix for sticky navs
        http://css-class.com/articles/explorer/sticky/
        http://archivist.incutio.com/viewlist/css-discuss/86522
    */
	background-position: 0 0;
}

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


#nav li ul li a {
	width: 9.4em;
	padding:0px;
	left: auto;
	border:none;
	border-bottom:solid 1px #f75801;
}

#nav li ul li a:hover {
	left: auto;
	background-color:#f75801;
	text-decoration:none;
	border:none;
	border-bottom:solid 1px #f75801;
}
/* horizontal */

/* vertical */
#vnav, #vnav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		z-index:1000
	}
	
	#vnav li { /* all list items */
		position : relative;
		float : left;
		line-height : 30px;
		margin-bottom : -1px;
	}
	
	#vnav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 11.85em;
		margin-top : -1.85em;
		text-align:left;
		background-color:#eaaf31;
		border:solid 2px #f75801;
		line-height:20px;
		font-size:11px;
	}
	
	#vnav li ul li ul { /* third-level lists */
		position : absolute;
		left: -999em;
		margin-left : 10.85em;
		margin-top : -1.85em;
		text-align:left;
		background-color:#eaaf31;
		border:solid 2px #f75801;
		line-height:20px;
		font-size:11px;
	}
	
	#vnav li ul li ul li ul { /* fourth-level lists */
		position : absolute;
		left: -999em;
		margin-left : 10.85em;
		margin-top : -1.85em;
		text-align:left;
		background-color:#eaaf31;
		border:solid 2px #f75801;
		line-height:20px;
		font-size:11px;
	}
	
	
	#vnav li ul li ul li ul li ul { /* fifth-level lists */
		position : absolute;
		left: -999em;
		margin-left : 10.85em;
		margin-top : -1.85em;
		text-align:left;
		background-color:#eaaf31;
		border:solid 2px #f75801;
		line-height:20px;
		font-size:11px;
	}
	
	
	#vnav li ul li a {
		border-bottom:solid 1px #f75801;
		line-height:20px;
		font-weight:normal;
	}
	
	#vnav li ul li a:hover {
		left: auto;
		background-color:#f75801;
		text-decoration:none;
		border:none;
		border-bottom:solid 1px #f75801;
		color:#FFF;
		font-weight:normal;
	}
	
	#vnav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	
	#vnav li a {
		width : 10em;
		display : block;
		color : black;
		font-weight : bold;
		text-decoration : none;
		padding : 0 0.5em;
	}
	
	#vnav li a:hover {
		color : #f75801;
	}
	
	#vnav li:hover ul ul, #vnav li:hover ul ul ul, #vnav li:hover ul ul ul ul,
	#vnav li.sfhover ul ul, #vnav li.sfhover ul ul ul, #vnav li.sfhover ul ul ul ul{
		left: -999em;
		line-height : 18px;
	}
	
	#vnav li:hover ul, #vnav li li:hover ul, #vnav li li li:hover ul, #vnav li li li li:hover ul,
	#vnav li.sfhover ul, #vnav li li.sfhover ul, #vnav li li li.sfhover ul, #vnav li li li li.sfhover ul
	{ /* lists nested under hovered list items */
		left: auto;
		background-position: 0 0;
	}
	
	#content {
		margin-left : 12em;
	}
/* vertical */

#textbody { float:left; width:345px; padding-top:68px; }

#rightimage { float:right; width:267px; height:387px; padding:0px 8px 0px 0px; }

#footer { text-align:right; padding:45px 20px 20px 0px; font-size:9px; }