body {
	font-family: "Times", serif;
	font-size: medium;
	background-position: center top;
	background-color: #000000;
	padding: 0;
}
#masterwrap {
	margin: 0 auto;
}
#header {
	margin: 0;
	padding: 0;
	background-image: url(../images/header.jpg) no-repeat center top;
}

#wrapper {
	background-image: url(../images/body_background.gif);
	background-repeat: repeat-y;
	background-position: center top;
	background-color: #e2741c;
	width: 1000px;
	margin: 0;
}
/*Top navigation bar styling*/
#topnav {
	width: 1000px;
	height: 81px;
	margin-top: -4px;
}

/* Target Firefox 2 */
#topnav, x:-moz-any-link {
margin-top: -6px;
}
/* Target IE */

#topnav {
	*margin-top: -4px;
	_margin-top: -5px;
}

#topnav ul {
	margin: 0; 
	padding: 0; 
	list-style-type: none;
}
#topnav li {
	float: left;
	display: block;
	}

#topnav li.home1{background:transparent url(../images/home_btn.jpg);}
#topnav li.forms1{background:transparent url(../images/forms_btn.jpg);}
#topnav li.choirs1{background:transparent url(../images/choirs_btn.jpg);}
#topnav li.charms1{background:transparent url(../images/charms_btn.jpg);}
#topnav li.calendar1{background:transparent url(../images/calendar_btn.jpg);}
#topnav a {display: block; width: 104px; padding-top: 81px; height: 0; text-decoration:none; overflow: hidden;}
	
	 html #topnav a:link, * html #topnav a:visited {height: 81px; he\ight:0;}

#topnav a#home {background:transparent url(../images/home_btn_hover.jpg) -104px -81px no-repeat;}
#topnav a#forms {background:transparent url(../images/forms_btn_hover.jpg) -104px -81px no-repeat;}
#topnav a#choirs {background:transparent url(../images/choirs_btn_hover.jpg) -104px -81px no-repeat;}
#topnav a#charms {background:transparent url(../images/charms_btn_hover.jpg) -104px -81px no-repeat;}
#topnav a#calendar {background:transparent url(../images/calendar_btn_hover.jpg) -104px -81px no-repeat;}

#topnav a#home:hover {background-position:top right; z-index:50;}
#topnav a#forms:hover{background-position:top right; z-index:50;}
#topnav a#choirs:hover {background-position:top right; z-index:50;}
#topnav a#charms:hover {background-position:top right; z-index:50;}
#topnav a#calendar:hover {background-position:top right; z-index:50;}
* html #topnav a:hover {height:81px; he\ight:0;}

#topnav li.homeactive {background:transparent url(../images/home_btn_active.jpg);}
#topnav li.formsactive {background:transparent url(../images/forms_btn_active.jpg);}
#topnav li.choirsactive {background:transparent url(../images/choirs_btn_active.jpg);}
#topnav li.charmsactive {background:transparent url(../images/charms_btn_active.jpg);}
#topnav li.calendaractive{background:transparent url(../images/calendar_btn_active.jpg);}
/*end top nav styling */

/*This is the styling for the main content on each page */
#content {
	margin-left: 50px;
	margin-right: 50px;
	text-align: left;
	padding-top: 10px;
}

 h1 {
	color: #01186c;
}	

 h2 {
	color: #000000;
	padding-top: 10px;
	font-style: oblique;
}
 h3 {
	color: #e2741c;
	padding-top: 10px;
	font-style: normal;
}
h4 a {
	text-decoration: none;
	color: #01186c;
	font-size: small;
}
li a {
	font-size: 1em;
	color: #e2741c;
	font-weight: bold;
	text-decoration: none;
}

img {
	border: none;
}

.he {
	width: 725px;
	background: url(../images/he_flyer.jpg) center no-repeat;
}
.he a.ticket-link {
	margin-left: 115px;
	color: #c00000;
	}
