body{
  margin: 0;
  width:100%;
  color:#000;
  /*background-image: url('fade.jpg');*/
  /*background-color:#000000;*/
  background-color:#dbdbdb;
  height:100%;
  background-position:top;
  background-repeat: repeat-x;
  
 background-attachment: fixed; 
 font-style:normal; 
 font-variant:normal; 
 font-weight:normal; 
 font-size:10pt; 
 font-family:Trebuchet MS, Verdana, Helvetica, sans-serif
}

a{font-family: Verdana; font-size: 10pt; text-decoration: none; color:#003399}

p{font:Verdana, Arial, Helvetica, sans-serif; font-size:10pt;}

fieldset.month
{
width: 550px;
text-align:left;
}



fieldset.links
{
text-align:left;
line-height:14pt;
padding:10px;
}

legend
{
color: #000;
padding:2px;
font: Geneva, Arial, Helvetica, sans-serif 10pt bold;

} 

.ClubDraw
{
width:400px;
height:150px;
border: #666666 groove;
}

.month
{
width:95%;
float:left;
}

hr.cleaner { 
clear:both; 
height:1px; 
margin: -1px 0 0 0; 
padding:0; 
border:none; 
visibility: hidden; 
}

#wrapper {
  background-color: #000000;
  /*color: #000;*/
  border: 10px solid #fff;
  text-align:left;
  width: 790px;
  margin-left: auto;
  margin-right: auto;
  margin-top:10px;
  margin-bottom:10px;
  /*background-image: url('images/bg.gif');*/
}

#header { 
  /*background-color: #ccc;*/
  height: 170px;
  width: 790px;
	background-image: url('images/header.jpg');
  background-repeat: no-repeat;
	background-position: 0 0;
	}

#banner { 
  /*background-color: #44217A;*/
  height: 20px;
  width: 750px;
  margin-left:8px;
	}

.padding-medium{margin:0px; /*background-color:#44217A*/}

#main {
  width: 100%;
  margin-top: 0px;

	background-color:#000;
	
	/*background-image:URL("../images/vertical_line.gif");
	background-repeat: repeat-y;
	background-position:170px 100px;*/
}
#mainBody
{
	text-align:center;
	width:605px;
	min-height:500px;
	background-position:right;
	background-color:#fff;
	/*background-image: url('white-fade.jpg');
	background-repeat:repeat-x;
	background-position:center;
	background-position:top;*/
	margin-top:5px;
	float:right;
	padding-left:10px;
	padding-top:5px
/*margin-left:auto;
margin-right:auto*/
	}

.ChoirSection
{
width:145px;
height:auto;
text-align:center;
background-color:#CCCCCC;
border:thin #666666;
float:left;
}

.Cd
{
width:195px;
min-height:300px;
vertical-align:bottom;
text-align:center;
border:thin #666666;
float:left;
}

.ChoirSectionHeader
{
font: bolder 12pt Trebuchet MS, Cambria, Verdana, Arial;
}

fieldset.ChoirSectionMusos
{
width:274px;
float:left;
margin:2px;
}

fieldset.section
{
width: 125px;
text-align:center;
height:475px;
line-height:15pt;
float:left;
margin:2px;
}

#sidebar
{
	width:150px;
	margin:0px;
	/*background-image: url('images/sidebar-bg.jpg');
	background-position:left;
	background-repeat: repeat-y;*/
	height:100%;
	float:left;
	margin-top:4px;
}

#sidebarcontent
{
	width:150px;
	margin: 20px;
	margin-left:0px;
	text-align:left;
}

div.menu a
{
display: block;
width: 170px;
text-align: left;
text-decoration: none;
font-family:verdana;
font-size:12px;
color: #ffffff;
border: solid 1px #000;
height:22px;
background-color:#000000;
padding-left:5px;
margin:0px;
/*padding-top:3px;*/
}

div.selected a
{
display: block;
width: 170px;
text-align: left;
text-decoration: none;
font-family:verdana;
font-size:12px;
color: #000;
border: solid 1px #000;
height:22px;
background-color:#FFCC00;
padding-left:5px;
margin:0px;
/*padding-top:3px;*/
}

div.menu a:hover {
border: solid 1px #000;
background-color:#FFCC00;
color:#000000;
}

div.menu a.visited {
border: solid 1px #6100C1;
background-color:#000000;
color:#fff;
}

#footer
{
	width:750px;
	height:100px;
	margin-left:0px;
	text-align:left;
	background-image: url('images/slefooter.jpg');
}

h1
{
font:Verdana, Arial, Helvetica, sans-serif 14pt;
}
h2
{
font:Verdana, Arial, Helvetica, sans-serif 12pt;
}
h3
{
font:Verdana, Arial, Helvetica, sans-serif 10pt;
}
h4
{
font:Verdana, Arial, Helvetica, sans-serif 10pt italic;
}


.cssform p{
width: 300px;
clear: left;
margin: 0px;
padding: 5px 0 8px 5px;
padding-left: 125px; /*width of left column containing the label elements*/
border-top: 1px dotted gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -125px; /*width of left column*/
width: 150px; /*width of labels. */
text-align:left;
}

.cssform input[type="text"]{ 
width: 180px;
text-align:left;
}

.cssform textarea{
width: 250px;
height: 150px;
}