/* --------------------------------------------------
Yo
Author: Janelle McCoy | janelle @ mcchorus.org | www.philachorus.org
Date: July 2010
----------------------------------------------------- */

body { background-color: #333333; margin: 5px 0px 15px 0px; scrollbar-base-color: #333333; scrollbar-arrow-color: #ffffff; }

A:link { color: #333399; text-decoration: underline; }
A:visited { color: #333399; text-decoration: underline; }
A:hover { color: #3333cc; text-decoration: underline; }
A:active {
	color: #000000;
	text-decoration: underline;
	background-color: #cccccc;
}

.pnchome { color: #f6f1ed; font-size: 10px; line-height: 12px; font-family: arial, helvetica, sans-serif; }

.home { width: 730px; padding-top: 15px; padding-bottom: 15px; text-align: left; color: #ffffff; }
.homenewscopy {
	padding: 6px;
	text-align: left;
	color: #003;
	font-size: 11.5px;
	font-family: arial, helvetica, sans-serif;
}
.homedatewhite { color: #ffffff; padding: 2px; text-align: center; font-size: 11px; font-family: arial, helvetica, sans-serif; }
.homedateblack {
	color: #000000;
	padding: 2px;
	text-align: center;
	font-size: 11px;
	font-family: arial, helvetica, sans-serif;
	font-weight: 800;
}
.homedatesea {
	color: #000000;
	padding: 2px;
	text-align: left;
	font-size: 11px;
	font-family: arial, helvetica, sans-serif;
	font-weight: 500;
}
.homenews:link {
	color: #066;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
.homenews:visited {
	color: #033;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
.homenews:hover { color: #000000; background-color: #ffffff; text-decoration: none; }
.homenews:active {
	color: #033;
	background-color: #FFFFFF;
	text-decoration: none;
}

.leftcopy {
	background-color: #ffffff;
	padding: 10px;
	color: #033;
	font-size: 11px;
	font-family: arial, helvetica, sans-serif;
}
.left:link { padding-left: 1px; padding-right: 1px; color: #ffffff; text-decoration: none; }
.left:visited { padding-left: 1px; padding-right: 1px; color: #ffffff; text-decoration: none; }
.left:hover { padding-left: 1px; padding-right: 1px; color: #000000; background-color: #f6f1ed; text-decoration: none; }
.left:active { padding-left: 1px; padding-right: 1px; color: #000000; background-color: #f6f1ed; text-decoration: none; }

.redcopy {
	background-color: #FFFFFF;
	padding: 10px;
	color: #f6f1ed;
	font-size: 12px;
	line-height: 16px;
	font-family: arial, helvetica, sans-serif;
}
.red:link { padding-left: 1px; padding-right: 1px; color: #ffffff; text-decoration: underline; }
.red:visited { padding-left: 1px; padding-right: 1px; color: #ffffff; text-decoration: underline; }
.red:hover {
	padding-left: 1px;
	padding-right: 1px;
	color: #006;
	background-color: #f6f1ed;
	text-decoration: underline;
}
.red:active {
	padding-left: 1px;
	padding-right: 1px;
	color: #006;
	background-color: #f6f1ed;
	text-decoration: underline;
}

.rightcopy {
	background-color: #003;
	color: #ffffff;
	font-size: 11px;
	line-height: 14px;
	font-family: arial, helvetica, sans-serif;
}
.right:link { padding-left: 1px; padding-right: 1px; color: #ffffff; text-decoration: none; }
.right:visited { padding-left: 1px; padding-right: 1px; color: #ffffff; text-decoration: none; }
.right:hover { padding-left: 1px; padding-right: 1px; color: #000000; background-color: #f6f1ed; text-decoration: none; }
.right:active { padding-left: 1px; padding-right: 1px; color: #000000; background-color: #f6f1ed; text-decoration: none; }

.border {
	background-color: #30C;
}
.content { padding: 10px; background-color: #f6f1ed; }
.space { padding: 6px; }
.image { border: 1px solid #000000; }
.cal { width: 76px; height: 71px; padding: 2px; background-color: #e7dcd3; border: 1px solid #f6f1ed; color: #000000; font-size: 11px; line-height: 13px; font-family: arial, helvetica, sans-serif; }
.days { width: 76px; border: 1px solid #f6f1ed; }
.date { padding: 2px; background-color: #333333; color: #ffffff; font-size: 11px; font-weight: bold; font-family: arial, helvetica, sans-serif; }

.section {
	letter-spacing: 0.04em;
	color: #009;
	font-size: 10px;
	line-height: 12px;
	font-family: arial, helvetica, sans-serif;
	font-weight: 900;
}
.pagetitle { letter-spacing: .04em; color: #000000; font-size: 17px; font-weight: bold; line-height: 20px; font-family: arial, helvetica, sans-serif; }
.credits { padding: 1px; color: #000000; font-size: 11px; line-height: 14px; font-family: arial, helvetica, sans-serif; }
.extended {
	padding: 1px;
	font-weight: bold;
	color: #00C;
	font-size: 12px;
	line-height: 13px;
	font-family: arial, helvetica, sans-serif;
}
.big {
	color: #006;
	font-size: 15px;
	font-weight: bold;
	line-height: 18px;
	font-family: arial, helvetica, sans-serif;
}
.bigwhite { color: #ffffff; font-size: 15px; font-weight: bold; line-height: 18px; font-family: arial, helvetica, sans-serif; }
p {
	color: #000000;
	font-size: 12px;
	line-height: 16px;
	font-family: arial, helvetica, sans-serif;
}
.reg { color: #000000; font-size: 12px; line-height: 16px; font-family: arial, helvetica, sans-serif; }
.small { color: #000000; font-size: 11px; line-height: 14px; font-family: arial, helvetica, sans-serif; }
.tiny { color: #ffffff; font-size: 10px; line-height: 12px; font-family: arial, helvetica, sans-serif; }
ul { color: #000000; font-size: 11px; line-height: 12px; font-family: arial, helvetica, sans-serif; }
li { color: #000000; font-size: 11px; line-height: 12px; font-family: arial, helvetica, sans-serif; }
.box { padding: 5px; background-color: #e7dcd3; border: 1px solid #000000; color: #000000; font-size: 12px; line-height: 16px; font-family: arial, helvetica, sans-serif; }
.boxsmall { padding: 4px; background-color: #e7dcd3; border: 1px solid #000000; color: #000000; font-size: 11px; line-height: 14px; font-family: arial, helvetica, sans-serif; }
.popup { padding: 10px; background-color: #f6f1ed; border: 5px solid #990000; color: #000000; font-size: 12px; line-height: 16px; font-family: arial, helvetica, sans-serif; }

.slideshowhead { padding-left: 5px; color: #ffffff; font-size: 14px; line-height: 18px; font-weight: bold; font-family: arial, helvetica, sans-serif; }
.slideshow { background-color: #ffffff; padding: 5px; font-size: 11px; line-height: 14px; font-family: arial, helvetica, sans-serif; }
.req {
	color: #009;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	font-family: arial, helvetica, sans-serif;
}
.indent { padding-left: 8px; padding-right: 8px; color: #000000; font-size: 12px; line-height: 16px; font-family: arial, helvetica, sans-serif; }

form { margin: 0; padding: 0; }
.form { background-color: #ffffff; border: 1px solid #e7dcd3; padding-left: 2px; color: #000000; font-size: 11px; font-family: arial, helvetica, sans-serif; }
.formhead {
	padding-left: 5px;
	background-color: #e7dcd3;
	color: #000000;
	letter-spacing: 0.05em;
	font-size: 12px;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
}
.formdonate { color: #000000; font-size: 11px; font-family: arial, helvetica, sans-serif; }

.footercopy {
	color: #f6f1ed;
	font-size: 11px;
	line-height: inherit;
	font-family: arial, helvetica, sans-serif;
}
.footer:link { color: #cccccc; text-decoration: underline; }
.footer:visited { color: #333333; text-decoration: underline; }
.footer:hover { color: #000000; background-color: #f6f1ed; text-decoration: underline; }
.footer:active { color: #000000; background-color: #f6f1ed; text-decoration: underline; }

.search { width: 72px; height: 15px; color: #000000; background-color: #cc99ff; border: 1px solid #999999; padding-left: 2px; padding-top: 0px; padding-right: 2px; padding-bottom: 1px; font-size: 10px; font-family: arial,helvetica,sans-serif; }
.submit { color: #ffffff; background-color: #000000; font-size: 11px; font-weight: bold; font-family: arial, helvetica, sans-serif; }