/* @override http://www.fellowshipnashville.com/_css/styles.css */
/* @override http://www.fellowshipnashville.org/_css/styles.css */

/* Site: Fellowship Bible */



/* =RESET MARGINS & PADDING

---------------------------------------------------------------------

*/



html, body, div, span,

p, blockquote, pre, code,

ul, ol, li,

h1, h2, h3, h4, h5, h6,

form, fieldset, legend, label, input, textarea,

table, caption, tbody, tfoot, thead, tr, th, td {

  margin: 0;

  padding: 0;

}



img {

  border: 0;

  margin: 0;

  padding: 0;

}



hr{

   display: none;

}



/* =RESET TYPOGRAPHY

---------------------------------------------------------------------

*/



body {

  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande"," Lucida Sans", Arial, sans-serif;

  font-size: 62.5%;  /* Rest font to a 10px baseline when using ems */

  font-weight: normal;

  line-height: 140%;   

  background: #999 url(/_img/body_bg.jpg) center top;

}

body.inversion{
  background: #001c2c url(/_img/body_inversion_bg.jpg) repeat-x center top;
}


body.fsm{
  background: #34748d url(/_img/body_fsm.jpg) repeat-x top;
}


h1 {

  font-size: 1em;

  font-weight: normal;

}



h2 {

  font-size: 1.8em;
  line-height: 1.6;
  font-weight: bold;
  color: #5d5d04;

}

h2.ptitle{
  margin-top: 13px;
}


h3 {

  font-size: 1.6em;
  line-height: 1.6;

  font-weight: bold;
  color: #5d5d04;

}

h4 {

  font-size: 1.4em;
  line-height: 1.4;
  font-weight: bold;
  color: #5d5d04;

}



h5 {

  font-size: 1.2em;

  font-weight: bold;
  color: #5d5d04;
  line-height: 1em;
  padding: 11px 0 4px;
}



h6 {

  font-size: 0.8em;

  font-weight: bold;

}



p {

  font-weight: normal;

  margin: 0 0 14px 0;
  line-height: 1.5;
}

.inversion h2,
.inversion h4,
.inversion h5,
.inversion h6{
  color: #3b3c3c;
  font-weight: normal;
}
.inversion h3{
  color: #003544;
  font-size: 1.4em;
}

.fsm h2,
.fsm h3,
.fsm h4,
.fsm h5,
.fsm h6{
  color: #004051;
}


/* =DEFAULT LINKS

---------------------------------------------------------------------

*/



a {

  margin: 0;

  padding: 0;

  text-decoration: none;

  overflow: hidden;

}



a:hover,

a:active {

  text-decoration: underline;

}

a img{
  border: none;
}



/* =Helper Classes

---------------------------------------------------------------------

*/

#skip{

   position: absolute;

   list-style: none;

   display: block;

   height: 0;

   overflow: hidden;

}

/* the clearfix rules make it possible to clear floated elements without additional structural markup. See http://www.positioniseverything.net/easyclearing.html */

.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 */


/* =Header

---------------------------------------------------------------------

*/
#topNav{
  background:url(/_img/header.jpg);
  height: 54px;
}

.inversion #topNav{
  background:url(/_img/inversion_header.jpg);
}

.fsm #topNav{
  background: none;
}

.inversion #topNav ul,
.fsm #topNav ul{
  display: none;
}


#topNav ul{
  margin-top: 30px;
  margin-right: 22px;
  list-style-type: none;
  height: 24px;
  float: right;
}

#topNav ul li{
  float: left;
  display: inline;
}

#topNav ul li a{
  background: url(/_img/topNav-li.gif) no-repeat left top;
  display: block;
  height: 0;
  padding-top: 24px;
  overflow:hidden;
}

#topNav ul.active li a{
  background: url(/_img/topNav-li.gif) no-repeat left -26px;
}

#topNav ul li.minGuide a{
  width: 120px;
}

#topNav ul li.register a {
  width: 100px;
  background-position: right top;
}
#topNav ul.active li.register a {
  width: 100px;
  background-position: right -26px;
}
/* =Ministry Guide

---------------------------------------------------------------------

*/

div#minGuide{
  clear: both;
  margin: 0;
  height: 190px;
  background: #3c2b09;
  padding: 16px 23px;
  line-height: 1.6;
}

div#minGuide p{
  margin: 0;
}

#minGuide div.col{
  width: 165px;
  float: left;
  display: inline;
  height: 190px;
}

#minGuide #col2,
#minGuide #col3,
#minGuide #col4{
   border-left: 1px solid #6f5f40;
   padding: 0 15px;
}
#minGuide #col5{
  padding-top: 26px;
  height: 160px;
  padding-left: 15px;
}
#minGuide h5{
  color: #ffffff;
  font-weight: normal;
}
#minGuide ul{
  list-style-type: none;
}
#minGuide ul li a{
  color: #c3b59a;
  font-size: 1.1em;
}


#header{
  background: url(/_img/header.jpg) no-repeat left -59px;
  min-height: 234px;
  clear: both;
}

.inversion #header{
  background: url(/_img/inversion_header.jpg) no-repeat left -54px;
  min-height: 293px;
}


.fsm #header{
  background: url(/_img/fsm_hdr-btm.png) no-repeat 22px bottom;
  min-height: 180px;
  height: auto !important;
  height: 180px;
  position: relative;
  z-index: 10;
}
#home.fsm #header{
  min-height: 173px;
  height: auto !important;
  height: 173px;
}

#masthead{
  background: url(/_img/masthead.jpg) no-repeat left top;
  height: 162px;
  width: 941px;
  margin: 0 22px 0;
  float: left;
}

.inversion #masthead{
  background: url(/_img/inversion_masthead.jpg) no-repeat left top;
}

