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

#wrap {
	background:#fff url(../Images_Main/Bg_Grad.jpg) no-repeat; margin: 0px auto; 	
	max-width:960px;text-align:left
}

#header { background-image:url(../Images_Main/Bg_Grad.jpg); text-align:center;width:100%; padding:10px 0px; 
}
.top-nav {  background-color:#036;color:#000; font-weight:700; padding-bottom:5px; text-align:right;font-size:90%;
}
.top-nav a {color:#fff}
#leftcol  {width:18%;float:left;padding:10px;} 
/* */
.nav {list-style: none;width:100%;margin-top:-10px ;height:25em}
.nav li {background:#fff;color:#fff;font-weight:bold; border: 2px #000 inset;margin:10px 0px;padding:0px;text-align:center} 
.nav li a {text-decoration: none;background:#00c;color:#fff;display: block;margin:0px;padding:5px;border: 3px #ccc outset}
.nav li a:hover{background:#fff;color:#000 ;  border: 3px #fff inset;margin:0px;padding:5px;}

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


#main {
	 FLOAT: right; WIDTH: 79%; color:#000033;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:url(../Images_Main/Bg_Grad2.jpg)
}
#footer P { padding:5px 
}

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

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

#event-window {
text-align:center; padding-top:8px; background-image:url(../Images_Main/Bg_Grad.jpg);
}
.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:#6E3B8D;
	}
 table.events{width:96%}
caption {
	padding: 10px 0 10px 0;
	width: 550px;	 
	font-size:110%; color:#0000CC; font-weight:bold;
	text-align: center;
}

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


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

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


label {width:24%;float:left}
.inputbox {
  width:74%;float:left;
  font-family:verdana, arial, helvetica, sans-serif;
  color:#dd580f;
  border:1px solid #dd0fa5;
  background:#d0e1e2;
  margin-bottom:8px;
  vertical-align:bottom;
  }
  
.formbutton {
  font-family:verdana, arial, helvetica, sans-serif;
  font-weight:bold;
  color:#000000;
  border:1px outset #000099;
  background-color:#ADACFC;
  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:#F5F0DE;
  width:70%;
  
  }
#contact {
 background-color:#9C9CC5; border: 1px dotted #333; margin-left: 12px; width:80%;padding:10px 
}