body
{
	background:#c3bf8f url(images/header2.jpg) repeat-x;
}

.bk
{
	position:absolute;
	left:30%;margin-left:-230px;
	top:110px;
	z-index:20;
}
#box
{
	position:absolute;
	left:31%;margin-left:-232px;
	top:119px;
	width:880px;
	height:850px;
	background-color:transparent;
	border:none;
	padding:0px;
}

#frame
{
	position:absolute;
	left: 0px;
	top: 543px;
	z-index:20;
	width: 880px;
	height: 245px;
}

#frame2
{
	position:absolute;
	left: 0px;
	top: 213px;
	z-index:20;
	width: 880px;
	height: 325px;
	border-style: solid;
	border-color:#999999;
	border-width: 1px;
}

#headermenu
{
	position:absolute;
	left:25%;margin-left:105px;
	top:87px;
	z-index:20;
	height:20px;
	width: 600px;
	font: 10pt Geneva, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:500;
	text-decoration:none;
}
#directions
{
	position:absolute;
	left:56%;margin-left:130px;
	top:0px;
	z-index:70;
	height:25px;
	width: 130px;
}
#extra /*dateandtime*/
{
	position:absolute;
	left:55%;margin-left:130px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	top:26px;
	z-index:70;
	height:30px;
	width: 200px;
}
#extra2 /*donations*/
{
	position:absolute;
	left:37%px;margn-left:400px;
	font-size:12px;
	top:32px;
	z-index:70;
	height:30px;
	width: 200px;
}
.flash
{
	position:relative;
	top: 0px;
	width: 300px;
	height:210px;
	overflow:hidden;
	left: 0px;
	z-index:40;
}
.pic1
{
	position:relative;
	top: 0px;
	width: 400px;
	height:210px;
	overflow:hidden;
	left: 0px;
	z-index:40;
}

div { z-index:40;}

#quote /*header logo*/
{
	position:absolute;
	left:25%;margin-left:-280px;
	top:5px;
	height:100px;
	padding:0px;
	font:normal normal normal 8pt 'Trebuchet MS', sans-serif;
	color:#cfcfcf;
	z-index:10;
}

#wrapper, #menu, #header, #footer
{
	position:absolute;
	left:0;
	width:100%;
}

#header
{
	top:0;
	height:50px;
	background-color:#333333;
	font:normal normal normal 25pt 'Trebuchet MS', sans-serif;
	color:#cc9933;
	text-align:center;
	letter-spacing:20px;
}

#menu
{
	top:50px;
	height:10px;
	text-align:right;
	font:normal normal lighter 10pt 'Verdana', sans-serif;
	color:#cccccc;
}

#menu a, #menu a:visited, #menu a:active
{
	color:#112233;
	text-decoration:none;
}

#menu a:hover
{
	color:#ff9933;
	letter-spacing:5px;
}

#wrapper
{
	top:70px;
	height:256px;
	overflow:scroll;
}

.content
{
	width:360px;
	font:normal normal lighter 11pt 'Trebuchet MS', sans-serif;
	color:#666666;
	margin:0px;
	margin-bottom:5px;
	background-color:#f3f3f3;
	text-align:justify;
}

.content_title
{
	font:normal normal bolder 15pt 'Trebuchet MS', sans-serif;
	color:#3399cc;
}

.content_details, .content_comments, .content_comments a, .content_comments a:visited, .content_comments a:active
{
	font:normal normal lighter 8pt 'Trebuchet MS', sans-serif;
	color:#cfaaaa;
	text-decoration:none;
}