.fsm #masthead{
  background: url(/_img/fsm_masthead.jpg) no-repeat left top;
  margin-left: 23px;
  width: 940px;
  height: 156px;
}

#search{
  float: right;
  margin: 39px 15px 0 0;
}
#search fieldset{
  width: 220px;
}

input#search_term{
  background: url(/_img/search_input.png);
  border: 0;
  float: left;
  display: inline;
  height: 12px;
  width: 150px;
  padding: 5px 25px 5px 5px;
}

a#search_go{
  background: url(/_img/search_go.png) no-repeat left top;
  display: block;
  float: right;
  height: 0;
  padding-top: 22px;
  overflow: hidden;
  width: 34px;
}

#header h1 {
   float: left;
   display: inline;
   width: 219px;
   line-height: 43px;
   margin-top: 23px;
   margin-left: 16px;
}

#header h1 a{
  background: url(/_img/logo.jpg);
  display: block;
  height: 0;
  padding-top: 43px;
  overflow: hidden;
}
.inversion #header h1 a{
  background: url(/_img/inversion_logo.png);
}
.fsm #header h1{
  width: 135px;
  margin-top: 7px;
}
.fsm #header h1 a{
  background: url(/_img/fsm_logo.png);
  padding-top: 76px;
}

#tagline p{
   color: #4a3a24;
   float: left;
   font-family: Georgia;
   font-style: italic;
   display: inline;
   line-height: 43px;
   margin-top: 23px;
   margin-left: 16px;
   font-size: 14px;
   width: 320px;
   margin-bottom: 0;
}

.inversion #tagline p{
  background: url(/_img/inversion_tagline.png) no-repeat;
  height: 0;
  overflow: hidden;
  padding-top: 17px;
  margin-top: 40px;
  width: 351px;
}

.fsm #tagline p{
  background: url(/_img/fsm_tagline.png) no-repeat;
  height: 0;
  overflow: hidden;
  padding-top: 17px;
  margin-top: 37px;
}



/* =Main Navigation

---------------------------------------------------------------------

*/



#nav{
   background: url(/_img/nav.jpg) repeat-x left top;
   clear: both;

   float: left;
   list-style: none;
   margin-top: 20px;
   width: 941px;
}


#nav li{

   float: left;
   font-size: 1.4em;
   padding: 0;

}



#nav li a{
   background: url(/_img/nav_li.jpg) no-repeat left top;
   display: block;
   height: 0;
   padding: 34px 0 0 ;
}


#nav li#nav_home a{width:82px ;background-position: left top;}
#nav li#nav_home a:hover{background-position: left -34px;}

#nav li#nav_about-us a{width: 105px;background-position: -82px top;}
#nav li#nav_about-us a:hover{background-position: -82px -34px;}

#nav li#nav_adults a{width: 90px;background-position: -187px top;}
#nav li#nav_adults a:hover{background-position: -187px -34px;}

#nav li#nav_students a{width: 106px;background-position: -277px top;}
#nav li#nav_students a:hover{background-position: -277px -34px;}

#nav li#nav_children a{width: 104px;background-position: -383px top;}
#nav li#nav_children a:hover{background-position: -383px -34px;}

#nav li#nav_globallocal a{width: 138px;background-position: -487px top;}
#nav li#nav_globallocal a:hover{background-position: -487px -34px;}

#nav li#nav_calendar a{width: 111px;background-position: -625px top;}
#nav li#nav_calendar a:hover{background-position: -625px -34px;}

#nav li#nav_media a{width: 84px;background-position: -736px top;}
#nav li#nav_media a:hover{background-position: -736px -34px;}

#nav li#nav_contact a{width: 121px;background-position: -820px top;}
#nav li#nav_contact a:hover{background-position: -820px -34px;}


/* Remove these items - they are removed through jquery,
but this avoids the flash of content */
#nav li#nav_new-to-fellowship a,
#nav li#nav_get-connected a,
#nav li#nav_this-week a,
#nav li#nav_watch--listen a,
#nav li#nav_adults_inversion-young-adults_new-to-inversion a,
#nav li#nav_adults_inversion-young-adults_service--global a,
#nav li#nav_adults_inversion-young-adults_gathering--groups a,
#nav li#nav_students_242-small-groups a{
  display: none;
}

#nav li ul{

   position: absolute;

   left: -999em;

   z-index: 999;

   list-style: none;

   line-height: 1;

}



#nav li li{

   font-size: .9em;
   margin: 0;
}



#nav li:hover ul,

#nav li.sfhover ul{

   left: auto;

}

#nav li#nav_home:hover ul,
#nav li#nav_about-us:hover ul{
  left: 35px;
}
#nav li#nav_children:hover ul,
#nav li#nav_media:hover ul,
#nav li#nav_contact:hover ul{
  right: 42px;
}

/* Need to be specific because of widths */
#nav li#nav_home li a,
#nav li#nav_about-us li a,
#nav li#nav_adults li a,
#nav li#nav_students li a,
#nav li#nav_children li a,
#nav li#nav_globallocal li a,
#nav li#nav_calendar li a,
#nav li#nav_media li a,
#nav li#nav_contact li a{

   background: none;
   color:#3c2b09;
   width: auto;
   line-height: 18px;
   height: 14px;

   padding: 6px 10px 20px;

}


#nav li#nav_home li a:hover,
#nav li#nav_about-us li a:hover,
#nav li#nav_adults li a:hover,
#nav li#nav_students-fsm li a:hover,
#nav li#nav_children li a:hover,
#nav li#nav_globallocal li a:hover,
#nav li#nav_calendar li a:hover,
#nav li#nav_media li a:hover,
#nav li#nav_contact li a:hover{

  color: #d47f00;
  text-decoration: none;
}
/* =Inversion Navigation

---------------------------------------------------------------------

*/



