/* HACKS for broken browser implementations */

* html .visualIEFloatFix { height: 0.01% }

/* self clearing */
/*** see http://www.positioniseverything.net/easyclearing.html
   for explanation of Tony Aslett's elegant hack ***/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both;
visibility: hidden;
}
 
.clearfix { display: inline-block; }
 
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
/*** end clearing hack ***/ 

/* END HACKS */

body { 
	text-align: center; 
	margin: 10px 0 10px; 
	padding: 0; 
	color:black; 
	font-size: 12px;  
	font-family:  Arial, Helvetica, sans-serif;  
	background-color: white; 
}

a:link, a:visited { 
	color: #369;
	text-decoration: none;
	font-weight: bold;
}
a:hover { 
	color: #FF9900; 
	font-weight: bold; 
	text-decoration: underline; 
}

.clear-left  { clear: left; }
.clear-right { clear: right; }
.clear-both  { clear: both; }
.float-left  { float: left; }
.float-right { float: right; }

#frame { 
	background-color: white; 
	padding: 0; 
	margin: 0 auto; 
	text-align: center;
	border: 6px solid white;
	width: 900px;
}

#header	{ 
	height: 160px; 
	margin-bottom: 20px; 
	padding: 0; 
	background-color: white;
	background-image: url('/uploads/3T/0T/3T0T_8naaEgE_pY8O5ZIKA/header.gif');
	background-repeat: no-repeat;
}

#menubar { 
	padding-top: 28px; 
}

#menubar .linklist { 
	color: #369; 
	font-size: 14px; 
	font-weight: bold; 
}

#menubar .linklist a.menulink { 
	color: white; 
	text-decoration: none; 
	padding: 2px 8px;
}

#menubar .linklist a:hover.menulink { 
	color:  #369; 
	background-color: white; 
}

#bodytop { 
	height: 60px; 
	margin: 0; 
	padding: 0; 
	background-color: white;
	background-image: url('/uploads/F4/bn/F4bn0uT2s-7ocIDBbSDQyg/topper.gif');
	background-repeat: no-repeat;
}

#bodymain { 
	margin: 0; 
	padding: 0; 
	background-color: white;
	background-image: url('/uploads/Ru/sU/RusU7UoDUjr4jePcG1sjDw/body-white.gif');
	background-repeat: repeat-y;
	z-index: 10;
}

#bodybottom { 
	height: 60px; 
	margin: 0; 
	padding: 0; 
	background-color: white;
	background-image: url('/uploads/-H/F7/-HF7MSatk-V15K0is1ciLQ/footer.gif');
	background-repeat: no-repeat;
	position: relative;
	top: -10px;
}

#pagecontent { 
	text-align: justify; 
	margin: 0 auto; 
	width: 840px;
	position: relative;
	top: -20px;
}

#pagecontent p {
	text-align: justify;
	padding: 6px;
}

#pagecontent p {
	text-align: justify;
	padding: 6px;
}

#pagecontent li {
	text-align: justify;
	padding: 0 6px 0 6px;
}

#pagecontent .bottom {
	text-align: right;
	padding: 6px;
	margin: 0 10px 0 10px;
	font-size: 9px;
	clear: both;
}

#search {
	float: right;
	font-size: 10px;
	margin: 0 0px 5px 5px;
	width: 294px;
	height: 26px;
	text-align: right;
	background-image: url('/uploads/F-/OQ/F-OQPcJhFBOUzNxkmaAB2g/search-bar.gif');
	background-repeat: no-repeat;
	color: white;
	padding: 0 20px 4px 0;
	z-index: 1;
}

#search .label, #search .field, #search .button {
	font-size: 10px;
}

#search-resources {
	font-size: 10px;
	text-align: center;
	padding: 6px
}

#search .label, #search .field, #search .button {
	font-size: 10px;
}

#sermon, #sermon-meta {  }
#sermon-data, #sermon-meta-data { 
	margin-left: 8px;
	margin-top: 10px; 
}
#sermon-legend, #sermon-meta-legend {
	font-size: 20px;
	color: #FF9900;
	background-color: white;
	font-weight: bold;
	padding: 3px 6px;
}


#congregation-top {
	margin: 4px;
}

