/* Layout Stylesheet */ 

/*	dark grey: #808080
	mid grey: #c0c0c0
	light grey: #dcdcdc */
	
body {
 margin:0 auto; /*20px;*/
 background:#460405 url(../images/ws_background_words.jpg) no-repeat top center; /*#808080;*/
 color: #333333;
 text-align:center;
 padding:0;
 font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
 font-size: 86%;
 }

#outer {
 text-align:left;
 /* border:1px solid #000000; */
 width:805px;
 margin:auto;
 border: 1px solid #000;
 border-top:none;
 }

#header {
 height:159px;
 background:#000000;
 color: #333333;
 text-align:left;
 }
 
#header img { border: 0; }
 
#bar {
 height:25px;
 background:#808080;
 color: #333333;
 border:solid #000000;	
 border-width:1px 0 1px 0;
 padding-top:0.3em;
 padding-left:0.3em;
 }

#bodyblock {
 background: #c0c0c0;
 color: #333333;
 width:805px;
 padding:0;
 }

#left-column {
 float:left;
 background:#c0c0c0;
 color: #333333;
 /* border: 1px solid black; */
 width:155px;
 }

#menu,#menu ul {padding:0;margin:0;}
#menu li ul a {margin-left:0.1em;
			  list-style:none;
			   }
			   
#menu li a {
	font-family: verdana, arial, helvetica,sans-serif;
	font-size: 0.8em;
	list-style: none;
	margin: 0;
	color: #000000;
	padding: 0.2em 0.8em 0.3em 0.2em;
	background: none #808080;
	text-decoration: none;
	/* width: 100%; */
	}

#menu li {
	display: inline;
	list-style-type:none;
	font-weight:600;
	padding-left: 0.2em;
	border-right: 2px solid black;
	/* border:1px solid black; */
}

#menu li a:hover { color:#b00; background-color:#ccc; }

#content {
 width:630px;
 background-color: #dcdcdc;
 color: #333333;
 border-left:solid #808080 15px;	
 text-align:left;
 }
 
 #content ul li { display: list-item;  } /*list-style: none;*/
 
 #content ul li ul li {display: list-item; list-style: circle; }
 
 #content ol { padding-right: 15px; }
 
 .box {
 	width: 140px;
	border: 1px solid #dd0000; /*red;*/
	text-align:left;
	font-size:1em;
	}
	
.pic { border: 2px solid black; }
	
.leftpic { float:left; margin: 0; padding: 15px; }

.leftpic img { border: 2px solid black; }

.rightpic { float:right; margin: 0; padding: 15px; }

.rightpic img { border: 2px solid black; }

.paypal { float:left; margin: 0; padding: 15px; }

.paypal img { border: 0; }

.noborder { float:right; margin: 0; padding: 15px; }

.noborder img { border: 0; }

.leftfoot {float: left; padding-left: 250px; }

.rightfoot {float: right; }
	
#footer {
 height:25px;
 background:#c0c0c0;
 color: #333333;
 border:solid black;
 border-width:1px 0 0 0;
 margin:0;
 padding-top:1px;
 padding-right:45px;
 font-size:0.9em;
 }
 
#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	background: none #808080;
	color: #000000;	
	}
		
#nav li {
	list-style: none;
	border-top: 1px solid #666; 
	margin: 0;
	padding: 0;
	line-height:1.3em;	
	}
	
#nav li a {
	font-family: verdana, arial, helvetica,sans-serif;
	font-size: 0.9em;
	list-style: none;
	display: list-item;
	margin: 0;
	color: #000;
	padding: 0.2em 0.3em 0.2em 0.9em; /*2px 3px 2px 10px;*/
	background: none #808080; 
	text-decoration: none;
	width: 100%;
	}

html>body #nav li {
	width: auto;
	}
html>body #nav li a {
	width: auto;
	}
	
#nav li a:hover { color: red; text-decoration: none; background-color: #c0c0c0; }

.active {
	color:#fff;
}

hr {
	color: #aaa;
	border: 0;
	background: #aaa;
	height: 1px;
	padding:0 10px;
}

#sheetmusic { width: 600px;
			  margin-left: 15px;
			  margin-right: 15px;
			  border: black solid 1px;
			  }
			  
#sheetmusic td, th { border: black solid 1px; }

#scores ul li { display: list-item; list-style-type: disc; }

.clip { text-align: center; }

.box h2, #content h2 {
	background:#b00;
}