body {
	margin: 0px;
	background: url("/images/bg-body.jpg") repeat-x #c2ba96;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
}

a {
	color: #002755;
}

a img {
	border: 0px;
}

h1, h2, h3, h4 {
	margin: 0px;
	padding: .4em 8px;
	line-height: 1.2em;
}
h1 {
	font-size: 29px;
}
h2 {
	font-size: 20px;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 16px;
}

p {
	margin: 0px;
	padding: .4em 8px;
	line-height: 1.2em;
}
p.More {
	text-align: right;
	margin-right: 2px;
}
p.More a {
	font-weight: bold;
	text-decoration: none;
	color: #002755;
}

a.Audio {
	padding-left: 25px;
	background: url("/images/icon-sound.png") no-repeat;
	padding-top: 2px;
}

.Clear {
	clear: left;
}

#Page {
	margin: auto;
	width: 800px;
}
#Page #Header,
#Page #Content,
#Page #Footer {
	float: left;
	width: 800px;
}

#Page #Header {
	height: 190px;
	background: url("/images/bg-header.jpg") no-repeat;
}
#Page #Header .Logo {
	float: left;
}
#Page .Menu {
	float: left;
	margin-top: 16px;
	_margin-top: 13px;
	border-top: 0px solid #FFF;
	border-bottom: 0px solid #FFF;
}
#Page #Header .Logo img {
	margin-left: 16px;
}
#Page #Content {
	background: url("/images/bg-content.jpg") repeat-y;
	padding-top: 5px;
	padding-bottom: 25px;
}
#Page #Content .Divider {
	margin: 5px 8px;
	height: 2px;
	background: url("/images/bg-divider.gif") repeat-x;
}
#Page #Content .Title {
	padding: 5px 8px;
	height: 36px;
}
#Page #Content .Title h1 {
	text-transform: uppercase;
	background: url("/images/bg-title-h1.jpg") repeat-x;
	font-family: "Times New Roman", Serif;
	font-size: 29px;
	line-height: 1em;
	padding: 3px 10px;
	padding-bottom: 4px;
	color: #002755;
}
#Page #Content #Banner {
	padding-bottom: 10px;
}
#Banner #Ministries {
	width: 160px;
	height: 229px;
	float: left;
	margin-left: 13px;
	_margin-left: 6px;
}
#Banner #Ministries ul {
	padding: 0px;
	margin: 0px;
}
#Banner #Ministries ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
}
#Banner #Ministries ul li a {
	padding: 0px;
	margin: 0px;
	display: block;
}

#Banner #Rotation {

}

#Page #Content #Main {
	float: left;
	width: 524px;
	margin-left: 8px;
	_margin-left: 4px;
}
#Page #Content #Side {
	float: left;
/*	USE IF SIDE NEEDS TO SPAN THE WHOLE WAY
	width: 345px;
	margin-left: 9px; */
	width: 250px;
	margin-left: 12px;
	
	width: 256px;
	margin-left: 6px;
	border-top: 0px solid #FFF;
}
#Main #Gallery,
#Main #Gallery object {
	z-index: 5;
}

#Main h3 {
	text-transform: uppercase;
}
#Main #Additional td {
	/*font-size: 18px;*/
	font-weight: bold;
}
#Main #Additional td a {
	color: #000;
	text-decoration: none;
}
#Main #Additional td span {
	font-weight: normal;
	/*font-size: 16px;*/
	color: #615e67;
}

#Side #Photo {
	padding-top: 5px;
	padding-bottom: 10px;
}

#Side h2 {
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
	color: #ECD03E;
}
#Side ul {
	border: 0px solid #FFF;
	margin: 0px;
	padding: 0px;
	padding-left: 30px;
}
#Side ul li {
	padding: 3px 0px;
	border: 0px solid #FFF;
	font-size: 13px;
	color: #FFF;
}
#Side ul li a {
	color: #FFF;
}
#Side ul li a:hover {
	color: #ECD03E;
}

