@charset "utf-8"; 
/********** SINGLE ELEMENT STYLES **********/
* {margin:0; padding:0; outline:none;}
html, body {width:100%; height:100%;}
img {behavior:url(inc/pngbehavior.htc);}
.pad5 {padding:5px;}
.left {float:left;}
.right {float:right;}
.center {text-align:center;}
.clear {clear:both;}
.clright {clear:right;}
.clleft {clear:left;}
h1 {font-family:"Trebuchet MS"; font-size:24px; font-weight:normal; line-height:35px; color:#FFFFFF;}
h2 {font-family:"Trebuchet MS"; font-size:20px; font-weight:normal; line-height:28px; color:#FFFFFF;}
h3 {font-family:"Trebuchet MS"; font-size:18px; font-weight:normal; line-height:28px; color:#FFFFFF;}
h4 {font-family:"Trebuchet MS"; font-size:16px; font-weight:normal; line-height:24px; color:#FFFFFF;}
p {font-family:"Trebuchet MS"; font-size:14px; font-weight:normal; line-height:22px; color:#FFFFFF;}
h5 {font-family:"Trebuchet MS"; font-size:12px; font-weight:normal; line-height:20px; color:#FFFFFF;}
h6 {font-family:"Trebuchet MS"; font-size:10px; font-weight:normal; line-height:18px; color:#FFFFFF;}
#content strong {font-weight:normal;}
.bold {font-weight:bold;}
ul, ol {list-style:inside;}
ul li, ol li {padding-left:15px;}
.shhhh {display:none;}

/********** LINKS **********/
a.box:link {color:#ffffff; text-decoration:none; padding:4px; margin:2px 0px 2px 0px;}
a.box:visited {color:#ffffff; text-decoration:none; padding:4px; margin:2px 0px 2px 0px;}
a.box:hover {color:#ffffff; padding:4px; background-color:#2c9cef; margin:2px 0px 2px 0px;}
a:link {color:#FFFFFF; text-decoration:underline;}
a:visited {color:#FFFFFF; text-decoration:none;}
a:hover {color:#000000;}
a img {border:none;}
a.credit:link {color:#FFFFFF; text-decoration:none; padding:0px;}
a.credit:visited {color:#FFFFFF; text-decoration:none; padding:0px;}
a.credit:hover {color:#000000; padding:0px;}
a.box2:link {color:#333333; text-decoration:none; padding:4px; margin:2px 0px 2px 0px;}
a.box2:visited {color:#333333; text-decoration:none; padding:4px; margin:2px 0px 2px 0px;}
a.box2:hover {color:#ffffff; padding:4px; background-color:#3c2815; margin:2px 0px 2px 0px;}
a.homerollover {display:block; width:185px; height:34px; background:url("/images/home.png") 0 0 no-repeat; float:left; behavior:url(inc/pngbehavior.htc); margin:0px 0px 0px 63px; padding:0px;}
a:hover.homerollover {display:block; width:185px; height:34px; background:url("/images/homeroll.png") 0 0 no-repeat; float:left; behavior:url(inc/pngbehavior.htc); margin:0px 0px 0px 63px; padding:0px;}
a.ourdirectorrollover {display:block; width:185px; height:49px; background:url("/images/ourdirector.png") 0 0 no-repeat; float:left; behavior:url(inc/pngbehavior.htc); margin:0px 0px 0px 63px; padding:0px;}
a:hover.ourdirectorrollover {display:block; width:185px; height:49px; background:url("/images/ourdirectorroll.png") 0 0 no-repeat; float:left; behavior:url(inc/pngbehavior.htc); margin:0px 0px 0px 63px; padding:0px;}
a.ourchorusrollover {display:block; width:185px; height:46px; background:url("/images/ourchorus.png") 0 0 no-repeat; float:left; behavior:url(inc/pngbehavior.htc); margin:0px 0px 0px 63px; padding:0px;}
a:hover.ourchorusrollover {display:block; width:185px; height:46px; background:url("/images/ourchorusroll.png") 0 0 no-repeat; float:left; behavior:url(inc/pngbehavior.htc); margin:0px 0px 0px 63px; padding:0px;}
a.songlistrollover {display:block; width:185px; height:45px; background:url("/images/songlist.png") 0 0 no-repeat; float:left; behavior:url(inc/pngbehavior.htc); margin:0px 0px 0px 63px; padding:0px;}
a:hover.songlistrollover {display:block; width:185px; height:45px; background:url("/images/songlistroll.png") 0 0 no-repeat; float:left; behavior:url(inc/pngbehavior.htc); margin:0px 0px 0px 63px; padding:0px;}
a.newsrollover {display:block; width:185px; height:45px; background:url("/images/news.png") 0 0 no-repeat; float:left; behavior:url(inc/pngbehavior.htc); margin:0px 0px 0px 63px; padding:0px;}
a:hover.newsrollover {display:block; width:185px; height:45px; background:url("/images/newsroll.png") 0 0 no-repeat; float:left; behavior:url(inc/pngbehavior.htc); margin:0px 0px 0px 63px; padding:0px;}
a.calendarrollover {display:block; width:185px; height:45px; background:url("/images/calendar.png") 0 0 no-repeat; float:left; behavior:url(inc/pngbehavior.htc); margin:0px 0px 0px 63px; padding:0px;}
a:hover.calendarrollover {display:block; width:185px; height:45px; background:url("/images/calendarroll.png") 0 0 no-repeat; float:left; behavior:url(inc/pngbehavior.htc); margin:0px 0px 0px 63px; padding:0px;}
a.photogalleryrollover {display:block; width:185px; height:45px; background:url("/images/photogallery.png") 0 0 no-repeat; float:left; behavior:url(inc/pngbehavior.htc); margin:0px 0px 0px 63px; padding:0px;}
a:hover.photogalleryrollover {display:block; width:185px; height:45px; background:url("/images/photogalleryroll.png") 0 0 no-repeat; float:left; behavior:url(inc/pngbehavior.htc); margin:0px 0px 0px 63px; padding:0px;}
a.singwithusrollover {display:block; width:185px; height:46px; background:url("/images/singwithus.png") 0 0 no-repeat; float:left; behavior:url(inc/pngbehavior.htc); margin:0px 0px 0px 63px; padding:0px;}
a:hover.singwithusrollover {display:block; width:185px; height:46px; background:url("/images/singwithusroll.png") 0 0 no-repeat; float:left; behavior:url(inc/pngbehavior.htc); margin:0px 0px 0px 63px; padding:0px;}
a.whatwerollover {display:block; width:185px; height:46px; background:url("/images/whatwe.png") 0 0 no-repeat; float:left; behavior:url(inc/pngbehavior.htc); margin:0px 0px 0px 63px; padding:0px;}
a:hover.whatwerollover {display:block; width:185px; height:46px; background:url("/images/whatweroll.png") 0 0 no-repeat; float:left; behavior:url(inc/pngbehavior.htc); margin:0px 0px 0px 63px; padding:0px;}
a.availabilityrollover {display:block; width:185px; height:45px; background:url("/images/availability.png") 0 0 no-repeat; float:left; behavior:url(inc/pngbehavior.htc); margin:0px 0px 0px 63px; padding:0px;}
a:hover.availabilityrollover {display:block; width:185px; height:45px; background:url("/images/availabilityroll.png") 0 0 no-repeat; float:left; behavior:url(inc/pngbehavior.htc); margin:0px 0px 0px 63px; padding:0px;}
a.contactusrollover {display:block; width:185px; height:45px; background:url("/images/contactus.png") 0 0 no-repeat; float:left; behavior:url(inc/pngbehavior.htc); margin:0px 0px 0px 63px; padding:0px;}
a:hover.contactusrollover {display:block; width:185px; height:45px; background:url("/images/contactusroll.png") 0 0 no-repeat; float:left; behavior:url(inc/pngbehavior.htc); margin:0px 0px 0px 63px; padding:0px;}
a.membersonlyrollover {display:block; width:185px; height:58px; background:url("/images/membersonly.png") 0 0 no-repeat; float:left; behavior:url(inc/pngbehavior.htc); margin:0px 0px 0px 63px; padding:0px;}
a:hover.membersonlyrollover {display:block; width:185px; height:58px; background:url("/images/membersonlyroll.png") 0 0 no-repeat; float:left; behavior:url(inc/pngbehavior.htc); margin:0px 0px 0px 63px; padding:0px;}

/************** BASE STRUCTURE *************/
html,body {height:100%; width:100%; margin:0px auto;}
body {margin:0 auto; background-repeat:repeat-x; background-position:center top; background-image:url(../images/bg.jpg); font-family:"Trebuchet MS"; font-size:14px; font-weight:normal; line-height:20px; color:#FFFFFF; background-color:#0073ca;}
#wrapper {width:1000px; margin:0px auto 0px auto;}
#footer {width:850px; height:150px; margin:20px 0px 0px 0px; padding:0px;}
#content {width:621px; height:266px; height:auto!important; min-height:266px; margin:100px 0px 0px 0px; padding:0px;}
#content2 {width:621px; height:266px; height:auto!important; min-height:266px; margin:0px 0px 0px 0px; padding:0px;}
#leftcol{width:312px; height:266px; height:auto!important; min-height:266px; margin:0px; padding:0px; float:left;}
#rightcol{width:680px; height:266px; height:auto!important; min-height:266px; margin:0px; padding:0px; float:right;}
#youtube {width:618px; height:298px; margin:10px 0px 0px 0px; padding:13px 0px 0px 0px; background-repeat:no-repeat; background-position:center top; background-image:url(/images/youtubebg.png); text-align:center; behavior:url(inc/pngbehavior.htc);}

/********** PAGE ELEMENTS **********/
#credit{width:100px; height:50px; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:16px; float:right;}
#copyright{width:940px; height:50px; margin:5px 5px 5px 40px; font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:16px; padding:0px;}
#googlemap {width:620px; height:200px; border:1px solid #000000; line-height:15px; float:left; margin:0px 0px 20px 0px;}
#mainimage {width:620px; height:350px; margin:0px; padding:0px;}
#facebook {width:304px; height:75px; margin:10px 5px 0px 0px; padding:0px; float:left;}
#links {width:618px; height:193px; padding:0px; margin:0px; float:left; text-align:center;}

/************** CONTACT FORM ************/
form#contact 	{margin:0px 0px 20px 0px; padding:5px; float:right; width:275px; background:#cccccc; 	border:none; font-family:"Trebuchet MS"; font-size:0.75em; font-weight:normal; color:#333333;}	
#contact label,#contact input {display:block; width:150px; float:left; margin-bottom:10px;}
#contact label {text-align:right; width:75px; padding-right:5px;}
#contact br {clear:left;}
#contact fieldset	{margin:0px 0px 10px 0px; position:relative; display:block; border:1px solid #ffffff; padding:0px 10px 10px 10px;} 
#contact legend	{color:#333333; font-variant:small-caps; padding:2px 5px; position:relative; font-family:"Trebuchet MS"; font-size:18px; line-height:17px; font-weight:bold;}
#contact span.state	{width:130px; float:left; text-align:right;}
#contact #zip {width:60px; margin-right:12px; float:left;}
#contact #zipname	{width:27px; margin-left:13px; float:left;}
#contact #comments	{display:block; width:240px; height:70px; margin-bottom:15px;}
textarea{overflow:auto;}
#contact #submit	{width:85px; height:32px; margin-left:90px;}
#contact .shhhh, .shhhh {display:none;}
div.floating-menu {position:fixed; width:311px; z-index:100;}
div.floating-menu a, div.floating-menu h3 {display:block; margin:0;}
.docbox {margin-left:10px; padding-left:10px; border-left:1px dashed #999;}

/* - - - - - MEMBERS ONLY LOGIN BOX - - - - - */
.login {margin:0 auto; margin-top:3em; padding:15px; border:1px solid #0064AF; width:430px; height:235px; background:#F1F3F5; color:#0064AF;}
.login h1 {background:url(/admin/images/login_header.png) no-repeat; background-position:left top; color:#0064AF; margin:0px; height:50px; padding:15px 4px 0 50px; text-align:left; font-size:1.5em;}
.login p {padding:0 1em 0 1em; color:#555;}
.login form {border:1px solid #ccc; background:#E9ECEF; padding:15px 10px 10px 10px;}
.login-form {text-align:left; float:right; width:60%;}
.login-text {text-align:left; width:40%; float:left; padding-top:20px;}
.inputlabel {font-weight:bold; text-align:left; display:block;}
.inputbox {width:150px; margin:0 0 .5em 0; padding:3px; border:1px solid #ccc;}
.login h1 {font:39px "Century Gothic", 'Lucida Grande', Verdana, Arial, Sans-Serif; color:#0064AF;}
.login-text img {text-align:center; margin:0 auto; display:block;}
.errorinfo {width:470px; padding:30px; background:#f3c5be; border-top:2px solid #990000; border-bottom:2px solid #990000; margin:0 auto; font:bold 16px/12px "Century Gothic", 'Lucida Grande', Verdana, Arial, Sans-Serif;}