.inversion #nav{
   background: url(/_img/inversion_nav.jpg) repeat-x left top;
   clear: both;

   float: left;
   list-style: none;
   margin-top: 20px;
   width: 940px;
   border-top: 2px solid #55767e;
}


.inversion #nav li{

   float: left;
   padding: 0;

}



.inversion #nav li a{
   background: url(/_img/inversion_nav_li2.jpg) no-repeat left top;
   display: block;
   height: 0;
   padding: 34px 0 0;
}


#nav li#nav_adults_inversion-young-adults_home a{width:93px ;background-position: left top;}
#nav li#nav_adults_inversion-young-adults_home a:hover{background-position: left -34px;}

#nav li#nav_adults_inversion-young-adults_about-us a{width: 119px;background-position: -93px top;}
#nav li#nav_adults_inversion-young-adults_about-us a:hover{background-position: -93px -34px;}

#nav li#nav_adults_inversion-young-adults_ministries a{width: 124px;background-position: -212px top;}
#nav li#nav_adults_inversion-young-adults_ministries a:hover{background-position: -212px -34px;}


#nav li#nav_adults_inversion-young-adults_community a{width: 135px;background-position: -336px top;}
#nav li#nav_adults_inversion-young-adults_community a:hover{background-position: -336px -34px;}

#nav li#nav_adults_inversion-young-adults_blog a{width: 90px;background-position: -471px top;}
#nav li#nav_adults_inversion-young-adults_blog a:hover{background-position: -471px -34px;}

#nav li#nav_adults_inversion-young-adults_resources a{width: 127px;background-position: -561px top;}
#nav li#nav_adults_inversion-young-adults_resources a:hover{background-position: -561px -34px;}

#nav li#nav_adults_inversion-young-adults_calendar a{width: 122px;background-position: -688px top;}
#nav li#nav_adults_inversion-young-adults_calendar a:hover{background-position: -688px -34px;}

#nav li#nav_adults_inversion-young-adults_contact-us a{width: 130px;background-position: -810px top;}
#nav li#nav_adults_inversion-young-adults_contact-us a:hover{background-position: -810px -34px;}


#nav li#nav_adults_inversion-young-adults_home:hover ul{
  left: 40px;
}
#nav li#nav_adults_inversion-young-adults_resources:hover ul{
  right: 39px;
}


/* Need to be specific because of widths */
#nav li#nav_adults_inversion-young-adults_home li a,
#nav li#nav_adults_inversion-young-adults_about-us li a,
#nav li#nav_adults_inversion-young-adults_ministries li a,
#nav li#nav_adults_inversion-young-adults_community li a,
#nav li#nav_adults_inversion-young-adults_blog li a,
#nav li#nav_adults_inversion-young-adults_resources li a,
#nav li#nav_adults_inversion-young-adults_calendar li a,
#nav li#nav_adults_inversion-young-adults_contact-us li a{

   background: none;
   color: #b4d5d9;
   width: auto;
   line-height: 18px;
   height: 14px;

   padding: 6px 10px 20px;

}


#nav li#nav_adults_inversion-young-adults_home li a:hover,
#nav li#nav_adults_inversion-young-adults_about-us li a:hover,
#nav li#nav_adults_inversion-young-adults_ministries li a:hover,
#nav li#nav_adults_inversion-young-adults_community li a:hover,
#nav li#nav_adults_inversion-young-adults_blog li a:hover,
#nav li#nav_adults_inversion-young-adults_resources li a:hover,
#nav li#nav_adults_inversion-young-adults_calendar li a:hover,
#nav li#nav_adults_inversion-young-adults_contact-us li a:hover{

  color: #ffffff;
  text-decoration: none;
}

/* =FSM Navigation

---------------------------------------------------------------------

*/


.fsm #nav{
  margin-top: 2px;
  border-top: 1px solid #bae2ec;
  width: 940px;
  background: none;
}

.fsm #nav li a{
  background: url(/_img/fsm_nav-li.png);
}

#nav li#nav_students_home a{width:81px ;background-position: left top;}
#nav li#nav_students_home a:hover{background-position: left -34px;}

#nav li#nav_students_about-us a{width: 107px;background-position: -81px top;}
#nav li#nav_students_about-us a:hover{background-position: -81px -34px;}

#nav li#nav_students_the-mix a{width: 97px;background-position: -188px top;}
#nav li#nav_students_the-mix a:hover{background-position: -188px -34px;}

#nav li#nav_students_the-foundry a{width: 134px;background-position: -285px top;}
#nav li#nav_students_the-foundry a:hover{background-position: -285px -34px;}

#nav li#nav_students_parents a{width: 98px;background-position: -419px top;}
#nav li#nav_students_parents a:hover{background-position: -419px -34px;}

#nav li#nav_students_media a{width: 85px;background-position: -517px top;}
#nav li#nav_students_media a:hover{background-position: -517px -34px;}

#nav li#nav_students_calendar a{width: 112px;background-position: -602px top;}
#nav li#nav_students_calendar a:hover{background-position: -602px -34px;}

#nav li#nav_students_register a{width: 102px;background-position: -714px top;}
#nav li#nav_students_register a:hover{background-position: -714px -34px;}

#nav li#nav_students_contact-us a{width: 123px;background-position: -816px top;}
#nav li#nav_students_contact-us a:hover{background-position: -816px -34px;}

#nav li#nav_students_home:hover ul{
  left: 35px;
}

/* Need to be specific because of widths */
#nav li#nav_students_home li a,
#nav li#nav_students_about-us li a,
#nav li#nav_students_the-mix li a,
#nav li#nav_students_the-foundry li a,
#nav li#nav_students_parents li a,
#nav li#nav_students_media li a,
#nav li#nav_students_calendar li a,
#nav li#nav_students_register li a,
#nav li#nav_students_contact-us li a{

   background: none;
   color: #b4d5d9;
   width: auto;
   line-height: 18px;
   height: 14px;

   padding: 6px 10px 20px;

}