#congregation-menubar {
	width: 160px;
	margin: 4px 20px 10px 4px;
}

#congregation-menubar #top {
	background-image: url('/uploads/3C/hc/3ChcQYFMeHk0ZIwwfBj70w/blue-menu-box-top.gif');
	background-repeat: no-repeat;
	height: 23px;
	text-align: center;
	padding: 3px 3px 1px 3px;
}

#congregation-menubar #main {
	background-image: url('/uploads/_x/vU/_xvU-pTblr4dULuEfBziAQ/green-menu-box-slither.gif');
	background-repeat: repeat;
	padding: 2px;
}

#congregation-menubar #bottom {
	background-image: url('/uploads/oG/1z/oG1z4ssWwqglMpKdoT83yA/green-menu-box-footer.gif');
	background-repeat: no-repeat;
	height: 23px;
}

#congregation-main {
	margin: 4px;
}


#latestnews {
	float: right;
	width: 250px;
	margin-left:  20px;
	margin-bottom: 10px;
	text-align: left;
	font-size: 11px;
	color: black;
}

#latestnews #top {
	background-image: url('/uploads/Xf/M6/XfM6hAzPOMTD73bXrW-psA/blue-menu-box-top-med.gif');
	background-repeat: no-repeat;
	height: 36px;
	text-align: center;
	padding: 3px 3px 1px 3px;
}

#latestnews #main {
	background-image: url('/uploads/Ae/7I/Ae7IFHsVDnYYchieyvE1Zw/green-edge-slither-med.gif');
	background-repeat: repeat;
	padding: 2px;
	text-align: left;
}

#latestnews #bottom {
	background-image: url('/uploads/1L/mX/1LmXb93_RCdmFZOfT-G7cg/green-menu-box-footer-med.gif');
	background-repeat: no-repeat;
	height: 36px;
}




.left-inner-column-of2   { width: 48%; margin: 0 1% 0 0; float: left;  }
.right-inner-column-of2  { width: 48%; margin: 0 0 0 1%; float: right; }

.left-small-inner-column-of2   { width: 28%; margin: 0 1% 0 0; float: left;  }
.right-large-inner-column-of2  { width: 68%; margin: 0 0 0 1%; float: right; }

.left-inner-column-of3   { width: 32%; margin: 0; float: left; }
.middle-inner-column-of3 { width: 32%; margin: 0 2% 0 2%; float: left; }
.right-inner-column-of3  { width: 32%; margin: 0; float: right; }

.left-inner-column-of4   { width: 24%; margin: 0; float: left; }
.middleleft-inner-column-of4  { width: 24%; margin: 0 1% 0 1%; float: left; }
.middleright-inner-column-of4 { width: 24%; margin: 0 1% 0 1%; float: left; }
.right-inner-column-of4  { width: 24%; margin: 0; float: right; }

.loginBox {
	float: right;
	margin: 10px 0 0 0;
	padding-right: 20px;
	color: white;
}

.errorrow { 
	width: 85%; 
	text-align: left; 
	margin: 6px 0 20px 0;
}
.errorrow .label { 
	background-color: silver; 
	font-size: 12px; 
	font-weight: bold; 
	line-height: 16px; 
	padding: 4px; 
	margin-bottom: 0;
}
.errorrow .info { 
	background-color: white;
	padding: 2px; 
	margin: 4px 0 8px 20px;
}
.error_message { 
	padding: 4px; 
	margin: 2px 0 4px 0;
}
.input-error { 
	margin: 0 0 10px 0; 
	padding: 2px 2px 2px 14px; 
	font-weight: bold; 
	background-color: #fffbef;
}
.message { 
	text-align: center; 
	padding: 6px; 
	margin: 4px;
	font-weight: bold; 
	background-color: #edf3fe;
}

.footnote {
	font-weight: bold; 
	font-size: 10px;
	color: #369; 
	position: relative;
	top: -10px;
}

a.loginlink { 
	color: white; 
	text-decoration: none; 
	font-weight: bold;
}

a:hover.loginlink { 
	color:  #FF9900; 
	font-weight: bold; 
	text-decoration: underline; 
}

#image-welcome, #image-mbm {
	float: right;
	padding: 4px 4px 14px 14px
}