body {	background-color: white;
  background-image: url(images/music8.jpg);
					background-attachment: fixed;
}



.bodydiv {   margin: 10px auto;
					width: 90%;
					min-width: 770px;
		 			border:  1px solid navy;
					padding: 30px;		
					padding-bottom: 10px;		
					background-color: white;
        background-image: url(images/whitemusic.jpg);
					background-attachment: fixed;
                   }
				

	/*.............put divs here...............*/
	
	
#main 
		{
		
		 border: solid navy 1px;

		 width: 45em;
		 margin-left: 150px;
		 margin-bottom: 10px;
		 background-color: white;
		
		}
#top
{border: solid navy 6px;
 margin-top: 20px;
 padding: 0px;
 
}	

	
		
div#links

		{
		font-family: verdana;
		float: left;
		width: 125px;
		margin-left: 0px;
		margin-top: 0px;
		font: .95em Verdana, sans-serif;
		z-index: 100;
		background-color: white;
		position: relative;
		
	
		
		
		}	
	div#links a span {display: none;}	
					
div#links a {
						display: block; 
						text-align: center; 
						font: bold 1em sans-serif; 
 						padding: 5px 10px; 
	 					margin: 0 0 3px; 
						border: 1px solid blue; 
  					text-decoration: none; 
						color: navy; 
						background: white;
						}
 
 div#links a:visited {
						display: block; 
						text-align: center; 
						font: bold 1em sans-serif; 
 						padding: 5px 10px; 
	 					margin: 0 0 3px; 
						border: 1px solid blue; 
  					text-decoration: none; 
						color: #660000; 
						background: white;
 															}
 
  				
						 
div#links a:hover {
					color: white; 
					background: blue;
		}		
				
		
	div#links a:hover span 
	{
	 display: block;
   position: absolute; 
	 top: 16em; left: 0px; width: 123px;
   padding: 0; 
	 margin-top: 0px; 
	 padding-right: 0px;
	 z-index: 100;
	 /*color of the dropbox text*/
   color: navy; 
   font: .95em Verdana, sans-serif; 
	 text-align: center;

	 }	
		
	
	
	#schedulebox
	 {
	background-color: white;
	margin: 5px;
	padding: 5px;
	border: solid navy 1px;



	}
	
 

		
	#instruments
	{float: left;
		background-color: white;
	margin-left: 5px;
	margin-right: 0px;
	color: navy;

	font-family: verdana, sans-serif;
	padding-right: 0px;
	border: 2px solid white;

 }
 
 #names
 	{float: right;	
 background-color:white;
	margin-left: 0px;
	margin-right:35px;
	color: navy;

	font-family: verdana, sans-serif;
	padding: 0px;
		border: 2px solid white;

 }
/*.............classes................*/
	
		/* ~~~  link for CURRENT page ~~~~ */
	 
	 .links2
	 {	
						display: block; 
						text-align: center; 
						font: bold 1.2em sans-serif; 
 						padding: 3px; 
	 					margin: 0 0 3px; 
						border: 1px solid white; 
  					text-decoration: none; 
						color: navy; 
						background: white;
						
						}
	
	.text, .textleft, .textright, .textcenter, .textmiddle{ 
					background-color: white;
					font-family: verdana, sans-serif;
					padding: 10px; 
				  font-size: .95em;
					color: navy;
					}			
				
	.floatright1 {
	float: right;
  margin: 10px;
	border: 5px solid black;
	padding: 2px;
	}
					
	.textcenter
	 {
	 	text-indent: 0px; /* was 30px */
	  text-align: justify;
		margin: 5px;
	
		
		}
					
  .textleft
	 {
	  text-align: left;
	  margin-right: 100px;
		}
		
	.textmiddle
	{
	text-align: center;
	margin: 5px;
	padding: 0px;
	}
			

	 .textfootnote
	 { font-family: verdana;
	 color: navy;
	 text-align: center;
	 font-size: .7em;
	 clear: both;
	 }

	 
	 .textcaption
	 {color: navy;
	 font-size:.7em;
	 }
	 
	/*.........H1 etc all go here........*/ 


.toptext { 
		text-align: center;	 
		 font-family: verdana; 	 	 
		 font-size: 1.2em;
		 color: navy;
		 border: solid green 2px;
}
h1 { 

border: thin solid white;
 margin-right: 130px;
 margin-left: 130px;
 margin-top: 15px;
 margin-bottom: 35px;


font-family: verdana;  
	 	 text-align: center;	
	 	 font-weight: 800;
		 font-size: 2.1em;
		 line-height: 1.6em;
		 color: navy;
		 padding: 0px;
		 
		
}

