/*	This file was revised 10-21-05 by JR Bridgham  */
	
body {
	background-color:#000000;
	background-image:url(sheetmusic2.gif)
	}

/*  This div places Logo above the button menu  */
div#logo {
	position: absolute; 
	top: 0px; 
	left: 0px; 
/*	z-index: 50;*/ 
	width: 67; 
	height: 200;
	}
/*  This div places the button menu on the left side.
    The a & a:hover properties refer to the buttons, and their behavior upon a hover.
	The a span & a:hover span refer to the properties of the text next to each button (in the code)
	This text is usually not displayed at all; but if the button has a 'hover', the text is absolutely
	placed on the screen beneath the buttons.  IF MORE BUTTONS ARE ADDED, THIS ABSOLUTE POSITION MUST
	BE MODIFIED top: 81px;  */
div#links {
	position: absolute;
	background: #000000;
	padding-right: 10px;
	padding-left: 10px;
	top: 0; 
	left: 0; 
	width: 290px;
	height: 610px;
	font-style:oblique;
	font: 14px Verdana, sans-serif;
	color:#FFFFFF;
	border-style: solid;
	border-color: #000000;
	border-width: medium;
	}

/*div#links a {
	display: block; 
	text-align: center; 
	font: bold 1em sans-serif; 
   	padding: 5px 10px;
	margin: 2 2 2px; 
   	text-decoration: none; 
	color: #484B5E; 
	background: #CCCCCC;
	border-style: solid;
	border-bottom: 15px;
	border-color: #CCCCCC;
	}
	*/
div#content {
	position: absolute;
	padding: 20px;
	top: 0px;
	left: 310px;
	height: 500px;
	margin-left: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	color: #000000;
	font: 16px Veranda, sans-serif;
	/*height: 460px;
	width: 750px;
	border-style: solid;
	border-color: #9999cc;
	border-width: medium;
	*/
	}
div#content p {
	}
div#content h1 {
	margin-bottom: 5px;
	font: 24px Arial Bold, sans-serif, bold;
	}
div#content h2 {
	margin-top: -5px;
	font: 16px Verdana, sans-serif, bold;
	}
div#content h3 {
	}

/*  This div places a sig (signature, etc) underneath the hover text from buttons.  */
div#items {
	display: absolute; 
	text-align: right;
	margin-top: 10px;
	margin-right: 66px;
	font: italic bold 1em sans-serif; 
	color: #FFFFFF; 
	}
div#sig {
	position: absolute; 
	text-align: center;	
	top: 535px; 
	left: 50px;
	z-index: 100;
	font: 9px Verdana, sans-serif; 
	color: #4b525c; 
	}
div#sig a {
	text-decoration: none;
	}
div#sig a:link {
	color: #4b525c;
	}
div#sig a:visited {
	color: #4b525c;
	}
div#sig a:link:hover {
	color: #6699cc;
	}
div#sig a:visited:hover {
	color: #4b525c;
	}

/*  This div is not currently used  */
div#schedule {position: relative; margin: 15px; text-align: left; width: 100%;}

/*  This sets the properties for a table inside the content element  
div#content table {table-layout: auto; width: 100%; margin: 25px 2px 25px; border-spacing: 10px;
   border: 0px;}
div#content tr, td {color: #9999CC; font: 16px Verdana, sans-serif; margin: 25px 15px 25px;
   padding: 10px; border: 0px;}*/
   
/*  On the 'jamie' table (resources) a fixed layout was needed rather than auto like all other tables */
div#content table.jamie {table-layout: fixed; width: 100%; margin: 25px 2px 25px; border-spacing: 10px;
   border: 0px;}
div#content td.jamie {width: 33%;}

/*  week centers text and modifies the margins  */
.week {text-align: center; margin-bottom: 35px;}

/*  light changes the background to a lighter color for emphasis  */
.light {background: #333399;}

/*  These change the colors of links inside the content section of the page  */
div#content a {text-decoration: none;}
div#content a:link {color: #6666FF;}
div#content a:visited {color: #6666FF;}
div#content a:link:hover {color: #999;}
div#content a:visited:hover {color: #999;}

/*  These change the colors of links inside the left hand links section of the page  */
div#links a {text-decoration: none;}
div#links a:link {color: #9999FF;}
div#links a:visited {color: #9999FF;}
div#links a:link:hover {color: #CCC;}
div#links a:visited:hover {color: #CCC;}

div#NN4 {display: none;}

div#content a:hover.admintab { 
	border-left:	2px solid rgb(255,255,255);
	border-right:	2px solid rgb(153,153,153);
	border-top:		2px solid rgb(255,255,255);
	border-bottom:	2px solid rgb(153,153,153);
	color:#6666FF;
	background-color: #ddd;
	}
div#content .admintab, div#content a:link.admintab {
	border-left:	2px solid rgb(255,255,255);
	border-right:	2px solid rgb(153,153,153);
	border-top:		2px solid rgb(255,255,255);
	border-bottom:	2px solid rgb(153,153,153);
	padding:		1px 7px 1px 7px;
	text-decoration: none;
	font-weight: normal;
	font-size: 10pt;
	line-height:20pt;
	background-color: #CCC;
	}
div#content a:active.admintab, div#content a:focus.admintab {
	border-left:	2px solid rgb(153,153,153);
	border-right:	2px solid rgb(255,255,255);
	border-top:		2px solid rgb(153,153,153);
	border-bottom:	2px solid rgb(255,255,255);
	color:#6666FF;
}
.wantadtitle
{
font-weight:bolder;
font-style:italic;
}