html, body{margin:0; padding:0; text-align:center;} 
body{
margin-top:30px;
margin-bottom:40px;
font: Verdana,Geneva,Helvetica,Arial,sans-serif;
color:#444;
background:#fff;
line-height:2em;
}
html>body {font-size:small;}
#wrapper{ 
position:relative;
width:940px; 
text-align:left; 
margin-left:auto; 
margin-right:auto; 
border:1px solid #ccc; 
background-color:#fff;
} 

/* Outer Divs
---------------------------------------------------*/
#header{ 
height:130px; /*fixed height for header*/
width: auto;
background:url(../images/header081118.gif) left -52px no-repeat;
margin:0 0 0 0;
padding:0;
border-bottom: 1px solid #ccc;
}
#navphotobanner {
height:242px; /*fixed height for navphotobanner*/
width: auto;
margin:0;
padding:0;
}



#nav {
	
	background-color: #18964b;
	float: left;
}
.navImage {
	float: left;
	border-right: 1px solid #fff;
}
.banner {
	width: 940px;
	height: 200px;
	display: block;
	float:left;
}




#fullwidth{ 
width: auto;
text-align:center;
}
#bottomnav {
height:auto;
width: 100%;
}
#footer {
width:auto;
padding:10px 10px 10px 10px;
margin:0;
border-top: 1px solid #ccc;
background:#18964b;
color:#fff;
text-align:center;
}

