.red { color: #8b0304; }
.darkred { color: #5f080b; }
.darkgreen { color: #231f20; }
.dropshadow { /* 5,5,10 - 80 */ }
.concert {background-color: #060;}
.celebration {background-color: #006;}
.street {background-color: #555;}
.special {background-color: #999; color: #111; }
.worship {background-color: #600;}
.eventdate {
	font-weight: bold;
	font-size: 12pt;
	color: #5f080b;
	border-bottom: 1px dotted #8b0304;
}

* { margin: 0px }
body {
	background: url(/nimages/grungy_texture_grey.jpg) top right;
	font: 12px/15px Arial, Helvetica, sans-serif;
	color: #000;
}
a { color: #5f080b; }
a { color: #8b0304; }
#top { height: 165px; }
#topmenu {
	float: right;
}
#topmenu a {
	text-decoration: none;
	color: #8b0304;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	margin-top: 4px;
}
#topmenu a:hover {
	text-shadow: 0px 0px 8px #fff;
}
div.content .f_submit,
.regulardonate,
#topdonate {
	background: url(/nimages/redtransu.png);
	color: #fff;
	font: bold 14px/14px Arial, Helvetica, sans-serif;
	border: 0;
	cursor: pointer;
}
#mainmenu { 
	height: 28px;
	width: 507px;
	width: 634px;
/*	margin-right: 310px;*/
	background: url(/nimages/menubg.png) repeat-x;
}
#mainmenu .menu,
#mainmenu .menulb {
	float: left;
	color: #fff;
	font: bold 14px/14px Arial, Helvetica, sans-serif;
/*	padding: 3px 30px 3px 30px;*/
	padding-top: 6px;
	text-align: center;
	height: 22px;
	width: 126px;
	background: none;
}
#mainmenu .menulb { border-left: 1px solid #fff; }
#mainmenu .menu a, #mainmenu .menulb a { text-decoration: none; color: #fff; }
#mainmenu .activemenu, #mainmenu .menu:hover, #mainmenu .menulb:hover {
	background: url(/nimages/menusurround.png) top left no-repeat;
}

#topredbar { 
	position: absolute;
	top: 80px;
	height: 85px;
	width: 100%;
	background: url(/nimages/redtransu.png);
	color: #fff;
}
#topredbar p {
	color: #fff;
	font: bold 18px/20px "Times New Roman", Times, Georgia, serif;
	padding: 5px 0 15px 10px;
}
#upcomingout {
	position: absolute;
	top: 40px;
	right: 15px;
	width: 270px;
	background: #fff;
	padding: 1px;
	z-index: 90;
}
#upcomingin {
	width: 258px;
	background: #e1bebe;
	border: 6px solid #8b0304;
/*
	height: 27px;
	overflow: show;
*/
}
#upcomingin h1 {
	color: #b80304;
	font: bold 18px/18px "Times New Roman", Times, Georgia, serif;
	font-style: italic;
	padding: 5px 0 0 5px;
	border-bottom: 1px solid #fff;
	margin-bottom: 3px;
}
#upcominglist {
	background: #e1bebe;
	visibility: hidden;
	overflow: hidden;
	position: relative;
	color: #fff;
	height: 0;
}
#upcominglistexpanded {
	background: #e1bebe;
/*
	visibility: hidden;
	overflow: hidden;
*/
	position: relative;
	color: #fff;
/*	height: 0;*/
}
#upcominglistcontent {
	margin-top: 3px;
	padding: 3px 5px 10px 5px;
	position: relative;
	font: 12px/15px Arial, Helvetica, sans-serif;
	background: #d6a698 url(/nimages/upcomingbg.png) top left repeat-x;
}
#upcominglistcontent .evtitle a {
	text-decoration: none;
	font: bold 16px/18px Arial, Helvetica, sans-serif;
	color: #fff;
}
#upcominglistcontent td.evdate {
	width: 18%;
}
#upcominglistcontent td.evevent {
	width: 82%;
}
#showevents {
	position: absolute;
	top: 35px;
	right: 25px;
	z-index: 99;
}
#leftmenu {
/*	height: 273px;*/
	width: 167px;
	float: left;
/*	margin-right: 310px;*/
	background: url(/nimages/leftmenubg.png) top left no-repeat;