#nav li#nav_students_home li a:hover,
#nav li#nav_students_about-us li a:hover,
#nav li#nav_students_the-mix li a:hover,
#nav li#nav_students_the-foundry li a:hover,
#nav li#nav_students_parents li a:hover,
#nav li#nav_students_media li a:hover,
#nav li#nav_students_calendar li a:hover,
#nav li#nav_students_register li a:hover,
#nav li#nav_students_contact-us li a{

  color: #ffffff;
  text-decoration: none;
}


/* =Rotators

---------------------------------------------------------------------

*/


#rotator{
  width: 678px;
  height: 282px;
  position: relative;
  z-index: 5;
  overflow: hidden;
  margin-bottom: 17px;
}

#home #rotator{
  margin-left: 23px;
  width: 940px;
  height: 371px;
  margin-bottom: 0;
}

#rotator #slideshow{
  list-style-type: none;
  margin: 0;
}

#slideShowNav{
  background: url(/_img/rotator_nav-bg.png) no-repeat -20px top;
  position: absolute;
  bottom: 0;
  z-index: 20;
  width: 678px;
  height: 35px;
}
#home #slideShowNav{
  background: url(/_img/rotator_nav-bg.png) no-repeat left top;
  position: absolute;
  bottom: 0;
  z-index: 20;
  width: 940px;
  height: 35px;
}

#slideShowNav span{
  color: #ffffff;
  display: inline;
  float: left;
  font-size: 1.3em;
  line-height: 12px;
  margin-left: 16px;
  margin-top: 11px;
}

#slideNav{
  float: left;
  display: inline;
  margin-left: 10px;
}

#slideNav li{
  float: left;
  display:inline;
  font-size: 1.4em;
}

#slideNav li a{
  background: url(/_img/rotator_nav-li.png) no-repeat left top;
  display: block;
  height: 0;
  padding-top: 11px;
  margin: 12px 6px 0 0;
  width: 11px;
}
#slideNav li a.activeSlide{
  background: url(/_img/rotator_nav-li-active.png) no-repeat left top;
}
/* =Container

---------------------------------------------------------------------

*/


#container{

   background: url(/_img/shadow.png) no-repeat left top;

   margin: 0 auto;
   width: 985px;
   padding: 0 10px 0 11px;
}

.fsm #container{
  background: #fdfdfd url(/_img/fsm_btm.jpg) no-repeat center bottom;
  width: 985px; /*necessary for border on #container-inner */
  padding: 0;
}


/* =Container-Inner

---------------------------------------------------------------------

*/

#container-inner{
   background: url(/_img/container.jpg);
   position: relative;
}

.inversion #container-inner{
  background: #becbc3 url(/_img/inversion_content-rpt.png) -1px top;
}
#leftSB.inversion #container-inner{
  background: url(/_img/inversion_content-rpt-leftSB.png) -1px top;
}

#home.inversion #container-inner{
  background: #becbc3;
}

.fsm #container-inner{
  background: url(/_img/fsm_top.jpg) no-repeat center top;
  border-bottom: 2px solid #fdfdfd;
}

/* =Content-Wrap

---------------------------------------------------------------------

*/
#content-wrap{
  background: url(/_img/content-rpt.jpg);
  margin-top: -65px;
  position: relative;
  margin-left: 22px;
  width: 940px;
  padding-bottom: 10px;
}

.inversion #content-wrap{
  background: url(/_img/inversion_content-top2.png) no-repeat;
  margin-top: -120px;
  min-height: 400px;
}

#leftSB #content-wrap{
  background: url(/_img/content-rpt-leftSB.jpg);
}
#leftSB.inversion #content-wrap{
  background: url(/_img/inversion_content-top-leftSB.png) no-repeat;
}

.fsm #content-wrap{
  background: url(/_img/fsm_content-rpt-both.png) repeat-y;
  margin-top: -7px;
  position: relative;
  z-index: 5;
}
#home.fsm #content-wrap{
  margin-top: 0;
}


#leftSB.fsm #content-wrap{
  background: url(/_img/fsm_content-rpt.png) repeat-y;
  min-height: 500px;
  height: auto !important;
  height: 500px;
}

#content-wrap:after {
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
}

#home #content-wrap{
  background: none;
  margin-left: 0;
  width: 100%;
  padding-bottom: 0;
}


/* =Content

---------------------------------------------------------------------

*/

#content{
   clear: both;
   width: 520px;
   padding: 10px;
   float: left;
   margin-left: 240px;
   color: #6d6e71;
   font-size: 1.3em;

}

.fsm #content{
  color: #373737;
}

#content strong,
#content b{
  color: #353637;
}

#leftSB #content{
  background: url(/_img/content-top-leftSB.png) no-repeat right top;
  width: 680px;
}
#leftSB.inversion #content{
  background: url(/_img/inversion_content-top-leftSB.png) no-repeat right top;
}
#leftSB.fsm #content{
  background: none;
}


#content li{

   margin-bottom: 1em;

   line-height: 1.55;

}



#content ul,

#content ol{

   margin: 0 0 1em 3em;

}



#content li{

   margin: 0;

}



#content li li{

   font-size: 1em;

}



#content blockquote{

   margin-left: 3em;

}



#content hr{

   display: block;

   margin-bottom: 1em;

}



#content a,
#sbLeft a{

   color: #3B5EC3;

}


.fsm #content a{
  color: #06627C;
}

#content a:visited
#sbLeft a:visited{
  color: #70429F;
}

.fsm #content a:visited{
  color: #6B4711;
}

#content a:hover{

   text-decoration: none;

}

#content img{

   margin: 10px 5px 5px 10px;

}

#content img.left{
  margin: 0 10px 10px 0;

}

#content img.right{
  margin: 0 0 10px 10px;

}


