/*
-----------------------------------------------
Harmony Hills Screen Master
Author:  Hamish Stevenson / for Monk Development (www.monkdevelopment.com)
Date:  8 December 2006
Updated: 
----------------------------------------------- */

/* =Global Styles
----------------------------------------------- */
body { background: #444F34 url(../images/bg_body.jpg) top center repeat-x; margin:0; padding:0; text-align:center; font-family: Helvetica, sans-serif; font-size:12px; line-height: 16px; color:#2A341D;}


/* =Generic styles */
img { border:0; padding:0; margin-bottom:0 }
a, a:visited { color:#B94020; text-decoration:underline;}
a:hover { color:#B94020; text-decoration:none;}
a img {	border:none;}
a:focus { outline:none; }
.hide {	position:absolute; left:-2000px; width:999px;}
.alignleft { float:left;}
.alignright { float:right;}
.margin-none { margin:0;}
.blue { color: #4C6A86; }
.toplink { font-size: 1.0em; float: right; margin: 0 0 10px 0; clear: both; }
p {font-family: Helvetica, sans-serif; font-size: 12px; max-width: 300px; line-height: 16px; margin:0 0 16px 0; }
small { font-family:"Lucida Grande" Geneva, Arial, sans-serif; font-size:1.0em; line-height:1.2em; margin:0 0 0.9em 0; }
ul, ol, td { font-family:"Lucida Grande", Geneva, Arial, sans-serif; font-size:1.2em; line-height:1.2em; margin:0 0 0.9em 0; }
ul { padding: 0 0 0 27px; list-style-image: url(../images/bullet-main.gif); }
ol { padding: 0 0 0 27px; }
label, input, textarea { font-family:"Lucida Grande", Geneva, Arial, sans-serif; font-size:1.2em; line-height:1.4em; margin:0 0 0.5em 0; }
select { font-family:"Lucida Grande", Geneva, Arial, sans-serif; color: #000; font-size: 1.2em; padding: 1px; }
dl, dt, dd { font-family:"Lucida Grande", Geneva, Arial, sans-serif; font-size:1.1em; line-height:1; margin:0 0 0.5em 0; }

fieldset { border: 0; margin: 0; }
legend { display: none; }

h1 { color: #6B4700; font-size:24px; }
h2 { color: #6B4700; font-size:18px; }
h3 { color: #6B4700; font-size:16px; }
h4 { color: #6B4700; font-size:14px; }
h5 { color: #6B4700; font-size:12px; }
h6 { color: #6B4700; font-size:10px; }

div.float {
  float: left;
  margin-right:10px;
  margin-bottom:10px
  }
  
div.float p {
   text-align: left;
   font-size:1em;
   }

div.container {
  border: 2px #6B4700;
  }

div.spacer {
  clear: both;
  }

div.contentbg {
	background: url(/images/contentbg.gif) repeat;
	padding: 6px 6px 6px 12px;
}

/* Hacks that can't be avoided in this file */

/* =Clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
.clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* =collapse lists */
#container ul.nav, #container ul.nav li { margin:0; padding:0; list-style:none; }
ul.nav, ul.nav li { display:inline;}


/* =Structure
----------------------------------------------- */
#container { width: 834px; text-align: center; margin: 0 auto; background: url(../images/bg-content.jpg) center top repeat-y; padding: 0; }
#container-inner { width: 834px; text-align: center; margin: 0 auto; background: url(../images/bg-masthead.jpg) center top no-repeat; padding: 0;  }

#content { width: 834px; text-align: left; margin: 0 auto; min-height: 450px; padding: 0; }
#col-1 { display: inline; float: left; padding: 50px 0 0 0; margin: 0 0 0 29px; }
/** html #col-1 { margin: 0 0 0 34px; }*/
#col-2 { float: left; margin: 0 0 0 5px; }
#col-3 { width: 160px; float: left; margin: 50px 0 0 0; padding: 20px 13px; background:url(../images/bg-col-3.jpg) center top no-repeat; color: #444F34; }
#col-3 p img, #col-3 p a img{
	#margin-bottom:4px;
}
#col-main { float: left; width: 570px; margin: 20px 0 0 5px; background: 
url(../images/bg-col_main.jpg) 0 10px no-repeat;  }
#col-main #col-3 { float: right; margin: 30px 0 0 0; }
#col-main img#page-header { margin: 0 0 0 15px; }
#col-main-text { float: left; width: 345px; margin: 30px 0 0 10px; }
#col-main-text2 { float: left; width:525px;  margin: 30px 0 0 10px; font-weight:bold; color:#2a341d; line-height:25px; }
body.no-sidebar #col-main-text{ width: 570px;}

/* =Masthead */
#mashtead { width: 834px; height: 174px; text-align: center; }
#mashtead h1 { position: absolute; left: 247px; top: 47px; margin: 0; width: 337px; height: 65px; }
#mashtead h1 a { display: block; width: 337px; height: 65px; }

#nav *{
   margin: 0;
   padding: 0;
   background-position: 0 0;
   display:block;
}

#nav{
   float: left;
   clear: left;
   width: 154px;
   list-style: none;
   display:block;
}

#nav li{
   float: left;
   width: 154px;
   margin-bottom: 2px;
   font-size: 1.3em;
   display:block;
}

#nav li a{
   display: block;
   width: 154px;
   height: 27px;
   background: url(/images/nav-dual.gif) no-repeat;
   color: #FFF;
   text-decoration: none;
   text-indent: -9999px;
}

#nav li#nav_home a{
  display:block;
}

#nav li#nav_about-us a{
   background-position: 0 -29px;display:block;
}

#nav li#nav_worship a{
   background-position: 0 -58px;display:block;
}

#nav li#nav_small-groups a{
   background-position: 0 -87px;display:block;
}

#nav li#nav_calendar a{
   background-position: 0 -116px;display:block;
}

