@charset "utf-8";
/* CSS Document */
body {font: 62.5%/1.5 Myriad Web pro, Arial, Helvetica, sans-serif; background:#ffffff url(../images/background.jpg) no-repeat top; margin-top:0; margin-bottom:0;padding:0; color:#333; margin-left:auto; margin-right:auto; text-align:center; min-height:500px; position:relative; width:825px;}
p, h1, h2, h3, h4, h5, h6 {margin-top:0; margin-bottom:0:}
p {margin-bottom:8px; margin-top:8px;}
img {border:0}
hr {
	color: #FC3;background=color: #FC3;
}
#content {width:825px;font-size:1.3em; text-align:center;}
#logo {position:absolute;background:url(../images/logomc.png) no-repeat top; width:292px; height:195px;left:80px; top:20px;}
	#logo span{display:none;}
#logoarsvoce {position:absolute;background:url(../images/logoarsvoce.png) no-repeat top; width:292px; height:195px;left:80px; top:20px;}
	#logoarsvoce span{display:none;}
#logoboychoir {position:absolute;background:url(../images/logoboychoir.png) no-repeat top; width:292px; height:195px;left:80px; top:20px;}
	#logoboychoir span{display:none;}
#logocms {position:absolute;background:url(../images/logocms.png) no-repeat top; width:292px; height:195px;left:80px; top:20px;}
	#logocms span{display:none;}
#logocomchorus {position:absolute;background:url(../images/logocomchorus.png) no-repeat top; width:292px; height:195px;left:80px; top:20px;}
	#logocomchorus span{display:none;}
#logogirlschorus {
	position:absolute;
	width:292px;
	height:195px;
	left:80px;
	top:20px;
	background-image: url(../images/logogirlschorus.png);
	background-repeat: no-repeat;
	background-position: top;
}
	#logogirlschorus span{display:none;}
#logoimpact {position:absolute;background:url(../images/logoimpact.png) no-repeat top; width:292px; height:195px;left:80px; top:20px;}
	#logoimpact span{display:none;}
#logosymphony {position:absolute;background:url(../images/logosymphony.png) no-repeat top; width:292px; height:195px;left:80px; top:20px;}
	#logosymphony span{display:none;}
#logosojourner {position:absolute;background:url(../images/logosojourner.png) no-repeat top; width:292px; height:195px;left:80px; top:20px;}
	#logosojourner span{display:none;}