#content img#page_header{

   margin: 0 0 20px;
}


.landingPage #content img{
  margin: 0;
}


#content #text{

   clear: both;
}


/* =Landing Page Features

---------------------------------------------------------------------

*/


#features div{
  float: left;
  display: inline;
  width: 217px;
  height: 223px;
  margin: 0 14px 0 0;
  padding: 0;
  position: relative;
}

#features h4{
  display: block;	
  color: #2f2612;
  font-size: 1.8em;
  padding: 15px 18px 0 18px;
  text-shadow: 1px 1px 0 #d6c7b0;
  position: relative;
  z-index: 5;
}

#features img{
  position: absolute;
  bottom: 19px;
  left: 16px;
}
#features div a{
  color: #2f2612;
  display: block;
  font-size: 1.2em;
  height: 60px;
  width: 181px;
  padding: 45px 18px 118px;
  position: absolute;
  top: 0;
  text-shadow: 1px 1px 0 #d6c7b0;
}
#features div.blue a,
#features div.link-1 a{
  background: url(/_img/lp_blue.png) no-repeat left top;
}
#features div.green a,
#features div.link-2 a{
  background: url(/_img/lp_green.png) no-repeat left top;
}
#features div.grey a,
#features div.link-3 a{
  background: url(/_img/lp_grey.png) no-repeat left top;
}

#features div.last,
#features div.link-3{
  margin-right: 0;
}

/* =Sidebar

---------------------------------------------------------------------

*/


#sbLeft{
   background: url(/_img/corner-topLeft.png) no-repeat left top;
   width: 214px;
   padding: 13px;
   float: left;
   display: inline;
   margin-left: -780px;
   position: relative; /* necessary for sermons sidebar */
}

.inversion #sbLeft{
   background: url(/_img/inversion_content-top.png) no-repeat left top;
}

.fsm #sbLeft{
  background: url(/_img/fsm_leftSB-top.png) no-repeat left top;
}

.fsm #sbLeft #sb-inner{
  margin-bottom: 308px;
  min-height: 150px;
}

.fsm.sermons #sbLeft{
  min-height: 450px;
}


.fsm #sb-logo{
  position: absolute;
  margin-left: -13px;
  bottom: 0;
  height: 308px;
}

#sbRight{
  background: url(/_img/content-top.png) no-repeat right top;
  float: right;
  display: inline;
  margin-left: 0;
  width: 140px;
  padding: 30px 10px 10px;
}

.inversion #sbRight{
   background: url(/_img/inversion_content-top2.png) no-repeat right top;
}

.fsm #sbRight{
  background: none;
}

#sbRight h4 a{
  color: #3a2601;
  display: block;
  margin-bottom: 8px;
  text-shadow: 1px 1px 0 #d6c7b0;
  font-size: 11.5px;
}

.inversion #sbRight h3{
  color: #ffffff;
  text-shadow: none;
}
.inversion #sbRight h4 a{
  color: #b4d5d9;
  text-shadow: none;
}
.inversion #sbRight h4 a:hover{
  color: #fffff;
}
.fsm #sbRight h3,
.fsm #sbRight h4 a{
  color: #ffffff;
  text-shadow: none;
}

#sbRight a.eventImg{
  display: block;
  clear: both;
  margin-bottom: 35px;
  width: 140px;
  height: 75px;
  position: relative;
}
#sbRight a.eventImg img{
  position: absolute; top: 0; left: 0;
  z-index: 90;
}

#sbRight a.eventImg span{
  position: absolute; top: 0; left: 0;
  width: 140px;
  height: 75px;
  background: url(/_img/sb-mask.png) no-repeat left top;
  z-index: 100;
}

body.fsm #sbRight a.eventImg span{
  background: url(/_img/fsm_sb-mask.png) no-repeat left top;
}

body.inversion #sbRight a.eventImg span{
  background: url(/_img/inversion_sb-mask.png) no-repeat left top;
}

#leftSB #sbLeft{
  margin-left: -940px;
}

#sbLeft img.sb_img{
  margin:20px 0 0 -13px;
}
#sbLeft .quickLinks{
  margin: 15px 0;
}
#sbLeft .quickLinks ul li{
  display: block;
  font-size: 1.4em;
  padding: 5px;
}
#sbRight .section{
  margin: 15px 0;
}
#sbRight .section ul li{
  display: block;
  font-size: 1.4em;
  padding: 5px;
}
#sbLeft .quickLinks ul li a,
#sbRight .section ul li a{
  color: #556199;
}

#sbLeft .quickLinks ul li a.selected,
#sbRight .section ul li a.selected{
  font-weight: bold;
}

/* adjust for the monklets wrapping p */
#sbLeft ul#blog_list_archive,
#sbLeft ul#blog_list_category{
  margin: -14px 0 10px 5px;
}

#sbLeft ul#blog_list_archive li,
#sbLeft ul#blog_list_category li{
  display: block;
  font-size: 1.4em;
  padding: 2px 0;
}

.inversion #sbLeft h4{
  margin: 0 0 0 5px;
}

/* Sidebar - Sermons */
#subnav{
  list-style-type: none;
}
#subnav li{
  display: none;
}
#subnav li.current{
  display: block;
}

#subnav li.current a{
  color: #45302a;
  font-size: 27px;
  text-shadow: 1px 1px 0 #d6c7b0;
  background: url(/_img/subnav-li.png) repeat-x left bottom;
  padding: 12px 0 14px 5px;
  display: block;
  font-weight: normal;
  text-decoration: none;
  margin-bottom: 5px;
  line-height: 1;
}

.inversion #subnav li.current a{
  color: #98b3ba;
  text-shadow: none;
  background: url(/_img/inversion_subnav-li.png) repeat-x left bottom;
}
.fsm #subnav li.current a{
  color: #ffffff;
  text-shadow: none;
  background: url(/_img/inversion_subnav-li.png) repeat-x left bottom;
}