#nav li#nav_ministries a{
   background-position: 0 -145px;display:block;
}

#nav li#nav_get-connected a{
   background-position: 0 -174px;display:block;
}

#nav li#nav_messages a{
   background-position: 0 -203px;display:block;
}

#nav li#nav_newsletter a{
   background-position: 0 -232px;display:block;
}

#nav li#nav_contact-us a{
   background-position: 0 -261px;display:block;
}

#nav li#nav_home a:hover{
   background-position: -154px 0;display:block;
}

#nav li#nav_about-us a:hover{
   background-position: -154px -29px;display:block;
}

#nav li#nav_worship a:hover{
   background-position: -154px -58px;display:block;
}

#nav li#nav_small-groups a:hover{
   background-position: -154px -87px;display:block;
}

#nav li#nav_calendar a:hover{
   background-position: -154px -116px;display:block;
}

#nav li#nav_ministries a:hover{
   background-position: -154px -145px;display:block;
}

#nav li#nav_get-connected a:hover{
   background-position: -154px -174px;display:block;
}

#nav li#nav_messages a:hover{
   background-position: -154px -203px;display:block;
}

#nav li#nav_newsletter a:hover{
   background-position: -154px -232px;display:block;
}

#nav li#nav_contact-us a:hover{
   background-position: -154px -261px;display:block;
}

#nav li ul{
   position: absolute;
   background:url(/images/gif_spacer.gif) right;
   left: -999em;
   z-index: 999;
   width: 140px;
   margin: -27px 0 0 154px;
   list-style: none;
   line-height: 1;
   display:block;
}

#nav li li{
   width: auto;
   margin-bottom: 1px;
   font-size: 11px;
   text-transform: lowercase;
   display:block;
}

#nav li ul ul{
   margin: -27px 0 0 163px;
   display:block;
}

