body
{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000000;
}

#bodycell
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding: 25px;
	line-height: 18px;
}

#bodycell a
{
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}

#bodycell a:hover
{
	color: #000000;
	text-decoration: underline;
}

#formcell
{
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	padding-left: 10px;
	background-color: #990000;
	border-bottom: 2px dotted #999999;
	vertical-align: top;
}

#formcell select
{
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000066;
}

#formcell input
{
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000066;
}

#formcell2
{
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	padding-left: 30px;
	background-color: #990000;
	vertical-align: top;
}

#formcell2 select
{
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000066;
}

#formcell2 input
{
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000066;
}

#newsContainer
{
	font-size: 12px;
	padding: 10px;
}

#newsContainer a
{
	text-decoration: underline;
	color: #FFFFFF;
}

#newsContainer .desc
{
	font-size: 11px;
}

#newsCell
{
	background-color: #990000;
	color: #FFFFFF;
	border-right: 3px solid #FFFFFF;
	padding: 0px;
}

.sidehead
{
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
	height: 20px;
	background-color: #990000;
}

.sidehead a
{
	color: #FFFFFF;
	text-decoration: none;
}

.sidebody
{
	color: #333333;
	vertical-align: top;
	padding-left: 20px;
	font-size: 12px;
	background-color: #EEEEEE;
}

.sidebody li
{
	list-style: none;
	padding-left: 0px;
	padding-bottom: 8px;
	line-height: 13px;
}

.sidebody ul
{
	margin: 0px;
	padding: 12px 0px 6px 0px;
}

.sidebody a:link, .sidebody a:visited
{
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}

.sidebody a:hover, .sidebody a:active
{
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}

#sidenav
{
	background-color: #EEEEEE;
	font-size: 11px;
	text-align: left;
}

#sidenav li
{
	list-style: none;
	line-height: 16px;
	text-align: left;
}

#sidenav a
{
	text-decoration: none;
	color: #000000;
}

#sidenav a:hover
{
	color: #CC0000;
}

.topnav
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #000000;
	text-align: center;
	vertical-align: middle;
	color: #FFFFFF;
	line-height: 18px;
	width: 20%;
}

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

.topnav a:hover, .topnav a:active
{
	color: #CCCCCC;
	text-decoration: underline;
}

#footer
{
	color: #FFFFFF;
	font-size: 11px;
	letter-spacing: 2px;
}

#footer2
{
	color: #FFFFFF;
	font-size: 11px;
	letter-spacing: 2px;
	background-color:#990000;

}

#leftside
{
	font-size: 12px;
	border-right: 1px solid #999999;
}
#leftside h1 {font-size: 24px; font-weight: normal}

.eventtime
{
	font-size: 10px;
	color: #666666;
	display: block;
}

.eventname
{
	font-size: 11px;
	color: #333333;
	display: block;
}

.eventchoir
{
	font-size: 10px;
	color: #666666;
	display: block;
}

.redhead
{
	color: #990000;
}

p.forminstructions
{
	font-size: 90%;
	color: #333;
	margin: 0px;
	padding: 0px;
	width: 300px;
}

/*
em
{
	background-color: #FF9;
	font-style: normal;
	padding-right: .5ex;
	padding-left: .5ex;
}
*/

h3
{
	margin: 1em 0 0 0;
	padding: 0px;
}

select.forms, input.forms
{
	width: 145px;
	font-size: .9em;
	line-height: 1.4em;
	text-align: center;
}

select.forms option
{
	text-align: left;
	border-color: #CCC;
	border-width: 2px;
	border-style: outset;
}

select.forms option:hover
{
	text-align: left;
	border-color: #666;
	border-width: 2px;
	border-style: inset;
	font-size: 1.2em;
	font-weight: bold;
}

.floatright
{
	float: right;
	clear: none;
}

.paddedleft
{
	padding-left: 1.5em;
}

a:link img, a:visited img
{
	border: 0;
}

ul#latestnews
{
	margin: 0px;
	padding: 0 1em 1em 1em;
	list-style: none;
}

