/* CSS Document */
body {
	margin:0;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	background-color:#d2d0cf;
	text-align:center;
	font-family:Tahoma, Verdana, Arial, Helvetica;
	font-size:11px;
}
a:link { 
	color: #2b5260;
}
a:visited {
	color: #2b5260;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
a:active {
	color: #2b5260;
}
h1 {
	font-size: 22px;
	font-weight:normal;
	color:#FFFFFF;
	margin:0;
}
h2 {
	font-size: 18px;
	color:#5a5a5a;
	margin:0 0 6px 0;
	font-weight:normal;
	padding-bottom:6px;
	border-bottom:1px;
	border-bottom-style:dotted;
	border-bottom-color:#5a5a5a;
}
h3 {
	font-size: 18px;
	color:#3c7285;
	margin:0 0 6px 0;
	font-weight:normal;
	padding-bottom:6px;
	border-bottom:1px;
	border-bottom-style:dotted;
	border-bottom-color:#5a5a5a;
}

div#outerContainer {
	width:753px;
	margin:0 auto;
	text-align:left;
}
div#miniNav {
	height:13px;
	margin:3px 0 0 0;
}
div#miniNav a:link { 
	color: #cbcbca;
	text-decoration: none;
}
div#miniNav a:visited {
	color: #cbcbca;
	text-decoration: none;
}
div#miniNav a:hover {
	color: #cbcbca;
	text-decoration: UNDERLINE;
}
div#miniNav a:active {
	color: #cbcbca;
	text-decoration: none;
}
div#content {	
	float:left;
	width:520px;
}
div#navWrap {
	width:204px;
	background-color:#FFFFFF;
	float:left;
}
div#navigation {
	float:left;
	width:203px;
	height:515px;
	background-image:url(../images/leftCol_bg.jpg);
	background-repeat:no-repeat;
	background-color:#407d94;
	list-style-type:none;
}
div#navigation ul {
	margin:0;
	padding:0;
}
div#outerWrap {
	width:100%;
	float:left;
	background-image:url(../images/wrapperBG_rp.gif);
	background-repeat:repeat-y;
}
div#innerWrap {
	width:100%;
	float:left;
	background-image:url(../images/wrapperBG.gif);
	background-repeat:no-repeat;
}
div#setMargin {
	width:725px;
	margin:0 auto;
}
div#titleBar {
	height:43px;
	background-image:url(../images/title_bg.jpg);
	background-repeat:no-repeat;
	width:509px;
	padding:12px 0 0 12px;
}
.back {
	float:right;
	padding:8px 16px 8px 8px;
	width:120px;
}
.back a:link { 
	color: #FFFFFF;
	text-decoration: none;
}
.back a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.back a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.back a:active {
	color: #FFFFFF;
	text-decoration: none;
}
div#homeBG {
	background-image:url(../images/home_bg.jpg);
	background-repeat:no-repeat;
	min-height:458px;
	float:left;
	width:100%;
}
.contentImgLeft {
	padding:2px;
	float:left;
	margin:4px 6px 0 0;
	background-color:#FFFFFF;
	border:1px solid #b9b9b8;
}
.contentImgRight {
	padding:2px;
	float:right;
	margin:4px 0 0 6px;;
	background-color:#FFFFFF;
	border:1px solid #b9b9b8;
}
div#homeLeft {
	float:left;
	width:312px;
	padding:12px;
	line-height:22px;
}
.pStart {
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	font-weight:bold;
	color:#3f798f;
	margin:0 1px 0 0;
} 
div#homeRight {
	float:left;
	width:162px;
	padding:12px 8px 0 8px;
	font-size:10px;
}
.newsTitle {
	color:#3c7285;
	font-size:11px;
}
.divider {
	padding:8px 0 8px 0;
}
#l2Container {
	width:520px;
}
#l2Content {
	float:left;
	padding:12px;
	line-height:22px;
	width:496px;
}
div#bodyBtm {
	background-image:url(../images/body_btm.jpg);
	background-repeat:no-repeat;
	clear:both;
	height:17px;
}
div#footer {
	clear:both;
	width:100%;
	text-align:center;
	line-height:18px;
}
.footerLinks a:link, .footerLinks a:visited, .footerLinks a:active {
	color: #656565;
	margin:1px;
	padding:8px;
	background-color:#d2d0cf;
	text-decoration:none;
	border:1px solid #bdbdbd;	
	}