#subnav li.current li,
#sermonNav li {
  /* background: url(/_img/subnav-li.png) repeat-x left bottom; */
  padding: 8px 0 8px 5px;
  display: block;
  list-style-type: none;
}

#subnav li.current li a,
#sermonNav li a,
#mediaNav li a{
  background: none;
  color: #45302a;
  font-size: 18px;
  text-shadow: 1px 1px 0 #d6c7b0;
  padding: 0;
  margin: 0;
  display: inline;
  font-weight: normal;
  text-decoration: none;
  line-height: 1.2;
}
.fsm #sermonNav li a,
.inversion #sermonNav li a{
  text-shadow: none;
}
#sermonNav li{
  padding: 0;
}

#subnav li.current li.current a,
#sermonNav li.current a{
  font-weight: bold;
  text-decoration: underline;
}

.inversion #subnav li.current li a,
.fsm #subnav li.current li a{
  background: none;
}

/* Sidebar - Sermons */
.sermons #sbLeft h3{
  color: #45302a;
  font-size: 27px;
  text-shadow: 1px 1px 0 #d6c7b0;
  background: url(/_img/subnav-li.png) repeat-x left bottom;
  padding: 12px 0 14px 5px;
  display: block;
  font-weight: normal;
  text-decoration: none;
  margin-bottom: 5px;
  line-height: 1;
}
.sermons #sbLeft h3.xtra{
  font-size: 16px;
  background: none;
  padding: 8px 0;
}

.sermons select.sorter,
.sermons select.inversionsorter{
   width: 190px;
   margin: 10px 8px;
}

.sermons select#series.sorter{
  margin-left: 0;
}

.sermons #sbLeft ul,
#blogs #sbLeft ul{
   list-style: none;
   padding-left: 10px;
   margin-bottom: 20px;
}

.sermons #sbLeft ul li,
#blogs #sbLeft ul li{
   font-size: 1.2em;
   margin-bottom: .5em;
   line-height: 1.1;
}

.sermons #sbLeft ul li a,
#blogs #sbLeft ul li{
   color: #2d2617;
}

.inversion.sermons #sbLeft h3,
.fsm.sermons #sbLeft h3{
  background: url(/_img/inversion_subnav-li.png) repeat-x left bottom;
}

.sermons.inversion #sbLeft h3,
.sermons.inversion #sbLeft h4,
.sermons.inversion #sbLeft p#filter,
.inversion #sbLeft .quickLinks h4{
  color: #98b3ba;
  text-shadow: none;
}

.sermons.inversion #sbLeft ul li a,
.inversion #sbLeft .quickLinks a{
  color: #ffffff
}

.sermons.fsm #sbLeft h3,
.sermons.fsm #sbLeft h4,
.sermons.fsm #sbLeft p#filter{
  color: #ffffff;
  text-shadow: none;
}

.sermons.fsm #sbLeft ul li a{
  color: #ffffff
}

/* = Sermons  
---------------------------------------------------------------------
*/
.sermons #content{
   position: relative;
   margin-bottom: 15px;
   background: #FFF;
   clear: both;
}

#content #current-sermon h5{
   line-height: 20px;
   width: 45px;
   margin-bottom: 0;
   padding: 2px 10px 2px 10px;
   background: #5d5d04;
   color: #ffffff;

}

.sermons #content h3{
   font-size: 1.3em;
   font-weight: bold;
   line-height: 1.4;
}

.sermons #content h3 a{
}

.sermons h3.sermongroup{
   margin: 24px 0 10px;
}

#content h3 a:hover{
   text-decoration: underline;
}

.sermons #content #current-sermon{
   padding: 20px 0 40px;
}

.sermons #content #current-sermon .sermon-meta{
  border-top: 2px solid #5d5d04;
  padding-top: 15px;
}

.sermons #content #current-sermon p{
   margin: 0;
}

.sermons #content #current-sermon p.series,
.sermons #content #current-sermon p.category{
   font-weight: bold;
   line-height: 1.2;
   margin-bottom: 5px;
}

.sermons #content #current-sermon p.series a,
.sermons #content #current-sermon p.category a{
   color: #545454;
   font-weight: normal;
   text-decoration: none;
}

.sermons #content #current-sermon p.series a:hover,
.sermons #content #current-sermon p.category a:hover{
   text-decoration: underline;
}

.sermons #content #current-sermon p.byline{
   margin-bottom: 1em;
   line-height: 1.2;
}

#content ul.mediabox{
   float: right;
   display: inline;
   padding: 5px 5px 4px;
   list-style: none;
   border: 1px solid #e3dfda;
   background: #EDEBE8;
   margin: 0 0 20px 20px;
   width: 228px;
}

#content ul.mediabox{
  margin-top: 15px;
}

.sermons #content ul.mediabox li{
   margin: 0 0 2px;
   padding: 0;
   background: url(/_img/bg_mediabox_li.png);
   float: left;
}

.sermons #content .mediabox li a{
   display: block;
   width: 78px;
   height: 23px;
   padding: 6px 0 0 36px;
   background-position: 18px 9px;
   background-repeat: no-repeat;
}

.sermons #content li.mb_listen a{
   background-image: url(/_img/bg_mb_listen.png);
}

.sermons #content li.mb_download a{
   background-image: url(/_img/bg_mb_download.png);
}

.sermons #content li.mb_video a{
   background-image: url(/_img/bg_mb_watch.png);
}

.sermons #content li.mb_notes a{
   background-image: url(/_img/bg_mb_notes.png);
}

#content .sermonbox{
   position: relative;
   clear: both;
   padding: 10px 15px 8px;
   border-top: 2px solid #ffffff;
   background: #EDEBE8;
   min-height: 75px;
   height: auto !important;
   height: 75px;
}