/*This is the styling for the right menu on each page*/
.menu_tabs {
	float:right;
	list-style:none;
	padding:15px 0 11px 0;
	margin:25px -30px 20px 10px;
	width: 160px;
	height: 180px;
	background:url(../images/menu_background.jpg) no-repeat;
}
.menu_tabs li {
	display:block;
	margin:5px 10px 4px 19px;
}
.menu_tabs li a {
	display:block;
	width: 142px;
	height: 27px;
	text-decoration: none;
	background:url(../images/tabs.png) right top;
	font-size: 16px; 
	text-align: left;
	color: #ffffff;
	line-height: 30px;
	text-indent: 20px;
}
.menu_tabs li a:hover {
	background:url(../images/tabs.png) right center;
	color: #01155d;
}
.menu_tabs a.selected, .menu_tabs li a.selected:hover {
	background:url(../images/tabs.png) right bottom; 
	color: #ffffff;
	cursor:default;
}
/*end right menu styling */

/*end right menu styling */
/*This is the styling for the blue menu buttons*/
.blue_button {
	padding:15px 0 0 0;
	margin:0px -40px 0 10px;
	width: 202px;
	height: 102px;
}
.blue_button li {
	display:block;
	list-style-type: none;
	margin:10px 10px 4px 15px;
}
.blue_button li a {
	display:block;
	list-style-type: none;
	width: 202px;
	height: 33px;
	text-decoration: none;
	background:url(../images/blue_button.png) top;
	font-size: 14px; 
	text-align: center;
	color: #ffffff;
	line-height: 33px;
	text-indent: 0px;
}
.blue_button li a:hover {
	background:url(../images/blue_button.png) center;
	color: #ffffff;
}
.blue_button a.selected, .blue_button li a.selected:hover {
	background:url(../images/blue_button.png) bottom; 
	color: #ffffff;
	cursor:default;
}
/* end styling for blue buttons*/


/*styling for the minipages */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/page_menu2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#hoverpage ul#outer li div p {font-size:14px; line-height:16px; margin:5px 35px 15px 0;}
#hoverpage ul#outer li div h2 {line-height:1em; color:#000000; font-size:1.5em; font-weight:normal; font-style: normal; margin-top:0; font-family:"times", serif;}
#hoverpage ul#outer li div h3 {line-height:1.2em; color:#01186c; font-size:1.2em; font-weight:normal; margin-top:0;}
#hoverpage ul#outer li div h3.clear {clear:left;}


#hoverpage {width:650px; height:450px; border:1px solid #aaa; background:#fff; position:relative; z-index:500; overflow:hidden; text-align:left;}
#hoverpage table {border-collapse:collapse; margin:-1px;}
#hoverpage ul#outer {background:transparent; padding:0; margin:0; list-style:none;}

#hoverpage ul#outer li.page {display:inline;} /* needed for IE to function correctly */

#hoverpage ul#outer li.page a.menuitem {text-decoration:none;}

#hoverpage ul#outer li.page i {position:absolute; display:block; height:25px; right:500px; background:transparent; cursor:default; z-index:100; text-align:right; text-decoration:none; color:#e2741c; font-style:normal; cursor:pointer;}

#hoverpage ul#outer li.p1 i {top:30px;}
#hoverpage ul#outer li.p2 i {top:55px;}
#hoverpage ul#outer li.p3 i {top:80px;}
#hoverpage ul#outer li.p4 i {top:105px;}
#hoverpage ul#outer li.p5 i {top:130px;}
#hoverpage ul#outer li.p6 i {top:155px;}


#hoverpage ul#outer li.page div {display:block; width:600px; height:400px; padding:25px; font-weight:normal; color:#444;}
#hoverpage ul#outer li.p1 div {background:#fff url(../images/page1_back.jpg);}
#hoverpage ul#outer li.p2 div {background:#fff url(../images/page2_back.jpg);}
#hoverpage ul#outer li.p3 div {background:#fff url(../images/page3_back.jpg);}
#hoverpage ul#outer li.p4 div {background:#fff url(../images/page4_back.jpg);}
#hoverpage ul#outer li.p5 div {background:#fff url(../images/page5_back.jpg);}
#hoverpage ul#outer li.p6 div {background:#fff url(../images/page2_back.jpg);}


