html, body, ul, ol, li, h1, h2, h3, h4, h5, form, fieldset, div, span, input, table, tr, td, th, img, a {
margin: 0;
padding: 0;
border: 0;
}

body {
	color: #000000;
	background-color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/*structure*/

#wrapper {
margin: auto;
position: relative;
width: 770px;
}

#logo {
position:absolute; 
left:0px; 
top:10px; 
width:107px; 
height:76px; 
z-index:1
}

#header {
position:absolute; 
left:109px; 
top:10px; 
width:563px; 
height:76px; 
z-index:2;
}

#clarinet {
position:absolute; 
left:674px; 
top:10px; 
width:96px; 
height:103px; 
z-index:7;
}

#sax{
position:absolute; 
left:0px; 
top:88px; 
width:205px; 
height:161px; 
z-index:3;
}

#content {
	position:absolute;
	left:206px;
	top:121px;
	width:555px;
	height:436px;
	z-index:1;
	overflow: auto;
}

#bottom {
position:absolute; 
left:0px; 
top:557px; 
width:770px; 
height:24px; 
z-index:1;
}

/*text assignments*/

h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding: 5px;
}

a:link {
	color: #000000;
}

a:visited {
	color: #6796B2;
}



/*classes*/

.position {
	margin: auto;
	position: relative;
}
.border {
	border: 2px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF;
	padding: 0px 5px 5px;
	margin: 0px;
}
.comments {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #FF0000;
	padding: 5px;
}


/*left navigation*/
#clinic {
position: absolute;
left: 0px;
top: 251px;
z-index: 16;
}


#auditions {
position: absolute;
left: 0px;
top: 279px;
z-index: 15;
}

#education {
position: absolute;
left: 0px;
top: 307px;
z-index: 14;
}

#awards {
position: absolute;
left: 0px;
top: 335px;
z-index: 13;
}

#advocacy {
position: absolute;
left: 0px;
top: 362px;
z-index: 12;
}

#cmenc {
position: absolute;
left: 0px;
top: 391px;
z-index: 11;
}

#trim {
position: absolute;
left: 0px;
top: 416px;
z-index: 10;
}

#membeserv {
position: absolute;
left: 0px;
top: 444px;
z-index: 9;
}

#specialevnt {
position: absolute;
left: 0px;
top: 471px;
z-index: 8;
}

#corporate {
position: absolute;
left: 0px;
top: 500px;
z-index: 7;
}

#resources {
position: absolute;
left: 0px;
top: 527px;
z-index:  6;
}





/*top_horizontal navigation*/
#topnav_mem {
position:absolute;
left:207px;
top:86px;
height: 23px;
z-index: 6;
}

#topnav_abo {
position: absolute;
left: 332px;
top: 86px;
height: 23px;
z-index: 5;
}

#topnav_con {
position: absolute;
left: 461px;
top: 86px;
height: 23px;
}

#topnav_map {
position: absolute;
left: 575px;
top: 86px;
height: 23px;
z-index: 9;
}


/* dropdown */

#topnav_mem .droplist, #topnav_abo .droplist, #clinic .droplist, #auditions .droplist, #education .droplist, #awards .droplist, #advocacy .droplist, #cmenc .droplist, #trim .droplist, #membeserv .droplist, #specialevnt .droplist, #corporate .droplist, #resources .droplist{
display: none;
}

#topnav_mem .hover_cont_over .droplist, #topnav_abo .hover_cont_over .droplist, #clinic .hover_cont_over .droplist, #auditions .hover_cont_over .droplist, #education .hover_cont_over .droplist, #awards .hover_cont_over .droplist, #advocacy .hover_cont_over .droplist, #cmenc .hover_cont_over .droplist, #membeserv .hover_cont_over .droplist, #trim .hover_cont_over .droplist, #specialevnt .hover_cont_over .droplist, #corporate .hover_cont_over .droplist, #resources .hover_cont_over .droplist{
display: block;
}

.droplist ul{
background-color: #FFFFFF;
list-style-type: none;
}

.droplist ul li{
display: block;
text-align: left;
border: 1px solid #000000;
}

.droplist ul li a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000000;
background-color: #FFFFFF;
text-decoration: none;
padding: 2px 10px;
display: block;
}

.droplist ul li a:hover, .droplist ul li a:focus{
color:#FFFFFF;
background-color: #6b9ab6;
}


/* end menu     .hover_cont_over*/