/*  
Theme Name: WordPress Style for Mount Helena Community Church
Description: The theme created for Mount Helena Community Church
Version: 1.0
Author: Jeff Wald
Author URI: http://burningafter.com
*/
/* 
Title:     Mount Helena Community Church master styles for screen media 
Author:    jeff@burningafter.com
Updated:   March 7 2007
*/
body {text-align: center; /*background: url(/images/bg.gif) repeat-x;*/ background-color:#fffdee; font-family:  "Trebuchet MS", Verdana, Arial, sans-serif; margin:0px; padding:0px; font-size:80%; body:0px; width:100%; height:100%; color:#000;}

a {color:#990000;}
a:hover {color:#900; text-decoration:none;}

ol, ul, p {line-height:150%;}
img {border:none;}

h2 {font-size:x-large;}
h3 {font-size:large; color:#990000;}
h4 {font-size:medium; color:#990000;}

#topline {width:770px: margin:0px auto; height:195px; padding:0; background: url(/images/style/head.jpg) no-repeat;}
#uppergray {width:770px; display: block; margin:0px auto; height:17px; padding:0; background:url(/images/style/uppergray.gif) right top no-repeat;}

#uppergray ul { color: #fff; margin: 2px 35px 0 0; padding: 0 0 0 8px; float:right; list-style: none; height: 9px; }
#uppergray li { height: 9px; padding:0px 5px; float:left;}
#uppergray li a { text-indent: -5000px; outline: none;display:block; overflow:hidden;}
.service a {
	width: 100px;
	margin-right: 0px;
	background: url(/images/service.gif) no-repeat;
	}
.contactus a {
	width: 67px;
	margin-right: 0px;
	background: url(/images/contact.gif) no-repeat;
	}

#special {background:#571D09 url(/images/style/specialback.jpg) left top no-repeat; color:#fff; width:690px; margin:0 auto; padding: 10px 30px 10px 50px;}

.specialwrap {float: left; width: 445px;}
     /*** This can be floated left or right ***/

.specialone{float: left; width: 200px; text-align:left;}

.specialtwo {float: right; width: 200px; text-align:left;}

.specialthree {float: right; width: 200px; text-align:left;}

#page {background-color:transparent; width:770px; margin:0 auto; padding: 0;}

#wrap {width:770px; margin:0px auto 0; padding:0;}
#header {width:422px; position:absolute; top:15px; margin:0 0 0 15px; padding:0;}

#headerimg a{text-indent:-1000em; display:block; overflow:hidden; background-repeat:no-repeat; background-position:left top; border:none; margin:0; width:422px; height:30px; background-image:url(/images/logohead.gif); float:left;}

#headerimg h1 {margin:0px; padding:0;}

#primary-nav {
	width: 770px;
	margin: 0px auto 0px;
	padding: 0px;
text-align:right;
background:#000 url(/images/style/priback.jpg) left top no-repeat;
}
#primary-nav ul { margin: 0px 10px 0 0; padding: 4px 0px; font-size: 14px; font-weight:normal;}
#primary-nav li { display: inline; position: relative; padding:6px 20px;}
#primary-nav li a:link { color: #c8d83c; text-decoration: none; }
#primary-nav li a:visited { color: #c8d83c; text-decoration: none; }
#primary-nav li a:hover { color: #fff; text-decoration: underline; }
#primary-nav li a:active { color: #c8d83c; text-decoration: none; }

/*9b8856*/

li.page_item.current_page_item {color: #c8d83c; background:#571d09; font-weight:bold;}
li.page_item.current_page_parent {color: #fff; background:#571d09 /*url(/images/style/navleft.gif) left top no-repeat*/;margin:0;}
#primary-nav li.page_item.current_page_parent a {color: #fff; font-weight:normal; padding-left:2px;}

#secondary-nav {width: 764px; margin: 0px auto; color: #666; padding: 6px 3px; text-align:left;  font-size: 11px; background:#571d09 url(/images/style/secback.jpg) left top no-repeat;}
#secondary-nav ul { margin: 5px 0px 0px; padding: 5px 0px 15px 15px; }
#secondary-nav li { display: inline; position: relative; padding:0px; margin-left: 25px;}
#secondary-nav li a:link { color: #fff; text-decoration: none;  }
#secondary-nav li a:visited { color: #fff; text-decoration: none; }
#secondary-nav li a:hover { color: #fff; text-decoration: underline; }
#secondary-nav li a:active { color: #fff; text-decoration: none; }

#secondary-nav ul{ display:none; }

#content {margin:0 auto; width: auto; text-align:left; padding: 15px 15px 0px 30px; /*background:url(/images/style/contenttop.gif) left top no-repeat;*/}
#contentbottom {margin: 0 auto; width: auto; padding:0; /*background:url(/images/style/contentbottom.gif) left top no-repeat;*/ height:12px;}

#contentone {float: left; width: 470px;}

#contenttwo {float: right; width: 200px; font-size:small;}

#contenttwo ul { margin:0; padding:0; list-style:none;}
#contenttwo li { padding-bottom:4px;}
#contenttwo h3 { color:#666C24; margin:7px 0; padding-bottom:7px; border-bottom: solid 1px #E6DFCE;}
#contenttwo h4 { margin:7px 0 0; padding:0 0 4px 0;}

.floatleft {float:left; margin:0px 15px 5px 0px; border: 6px #E6DFCE solid;}
.floatright {float:right; margin:0px 0px 5px 15px; border: 6px #E6DFCE solid;}
.grayright {border: 1px solid black; padding: 5px; float: right; margin-left: 5px; margin-bottom: 5px; background-color: #eeeeee;}
.frontlist li {padding:5px 0 5px 5px;}
.right {float:right; margin:0px 0px 5px 15px; }
.left {float:right; margin:0px 15px 5px 0px; }

#footer {
	width: 700px;
	margin: 15px auto 0px;
	color: #716b5d;
background-color: #E6DFCE;
	padding: 7px;
font-size: 90%;
text-align:center;
}
#footer ul { margin: 0; padding: 0; font-size: 94%; }
#footer li { display: inline; position: relative; padding:0px; margin-right: 25px;}
#footer li a:link { color: #716b5d; text-decoration: none; }
#footer li a:visited { color: #716b5d; text-decoration: none; }
#footer li a:hover { color: #716b5d; text-decoration: underline; }
#footer li a:active { color: #716b5d; text-decoration: none; }

.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;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* 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 h2 {
	visibility: hidden;
	letter-spacing: 7px;
	font-size: 30px;
margin:0px;
}


/*.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}*/


.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}

#textoverimage{
background: {url(/images/baptismsun.png) no-repeat;
float:left; 
margin:0px 15px 5px 0px; 
border: 6px #E6DFCE solid;
}