#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul,
#nav li.sfhover ul ul ul{
   left: -999em;
   display:block;
}
#nav li:hover {
	#position:static;
}
#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul{
   left: auto;
   display:block;
}

#nav li li a{
   width: 131px;
   height: auto;
   padding: 8px 16px;
   background: #A4AE50;
   color: #444F34;
   text-indent: 0;
   display:block;
}

#nav li li a:hover{
   background: #96CEB0;
   display:block;
}

/* =Homepage items */
#newbies a { display: block; width: 328px; height: 149px; margin: 15px 0 0 30px; background: url(../images/servicechange.jpg) no-repeat; }

/* =Footer */
#footer { width: 834px; margin: 0 auto; background: url(../images/bg-footer.jpg) 0 -50px no-repeat; padding: 70px 0 0 0; height: 270px; }
#footer-inner { width: 834px; padding: 10px 0 75px 0; #padding-bottom:50px; text-align: left; }
#footer-inner p { display: inline; margin: 0 0 0 180px; }
#footer-inner input { vertical-align: bottom; }
#footer-inner input.textbox { margin: 0 0 0 130px; padding: 3px; background: #FFF2C3; border: 1px solid #FFF2C3; width: 175px; }
#footer-inner input.submit { margin: 0 0 0 5px; background: #65AB86; border: 1px solid #65AB86; padding: 3px; }
#footer p { color: #9EA44F; font-size: 1.1em; }
#footer a { color: #9EA44F; }

#footer form#searchForm{
   margin: 6px 0 0 115px;
}
#footersearch{
	float:left;
	position:relative;
	#margin-left:-110px!important;
}
#footerevite{
	float:left;
	margin:5px 0px 0px -24px;
	position:relative;
}
#footerlogo{
	float:left;
	position:relative;
	height:20px;
	margin-left:63px;
	width:20px;
}
#footer form#searchForm input{
   float: left;
   width: 173px;
   height: 18px;
   margin-right: 4px;
   padding: 2px;
   padding-bottom: 0;
   border: 0;
   background: #FFF2C3;
   font-size: 11px;
}

#footer form#searchForm a{
   display: block;
   width: 65px;
   height: 20px;
   float: left;
   background: #FFF url(/images/bg_search-submit.gif) no-repeat;
   text-indent: -9999px;
}

#footerAM img{
	float:right;
	margin:0 105px 0 0;
   	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #c3a251;
}
#content #show {
width:200px;
border-color:#454F36;
border-width:1px;
}

#content .sermongroup{
	clear:both;
	position:relative;
	background: #DED8A4;
	margin-bottom: 18px;
	width:525px;
	border:1px solid #444f34;
	font:Georgia, "Times New Roman", Times, serif;
}

#content .sermongroup h4{
text-indent:10px;
   margin: 0;
   padding: 8px 12px 9px 0px;
   _padding-right: -10px;
   #padding-right: 0px;
   color: #FFF;
   background: url(/images/sermon_header_bg.jpg) no-repeat;
   font-size: 2em;
   font-weight:bold;
   text-transform:capitalize;
   width:525px;
}

#content .sermonbox{
   position: relative;
   padding: 5px 12px;
   padding-right: 175px;
   border-bottom: 1px solid #F6F1CD;
}

#content .sermonbox h5{
 font-weight:bold;
   margin-bottom: .1em;
   font-size: 1.5em;
}

#content .sermonbox h5 a{
   color: #373e25;
   text-decoration: none;
}

#content .sermonbox h5 a:hover{
   background:#444F34;
	color:#A1A564;
}

#content .sermonbox p{
   margin: 0;
   font-size: 1.1em;
   
   color: #7c5813;
}

#content .sermonbox ul{
   position: absolute;
   top: 14px;
   left: 350px;
   #left: 350px;
   _left: 340px;
   width:inherit;
   height:auto;
   margin: 0;
   list-style: none;
}