.toptext { font-family: verdana;  
	 	 text-align: center;
		 display: inline;
	 	 font-weight: 800;
		 font-size: 2.2em;
		 line-height:2.2em;
		 color: navy;
		 padding: 0px;
		 margin: 0px;
		 background-color: red;
}
h2 { font-family: verdana, sans-serif; 
	 	 color: navy;
		 background-color: white;
		 text-align: center;
		 margin-top: 0px;
		 margin-bottom: 4px;		
		 padding: 5px;
	 }
h3 { 

font-family: verdana, sans-serif; 
color: navy;
background-color: white;
text-align: left;
border-bottom: thin solid gray;
margin-top: 1em;
margin-bottom: .5em;



}
h4 { font-family: verdana, sans-serif; 
	 	margin-left: auto;
		margin-right: auto;
		text-align: center;
	 	 font-weight: 200;
		 font-size: .7em;
		 font-style: oblique;
		 color: navy;
		 width: 400px;
	
		 margin-top: 1px;
		 margin-bottom: 30px;
}

/* ~~~~~~~~  stuff for pictures and images  ~~~~~*/


.image1 {width: 80%;
				/*display: block;*/
  margin-left: 70px;
	border: solid black 7px;
	padding: 2px 2px 2px 2px;
	margin-top: 5px;	
}

.imageold {width: 60%;
				/*display: block;*/
  margin-left: 130px;
	border: solid black 7px;
	padding: 2px 2px 2px 2px;
	margin-top: 5px;	
}

.news {width: 60%;
				
  margin-left:130px;
	border: solid black 5px;
	padding: 2px 2px 2px 2px;
	margin-top: 5px;	
}

div.news p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

.image2 {
  display: inline;
	float: left;
	border: solid navy 3px;
	padding: 2px;
	margin-top: 10px;
	margin-bottom: 55px;
	width: 110px;
	height: 80px;}
	
.image2container {
  display: inline; 
	border: solid red 3px;
	padding-top: 76px;
	padding-left: 4px;
	height: 5.4em;
	

}

.image3 {
  display: inline;
	float: right;
	border: solid navy 3px;
	padding: 2px;
	margin-top: 10px;
	width: 110px;
	height: 80px;
}
.image3container {
  display: inline;
	border: solid red 3px;
	margin-left: 3.3em;


}

.image4 {
  display: inline;
  float: left;
	border: solid navy 3px;
	padding: 2px;
	margin-right: 10px;
	margin-bottom: 0px;
	width: 80px;
	height: 80px;
}

.image5 {
  
  float: left;
	border: solid navy 3px;
	padding: 2px;
	margin-right: 15px;
	margin-left: 10px;
	margin-bottom: 0px;

}

.image6 {
  float: right;
	border: solid navy 3px;
	padding: 2px;
	margin-left: 15px;
	margin-bottom: 0px;

}

.imageleft {

position: static;
/* border: solid white 1px;
 float: left;
 width: 120px;*/
float: left;
border: solid navy 3px;
padding: 2px;
width: 6.6em;
height: 4.6em;
margin: 2px;

}
.imageright {
float: right;
border: solid navy 3px;
padding: 2px;
width: 6.6em;
height: 4.6em;
margin: 2px;

}

.imagenews
{width: 100%;
}

.gallery{
  display: block;
  margin-left: auto;
  margin-right: auto;
	border: solid black 7px;
	padding: 2px 2px 2px 2px;
	margin-top: 5px;}
	
	.thumbnails{
  display: inline;
  margin-left: auto;
  margin-right: auto;
	height: 7em;
	width: 7em;
	border: solid navy 2px;
	padding: 3px;
	margin-top: 5px;
	background-color: #cedced;
	}
	
	


/*.....schedule list style here.....*/



.schedulelist 

{
border: 1px solid white;
list-style-type: none;
list-style-position: outside;
text-align: left;




}

.schedulelist li

{
border-bottom: 1px solid white;
padding: 3px;
margin: 7px;
padding-left: 0px;
background-color: white;
margin-right: 0px;
font-size: 1em;

}


.memberlist 

{
border: 5px solid white;
list-style-type: none;
list-style-position: outside;
text-align: left;




}

.memberlist li