#media {position:absolute;width:430px; height:265px;left:395px; top:20px;} /*  background:#f0f0f0;moz-opacity:0.7; opacity:0.7;filter:alpha(opacity=70);}*/
#media2 {position:absolute;width:430px; height:265px;left:395px; top:20px;} /*  background:#f0f0f0;moz-opacity:0.7; opacity:0.7;filter:alpha(opacity=70);}*/
#navbar {background:url(../images/navbar.png) no-repeat top; width:825px; height:43px;position:relative;top:290px;font-size:1.0em;}
	#navbar a {text-decoration: none;padding:7px 15px;font-weight:normal; color:#000;position:relative;}
	#navbar a:hover {
	color:#FFFF9D;
	padding:7px 15px;
	font-weight:normal;
	margin-top:4px;
}
#maincontent {
	position:relative;
	top:280px;
	text-align:left;
}
a {font-weight:normal;color:#cc0000;text-decoration:none;}
a:hover {
	text-decoration:underline;
	color:#666;
}
.specials {border:2px dotted #ac9378; padding:4px; background:#f6f3f0}
	.specials strong {color:#900; font-size:1.2em;}
.nav {background: #fff;  border: 1px solid #000; border-bottom: 0px; color:#fff;width: 160px;}
	.nav .dropback {background:#fcc028;border-bottom: 1px solid #333;text-align: left;color:#000;vertical-align: middle;width:142px;height: 20px;white-space: nowrap; z-index: 3;}
	.nav .dropback a {width:100%;color:#000;text-decoration: none;padding:4px;width: 142px;display: block; z-index: 3;}
	.nav .dropback a:hover {color: #fff;padding:4px;background: #c00;width: 142px;display: block; z-index: 3;}
	.nav div {position: relative; background:#fcc028;border-bottom: 1px solid #333;text-align: left;color:#000;vertical-align: middle;width:150px;height: 20px;white-space: nowrap; z-index: 3; display:block;}
	.nav div a {width:100%;color:#000;text-decoration: none;padding:3px 4px;width: 142px;display: block; z-index: 3;}
	.nav div a:hover {color: #fff;padding:3px 4px;background: #c00;width: 142px;display: block; z-index: 3;border-bottom: 1px solid #333;}
	.nav div ul {position: absolute;left: -3000px;z-index:10; display:block; list-style:none; margin:0px; padding:0px;}
	.nav div:hover ul {top:0px; left:150px;z-index:10}
	.nav div:hover ul li{border-left: 1px solid #333;border-right: 1px solid #333;background: #fc9; list-style:none; height:20px; border-bottom:1px solid #333;}
	.nav div:hover ul li.top{border-top: 1px solid #333;}

#yellowbox {
	background: url(../images/orangeback.png) no-repeat;
	min-height:222px;
	height: 218px;
	color:#000;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;	
}
#yellowbox a{font-weight:normal;color:#cc0000;text-decoration:none;}
#yellowbox a:hover{font-weight:normal;color:#FFFF9D;text-decoration:none;}
#redbox {background: url(../images/redback.png) no-repeat; min-height:222px; height: 218px; padding:6px 10px 0px 10px; color:#fff;}
#redbox a{font-weight:normal;color:#ffcc66;text-decoration:none;}
#redbox a:hover{font-weight:normal;color:#FFFF9D;text-decoration:none;}
#bluebox {background: url(../images/blueback.png) no-repeat; min-height:222px; height: 218px; padding:6px 10px 0px 10px; color:#fff;}
#bluebox a{font-weight:normal;color:#ffcc66;text-decoration:none;}
#bluebox a:hover{font-weight:normal;color:#FFFF9D;text-decoration:none;}
#graybox {background: url(../images/grayback.png) no-repeat; min-height:222px; height: 218px; padding:6px 10px 0px 10px; color:#fff;}
#graybox a{font-weight:normal;color:#ffcc66;text-decoration:none;}
#graybox a:hover{font-weight:normal;color:#FFFF9D;text-decoration:none;}

.mainphotos {position:relative; top:4px; left:4px; float:left;}
.mainTxt {margin-top:4px; margin-left:140px; margin-right:6px; line-height:1.2;}
.mainHeader {font-size: 1.8em; color:#fff; text-transform:uppercase;}
.txtHeader {font-size: 1.8em; color:#000; text-transform:uppercase;}
.txtHeader a {font-weight:normal;color:#cc0000;text-decoration:none;}
.txtHeader2 {
	font-size: 1.5em;
	color: #000;
	text-transform: uppercase;
}
.txtHeader2 a{font-weight:normal;color:#cc0000;text-decoration:none;}
.caption a{font-weight:normal;color:#cc0000;text-decoration:none;}
.caption {font-size: 1.2em; color:#000; text-transform:uppercase;}
.caption a{font-weight:normal;color:#cc0000;text-decoration:none;}
.caption a:hover {text-decoration:underline;color:#666;}
.indent {margin-left:10px;}
.padded {
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.paddedgradient {padding:10px; background: url(../images/gradientback.png) no-repeat; min-height:525px;}
.paddedgradient a{font-weight:normal;color:#ffcc66;text-decoration:none;}
.paddedgradient a:hover{font-weight:normal;color:#FFFF9D;text-decoration:underline;}

#footer {background:url(../images/navbar.png) no-repeat top; width:825px; height:43px;font-size:1.0em; text-align:center; padding-top:5px;}

.red {color:#cc0000;}
.yellow {color:#ffcc66;}

#gradback {background: url(../images/gradienttile.png) repeat-y; width:292px; color:#fff;}
#whiteback {background: url(../images/whiteback.png) repeat-y; width:533px; max-width:533px;}
/*Accordion style*/
.Accordion {
	overflow: hidden;
}
.AccordionPanel {
	margin: 0px;
	padding: 0px;
}
.AccordionPanelTab {
	height: 20px;

	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	padding: 0px;
	margin: 0px;

}

/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	height: 500px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.AccordionPanelOpen .AccordionPanelTab {

}

.AccordionPanelTabHover {
	height: 20px;
	background-image: url(../SpryAssets/accordiontabhover..jpg);
	background-repeat: repeat-x;
}
.AccordionPanelOpen .AccordionPanelTabHover {

}

.AccordionFocused .AccordionPanelTab {


}

.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {

}