.content_comments a:hover {color:#cf5555;}

.content_comments img, .content_title img
{
	border:none;
	margin-top:5px;
	margin-right:5px;
}

#footer
{
	top:793px;
	width: 350px;
	text-align: left;
	font:normal normal lighter 9pt 'Trebuchet MS', sans-serif;
	color:#333333;
}

#footer2
{
	position: absolute;
	top:793px;
	left:410px;
	width:450px;
	text-align: left;
	font:normal normal lighter 9pt 'Trebuchet MS', sans-serif;
	color:#333333;
}

.footer2 a:active {color: #333; text-decoration: underline;}
.footer2 a:link {color: #333; text-decoration: underline;}
.footer2 a:visited {color: #333; text-decoration: underline}
.footer2 a:hover {color: #330066; text-decoration: none}

 
.footerbox,#footerbox a:visited, #footerbox a:active
 {

	 border: none;
	 border-style:none;
 }
 
.footerbox a:hover
 {
	 border: none;
	 border-style:none;
 }
.footertext1
 {
    text-align: left;
	font:normal normal lighter 10pt 'Trebuchet MS', sans-serif;
	color:#333333;
 }
 .footertext2
 {
	font:normal normal lighter 10pt 'Trebuchet MS', sans-serif;
	color:#333333;
	text-align:right;
	
	 }
.headermenu2 a, #headermenu2 a:visited, #headermenu2 a:active
{
	font: 9pt Geneva, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:500;
	text-decoration:none;
	}

.headermenu2 a:hover
{
	text-decoration:underline;
	}
#homepage
{
	position:absolute;
	left: 0px;
	top: 0px;
	width: 695px;
	height: 240px;
	overflow:auto;
	z-index:10;
}
#homepage3
{
	background: url(images/contentbg.jpg) no-repeat;
	position:absolute;
	left: -3px;
	top: 0px;
	width: 695px;
	height: 240px;
	overflow:hidden;
	z-index:10;
	background-image: url(images/contentbg.jpg);
}
#homepage2
{
	position:absolute;
	left: 0px;
	top: 0px;
	width: 880px;
	height: 245px;
	overflow:hidden;
	z-index:10;
}
.page
{
	padding:2px;
	}
.homepageimg1
{
	position:absolute;
	background:#fff url(images/leftboxbg.jpg) no-repeat;
	left: 0px;
	top: 35px;
	width: 300px;
	height: 205px;
	overflow:auto;
	z-index:30;
	}
.homepageimg2
{
	position:absolute;
	background:#fff url(images/ctrboxbg.jpg) no-repeat;
	left: 306px;
	top: 35px;
	width: 292px;
	height: 205px;
	overflow:auto;
	z-index:30;
}
.homepageimg3
{
	position:absolute;
	background:#fff url(images/rightboxbg.jpg) no-repeat;
	left: 603px;
	top: 35px;
	width: 281px;
	height: 205px;
	overflow:auto;
	z-index:30;
	background-image: url(images/rightboxbg2.jpg);
	background-color: #fff;
}
.homepageimg1top
{
	position:absolute;
	background:#fff url(images/hdleftbox.jpg) repeat-x;
	left: 0px;
	top: 0px;
	width: 300px;
	height: 35px;
	overflow: hidden;
}
.homepageimg2top
{
	position:absolute;
	background:#fff url(images/hdctrbox.jpg) repeat-x;
	left: 306px;
	top: 0px;
	width: 292px;
	height: 35px;
	overflow: hidden;
}
.homepageimg3top
{
	position:absolute;
	background:#fff url(images/hdrightbox.jpg) repeat-x;
	left: 603px;
	top: 0px;
	width: 281px;
	height: 35px;
	overflow: hidden;
}

#stlying2
{
	position:absolute;
	font: normal normal normal 10pt Tahoma,Arial, Helvetica, sans-serif;
	color:#000;
	left: 312px;
	top: 39px;
	width: 280px;
	height: 197px;
	overflow:auto;
	z-index:35;
}
#stlying2B
{
	position:absolute;
	font: 500 13pt Tahoma,Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	left: 342px;
	top: 9px;
	width: 220px;
	height: 20px;
	overflow:hidden;
	z-index:35;
}

.styling2 a, #styling2 a:active
{
	color:#000000;
	font-weight:900;
	font-size:12px;
	}

.styling2 a a:hover
{
	color:#330066;
	}
#stlying3
{
	position:absolute;
	font: normal normal normal 10pt Tahoma,Arial, Helvetica, sans-serif;
	color:#000;
	left: 615px;
	top: 39px;
	width: 250px;
	height: 194px;
	overflow:hidden;
	z-index:35;
}
#stlying3B
{
	position:absolute;
	font: 500 13pt Tahoma,Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	left: 626px;
	top: 9px;
	width: 240px;
	height: 20px;
	overflow:hidden;
	z-index:35;
}

.styling3 a, #styling3 a:active
{
	color:#000000;
	font-weight:900;
	font-size:12px;
	}

.styling3 a a:hover
{
	color:#330066;
	}
#stlying4
{
	position:absolute;
	left: 5px;
	top: 39px;
	width: 295px;
	height: 190px;
	overflow:auto;
	z-index:35;
}
#stlying4B
{
	position:absolute;
	font: 500 13pt Geneva, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	left: 15px;
	top: 9px;
	width: 220px;
	height: 20px;
	overflow:hidden;
	z-index:35;
}
.bold
{
	font-weight: bold;
	font-style: italic;
		}
#calendar2
{
	position:absolute;
	left: 240px;
	top: 12px;
	width: 50px;
	height: 50px;
	overflow:hidden;
	z-index:40;
		}
#date1
{
	position:absolute;
	left: 248px;
	top: 15px;
	overflow:hidden;
	font: 600 13pt Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	z-index: 50;
		}
#date2
{
	position:absolute;
	left: 240px;
	top: 36px;
	width: 50px;
	overflow:hidden;
	font: 600 14pt Arial, Helvetica, sans-serif;
	color:#000000;
	z-index: 50;
		}
.menu a:active {color: #000; font-size: 12px; text-decoration: underline}
.menu a:link {color: #000; font-size: 12px; text-decoration: underline}
.menu a:visited {color: #000; font-size: 12px; text-decoration: underline}
.menu a:hover {color: #330066; font-size: 12px; text-decoration: none}

.stlying4B a:active {color:#fff;font-size:13pt;text-decoration:none; font-weight:500}
.stlying4B a:link {color:#fff;font-size:13pt;text-decoration:none; font-weight:500}
.stlying4B a:visited {color:#fff;font-size:13pt;text-decoration:none; font-weight:500}
.stlying4B a:hover {color:#e7e7e7;font-size:13pt;text-decoration:none; font-weight:500}


#pastor
{
	position:relative;
	left: 5px;
	top: 0px;
	width: 185px;
	overflow:hidden;
	font: 14pt Arial, Helvetica, sans-serif;
	color:#000000;
	z-index: 50;
		}
#pastora
{
	position:relative;
	left: 5px;
	top: 0px;
	width: 100px;
	height: 100px;
	overflow:hidden;
	font: 14pt Arial, Helvetica, sans-serif;
	color:#000000;
	border: #000000;
	border:thin;
	border-right-style:solid;
	z-index: 70;
	}
#pastor2
{
	position:absolute;
	left: 214px;
	top: 0px;
	width: 470px;
	height:240px;
	font: 10pt Arial, Helvetica, sans-serif;
	overflow:auto;
	z-index: 50;
	padding:2px;
	}
#pastor3
{
	position:absolute;
	left: 120px;
	top: 0px;
	width: 570px;
	height:240px;
	font: 10pt Arial, Helvetica, sans-serif;
	overflow:auto;
	z-index: 50;
	padding:2px;
		}
#calendar
{
	position:absolute;
	left: 5px;
	top: 0px;
	width: 680px;
	height:240px;
	font: 10pt Arial, Helvetica, sans-serif;
	overflow:auto;
	z-index: 50;
	padding:2px;
		}
#googlemaps
{
	position:absolute;
	left: 0px;
	top: 0px;
	width: 270px;
	height:240px;
	font: 10pt Arial, Helvetica, sans-serif;
	overflow:hidden;
	z-index: 60;
	padding:1px;
		}
#maptext
{
	position:absolute;
	left: 276px;
	top: 0px;
	width: 290px;
	height:240px;
	font: 9pt Arial, Helvetica, sans-serif;
	overflow:auto;
	z-index: 70;
	padding:1px;
		}
.style1 {font-size: 9pt}
#form
{
position:absolute;
font: normal normal normal 10pt Arial, Helvetica, sans-serif, sans-serif;
left: 345px;
top: 0px;
z-index: 100;
}
.footerbox,#footerbox a:visited, #footerbox a:active
 {

	 border: none;
	 border-style:none;
	 position:relative;
	 left:25px;
 }			
.qflash1{
position: absolute;
top: 0px;
left: 0px;
}
.qflash2{
position: absolute;
top:0px;
left:480px;
}

.shadetabs{
border-bottom: 1px solid gray;
/* width: 90%; width of menu. Uncomment to change to a specific width */
margin-bottom: 1em;
}

.shadetabs ul{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: right; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #FFFFFF;
color: #2d2b2b;
background: white url(images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(images/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

#example1 div{ /*CSS specific to demo 1*/
width: 265px;
padding: 5px;
margin-bottom:10px;}

.someclass{
font-family: Tahoma,Arial, Helvetica, sans-serif;
font-size: 95%;}

.someclass a:active { color: #333; text-decoration:none; font-weight: bold }
.someclass a:link { color: #333; text-decoration:none; font-weight: bold }
.someclass a:visited { color: #333; font-weight: bold; text-decoration:none }
.someclass a:hover { color: #333; text-decoration:underline; font-weight: bold}