{
border-bottom: 1px solid white;
background-color: white;
font-size: 1em;

}


	.membersleft
	{float: left;
		background-color: white;
	margin-left: 25px;
	margin-right: 0px;
	color: navy;

	font-family: verdana, sans-serif;
	padding-right: 0px;
	border: 2px solid white;

 }

	.membersright
	{float: right;
		background-color: white;
	margin-left: 5px;
	margin-right: 40px;
	color: navy;
	width: 250px;
	font-family: verdana, sans-serif;
	padding-right: 20px;
	border: 2px solid white;

 }

 
 
 .outside
 {
 border: double white 3px;
 border-bottom: double navy 3px;
 border-bottom-width: 4px;
 width: 100%;
 min-width: 760px;
 z-index: 1;


 }
 
 
 .inside
 {position: static;
 border: solid white 1px;
 float: left;
 width: 120px;
 }
 
 .inside2
 {
 border: solid white 1px;
 float: right;
 width: 120px;
 } 
 
 .center
 {border: solid white 1px;
 margin-right: 130px;
 margin-left: 130px;
 text-align: center;
 margin-bottom: 20px;

 }
 
 
 .foot
 {
 font-size: .8em;
 text-align: center;
 clear: both;
 margin-bottom: 0;
 color: blue;

 }
 
 
.borderout

{
width: auto;
padding: 4px;
border: thin solid navy;
margin: 5px;
margin-left: 160px;
height: 1%;
background-color: white;
}
/*
.borderin
{padding: 5px;
width: auto;
margin-top: 0px;
border: thin solid red;
height: 1%;

}
*/



.schedulehead
{
background-image: url(images/cal2.jpg);
}

.rosterhead
{
background-image: url(images/roster2.jpg);}

.homehead
{
background-image: url(images/homehead.jpg); }

.galleryhead
{
background-image: url(images/snow1.jpg);}

.newshead
{background-image: url(images/sky.jpg);}

.joinhead
{background-image: url(images/joinhead.jpg);}

.contacthead
{/*background-image: url(images/joinhead.jpg);*/}

/*~~~~~~~~~all these are for the member headers~~~~~~~*/

.oboehead
{background-image: url(images/oboe.jpg);
margin-top: 0px;
}

.bassoonhead
{background-image: url(images/bassoon.jpg);}

.flutehead
{background-image: url(images/flute.jpg);}

.clarinethead
{background-image: url(images/clarinet.jpg);}

.altohead
{background-image: url(images/alto.jpg);}

.tenorhead
{background-image: url(images/tenor.jpg);}

.trumpethead
{background-image: url(images/trumpet2.jpg);}

.bonehead
{background-image: url(images/bone2.jpg);
margin-top: 0px;
}

.hornhead
{background-image: url(images/horn2.jpg);}

.baritonehead
{background-image: url(images/baritone.jpg);}

.tubahead
{background-image: url(images/tuba.jpg);}

.drumhead
{background-image: url(images/drum.jpg);}

.batonhead
{background-image: url(images/baton.jpg);}



/*\*/
* html .minwidth, * html .container, * html .content {
	height: 1px;
}
/**/      		
							
 * html .container {
 
	margin-left:-770px;
	position:relative; /* ADDED */

}
  * html .minwidth {
	padding-left:770px; /* CHANGED */


}

.imagehead
{
display: inline;
position: relative;
width: 100%;
height: 40px;

margin-bottom: 0px;
}

.texthead
{
position: relative;

top: -1.7em; 
left: 0em;
font-family: verdana, sans-serif;
font-size: 1.5em; 
font-weight: bold;
color: navy;

text-align: center;
margin: 0px;
width: 100%;
}

.borderin
{
padding: 5px;
width: auto;
border: 1px solid red;
height: 1%;
margin-top: -30px;
background-color: white;
/*background-image: url(images/whitemusic.jpg);*/
}

span.dropcap
{
 float: left;
 font-family: Old English, Georgia,serif;
 font-size: 300%;
 line-height: .9em;
 margin-right:.05em;
 margin-bottom: -.24em;
 padding: 3px;
background-color: white;
color: navy;
 border: #cedced inset 4px;
}


table { 
border-bottom: 1px solid white;
border-left: 1px solid white;
width: 100%;
 }

 
caption 
{
color: navy;
font-size: 1.2em;
font-family: verdana, sans-serif;
border-bottom: 1px solid black;
padding-bottom: 2px;
} 
 
td.dates, td.places 
 { 
padding: 10px;
border-top: 1px solid white; 
border-bottom: 1px solid black;
border-right: 2px solid white; 
color: navy;
font-size:1.1em;
font-family: verdana, sans-serif;

} 
 
 
td.dates { 
padding-right: 20px;
text-align: right;
}

td.places { 
padding-left: 50px;
text-align: left;
}

#special 
{
						text-align: center; 
						font: bold 1em sans-serif; 
 						padding: 3px; 
	 					margin: 0 0 3px; 
						color: navy; 
						background: white;
/*position: relative;
top: -600px;
left: -5px;*/
border: red 4px solid;
width: 100%;

/*font-size: .8em;*/
}


.contact
{border: thin solid red;
}

.contactimage
{ 
	border: solid navy 3px;
	padding: 2px;
	margin-top: 10px;
	width:8em;
	height: 8em;}