body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	font-size: 13px;
	color: #000099;
	background-color: #000000;
}


h1 {
  font-family: Arial;
  font-size: 18px;
  color: #000099
}

h2 {
  font-family: Arial;
  font-size: 16px;
  color: #000099
}

h4 {
  font-family: Arial;
  font-size: 14px;
  color: #000099
}
 
#wrapper {
  margin:0 auto;
  padding:0px;
  text-align: left;
  border-left:10px solid #FFFFFF;
  border-right:10px solid #FFFFFF;
  background-color: #FFFFFF
}


#menu {
  background-image: url(../images/gradient.gif);
  background-repeat: repeat-x;
  margin: 0px;  
}

#menu p {
  margin-top: 0px;
  margin-bottom: 8px;
  padding-left:9px;
  color: #FF0000; 
}

#menu a:link, #menu a:visited {
  color: #FFFFFF;
  text-decoration: none;
}

#menu a:hover {
  color: #00FF00;
  text-decoration: none;
}

/*.content {
  text-align: justify
}*/

.content a:link, a:visited {
  color: #000099;
  text-decoration: underline
}

.content a:hover {
  color: #FF3300;
  text-decoration: underline
}

.membermenu a:link, a:visited {           /* .membermenu and .content are the same except for justify */
  color: #000099;
  text-decoration: underline
}

.membermenu a:hover {
  color: #FF3300;
  text-decoration: underline
}

tr.shaded, tr.shaded_held {
  background-color: #DDDDDD
}

tr.shaded_bundy  {
  background-color:#DDDDDD;
  color:#009900
}

tr.shaded_held, tr.held {
  color:#999999
}

.bundy {
  color:#009900
}

table.events {
  border: 1px solid #000000;  
}

table.events td {
  padding: 5px;
  text-align:left;
  height:30px
}

table.music {
  border: 1px solid #000000;
  border-collapse: collapse;
  font-size: 14px;
  color: #000099;
}

table.music td {
  border: 1px solid #000000;
  margin:0;
  padding:0px 2px 0px 2px;
  
}

/* a:link below Works in Firefox and Chrome but not in IE7 */


table.music a, table.music a:link {  
  display: block;  
  width: 50px;
  height: 30px;
  line-height: 30px;
  background-image: url(../images/red_dot.gif);  
  background-position: center 3px;
  background-repeat: no-repeat;
    
}

table.music a:hover {  
  display: block;  
  width: 50px;
  height: 30px;
  line-height: 30px;
  background-image: url(../images/tick_red.gif);  
  background-position: center 3px;
  background-repeat: no-repeat;
  
}

span.error {
  font-size: 12px;
  color:#FF0000;         
}

span.errorrego {
  font-size: 10px;
  color:#FF0000;         
}

span#layout {
  color: #FF0000;
  font-style : italic
}