ul#latestnews li
{
	font-size: .8em;
	margin-bottom: .5em;
}

.style8 {color: #FFFFFF}
.style10 {font-size: 11px}

ul#latestnews li a:link, ul#latestnews li a:visited
{
	color: #000 !important;
}

ul.downloads
{
	margin: 0px;
	padding: 0px;
}
ul.downloads li
{
	list-style: none;
	margin: 0px;
	padding: 2px;
}

#choirjump
{
	width: 180px !important;
}


/* from newnav.css */

#links {
    background:#000000 repeat-x;
    font-size:9px;
    font-family:verdana,sans-serif;
    font-weight:bold;
    width:99.9%;
    }
#links, #links ul {
    float:left;
    list-style:none;
    line-height:20px;
    padding:0;
    border:1px solid #aaa;
    margin:0;
    width:99.9%;
    }
#links a {
    display:block;
    color:#ffffff;
    text-decoration:none;
    padding:0px 10px;
    }
#links li {
    float:left;
    padding:0;
	width:19.9%;
    }
#links ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:199px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #666666;
    }
#links li li {
    width:199px;
    border-bottom:1px solid #666666;
    border-left:1px solid #666666;
    border-right:1px solid #666666;
    font-weight:bold;
    font-family:verdana,sans-serif;
    }
#links li li a {
    padding:4px 10px;
    width:233px;
    font-size:9px;
    color:#ffffff;
    }
#links li ul ul {
    margin:-21px 0 0 100px;
    }
#links li li:hover {
    background:#666666;
    }
#links li ul li:hover a, #links li ul li li:hover a, #links li ul li li li:hover a, #links li ul li li li:hover a {
    color:#cc0000;
    }
#links li:hover a, #nav li.sfhover a {
    color:#cc0000;
    }
#links li:hover li a, #links li li:hover li a, #links li li li:hover li a, #links li li li li:hover li a {
    color:#ffffff;
    }

#links li:hover, #links li.sfhover {
    background:#666666;
    }

#links li:hover ul ul, #links li:hover ul ul ul, #links li:hover ul ul ul ul, #links li.sfhover ul ul, #links li.sfhover ul ul ul, #links li.sfhover ul ul ul ul {
	left: -999em;
}

#links li:hover ul, #links li li:hover ul, #links li li li:hover ul, #links li li li li:hover ul, #links li.sfhover ul, #links li li.sfhover ul, #links li li li.sfhover ul, #links li li li li.sfhover ul {
	left: auto;
	background:#000000;
}


/* from inline */

#firstname, #lastname, #email
	{
		width: 145px;
		border: 1px solid silver;
		display: block;
		margin: 0px 3px !important;
		padding: 2px;
		float: left;
		clear: both;
	}
	
	fieldset.newsletter
	{
		display: block;
		margin: 0px;
		padding: 0px;
		border: 0px;
		float: left;
		clear: both;
		width: 150px;
	}
	
	.summerfest
	{
		display: block;
		width: 449;
		height: 207px;
		background-image: url(/promo_summer_1.png);
		background-repeat: no-repeat;
	}
	
	.summerfestdownload
	{
		display: block;
		width: 438;
		height: 156;
		background-image: url(/promo_summer_download.png);
		background-repeat: no-repeat;
		margin-bottom: 40px;
	}
	
	
	
	/* for donor stories */
	
	.donorright, .donorleft {width: 220px; background-color: #eeeeee}
.donorright img, .donorleft img {}
.donorright p, .donorleft p {clear: both; font-size: 10px; margin: 0; padding: 10px}
.donorright {float: right; margin: 15px 0 20px 20px}
.donorleft {float: left; margin: 15px 20px 20px 0}
p.glance {margin: 2px 0}


.donorstories {clear: both; height: 120px}
.donorstories img {width: 120px; height: 100px; position: absolute}
.donorstories p {position: absolute; width: 325px; padding: 20px 20px 0 135px; font-size: 14px; font-weight: bold; font-family: arial, helvetica, sans-serif}


/* for comparison chart */
.compare_chart_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color:#FFFFFF;
	text-align:center;
}