.footerLinks a:hover {
	background-color:#cfcdcc;
	margin:1px;
	padding:8px;
	color: #000000;
	text-decoration:none;	
}


/*************************************************************************************************
 navigation image rollovers
*************************************************************************************************/

.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; border: 0; } /* only set width and height once */

.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */

#navHome {
	width: 203px;
	height: 30px;
	background-image: url(../images/navHomeOver.jpg);
	display: block;
	float:left;
}
#navWorship {
	width: 203px;
	height: 30px;
	background-image: url(../images/navWorshipOver.jpg);
	display: block;
	float:left;
    z-index:4;
}
#navEvent {
	width: 203px;
	height: 30px;
	background-image: url(../images/navEventOver.jpg);
	display: block;
	float:left;
	    z-index:4;

}
#navMinistries {
	width: 203px;
	height: 30px;
	background-image: url(../images/navMinistriesOver.jpg);
	display: block;
	float:left;
	    z-index:4;

}
#navYouth {
	width: 203px;
	height: 30px;
	background-image: url(../images/navYouthMinistryOver.jpg);
	display: block;
	float:left;
	    z-index:4;

}
#navStaff {
	width: 203px;
	height: 30px;
	background-image: url(../images/navStaffOver.jpg);
	display: block;
	float:left;
	    z-index:4;

}
#navContact {
	width: 203px;
	height: 30px;
	background-image: url(../images/navContactOver.jpg);
	display: block;
	float:left;
	    z-index:4;

}


/* Root = Vertical, Secondary = Vertical */
ul#navmenu,
ul#navmenu li,
ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 203px; /*For KHTML*/
  list-style: none;
}

ul#navmenu:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu li {
  float: left; /*For IE 7 lack of compliance*/
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
}

/* Root Menu */
ul#navmenu a {
  display: block;
  font: bold 10px/30px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  background-image:url(../images/subNav.jpg);
  color: #FFFFFF;
  padding: 0 23px;
  margin:0 ;
  z-index:0;

}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background-image:url(../images/subNavOver.jpg);
  color: #FFFFFF;
  padding: 0 23px;
  margin:0;
  z-index:0;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background-image:url(../images/subNav.jpg);
  color: #FFFFFF;
  padding: 0 23px;
  margin:0;
  z-index:0;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background-image:url(../images/subNavOver.jpg);
  color: #FFFFFF;
  padding: 0 23px;
  margin:0;
  z-index:0;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background-image:url(../images/subNav.jpg);
  color: #FFFFFF;
  padding: 0 23px;
  margin:0;
  z-index:0;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background-image:url(../images/subNavOver.jpg);
  color: #FFFFFF;
  padding: 0 23px;
  margin:0;
  z-index:0;
}

ul#navmenu ul,
ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 203px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}


.frmButton
{
  width: 80px;
  font-family: Tahoma, Verdana, Arial, Helvetica;
	font-weight: bold;
	font-style: normal;
	font-size: 11px;
	color: #000000;
}

.frmTextBoxS
{
  width: 100px;
  font-family: Tahoma, Verdana, Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	color: #000000;
	text-align: left;

}

.frmTextBoxM
{
  width: 200px;
  font-family: Tahoma, Verdana, Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	color: #000000;
	text-align: left;

}

.frmTextBoxL
{
  width: 300px;
  font-family: Tahoma, Verdana, Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	color: #000000;
	text-align: left;
	
}

.frmTextArea
{
  width: 325px;
  height: 125px;
  font-family: Tahoma, Verdana, Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	color: #000000;
	text-align: left;
	
}

/* ------------------------------------------------------------------------------------ */
/* ALERTS
/* ------------------------------------------------------------------------------------ */
.mediumAlert
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #CC0000;
	FONT-STYLE: normal;
	FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica;
	margin: 0;
	padding: 0;
	
	height:auto;
}