#content .sermonbox ul li{
   position: absolute;
   height:34px;
   widows:inherit;
   background: none;
  
}
#content .sermonbox ul li a{
   text-indent: -9999px;
   height:34px;
   display:block;
}
#content .sermonbox ul li.sb_video{
   left: 0;
}

#content .sermonbox ul li.sb_audio{
   left: 41px;
}

#content .sermonbox ul li.sb_download{
   left: 77px;
}

#content .sermonbox ul li.sb_notes{
   left: 127px;
}

#content .sermonbox ul li a{
   display: block;
   width: 24px;
   height: 34px;
   background-repeat: no-repeat;
}

#content .sermonbox ul li.sb_video a{
   background-image: url(/images/sb_video.gif);
}

#content .sermonbox ul li.sb_audio a{
   width: 26px;
   background-image: url(/images/sb_audio.gif);
}

#content .sermonbox ul li.sb_download a{
   width: 41px;
   background-image: url(/images/sb_download.gif);
}

#content .sermonbox ul li.sb_notes a{
   background-image: url(/images/sb_notes.gif);
}

#content p#filter{
   margin-bottom: 36px;
}

#content p#filter strong{
   text-transform: uppercase;
}

#content p#filter select{
   width: 200px;
   margin: 0 15px;
   font-family: "Lucida Grande", Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

#content #sermon-header{
   position: relative;
   margin-bottom: 15px;
   padding: 10px 12px;
   background: url(/images/sermon_header_bg.jpg) no-repeat;
   text-transform:capitalize;
   width:525px;
   color:#FFF;
   
}

#content #sermon-header p{
   margin: 0;
   color: #d3ba85;
   font-size: 1.1em;
   color: #e9cb92;
   font-weight:bold;
    font-family: "Trebuchet MS", Geneva, Arial, sans-serif;
}

#content #sermon-header h4{
   margin-bottom: .5em;
   color: #FFF;
   font-size: 2em;
   font-weight:bold;
   
   
}

#content #sermon-header ul{
   position: absolute;
   top: 20px;
   right: 0;
   width: 167px;
   margin: 0;
   list-style: none;
}

#content #sermon-header li{
   position: absolute;
   float: left;
   padding: 0;
   background: none;
   text-align: center;
   text-indent: -9999px;
}

#content #sermon-header li#mb_video{
   left: 0;
}

#content #sermon-header li#mb_audio{
   left: 41px;
}

#content #sermon-header li#mb_download{
   left: 77px;
}

#content #sermon-header li#mb_notes{
   left: 127px;
}

#content #sermon-header li a{
   display:block;
   width: 24px;
   height: 34px;
   /*padding: 8px 6px 30px 7px;*/
   background-repeat: no-repeat;
   background-position: center bottom;
   color: #999;
   text-decoration: none;
}

#content #sermon-header li#mb_video a{
   background-image: url(/images/mb_video.gif);
}

#content #sermon-header li#mb_audio a{
   width: 26px;
   background-image: url(/images/mb_audio.gif);
}

#content #sermon-header li#mb_download a{
   width: 41px;
   background-image: url(/images/mb_download.gif);
}

#content #sermon-header li#mb_notes a{
   background-image: url(/images/mb_notes.gif);
}
#content #sermondesc {
width:100%;
}
#content #sermondesc h5{
	 font-family:Georgia, "Times New Roman", Times, serif;
	 font-size:2.3em;
	 margin-bottom:10px;
}

#content #sermondesc p{
	 font-size: 1.3em;
	 font-family: "Trebuchet MS", Geneva, Arial, sans-serif;
}
#content #sermondesc #text{
	font-size: 1.1em;
	 font-family: "Trebuchet MS", Geneva, Arial, sans-serif;
}
#content #sermondesc #text p{
	font-size: 1.1em;
	 font-family: "Trebuchet MS", Geneva, Arial, sans-serif;
}


#col-main-text iframe{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   width: 525px;
   height: 525px;
   margin-left: 15px;
   border: 0;
}