.compare_chart_text_resultlabeltop {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color:#ffffff;
	background-color:#990000;
	text-align:center;
	border-bottom: 1px dotted #CCC;
}

.compare_chart_text_resultlabelside {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	background-color:#660000;
	border-bottom: 1px dotted #CCC;	
}

.compare_chart_highlighted_row {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	background-color:#eeeeee;
	text-align:left;
	border-bottom: 1px dotted #CCC;	
}

.compare_chart_nonhighlighted_row {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-align:left;
	font-color: #000000;
	border-bottom: 1px dotted #CCC;
}


.compare_chart_nonhhighlighted_checkmarks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight:bold;
	text-align:center;
	border-bottom: 1px dotted #CCC;
	
}

.compare_chart_highlighted_checkmarks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight:bold;
	text-align:center;
	border-bottom: 1px dotted #CCC;
	background-color:#eeeeee;
}

#calcChart {
	margin-bottom: 20px;
}
#calcChart th {
	text-align: left;
}
#calcChart td {
	padding: 1px;
	vertical-align: top;
}

input.chartbtn {
  color:#000000;
  font: Verdana, Arial, Helvetica, sans-serif;
  background-color: #eeeeee;
  border: 1px dotted #CCC;
  border-color: #CCC;
  filter:progid:DXImageTransform.Microsoft.Gradient
  (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#E3E8F1');
}

input.chartbtnhov {
  border-color: #CCC;
  color:#ffffff;
  background-color: #990000;
  border: 1px dotted #CCC;
  border-color: #CCC;
  filter:progid:DXImageTransform.Microsoft.Gradient
  (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#E3E8F1');
}
#pageContent a:link, #pageContent a:active, #pageContent a:visited {
	font-size: 12px;
	color: #325CA5;
	text-decoration: none;
}
#pageContent a:hover {
	font-size: 12px;
	color: #09F;
}


/* for pentera nav */


#nav ul {width: 160px; margin: 0; padding: 0; list-style: none}
#nav ul li {display: block; margin: 0; padding: 0; width: 160px}
#nav ul li.heading {width: 160px; _width: 160px; padding: 6px 0px}
#nav ul li a {
	display: block;
	width: 160px;
	padding: 6px 0px;
color: #ffffff;
text-decoration: none;
	position: relative;
	cursor: pointer;

}
#nav ul li ul {position: absolute; left: -999em; height: auto; margin: 0; padding: 1px; border: 1px solid #000000; background-color: #ffffff}
#nav ul li ul li {width: 150px; clear: left; background-color: #ffffff}
#nav ul li ul li a {
	display: block;
	width: 148px;
	padding: 6px 6px;

	position: relative;

}


}
#nav ul li ul li ul {}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto; margin: -48px 0 0 -160px;}
#nav li:hover ul.compare, #nav li.sfhover ul.compare {margin-top: -35px}
#nav li:hover ul.one, #nav li.sfhover ul.one {margin-top: -22px}
#nav li:hover ul.two, #nav li.sfhover ul.two {margin-top: -25px}
#nav li:hover ul.three, #nav li.sfhover ul.three {margin-top: -40px}
#nav li:hover ul.four, #nav li.sfhover ul.four {margin-top: -60px}
#nav li:hover ul.five, #nav li.sfhover ul.five {margin-top: -25px}
#nav li:hover ul.six, #nav li.sfhover ul.six {margin-top: -28px}
#nav li:hover ul.seven, #nav li.sfhover ul.seven {margin-top: -25px}
#nav ul {z-index: 1001}
#nav ul ul {z-index: 1002}
#nav ul ul ul {z-index: 1003}