/*	border: 1px solid #8b0304;*/
	padding-left: 3px;
}
.leftmenusvc {
	background: url(/nimages/svcleftmenubg.png) top left no-repeat !important;
}
#leftmenu .dots {
	font: bold 16px/22px Arial, Helvetica, sans-serif;
	color: #8b0304;
	letter-spacing: 0.25em;
}

#leftmenu a {
	display: block;
	text-decoration: none;
	font: italic bold 16px/18px Arial, Helvetica, sans-serif;
	font: italic bold 14px/16px Arial, Helvetica, sans-serif;
	color: #231f20;
	padding-left: 10px;
}
#leftmenu .activemenu, #leftmenu .menu:hover, #leftmenu a:hover {
	text-shadow: 0px 0px 5px #fff;
}

h1#pagetitle {
	padding-top: 15px;
	margin-bottom: 10px;
	font: bold 18px/22px Arial, Helvetica, sans-serif;
	text-shadow: 3px 3px 5px #555;
}
h1#pagetitle:first-letter {
	font-size: 26px;
}
div.content p { margin-bottom: 1em; }
#HOMEleft {
	background: url(/nimages/jsbubble.png) top left no-repeat;
	float: left;
	width: 165px;
	height: 225px;
	position: relative;
	margin: 0;
	padding-top: 180px;
	text-align: center;
}
#HOMEcontent {
	position: relative;
	margin-left: 180px;
}
#OUTREACHcontent,
#INVOLVEMENTcontent,
#ABOUTcontent {
	position: relative;
	margin-left: 180px;
	margin-right: 300px;
/*	border: 1px dotted #8b0304;*/
}
.wideright { margin-right: 20px !important; }
#SERVICEScontent,
#CALENDARcontent {
	position: relative;
	margin-left: 180px;
	margin-right: 30px;
/*	border: 1px dotted #8b0304;*/
}
#SHOPcontent {
	position: relative;
	margin-left: 50px;
	margin-right: 50px;
}
div.content .dots {
	font: bold 16px/22px Arial, Helvetica, sans-serif;
	color: #fff;
	letter-spacing: 0.25em;
}
div#footer .dots {
	font: bold 12px/12px Arial, Helvetica, sans-serif;
	color: #8b0304;
	letter-spacing: 0.25em;
}
p.cw, p.cw a {
	font: 8pt/10pt arial, helvetica, sans-serif;
	text-decoration: none;
	text-align: left;
	margin: 1px;
	padding: 1px;
	color: #8b0304;
}

div.content h2 {
	font: bold 16px/22px Arial, Helvetica, sans-serif;
	border-bottom: 1px dotted #8b0304;
	margin-bottom: 5px;
	padding-bottom: 0;
	text-shadow: 2px 2px 5px #555;
}
div.content h3 {
	font: bold 14px/18px Arial, Helvetica, sans-serif;
	margin-top: 10px;
	padding-bottom: 0;
}
div.content h3 a {
	height: 16px;
	background: url(/nimages/smrightarrow.png) top right no-repeat;
	padding-left: 25px;
	padding-right: 25px;
	text-shadow: 2px 2px 4px #9b1314;
}
div.content h3 a:hover {
/*	text-shadow: 2px 2px 4px #555;*/
}
div.content dt {
	font-weight: bold;
	font-size: 105%;
}
div.content dt.inlist {
	margin-top: 1em;
}
div.content dd {
	margin-left: 10px;
}
div.content dl {
	margin-bottom: 1em;
}
div.content .f_text,
div.content textarea {
	border: 1px solid #8b0304;
	background: #bb3334;
	color: white;
}

/* Merch Page */
div.product {
	float: left;
	margin: 5px;
	padding: 5px;
	border: 1px dotted #8b0304;
	text-align: center;
}
/* div.product img { margin-bottom: 7em; } */
div.product img { height: 175px; margin: auto; }
div.productdesc {
/*	margin-top: -6em;*/
	height: 8em;
	text-align: left;
}

/* Sponsor Page */
div.affiliate {
	float: left;
	margin: 5px;
	padding: 5px;
	border: 1px dotted #8b0304;
	text-align: center;
}
div.affiliate img { height: 75px; margin: auto; }