body { font-family:verdana; font-size: 12pt; color: #333; margin: 0; background: white; text-align: center; line-height: 1.4em; }
html { }

#wrapper { width: 895px; margin: 15px auto; background-color:white; padding: 0px;} 
#header { float:left; width:895px; height:490px; background-image:url(images/top.jpg); background-position:top left; background-repeat:no-repeat;  }
table {font-size:90%; color:#333333;}
td a:visited {color: #660099;}

#imagehead { float: left; width:895px; height:398px;}
.index-image { float: left; background-image:url(images/home-image.jpg); margin-top:0px;}
.choir-image { float: left; background-image:url(images/choir-image.jpg); margin-top:0px;}
.contact-image { float: left; background-image:url(images/contact-image.jpg); margin-top:0px;}

.caps { font-size:30px; font-family: "Times New Roman", Times, serif; margin: 5px 5px 5px 0; font-weight:bold; text-transform:uppercase;}
.img_left {float:left; margin: 0 5px 5px 0;}
.quote { font-style:italic; border-bottom: 1px dotted;}	
#content { float: left; width: 580px; padding: 0; margin: 10px 0 0 0; font-size: 80%; text-align: left; }
#content_sub { float: left; width: 890px; padding: 0; margin: 10px 0 0 0; font-size: 80%; text-align: left;}
#right{ float: left; width:290px; margin: 10px 0 0 13px; font-size: 70%; text-align:left; color: #666; border-left: 1px solid #ccc; padding: 4px;}

#right a:link { color: #990000; text-decoration: none;}
#right a:active { color: #990000; text-decoration: none;}
#right a:hover { color: #333; text-decoration: underline;}
#right a:visited { color: #660099; text-decoration: none;}
	
h1 { font-size: 170%; color: #990000; font-weight: bold; margin: 0 0 20px 0; text-transform:uppercase;}
h2 { font-size: 120%; color: #ffff66; background-color: #990000; padding: 4px; font-weight: bold;  margin: 0; text-transform:uppercase; text-align:center;}

#content a:link { color: #990000; text-decoration: none;}
#content a:active { color: #990000; text-decoration: none;}
#content a:hover { color: #333; text-decoration: underline;}
#content a:visited { color: #660099; text-decoration: none;}

#footer {width: 885px; height: 40px; padding: 10px; color: #fff; clear: both; font-size: 70%; margin: 1px auto; background:#990000;}
#foot-text { float: left; margin-top: 70px;}
#footer a:link, a:visited { color: #fff; font-weight: normal;}

/*NAV*/
#nav {  float:right; margin: 55px -1px 0 0; width:1000px; height:36px; text-transform:uppercase; font-family:arial; 
text-align: center;}

#nav li 
{
display: block;
float: right;
background: url("images/b1.jpg") no-repeat;
text-align: center;
width: 162px;
height: 37px; 
}

#nav ul {
list-style-type: none; 
padding: 0;
margin: 0;
}

#nav a
{
color: #fff;
text-decoration: none;
font-weight: bold;
display: block;
font-size: 70%; 
padding: 5px;
}

#nav li#active { background: url("images/b1a.jpg") no-repeat ; }
#nav a:hover { background: url("images/b1a.jpg")  no-repeat; color: #ffff66; }

/*current page highlight link*/#home .home, #choir .choir, #contact .contact,#choir .choir, #links .links { font-weight: bold; color: #ffff66;}

.clearer {
clear:both;
height:0px;
overflow:hidden;
margin-top:-1px; 
}

/*form styles*/

fieldset {border: none; padding:0; font-family:Arial, Helvetica, sans-serif; }
.submit { color: #fff; background: #990000; width: 110px; height: 35px; border:0;}
.input{ width: 190px; height: 26px; padding: 2px; font-size: 16px; color: #333; border: 1px solid #333; }
.textarea { width: 200px; height: 130px; border: 1px solid #333; font-size: 16px; color: #333;}
.select { width: 200px; height: 26px; border: 1px solid #333; font-size: 14px; color: #333;}
.blank{display:none;}

#form-left { float: left; width: 210px; margin: 0 80px 0 0px; text-align: left; font-size: 100%; font-weight: normal; color:#333;}
#address-right {float: left; width: 210px; margin-top:90px; text-align: left; padding: 2px; font-size: 110%; font-weight: normal; color:#333; font-family:Arial, Helvetica, sans-serif;}