/* menu style */
#nav ul {font-family: arial, helvetica, sans-serif; font-size: 11px} /* nav font */
#nav ul li.heading { font-size:12px;  font-weight: bold} /* nav headings */
#nav ul li:hover.heading {color: #ffffff}
#nav ul li a {font-size:11px; } /* nav font color */
#nav ul li a:hover, #nav li:hover, #nav li.sfhover, #nav li li:hover, #nav li li.sfhover {
	font-size:11px;
	/*background-color: #D6DBEB;*/
	color: #000
} /* nav background and font color on hover */
#nav ul li ul {} /* submenu border color */
#nav ul li ul li a, #nav li:hover li a, #nav li.sfhover li a, #nav li:hover li:hover li a, #nav li.sfhover li.sfhover li a {
	font-size:11px;
	/*background-color: #c7ccee3;*/
	
} /* submenu link color */
#nav li:hover a, #nav li.sfhover a, #nav li:hover li:hover a, #nav li.sfhover li.sfhover a, #nav li:hover li:hover li:hover a, #nav li.sfhover li.sfhover li.sfhover a {color: #000000 !important} /* submenu link color on hover */
#nav ul li ul li {
	/*background-color: #00F;*/
} /* submenu background color */

#nav li li a:hover, #nav li:hover li:hover a, #nav li.sfhover li.sfhover a {color: #990000 !important}



/*  */

#leftside {width: 657px; padding: 0 25px 30px 15px}
#newsCell {width: 190px; padding: 10px 0 30px 10px; border-right: 3px solid #ffffff}

.actions {width: 657px; border-bottom: 1px solid #dddddd}
.actions td {width: 164px; text-align: center; padding: 5px 0}



.multi-feature {
	background-image:url("../images/three-col_bg.gif");
	margin-bottom:20px;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	padding-bottom:15px;
	padding-top: 0;
	padding-left: auto;
	padding-right: auto;
	width: 575px;
}

	.multi-feature h3 {
		color: #243e94;
		font: bold 12px/12px arial, sans-serif;
		margin: 5px 0;
		line-height: auto;
	}
	
	.multi-feature img {
		margin-bottom: 10px;
	}
	
	.multi-feature ul {
		margin: 15px 0 0 0; padding: 0
	}
	
		.multi-feature li {
			display: inline;
			float:left;
			margin-top:0;
			padding-left:16px;
			padding-right:20px;
			padding-top:0;
			width:154px;
		}
		
		* html .multi-feature li {
			padding-left: 10px;
			padding-right: 10px;
		}
	
	.multi-feature p {
		margin: 0 0 8px;
	}
	
	
	
	
	
	
	
.donorright, .donorleft {width: 220px; background-color: #eeeeee}
.donorright img, .donorleft img {}
.donorright p, .donorleft p {clear: both; font-size: 10px; margin: 0; padding: 10px}
.donorright {float: right; margin: 15px 0 20px 20px}
.donorleft {float: left; margin: 15px 20px 20px 0}
p.glance {margin: 2px 0}


.donorstories {clear: both; height: 120px}
.donorstories img {width: 120px; height: 100px; position: absolute; padding: 5px !important; border: 1px solid #dddddd !important; border-right: 3px solid #dddddd !important; border-bottom: 3px solid #dddddd !important}
.donorstories p {position: absolute; width: 455px; padding: 20px 20px 0 145px; font-size: 14px; font-weight: bold; font-family: arial, helvetica, sans-serif}

p.first {font-size: 16px; padding: 10px}

#calcChart td p {margin: 0}

.donorpic {float: left; margin: 0 5px 5px 0;padding: 3px; border: 1px solid #ccc; border-right: 3px solid #ccc; border-bottom: 3px solid #ccc; text-decoration: none}
.donorpiccaption {float: right; width: 135px; margin: 0 0 20px 20px; font-size: 10px}
.donorpiccaption img {padding: 5px; border: 1px solid #dddddd; border-right: 3px solid #dddddd; border-bottom: 3px solid #dddddd}
#nav ul li.navsubhead { margin-left: 15px; }
.faq {
	border: 1px dotted #000;
	padding: 10px;
	margin: 10px 0 15px 0;
	background-color: #EBF3FF;
}
.photoCap {
	float: left;
	width: 160px;
	margin: 0 20px 10px 0;
	font-size: 12px;
	font-style: italic;
	color: #8F8F8F;
}