#Side .Module {
	padding: 0px;
	background: url("/images/bg-side-module.jpg") repeat-y;
	margin-bottom: 10px;
	margin-left: 6px;
}
#Side .Module h2 {
	font-size: 16px;
	padding: 0px 15px;
	padding-bottom: 6px;
	font-weight: bold;
	color: #993333;
}
#Side .Module p {
	padding: 0px 15px;
	padding-bottom: .6em;
}
#Side .Module p a {
	color: #993333;
}
#Side .Module .ModuleTop {
	height: 12px;
	width: 100%;
	background: url("/images/bg-side-module-top.jpg") no-repeat;
	background-position: top left;
}
#Side .Module .ModuleBottom {
	height: 12px;
	width: 100%;
	background: url("/images/bg-side-module-bottom.jpg") no-repeat;
	background-position: bottom left;
}


#Side .Calendar {
	border: 10px solid #8C8C90;
	border-width: 5px 5px 5px 6px;
	background: #8c8c90;
}
#Side .Calendar th {
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	color: #FFF;
}
#Side .Calendar td {
	padding: 2px 7px;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	color: #FFF;
}
#Side .Calendar td.week {
	padding: 2px 6px;
	padding-right: 7px;
	padding-left: 1px;
}
#Side .Calendar td.active {
	background: #646464;
}
#Side .Calendar td a {
	background: #646464;
}

#Page #Footer {
	float: left;
	height: 145px;
	width: 800px;
	background: url("/images/bg-footer.jpg") no-repeat;
}
#Page #Footer .Logo {
	float: left;
	width: 450px;
}
#Page #Footer .Logo img {
	margin-left: 8px;
}
#Page #Footer #Info {
	float: left;
	width: 340px;
	padding-top: 0px;
}
#Page #Footer #Info td {
	padding: 2px 10px;
	font-size: 11px;
}
#Page #Footer #Info td,
#Page #Footer #Info td a {
	color: #FFF;
}


/************************************************/
/* CONTACT FORM STYLES                          */

#FormContact {
	width: 350px;
	margin-left: 10px;
}
#FormContact .Label {
	width: 100px;
}

/************************************************/
/* ERROR/MESSAGE STYLES                         */

.Error, .Message {
	font-size: 12px;
	margin: 10px 0px;
}

.Error {
	clear: left;
	padding: 4px 10px;
	background: #FFFFCC;
	border: 2px solid #CC0000;
}

.Message {
	clear: left;
	padding: 4px 10px;
	background: #FFFFCC;
	border: 2px solid #153E73;
}



/* ================================================================ 
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/final_drop.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.
=================================================================== */

.menu ul li.index { width: 55px; }
.menu ul li.whoweare { width: 93px; }
.menu ul li.ministries { width: 78px; }
.menu ul li.carerecovery { width: 120px; }
.menu ul li.helping { width: 105px; }
.menu ul li.wednesdays { width: 95px; }
.menu ul li.faq { width: 45px; }
.menu ul li.contact { width: 65px; }
.menu ul li.media { width: 115px; }

.menu {width:897px; height:40px; position:relative; z-index:999; margin-left:8px;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:897px; }
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:160px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;/*width:90px;*/ display: inline; width: auto; position:relative;}
/* style the links for the top level */
.menu a, 
.menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; /*width:90px; height:40px;*/ padding: 0px 10px; line-height:39px;font-weight: bold; }
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, 
* html .menu a:visited {/*width:90px;*/ }

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:38px;left:0; width:160px;border-top:2px solid #000000;}
.menu ul li.index ul { border-top: 0px; }
/* another hack for IE5.5 */
* html .menu ul ul {top:34px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited  {height:auto; line-height:1em; padding:4px 5px; width:146px; border: 2px solid #000000; border-width:0 2px 2px 2px; background: url("/images/bg-menu-ul-ul.jpg") repeat-y #FFFFFF; color:#FFF;}
/* .menu ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1em; padding: 3px 5px; width:88px; } */
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:148px; line-height:1em; padding:4px 5px;}

/* style the top level hover */
/*.menu a:hover, .menu ul ul a:hover{color:#000; background:#F6D852;}
.menu :hover > a, .menu ul ul :hover > a {color:#F6D852; } */
.menu a:hover { color: #F6D852; border-top: 0px solid #F6D852;}
.menu ul ul a:hover { color: #F6D852; }

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul{visibility:visible; }