#hoverpage ul#outer li div img {border:1px solid #888; float:right; margin:0 15px 5px 0;}
#hoverpage ul#outer li div img.content_photo {border:1px solid #888; text-align: center; margin:0 80px 20px 20px;}
#hoverpage ul#outer li div p.big {line-height:1em; color:#004; font-size:1.5em;}
#hoverpage ul#outer li div a, #hoverpage ul#outer li div a:visited {color:#00c; text-decoration:underline;}
#hoverpage ul#outer li div em {display:block; width:190px; height:230px; float:left; background:transparent url(../images/current.png) no-repeat; margin-right:10px;}

#hoverpage ul#outer li.p1 div em {background-position: 0px 0;}
#hoverpage ul#outer li.p2 div em {background-position: 0px 25px;}
#hoverpage ul#outer li.p3 div em {background-position: 0px 50px;}
#hoverpage ul#outer li.p4 div em {background-position: 0px 75px;}
#hoverpage ul#outer li.p5 div em {background-position: 0px 100px;}
#hoverpage ul#outer li.p6 div em {background-position: 0px 125px;}

#hoverpage ul#outer li.page div a:hover {text-decoration:none;}

#hoverpage ul#outer li.page a.menuitem:hover {white-space:normal;} /* for IE6 */

#hoverpage ul#outer :hover div {position:absolute; left:0; top:0;}
#hoverpage ul#outer a:hover i {color:#01186c; font-weight:bold;} /* for IE6 */
#hoverpage ul#outer :hover a i,
#hoverpage ul#outer :hover a:visited i
{color:#01186c; font-weight:bold;}

#hoverpage ul#outer div ul li {line-height:20px; font-size:0.7em; color:#e2741c; list-style-type:disc;}
#hoverpage ul#outer div ul li a,
#hoverpage ul#outer div ul li a:visited
{line-height:20px; font-size:0.7em; color:#01186c;}

#hoverpage ul#outer div dl dd {line-height:20px; font-size:1.1em; color:#448;}
#hoverpage ul#outer div dl dt {line-height:30px; font-size:1.3em; color:#333;}

#hoverpage ul#outer ul.blue_button {list-style-type:none; padding:15px 0 11px 0; margin:0px -40px 20px 10px;	width: 202px; height: 102px;}
#hoverpage ul#outer ul.blue_button li {display:block; list-style-type: none; margin:10px 10px 4px 15px;}
#hoverpage ul#outer ul.blue_button li a {display:block; width: 202px; height: 33px; text-decoration: none; background:url(../images/blue_button.png) top; font-size: 14px; text-align: center; color: #ffffff; line-height: 33px; text-indent: 0px;}
#hoverpage ul#outer ul.blue_button li a:hover {background:url(../images/blue_button.png) center; color: #ffffff;}
#hoverpage ul#outer ul.blue_button a.selected, .blue_button li a.selected:hover {background:url(../images/blue_button.png) bottom;  color: #ffffff; cursor:default;}

#hoverpage table {
	margin:0;
	padding: 0;
}
#hoverpage table.links th{
	color: #01186c;
	padding-top: 20px;
	font-style: bold;
	}

#hoverpage td {
	font-size: 0.9em;
	text-decoration: none;
}
#hoverpage td a {
	text-decoration: none;}
/*end styling for minipages */

table.region{
	margin:0;
	padding:0;
}
table.region th {
	background-color:#c8cfe9;
	border:1px solid #01186c;
}

table.choir_fees{
	margin:0;
	padding:0;
}
table.choir_fees th {
	background-color:#c8cfe9;
	border:1px solid #01186c;
}
table.choir_fees tr {
	border-bottom: 1px solid #01186c;
}