#content .sermonbox ul.mediabox{
}

#content .sermonbox.alt{
   background: #f6f5f3;
}

.sermons #content .sermonbox h4{
   margin: 0 0 5px;
   font-size: 1.2em;
   line-height: 1.3;
   text-transform: none;
   display: inline;
}

.sermons #content .sermonbox h4 a{
   text-decoration: none;
}

.sermons #content .sermonbox h4 a:hover{
   text-decoration: underline;
}

.sermonmeta{
   width: 380px;
}
.sermonmeta.detail{
  width: 410px;
}

#content .sermonmeta p{
   margin-bottom: 2px;
}

#content .sermonbox p.comments{
   height: 15px;
   margin: 0;
   padding-left: 19px;
   background: url(/_img/bg_comments.gif) no-repeat left center;
}

#content .sermonbox.alt p.comments{
   background-position: left bottom;
}

#content .sermonbox:hover p.comments{
   background-position: left top;
}

#content .sermonbox p.comments a{
   color: #0F6131;
}

#sermon-content table{
  border-collapse: collapse;
  margin-top: 20px;
}
#sermon-content table th{
  line-height: 33px;
  background-color: #cdcdb0;
  text-align: left;
  padding-left: 10px;
  color: #545454;
}

#sermon-content table td{
  padding: 5px;
}
.sermons table th.title{width: 185px;}
.sermons table th.series{width: 168px;}
.sermons table th.teacher{width: 123px;}
.sermons table th.passage{width: 84px;}
.sermons table th.message{width: 70px;}


#content ul.tdMedia{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#content ul.tdMedia li a{
  background: url(/_img/bg_sermon_td-a.png);
  color: #585b62;
  display: block;
  font-size: 11px;
  line-height: 22px;
  margin-bottom: 2px;
  text-align: center;
  width: 70px;
}

.details #sermon-content {
	width: 454px;
	border-top: 10px solid #cdcdb1;
	padding-top: 10px;
	overflow: hidden;
}

.details #sermon-content .info{
	background: #ecebe7;
	overflow: hidden;
	width: 250px;
	float: left;
	padding: 20px 20px 24px;
}

.details #content #sermon-content img{
	margin: 0;
	float: right;
}

.details #content #byline{
	margin: 0;
}

.details #content #byline li{
	font-size: 13px;
	margin-bottom: 17px;
}

#content #sermonBox{
  clear: both;
  margin: 0;
  padding: 0;
}
#content #sermonBox li{
  list-style-type: none;
  background: none;
  padding: 0;
  float: left;
  margin: 0 13px 0 0;
}
#content #sermonBox li a{
  background: url(/_img/bg_sermon_td-a.png);
  color: #585b62;
  display: block;
  font-size: 11px;
  line-height: 22px;
  margin-bottom: 2px;
  text-align: center;
  width: 70px;	
}
#content #sermonBox p{
	margin-bottom: 10px;
}


#pagination span.paginate_label{
   display: block;
   float: left;
   margin-right: 5px;
}

#pagination a#off{
   display: none;
}

p#pagination{
   float: left;
   display: block;
   margin: 20px 0 0;
   line-height: 14px;
   height: 14px;
}

#pagination a#current{
   font-weight: bold;
   display: block;
   color: #464646;
   float: left;
   margin: 0 8px;
   text-decoration: none;
}

#pagination a{
   margin: 0 8px;
   text-decoration: underline;
   display: block;
   float: left;
   clear: right;
}

#pagination span.pagination_ellipsis{
  float: left;
}

#pagination a:hover{
   text-decoration: none;
}

#pagination a#next{
	width: 14px;
	text-indent: -9999px;
	height: 14px;
	margin-top: 1px;
	margin-left: 4px;
	background: url(/_img/bg_paginate_next.png) no-repeat;
}

#pagination a#previous{
   width: 14px;
   height: 14px;
   text-indent: -9999px;
   margin: 1px 4px 0;
   background: url(/_img/bg_paginate_prev.png);
}

.sermons p#backtoarchive{
   margin-top: 20px;
   float: left;
   clear: both;
}

.sermons p#backtoarchive a{
   display: block;
   padding: 3px 10px;
   border: 1px solid #e3dfda;
   background: #EDEBE8;
   line-height: 1.5;
}

#content ul#byline{
   float: left;
   display: inline;
   padding: 5px 5px 4px;
   list-style: none;
   margin: 0 0 20px;
   max-width: 380px; /* keeps byline from overflowing into ul#mediabox */
   _width: 380px;
}

#content p#byline{
  font-style: italic;
}

/* = Events  
---------------------------------------------------------------------
*/

#content div.details p{
  margin-bottom: 2px;
}
#content div.details p span.heading{
  color: #5d5d04;
  font-weight: bold;
  width: 60px;
  display: inline-block;
}

.inversion #content div.details p span.heading{
  color: #26364D;
}
.fsm #content div.details p span.heading{
  color: #004051;
}



#content div#filter{
  float: right;
  display: inline;
  margin-top: 20px;
}

#calendar-outer{
  position: relative;
  clear: both;
  margin-top: 10px;
}

#content table.calendar{
   margin-bottom: 25px;
   border: 1px solid #e3dfda;
   border-right: 0;
   border-bottom: 0;
   border-collapse: collapse;
}

#content table.calendar caption{
   padding-bottom: 10px;
   font-size: 1.8em;
   font-weight: normal;
   color: #26365d;
   text-align: center;
}

#content table.calendar caption span{
   position: absolute;
   top: 0;
   height: 19px;
   color: #26365d;
   font-size: 14px;
}
#content table.calendar caption span img{
  margin: -3px 5px;
}
#content table.calendar caption span.calendar-prev{
   left: 0;
}

#content table.calendar caption span.calendar-next{
   right: 0;
}

