* {margin:0;padding:0;font-family:Arial, Verdana}
body {margin:0px auto;padding:0px;font: 95% Arial, Verdana, Helvetica;background-color:#FFF;text-align:center;}

#wrap {
	background-color:#FFF ;background-image:none; margin: 0px auto; 	
	max-width:960px;text-align:left
}

#header { background-image:none; text-align:center;width:100%; padding:10px 0px; display:none
}
.top-nav {  background-color:#FFF;color:#000; font-weight:700; padding-bottom:5px; text-align:right;font-size:90%;
}
.top-nav a {color:#000}
#leftcol  {width:18%;float:left;padding:10px;} 
/* */
.nav {list-style: none;}
.nav li {color:#000;font-weight:bold; margin:10px 0px;border:none;background-color:#FFF} 
.nav li a {text-decoration: underline;color:#000;border:none;padding:5px;background-color:#FFF;text-align:left}
.nav li a:hover{text-decoration: none;color:#000 ; padding:5px;background-color:#FFF; border:none;}

img, .hide {display:none}
.textonly {display:block} /* used to turn link area in repertoire off in normal views */

#main {
	 FLOAT: right; WIDTH: 79%; color:#000;margin-bottom:-13px;margin-top:10px
}
#main h2 { padding:10px 10px 0px 20px;text-align: center; font-size:130%;
}
#main h3 { padding:0px 10px 0px 20px;text-align:center; font-size:115%;
}

#main h5{  padding:0px 10px 0px 20px;text-align:left;
}

#main p { padding:0px 20px 20px 10px;font-size:100%; text-align:justify;
}

#footer {MARGIN: -15px 0px 0px;
	CLEAR: both; text-align:center; color:#FFFFFF;background-image:none
}
#footer P { padding:5px 
}

.image-box {
border: outset thin #999999;
margin: 10px;
float: left;
display:none;
}
.image-box-left {
border: outset thin #999999;
margin: 8px 12px 8px 0px;
float: left;
display:none;
}

.image-box-right {
border: thin inset #999999;
padding: 2px;
margin: 8px 0px 8px 12px;
float: right;
display:none;
}
.image-box-left-no-border {
margin: 2px;
float: left;
display:none;
}

#event-window {
text-align:center; padding-top:8px; background-image:none;
}
.containerleft{	width: 47%;float:left;margin:1%;
}
.containerright{width: 46%;float:right;margin:1%;
}

.bottom-wide {	width: 100%;
	text-align:center;
}
table {
	font: 95%/130% Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 80%;
	margin: 5px auto;
	text-align:left;
	color:#000;
	}
 table.events{width:96%}
caption {
	padding: 10px 0 10px 0;
	width: 550px;	 
	font-size:110%; color:#000; font-weight:bold;
	text-align: center;
}

th {
	padding: 0 0.2em;
	text-align: center;
	background-color:#000;
	color:#fff;
	font-size:120%;
	font-weight:bold;
	}


td {
	border-bottom: 1px solid #000;
	padding: 0 0.2em;
	font-size:95%
	}

td.adjacent {
	border-left: 1px solid #000;
	text-align: center;
	}


label {width:24%;float:left}
.inputbox {
  width:74%;float:left;
  font-family:verdana, arial, helvetica, sans-serif;
  color:#000;
  border:1px solid #eee;
  background:#fff;
  margin-bottom:8px;
  vertical-align:bottom;
  }
  
.formbutton {
  font-family:verdana, arial, helvetica, sans-serif;
  font-weight:bold;
  color:#000000;
  border:1px outset #000;
  background-color:#FFF;
  text-align:center;
  width:auto;
  float:left;
  }
.inputstyle {
  font-family:verdana, arial, helvetica, sans-serif;
  font-weight:bold;
  color:#000000;
  border:2px groove;
  background-color:#FFF;
  width:70%;
  
  }
#contact {
 background-color:#eee; border: 1px dotted #333; margin-left: 12px; width:80%;padding:10px 
}