img.float-left {
	margin: 15px;
	float: left;
}
.float_right {
	float: right;
	margin: 10px 35px 0 0;
}
ul.sitemap_main a {
	text-decoration: none;
	color: #01155d;
	font-weight: bold;
}
ul.sitemap_main a:visited {
	text-decoration: none;
	color: #e2741c;
	font-weight: normal;
}
ul.sitemapSecondary a {
	text-decoration: none;
	color: #01155d;
	font-weight: bold;
}
ul.sitemapSecondary a:visited {
	text-decoration: none;
	color: #e2741c;
	font-weight: normal;
}
p.footer {
	font-size: small;
	color: #e2741c;
	float: left;
	text-align: left;
	margin-top: 80px;
	margin-left: 10px;
}
p.contact {
	font-size: small;
	color: #e2741c;
	float: right;
	margin-right: 10px;
	margin-top: 85px;
}
p.contact a {
	text-decoration: none;
	color: #666666;
}

/*--------------Contact Form Styling------------------------*/

fieldset {
	float: left;
	clear: left;
	width: 720px;
	margin: 1em 0 1em 1em;
	padding: 0 0 1em 0;
	border: 1px solid #000000;
	background-image: url(../images/music_note_flattened.jpg);
	font-size: 0.9em;
}

*fieldset {
	font-size: 1em;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

hr {
	width: 680px;
}
legend {
	margin-left: 1em;
	color: #000000;
	font-weight: bold;
}

fieldset ol {
	padding: 1em 1em 0 1em;
	list-style: none;
}
*fieldset ol {
	padding: 0 0 0 0;
	list-style: none;
}
*fieldset li {
padding-bottom: 0;
}
fieldset li {
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 1em;
}
fieldset.submit {
	float: none;
	width: auto;
	border: 0 none #fff;
	padding-top: 1em;
	padding-left: 0;
	background-image: none;
}
label {
	position: relative;
	float: left;
	width: 12em;
	margin-right: 1em;
	text-align: right;
}
label em {
	left: 12em;
	position: absolute;
	top: -.2em;
}
  
fieldset.left {
	position: relative;
	float: left;
	width: 350px;
	margin: 0 1em 0 1em;
	padding: 0 0 1em 0;
	border: 1px solid #000000;
	background-image: url(../images/gradient.jpg);
	background-repeat: repeat-x;
}
*fieldset.left {
	float: left;
	width: 350px;
	margin: 0 0 0 0;
	padding: 0 0 1em 0;
	border: 1px solid #000000;
	background-image: none;
}
fieldset.left legend {
	margin-left: 1em;
	color: #000000;
	font-weight: bold;
}
fieldset.left ol {
	padding: 1em 1em 0 13em;
	left: 11em;
	list-style: none;
}
*fieldset.left ol {
	padding: 1em 1em 0 9em;
	list-style: none;
}
fieldset.left li {
	float: left;
	clear: left;
	width: 100px;
	padding-bottom: 1em;
}
*fieldset.left li {
		padding-bottom: 0;
}
fieldset.left label {
	position: absolute;
	padding: .8em 0 0 0;
	left: -15em;
	float: left;
	width: 100%;
	text-align: right;
}
*fieldset.left label {
	position: absolute;
	float: left;
	width: 100%;
	margin-right: 1em;
	margin-top: -.5em;
	margin-left: 4em;
	text-align: right;
}
fieldset.left label em {
	left: 26.8em;
	position: absolute;
	top: 0.3em;
}
*fieldset.left label em {
	left: 21.5em;
	top: 0.4em;
}
fieldset.right{
	position: relative;
	float: right;
	width: 300px;
	margin: -17em 0 0 0;
	padding: 0 0 1em 0;
	border: 1px solid #000000;
	background-image: url(../images/gradient.jpg);
	background-repeat: repeat-x;
}
*fieldset.right{
	position: absolute;
	float: right;
	clear: left;
	width: 300px;
	top: 62.5em;
	margin: 0 3em 0 1em;
	padding: 1em 0 1em 0;
	border: 1px solid #000000;
	background-image: none;
}

fieldset.right legend {
	margin-left: 1em;
	color: #000000;
	font-weight: bold;
}
fieldset.right ol {
	padding: 1em 1em 0 11em;
	list-style: none;
}
/*---------target Safari/Google Chrome --------------------*/
@media screen and (-webkit-min-device-pixel-ratio:0){
fieldset.right ol {padding: 1em 1em 0 10em;}
}

*fieldset.right ol {
	padding: 1em 1em 0 6em;
	list-style: none;
}

fieldset.right li {
	float: left;
	clear: left;
	width: 50%;
	left: 15em;
	padding-bottom: 1em;
}
*fieldset.right li {
		padding-bottom: 0;
}


/*----------target Opera-----------------------------------*/
@media all and (resolution = 0dpi) { /* exclude Opera 10.50 and higher*/
  :root fieldset.right li { 
    left: -15em;
  }
}

fieldset.right label {
	position: absolute;
	float: left;
	width: 100%;
	margin-right: 1em;
	margin-top: .3em;
	margin-left: -24.5em;
	text-align: right;
}
*fieldset.right label {
	position: absolute;
	float: left;
	width: 100%;
	margin-right: 1em;
	margin-top: 0.5em;
	margin-left: -20em;
}
/*---------target Safari/Google Chrome --------------------*/
@media screen and (-webkit-min-device-pixel-ratio:0){
fieldset.right label {left: 10.5em;}
}
fieldset.right label em {
	left: 23.5em;
	top: -.6em;
}
*fieldset.right label em {
	left: 19em;
	position: absolute;
	top: -.2em;
}
/*---------target Safari/Google Chrome --------------------*/
@media screen and (-webkit-min-device-pixel-ratio:0){
fieldset.right label em {left: 23em;}
}
fieldset.waiver {
	float: left;
	clear: left;
	width: 720px;
	margin: 1em 0 0 1em;
	padding: 0 0 1em 0;
	border: 1px solid #000000;
	background-image: url(../images/gradient.jpg);
	background-repeat: repeat-x;
	font-size: 0.9em;
}
*fieldset.waiver {
	float: left;
	clear: left;
	width: 720px;
	margin: 1em 0 0 0;
	padding: 0 0 1em 0;
	border: 1px solid #000000;
	background-image: url(../images/gradient.jpg);
	background-repeat: repeat-x;
	font-size: 0.9em;
}

/*---------target Safari/Google Chrome --------------------*/
@media screen and (-webkit-min-device-pixel-ratio:0){
fieldset.waiver  {	
	float: left;
	clear: left;
	width: 650px;
	margin: 1em 0 0 2em;
	padding: 1em 0 1em 0;
	border: 1px solid #000000;
	background-image: url(../images/gradient.jpg);
	font-size: 0.9em;
}
}
/*--------------End Contact Form Styling------------------------*/
#footer {
	height: 112px;
	width: 1000px;
	background-image: url(../images/footer.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
}
div#breadcrumbs {
	text-align: left;
	margin-left: 50px;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-right: 50px;
	font-size: small;
	font-stretch: condensed;
}
div#breadcrumbs a{
	margin-right: 10px;
	color: #061944;
	text-decoration: none;
	font-size: small;
}
div#breadcrumbs  a:link {
	color: #061944;
	text-decoration: none;
	font-size: small;
}
 div#breadcrumbs  a:visited {
	color: #b6b6b6;
	text-decoration: none;
	font-size: small;
}
div#breadcrumbs  a:hover {
	color: #e2741c;
}
div.clear {
	clear: both;
}
/* Removes default top margin from left/right column paragraphs in Mozilla */
div > p {
  margin-top: 0;
}