#content table.calendar th{
   padding: 6px 0;
   background: #EDEBE8;
   color: #545454;
   font-size: 1em;
   font-weight: normal;
   text-align: center;
}

#content table.calendar td{
   width: 100px;
   height: 68px;
   padding: 2px;
   border: 1px solid #e3dfda;
   border-left: 0;
   border-top: 0;
   background: #FFF;
   color: #626262;
   font-size: .9em;
   vertical-align: top;
}

#content table.calendar td.empty{
   background: #f6f5f3;
}

#content table.calendar td a{
   text-decoration: none;
}

#content table.calendar td ul{
   margin: .5em 0 0 .5em;
   font-size: 100%;
   list-style: none;
   padding: 0;
}

#content table.calendar td li{
   padding-left: 8px;
   margin-left: 0;
   margin-bottom: .75em;
   font-size: 1.1em;
   line-height: 1.2;
   background: none;
}

#content table.calendar td li a{
   text-decoration: underline;
}

#content table.calendar td li a:hover{
   text-decoration: none;
}

#content table#events th{
  padding: 8px;
  font-size: 1.2em;
  text-align: left;
}

#content table#events td{
  padding: 8px;
}

#content table#events tr.alt{
  background: #F6F6EE;
}

#content table#events td.title{
  width:250px;
}

#content table#events td.category{
  width: 132px;
}

#content table#events td.time{
  width: 250px;
}


/* =Footer

---------------------------------------------------------------------

*/



#footer{
   background: url(/_img/content-btm.png) no-repeat center top;

   clear: both;
   color: #3c2b09;
   width: 940px;
   height: 15px;
   padding: 26px 22px 13px 22px;

   font-size: 1.2em;
   margin-top: -7px;
   position: relative;
}
.inversion #footer{
   background: #becbc3 url(/_img/inversion_content-btm.png) no-repeat -1px top;
   height: 23px;
   padding: 20px 22px 13px 22px;

}

#leftSB.inversion #footer{
   background: #becbc3 url(/_img/inversion_content-btm-leftSB.png) no-repeat -1px top;

}

#home #footer{
   background: none;
   padding: 19px 22px 13px 22px;

}

.fsm #footer,
#home.fsm #footer{
   background: url(/_img/fsm_footer-top.png) no-repeat center top;
   margin-top: -6px;
   height: 23px;
   padding: 20px 22px 13px 22px;
   z-index: 15;
}


#footer p{
   float: left;
   display: inline;
   margin: 0;
   font-size: 11px;
}

#footer p a{
  color: #3c2b09;
  text-decoration: underline;
}

ul.footerLinks {
  float: right;
  display: inline;
  list-style-type: none;
}

ul.footerLinks li{
  float: left;
  display: inline;
  color: #3c2b09;
  border-right: 1px solid #796f53;
  border-left: 1px solid #979077;
  line-height: 14px;
  padding: 0 9px;
}

.fsm ul.footerLinks li{
  border-color: #3b5156;
  color: #3b5156;
}
.fsm ul.footerLinks li.first{
  border-left: none;
}

ul.footerLinks li a{
  display: block;
  color: #3c2b09;
}

ul.footerLinks li.feedback{
  border-right: none;
}

ul.footerLinks li.feeds,
ul.footerLinks li.facebook,
ul.footerLinks li.twitter{
  border: none;
  padding: 0 4px;
}
ul.footerLinks li.online-giving{
  border-left: none;
}

ul.footerLinks li.feeds a{
  background: url(/_img/footer-feeds.png) no-repeat right top;
  display: block;
  height: 0;
  padding-top: 16px;
  overflow: hidden;
  width: 16px;
  margin-left: 5px;
}

ul.footerLinks li.facebook a{
  background: url(/_img/footer-icons.png) no-repeat left -16px;
  display: block;
  height: 0;
  padding-top: 16px;
  overflow: hidden;
  width: 16px;
}
ul.footerLinks li.twitter a{
  background: url(/_img/footer-icons.png) no-repeat left -32px;
  display: block;
  height: 0;
  padding-top: 16px;
  overflow: hidden;
  width: 16px;
}


.inversion #footer p.left{
  display: block;
  line-height: 23px;
  color: #3c2b09;
}

.inversion #footer a.logo{
  background: url(/_img/footer-logo.png) no-repeat;
  display: inline-block;
  float: left;
  height: 0;
  padding-top: 23px;
  width: 115px;
}

.inversion ul.footerLinks li{
  border-left: none;
  border-right: none;
  padding: 0;
  
}
.inversion ul.footerLinks li a{
  background: url(/_img/footer-icons.png) no-repeat left top;
  display: block;
  line-height: 16px;
  height: 16px;
  padding: 0 10px 0 18px;
  color: #58595b;
  width: auto;
}

.inversion ul.footerLinks li.podcast a{
  background-position: left -0;
}
.inversion ul.footerLinks li.facebook a{
  background-position: left -16px;
}
.inversion ul.footerLinks li.twitter a{
  background-position: left -32px;
}
.inversion ul.footerLinks li.feed a{
  background-position: left -48px;
}
.inversion ul.footerLinks li.sitemap a{
  background: none;
  padding-left: 5px;
}

.inversion ul.footerLinks li.feedback a{
  background: none;
  height: 16px;
  padding: 0 4px;
  margin-right: 10px;
}


.fsm #footer p.left {
  color: #3b5156;
  line-height: 23px;
}
.fsm #footer a {
  color: #3b5156;
}
.fsm #footer a.logo{
  background: url(/_img/fsm_footer-logo.png) no-repeat;
  display: inline-block;
  float: left;
  height: 0;
  padding-top: 23px;
  width: 115px;
}

.fsm #footer ul.footerLinks li.staff-feedback a{
  background: #34748d;
  color: #ffffff;
}