#copyright {
width:auto;
padding:10px 10px 10px 20px;
margin:0 -1px -1px -1px;
border-top: 1px solid #ccc;
background:#fff;
color:#888;
text-align:center;
}
/* Content Area > WideLeft Layout
---------------------------------------------------*/
.wideleft {
border:solid white 0px; 
/*/*/ border-left-width: 620px ;  /* largeleft left column width */ 
border-left-color: #fff;   /* largeleft left column color */ 
border-left-style: solid;
background-color: #e7f4ed; /* largeleft right column color */ 
width: auto;
}
.wideleft-large{
width:620px; /* must match largeleft left column width in .largeleft */
float:left; 
position:relative; 
margin-left:-620px; /* must match largeleft left column width in .largeleft, add negative sign */
margin-right:1px; 
padding-bottom:40px;
}
.wideleft-small{
float: left; 
width: 100%; 
position: relative; 
margin:0 -8px 0 -2px; 
background:#e7f4ed;
padding-bottom:40px;
}
.wideleft>.class {border-bottom: 1px solid #fff;}
.wideleft .content {padding:0 40px 40px 40px;}
.wideleft .wideleft-small .photo {margin-left:-15px;}
/* Content Area > WideRight Layout
---------------------------------------------------*/
.wideright {
border:solid white 0px; 
/*/*/ border-left-width: 300px ;  /* largeright left column width */ 
border-left-color: #fff;   /* largeright left column color */ 
border-left-style: solid;
background-color: #fff; /* largeright right column color */ 
width: auto;
}
.wideright-small{
width:300px; /* must match largeright left column width in .largeright */
float:left; 
position:relative; 
margin-left:-300px; /* must match largeright left column width in .largeright, add negative sign */
margin-right:1px; 

padding-bottom:40px;
}
.wideright-large{
float: left; 
width: 100%; 
position: relative; 
margin:0 -8px 0 -2px;
padding-bottom:40px; 
}
.wideright>.class {border-bottom: 1px solid #fff;}
.wideright .content {padding:0 60px 10px 60px;}
.wideright .wideright-small .photo {text-align:right;padding-left:0px;margin:0;}
.wideright .wideright-small .photocaption {text-align: left; padding:0 10px 0 40px;}
.wideright .wideright-small .columntext {
margin:10px 10px 10px 40px;
line-height:1.5em;
color:#666;}

.widefull{ 
width: auto;
padding: 10px 40px 10px 40px;


}
.center{text-align:center;}

/* Bottom Navigation
----------------------------------------------- */
#bottomnav {
margin:0;
background:#18964b;
padding:.2em 0;
text-align:center;
border-top:1px solid #ccc;
}
#bottomnav ul {
list-style: none;
margin: 0;
padding:0;
}
#bottomnav li {
display:inline;
}
#bottomnav li a {
margin: 0 -.5em 0 0; 
padding: .4em 1.3em;
text-decoration: none;
font-weight: bold;
font-size:95%;
color: #e7f4ed; 
width: 100%;
border: 1px solid #e7f4ed;
border-width:0 0 0 1px;
}
#bottomnav li a.first {
border-left:1px solid #18964b;
}
#bottomnav li a.last {
border-right:1px solid #18964b;
}
#bottomnav li a.current {
background-color:#eee;
}
#bottomnav li a:hover{
color:#fff;
background:#3aa666;
}
/* Extras
---------------------------------------------------*/
.inner{margin:0; width:100%;}
.clr {clear:both;}
.left20pad {padding-left: 20px;}
.rule {margin:20px 0 0px 0;border-top:1px solid #fff};
.photogallery{text-align:center;}
.tnphotogallery{margin-left:50px;}
.logo{text-align:center;border:0px solid #fff;padding:30px 0 0 0;}
/* Header Link
----------------------------------------------- */
#header h1 {
margin:0;
background-repeat:no-repeat;
background-position:left top;
padding:0;
}
#header h1 span {
visibility:hidden;
}
#header h1 a {
display:block; 
width:280px; 
height:112px;
text-decoration:none;
outline:none;
}
/* Content Headers
----------------------------------------------- */
h4 {
margin-bottom:-.7em;
margin-top:0;
padding-top:1.5em;
font-size: 120%;
color:#000;
}
h4.green{color:#18964b;padding: 10px 0 10px 0;}
h5 {
font-size:110%;
font-weight:bold;
margin-bottom:-.7em;
color:#444;
}

h5.stories {
font-size:120%;
font-weight:bold;
margin-bottom:0.5em;
color:#444;
}


h6 {
margin:30px 40px 10px 40px;
padding:0;
font-size: 12px;
color:#666;
border-bottom:1px solid #ccc;
}

p span {color: #000; font-weight:bold;}

dl {margin-top:20px;}
dt {font-weight:bold;margin-top:10px;color:#000;}
dd {margin-bottom:10px;}
/* Print Version Link
----------------------------------------------- */
#printversion a {
}
/* Sidebox
----------------------------------------------- */
.sidebox {
 width:280px;
 background-color:#fff;
 border:1px solid #ccc;
 padding:0 0 10px 0;
 margin:30px 0 0 20px;
 }
 .sidebox h5 {
 margin:0;
 border:1px solid #ccc;
 border-width:0 0 1px 0;
 font-size:100%;
 color: #fff;
 padding:0 10px 0 15px;
 background:#18964b;
 }
.sidebox ul {
padding:0;
margin:0;
padding:10px 10px 0 15px;
list-style-type: none;
line-height:1.4em;
}
.sidebox ul li {
padding:0 0 0 0;
margin-bottom:10px;
}
.sidebox ul li.listHeader {
	margin-bottom:5px;
	margin-top:0px;
}
.sidebox ul ul {padding:0 0 0 20px;}
.sidebox p {
padding: 0 10px 0 15px;
}
.wideright .wideright-small .sidebox {margin-left:40px; width:180px;}
.divider {
	width: 170px;
	height: 1px;
	background-color:#ccc;
	margin-bottom:6px;
	margin-top:4px;
}
.heavydivider {
	width: 240px;
	height: 2px;
	background-color:#18964b;
	margin-bottom:20px;
	margin-top:20px;
}


/* Podcast
----------------------------------------------- */
.pod-icon {
width:32px;
height:22px;
background:url(../photos_site/pod.jpg) left top no-repeat;
}
.pod-icon a {
display:block; 
width:32px; 
height:22px;
text-decoration:none;
outline:none;
}
/* Scripture
----------------------------------------------- */
.sidescripture {
width:240px;
border: 1px solid #ccc;
padding:0;
margin:10px 0 30px 40px;
background:#fff url(../images/dove38x38.gif) 47% 10px no-repeat;
}
.sidescripture .verse {
padding:60px 15px .8em 15px;
font-style:italic;
font-weight:bold;
line-height:1.5em;
}
.sidescripture .source {
font-style:italic;
padding:0 15px 12px 15px;
line-height:1.5em;
}
.scripture {
width:530px;
border:1px solid #ccc;
padding:0;
margin:0;
background:#fff url(../images/dove50x50.gif) 10px 10px no-repeat;}
.scripture .verse {
padding:20px 15px .8em 70px;
font-style:italic;
font-weight:bold;
line-height:1.5em;
}
.scripture .source {
font-style:italic;
padding:0 15px 12px 70px;
line-height:1.5em;
}
/* Quotes
----------------------------------------------- */
.personal-quote {
width:260px;
border: 1px solid #ccc;
background-color:#fff;
padding:0;
margin:20px 0 30px 40px;
background:#fff url(../images/apos-start.gif) 8px 8px no-repeat;
}
.personal-quote-right {
width:260px;
border: 1px solid #ccc;
background-color:#fff;
padding:0;
margin:20px 0 30px 20px;
background:#fff url(../images/apos-start.gif) 8px 8px no-repeat;
}
.quote-text {
padding:15px 15px 10px 28px;
font-style:italic;
line-height:1.8em;
}
.endquote {
background:#fff url(../images/apos-end.gif) bottom right no-repeat;
margin:-10px 6px 0 0;
}
.person-source {
padding:10px 15px 12px 28px;
}

/* Side Contact Info
----------------------------------------------- */
.sidecontactinfo {
width:280px;
 padding:0 0 10px 0;
margin:30px 0 0 20px;
}

 .sidecontactinfo h5 {
 margin:0;
 border:1px solid #ccc;
 border-width:0 0 1px 0;
 font-size:100%;
 color: #fff;
 padding:0 10px 0 15px;
 background:#18964b;
 }
 
 
.wideright .wideright-small .sidecontactinfo {margin-left:40px; width:180px;}

/* Photos
----------------------------------------------- */
.photo {
width:100%;
margin-top:3em;
}
.photo img {
background-color:#fff;
border:1px solid #ccc;
padding:0px;
}
.groupphoto {
	width:100%;
margin-top:3em;
text-align:center;
}
.photoleft {
	width:100%;
margin-top:3em;
}
.photoleft img{
	padding-left: 50px;
}
.noborder {
text-align:center;
width:100%;
margin-top:3em;
}

.noborder img {
background-color:#fff;
padding:0px;
}
.photocaption {
clear:left;
font-size:95%; 
font-style: italic;
margin:5px 10px 20px 10px;
line-height:1.5em;
color:#666;
}

.bannercaption {
font-size:95%; 
font-style: italic;
margin:10px 10px 10px 50px;
line-height:1.5em;
color:#666;
}

.bannerText {
	color: #666;
	background-color:#fff;
	width: 127px;
	height: 183px;
	border-right: 1px solid #fff;
	border-bottom:1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 15px 15px 0 15px;
	line-height:1.5em;
	font-size: 95%;
	font-style: italic;
	float: left;
	overflow:auto;
}
.bannercaption-right {
font-size:95%; 
font-style: italic;
margin:10px 20px 10px 20px;
line-height:1.5em;
color:#666;
}
/* Info Table
----------------------------------------------- */
.infotable {
border: 1px solid #ccc;
border-collapse: collapse;
margin:20px 0 20px 0;
}
.infotable td {
border: 1px solid #ccc;
text-align:left;
padding:4px;
color:#333;
}

.infotable td span {
color:#000;
font-weight: bold;
}
.infotable th {
border: 1px solid #ccc;
background-color: #eee;
color:#fff;
font-weight: bold;
text-align: left;
padding:0px 4px 0px 4px;
}

/* Sitemap
----------------------------------------------- */
ul.nobullet {list-style-type: none;}
/* Links
----------------------------------------------- */
a {text-decoration:none;}
a:link{font-weight:bold;color:#18964b;border-bottom:1px dotted #18964b;}
a:visited{font-weight:bold;color:#3aa666;border-bottom:1px dotted #3aa666;}
a:hover{font-weight:bold;border-bottom:1px solid #18964b;}

#wrapper #header a {border:0;text-decoration:none;}
#wrapper #header a:link{border:0;}
#wrapper #header a:visited{border:0;}
#wrapper #header a:hover{border:0;}

#footer a {text-decoration:none;}
#footer a:link{font-weight:bold;color:#fff;border-bottom:1px dotted #fff;}
#footer a:visited{font-weight:bold;color:#ddd;border-bottom:1px dotted #ddd;}
#footer a:hover{font-weight:bold;border-bottom:1px solid #fff;}

.pod-icon a {text-decoration:none;}
.pod-icon a:link{border-bottom:0;}
.pod-icon a:visited{border-bottom:0;}
.pod-icon a:hover{border-bottom:0;}

/* Divided Box
----------------------------------------------- */
.dividedbox {
width:auto;
background-color:#fff;
margin:0;
}

.outerbox {
color:#555;
font-size:100%;
margin:0;
}
.box-left{
width:280px;
float:left; 
padding:10px 0 10px 0;
}
.box-right{ 
float: right; 
width: 238px;
margin:0;
border-left: 1px solid #ccc;
padding:10px 0 10px 0;
}
.dividedbox-header {
width:100%;
border-bottom:1px solid #ccc;
padding-top: 20px;
}
.dividedbox-header h5 {
margin:0;
border-width:0 0 1px 0;
font-size:120%;
font-weight:bold;
color:#000;
 }

/* Divided Box with Photo
Announcement-type box: 100x100px image on the left, text on the right
Make sure image is linked, too
----------------------------------------------- */
.photobox {
width:auto;
background-color:#fff;
margin:0;
}
.photobox-outerbox {
color:#555;
font-size:95%;
margin:0;
}
.photobox-header {
width:100%;
border-bottom:1px solid #ccc;
padding-top: 40px;
}
.photobox-header h5 {
margin:0;
border-width:0 0 1px 0;
font-size:120%;
font-weight:bold;
color:#000;
 }
.photobox-box-left{
float:left; 
width:110px;
padding:10px 0 10px 0;
}
.photobox-box-right{ 
float: right; 
width: 418px; 
border-left: 1px solid #ccc;
padding:10px 0 10px 0;
margin:0;
}
 .photobox-box-left img {
background-color:#fff;
border:1px solid #ccc;
}

/* Divided Box Extras
----------------------------------------------- */
.speaker {font-weight:bold;padding:0 0 0 0;color:#000;}
.title {font-style:italic;padding:0 15px 0 0;color:#000;}
.scripturesource {padding:0 20px 0 14px;color:#666;}
.musicians {padding:0 20px 0 14px;color:#000;}
.sermontitle {font-style:italic;font-weight:bold;padding:0 20px 0 14px;color:#666;}
.bulletin {padding-left:20px;font-weight:bold;}
.leaderhead {padding-left:20px;color:#666;}
.leader {padding:0 0 0 34px;font-weight:bold;color:#000;}
.worshipextra {padding:0 10px 0 20px;}
.podcast {padding:0 10px 0 20px;}

.event {font-weight:bold;padding:0 0 0 0;color:#000;}
.time {padding:0 20px 0 20px}
.place {padding:0 20px 0 20px;}
.snackhead {padding-left:20px;font-weight:bold;color:#000;}
.snack {padding:0 0 0 40px;}
.youthextra {padding:0 10px 0 20px;}
.boxtext {padding:0 20px 0 20px;}
.other {font-style:italic;color:#999;}
.widefullpadding {padding:0 40px 0 40px;}


.member {padding:0;}
.rightmember {padding:0 0 0 20px;}

/* Confession and Membership Covenant
----------------------------------------------- */
.confession p {font-style:italic;}

/* Pullquote
----------------------------------------------- */
.pullquote {
float:left; 
width: 160px;
color:#000;
border: solid #18964b; 
border-width:3px 0;
padding:10px 0 0 0;
margin:20px 40px 20px 0;
}

/* Contact Form
----------------------------------------------- */
#captchaServerError,#commentsServerError,#emailServerError,#nameServerError {
color:#f00;
font-weight:bold;
}

.contactLabel {
font-size: 14px;
font-weight:bold;
color:#333;
}

#Contact_Name,#Email_address,#Comments,#Security_code,#Name,#Address,#Email,#Home_phone,#Cell_phone {
	padding:4px;
	font-size:1.1em;
}
/* Transparency
----------------------------------------------- */
.transparency {
      filter:alpha(opacity=50);
      -moz-opacity:0.5; 
      -khtml-opacity: 0.5; 
      opacity: 0.5; 
      }

/* Page Title
----------------------------------------------- */
h3.pagetitle {
margin:30px 40px 20px 40px;
padding:0;
color:#000;


border-bottom: 1px solid #ccc;
}
/* sIFR
----------------------------------------------- */
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	letter-spacing: 0;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h3.pagetitle {
	visibility: hidden;
	letter-spacing: 1px;
	font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;
    font-weight:normal;
	font-size: 22px;
	line-height:22px;
}
.sIFR-hasFlash .pullquote {
	visibility: hidden;
	letter-spacing: 0px;
	font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;
    font-weight:normal;
	font-size: 16px;
	line-height:17px;
}