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

/* Site: Greentree Community Church */

* {
   margin: 0;
   padding: 0;
   line-height: 1;
}

html {
   background: #302f2d;
}
body{
   font-size: 62.5%;
   font-family: Verdana, Arial, sans-serif;
   background: #fcf8e8 url(/_img/bg_body.gif) repeat-x;
   text-align: center;
}

hr{
   display: none;
}

#skip{
   position: absolute;
   text-indent: -9999px;
   list-style: none;
}

a{
   overflow: hidden;
   color: #bc5d37;
}

a img{
   border: none;
}

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


/* = Container  
---------------------------------------------------------------------
*/

#container-inner{
   width: 940px;
   margin: 0 auto;
}

/* =Header
---------------------------------------------------------------------
*/

#header{
   margin: 0;
   width: 930px;
   float: left;
   background: url(/_img/bg_header.gif) no-repeat 30px top;
}

#header h1{
   float: left;
   width: 600px;
   height: 70px;
   margin: 16px 0 18px;
   background: url(/_img/bg_h1.gif) no-repeat;
   text-indent: -9999px;
}

#header h1 a{
   display: block;
   width: 600px;
   height: 70px;
}

/* =Meta-nav
---------------------------------------------------------------------
*/

#meta-nav{
   clear: left;
   float: left;
   display: inline;
   margin: 0 0 0 180px;
   height: 32px;
   width: 490px;
   background: url(/_img/bg_nav2.gif) no-repeat top right;
}

#meta-nav ul{
   list-style: none;   
}

#meta-nav ul li{
   float: left;
   margin-left: 11px;
   padding-top: 10px;
}

#meta-nav ul li a{
   color: #cbd07f;
   text-decoration: none;
   text-transform: uppercase;
   font-size: 1.1em;
   font-weight: bold;
}

#meta-nav ul li a:hover{
   text-decoration: underline;
}

/* = Search  
---------------------------------------------------------------------
*/

#search{
   width: 201px; /* 221px total */
   height: 23px; /*58px total */
   background: url(/_img/bg_search.gif) no-repeat;
   padding: 5px 0 18px 0;
   float: right;
   margin: 65px 25px 0 25px;
   z-index: 1;
}

#search input#search_term{
   float: left;
   display: inline;
   margin-right: 5px;
   width: 130px;
   border: 1px solid #e7e7e7;
   background: #fff;
   font-size: 1em;
   color: #545454;
   padding: 3px;
}

#search a#search_go{
   display: inline;	
   float: left;
   width: 36px;
   height: 24px;
   background: url(/_img/bg_search_go.gif) no-repeat;
   text-indent: -9999px;
   margin: -1px 0 0 0;
}



/* =Navigation 
---------------------------------------------------------------------
*/

#nav{
   display: inline;	
   position: relative;
   clear: both;
   float: left;
   list-style: none;
   height: 68px;
   margin: 0;
   padding: 0;
   width: 670px;
   background: url(/_img/bg_nav.gif) repeat-x;
   text-transform: uppercase;
   font-size: 1em;
   z-index: 1000;
      font-weight: bold;
}

#nav li{
   float: left;
   background: url(/_img/bg_nav_li.gif) no-repeat right bottom;
   line-height: 1;
}

#nav li#nav_resources{
   background-position: -50px;
}

#header #nav li#nav-resources.sfhover{
   background: url(/_img/bg_nav_li_a_hover.gif) repeat-x;
}

#nav li a{
   display: block;
   color: #e9ed92; /* Change this to the right color */
   text-decoration: none;
   padding: 15px 13px 14px;
   font-size: 1.5em;
}

#nav .current,
#nav li:hover,
#nav li.sfhover,
#nav li#nav_resources:hover,
#nav li#nav_resources.sfhover,
#nav li#nav_resources.current{
   background: url(/_img/bg_nav_li_a_hover.gif) repeat-x;
}

#nav .current a,
#nav li:hover a,
#nav li.sfhover a{
   color: #5f6a3d;
}

#nav li ul{
   position: absolute;
   left: -999em;
   z-index: 999;
   width: 200px; /* Needs to be same as other 250px value */
   list-style: none;
   line-height: 1;
   text-transform: none;
   text-align: left;
   font-weight: normal;
}

#nav li li{
   background: #e9ed92 url(/_img/bg_nav_li_li.gif) no-repeat center bottom;
   padding-bottom: 2px;
}

#nav li li:hover,
#nav li li.sfhover,
#nav li li.current{
   background: #e6ea91 url(/_img/bg_nav_li_li_hover.gif) no-repeat center bottom;
}

#nav li li a{
   font-size: 1.2em;
   width: 164px; /* Needs to be same as other 150px value, less any padding or margin */
   color: #5d683d;
   padding: 8px 18px;
}

#nav li ul ul{
   margin: -28px 0 0 200px; /* the -25px and 150px need to be adjusted until the sub-sub-menu sits in the right place */
   z-index: 999 !important;
}

#nav li:hover ul ul,
#nav li.sfhover ul ul{
   left: -999em;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul{
   left: auto;
}

#nav li li li{
   font-size: 1em;
}

/* = Home Page  
---------------------------------------------------------------------
*/

#home-featured{
   float: left;
   display: inline;
   margin: 0;
}

#home-info{
   width: 205px;
   _height: 340px;
   min-height: 340px;
   float: left;
   display: inline;
   background: #2e2d2d url(/_img/bg_home-info.gif) no-repeat left bottom;
   margin-right: 7px;
}

#content #home-info h3{
   font-size: 1.4em;
   text-transform: uppercase;
   color: #e0e6d0;
   margin: 15px 0 12px;
   padding: 0 12px 8px;
   background: url(/_img/bg_home-info_h3.gif) no-repeat bottom;
}

#content #home-info p{
   color: #ccc;
   margin: 0 15px;
   font-size: 1.2em;
}

#content #home-info a{
   color: #8a9f4d;
}

#content #home-info .event{
   margin: 0 14px 15px;
   background-image: none;
   padding: 0;
   min-height: 0;
   _height: 0;
}

#content #home-info .event h4{
   font-size: 1.2em;
   font-weight: bold;
   line-height: 1.25;
   margin:0 0 .25em;
}

#content #home-info .event h4 a{
   color: #8a9f4d;
}

#content #home-info .event p{
   color: #ccc;
   margin: 0;
   line-height: 1.25;
}

#content #home-featured img{
   margin: 0;
   padding: 0;
}

#content ul#featuredpic{
   margin: 0;
   padding: 0;
   width: 450px;
   height: 340px;
   float: left;
   display: inline;
}

#content ul#featuredpic a img{
   border: none;
   margin: 0;
   padding: 0;
}

#content ul#featuredpic li{
   margin: 0;
   padding: 0;
   background-image: none;
}

#content ul#featuredpic li a{
   margin: 0;
   padding: 0;
}

#content ul#featuredpic li img{
   margin: 0;
   _margin-right: -16px;
   padding: 0;
}

#content #home-boxes{
   clear: both;
   float: left;
   width: 665px;
   margin: 15px 0 0;
}

#content #home-boxes div{
   float: left;
   width: 215px;
   margin-right: 9px;
   text-align: center;
   height: 215px;
   background: #899E4F;
}

#content #home-boxes div#box3{
   margin-right: 0;
}

#content #home-boxes div.hovering{
   background: #38322f;
}

#content #box1 img, #content #box2 img, #content #box3 img{
   margin: 10px auto;
   float: none;
   border: none;
}

#content #box1 p, #content #box2 p, #content #box3 p{
   color: #333;
   font-size: 1.2em;
   margin: 0 10px 10px;
}

#content #home-boxes div.hovering p{
   color: #cacaca;
}

/* =Content
---------------------------------------------------------------------
*/

#home #content{
   padding-bottom: 0;
}

#content{
   float: left;
   display: inline;
   width: 662px;
   padding: 0 0 10px 3px;
   text-align: left;
}

h1, h2, h3, h4, h5, h6{
   font-family: Arial, Verdana, sans-serif;
   color: #8a9f4d;
   line-height: 1.2;
}

#content h2, #content h3{
   font-size: 2.4em;
   margin: 1em 0 .5em 0;
}

#content h3{
   font-size: 1.8em;
}

#content h4,
#content h5,
#content h6{
   font-size: 1.6em;
   margin: 1em 0 .5em 0;
}

#content p,
#content ul, 
#content ol{
   margin-bottom: 1em;
   margin-right: 5px;
   color: #333;
   font-size: 1.3em;
   line-height: 1.5;
}

#content p#breadcrumbs{
   color: #5f6a3d;
   font-size: 1.1em;
   text-transform: uppercase;
   width: 640px;
}

#content p#breadcrumbs a{
   color: #5f6a3d;
}

#content .sermonbox p.more{
   margin-top: 20px;
}

#content .sermonbox p.more a{
   color: #0080b2;
   padding-right: 20px;
   background: url(/_img/bg_content_more.gif) no-repeat right 1px;
}

#content .sermonbox p.more a:hover{
   text-decoration: underline;
}

#content ol{
   margin-left: 20px;
}

#content ul{
   list-style: none;
}

#content ul ul{
   margin-bottom: 0;
   font-size: 1em;
}

#content ul li{
   padding-left: 17px;
   background: url(/_img/bg_content_li.gif) no-repeat left bottom;
   margin: 5px 17px;
   padding: 5px 0;
}

#content ul li li{
   padding-left: 12px;
   background: url(/_img/bg_content_li_li.gif) no-repeat left 1em;
}

#content ul#byline{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   margin-bottom: 10px;
   font-size: 1.1em;
   list-style: none;
}

#content ul#byline li{
   background: none;
   padding: 0;
   margin: 5px 0 0 10px;
   color: #b95f2e;
   font-weight: bold;
}

#content li{
   line-height: 1.5;
   margin: 5px 17px;
}

#content blockquote{
   margin-left: 3em;
}

#content hr{
   display: block;
   margin-bottom: 1em;
   border: none 0;
   border-top: 1px solid #E7EEE1;
   width: 50%;
   height: 1px;
}

#content a{
   text-decoration: none;
}

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

/*#content img{
   float: left;
   margin: 0 10px 5px 0;
}*/

#content img#home_header{
   margin: 0 0 2em 0;
   width: 660px;
   overflow: hidden;
}

#content #text{
   clear: both;
   margin: 0 0 20px;
   padding-right: 10px;
}

#content .sermonbox{
   margin-bottom: 20px;
}

#content .sermonbox h4{
   margin-bottom: 5px;
}

#content .sermonbox p{
   padding: 0;
   margin: 0;
}

#content .sermonbox p#posted{
   color: #111111;
   font-size: 1.2em;
}

#content .sermonbox p.sermonlink{
   margin-top: 10px;
}

#content .sermonbox p.eventtime{
   margin-bottom: 0;
}

#content #mediabox{
   float: right;
   padding: 5px 5px 0;
   background: url(/_img/bg_news.gif) repeat-x;
   list-style: none;
   margin-right: 15px;
   margin-bottom: 20px;
}

#content #mediabox li{
   float: left;
   background: url(/_img/bg_sermonbox_li.gif) no-repeat right top;
   margin: 0;
}

#content #mediabox li#mb_podcast{
   background: none;
}

#content #mediabox li a{
   display: block;
   padding: 50px 15px 0;
   background-repeat: no-repeat;
}

#content #mediabox li#mb_print a{
   background-image: url(/_img/mb_print.gif);
}

#content #mediabox li#mb_video a{
   background: url(/_img/bg_sl_watch.gif) no-repeat center 10px;
}

#content #mediabox li#mb_download a{
   background: url(/_img/bg_sl_download.gif) no-repeat center 10px;
}

#content #mediabox li#mb_notes a{
   background-image: url(/_img/mb_notes.gif);
}

#content #mediabox li#mb_jukebox a{
   background: url(/_img/bg_sl_listen.gif) no-repeat center 10px;
}

#content #mediabox li#mb_podcast a{
   background: url(/_img/bg_sl_feed.gif) no-repeat center 10px;
}

#content p#eventswitch{
   text-align: right;
   font-size: 1.1em;
   margin-right: 30px;
   color: #bc5d37;
}

#content #eventswitch a.current{
   font-weight: bold;
}

#content #branch2{
   display: none;
}

#content #calendar-outer{
   position: relative;
   width: 650px;
}

#content table.calendar{
   margin: 0;
   margin-bottom: 25px;
   border: 6px solid #2e2d2d;
   border-top: 0;
   border-collapse: collapse;
   background: #bdc792;
   width: 638px;
   float: left;
}

#content table.calendar tbody{
   width: 650px;
}

#content table.calendar caption{
   padding: 10px 10px 10px 20px;
   margin: 0 -3px;
   border: 6px solid #2e2d2d;
   border-bottom: 0;
   color: #2e2d2d;
   background: #bdc792;
   font-size: 1.6em;
   font-weight: bold;
   border-collapse: collapse;
   text-align: left;
}

body:first-of-type #content table.calendar caption{
   margin: 0 -6px 0 0; /* safari/webkit target hack */
}

#content #news{
   position: relative;
   float: left;
   margin: 20px 0 30px;
   width: 662px;
}

#content select#groupList{
   position: absolute;
   top: 18px;
   right: 30px;
}

#content select#groupList2{
   position: absolute;
   top: 15px;
   right: 30px;
}

#content table.calendar caption span{
   color: #8A4700;
}

#content table.calendar caption span.calendar-prev{
   left: 0;
}

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

#content table.calendar th{
   padding: 15px 0;
   background: #2e2d2d;
   font-size: 1.1em;
   font-weight: bold;
   text-align: center;
   text-transform: uppercase;
   color: #bdc792;
}

#content table.calendar td{
   height: 68px;
   padding: 3px 5px;
   border: 1px solid #5d683d;
   border-left: 0;
   border-top: 0;
   color: #bdc792;
   font-size: 1em;
   vertical-align: top;
   text-align: right;
   background: url(/_img/bg_cal_day.gif) no-repeat top right;
}

#content table.calendar tr{
   width: 650px;
}

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

#content table.calendar td a{
   text-decoration: none;
   font-size: .91em;
}

#content table.calendar td ul{
   margin: 10px 0 0 0;
   padding: 0 0 0 2px;
   font-size: 1em;
   list-style: none;
   color: #b95f2e;
   text-align: left;
}

#content table.calendar td li{
   margin: 0;
   margin-bottom: .75em;
   padding: 0 0 0 10px;
   font-size: 1.1em;
   line-height: 1.2;
   background: url(/_img/bg_cal_li.gif) no-repeat left 0.5em; 
}

#content table.calendar td li a{
   color: #b95f2e;
}

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

/* =Sidebar
---------------------------------------------------------------------
*/

#home #sidebar, #sidebar{
   display: inline;
   float: left;
   width: 230px;
   padding: 13px 20px 20px;
   margin-top: -100px;
   background: url(/_img/bg_sidebar.gif) no-repeat top left;
   position: relative;
   z-index: 2;
   text-align: left;
}

/*#sidebar{
   width: 210px;
   padding: 55px 30px 0;
}*/

#sidebar h3{
   margin: 0 0 1em;
   padding: 0 0 7px;
   font-size: 1.5em;
   text-transform: uppercase;
   color: #7B7A7D;
   background: url(/_img/bg_sidebar_h3.gif) no-repeat left bottom;
}

#home #sidebar #new, #sidebar #new{
   width: 252px;
   height: 110px;
   background: url(/_img/bg_new.gif) no-repeat;
   z-index: 2;
   margin: 0 -15px 15px -5px;
}

/*#sidebar #new{
   margin-left: -15px;
}*/

#sidebar #new h3{
   text-indent: -9999px;
   background: none;
}

#sidebar #new p{
   margin: 15px 20px 0 80px;
   width: 130px;
   font-size: 1.1em;
}

#sidebar #side-help{
   position: relative;
   background: url(/_img/bg_sidebar-inner.gif) no-repeat bottom left;
   margin-bottom: 20px;
}

#sidebar #side-help h3{
   width: 200px;
   height: 23px;
   margin: 0 5px 10px;
   text-indent: -9999px;
   background: url(/_img/bg_sidehelp_h3.gif) no-repeat;
}

#sidebar #side-help ul{
   margin: 2em 0 0;
   padding-bottom: 2em;
}

#sidebar #side-help ul li{
   text-align: left;
   font-weight: bold;
   margin: 1em .5em;
   line-height: 1.2;
   padding: 0 .5em;
}

#sidebar #podcast, #home #sidebar #podcast{
   background: url(/_img/bg_podcast.gif) no-repeat left bottom;
   margin: 10px 0 30px;
   padding: 10px 0;
}

#sidebar #podcast h3{
   text-indent: -9999px;
   width: 231px;
   height: 105px;
   background-image: none;
   margin: 0;
   padding: 0;
}

#sidebar #podcast h3 a{
   display: block;
   width: 231px;
   height: 105px;
   background: url(/_img/bg_podcast_h3.gif) no-repeat;
}

#sidebar p,
#sidebar li{
   margin-bottom: 1.5em;
   color: #464646;
   font-size: 1.2em;
   line-height: 1.5;
   clear: both;
   padding-left: 12px;
}

#sidebar ul{
   margin: 0;
   padding: 0;
}

#sidebar li{
   line-height: 1;
   padding-left: 12px;
   margin-left: 0;
   list-style: none;
}

#sidebar li a{
   margin: 0;
   padding: 0;
}


#sidebar h4{
   font-size: 1.2em;
}

#sidebar a{
   color: #b95f2e;
   text-decoration: none;
   line-height: 1.4;
}

#sidebar a:hover{
   text-decoration: underline;
}

#sidebar .sermon, #sidebar .article{
   padding: 8px 10px;
}

#sidebar .sermon:hover, #sidebar .article:hover{
   background: #fff;
   border: 1px solid #dce4e3;
   padding: 7px 9px;
}

#home #sidebar .sermon:hover, #home #sidebar .article:hover{
   background: #ECE9C7;
}

#sidebar .sermon .sermonpreacher{
   color: #383328;
   font-style: italic;
}

#sidebar .sermon .sermondate{
   color: #898989;
}

#sidebar #gethelp, #sidebar p.more a{
   display: block;
   font-size: .8333em;
   text-transform: uppercase;
   float: right;
   background: #fff url(/_img/bg_sidebar_p_more_a.gif) no-repeat right 8px;
   border: 1px solid #dce4e3;
   margin: 0 10px 15px ;
   padding: 5px 18px 5px 8px;
}

#sidebar p.more a{
   margin: 0 15px 15px;
}

#sidebar p.more a:hover{
   text-decoration: underline;
}

#sidebar .article p, #sidebar .sermon p{
   margin-bottom: 0;
}

#sidebar p#help{
   padding-left: 10px;
}

#sidebar #groupGallery{
   margin: 20px 0 0;
}

#sidebar #groupGallery img{
   border: 3px solid #bc5d37;
   margin-left: 12px;
}

#sidebar #groupGallery p{
   margin-top: 5px;
}

/* =Footer
---------------------------------------------------------------------
*/

#footer{
   clear: both;
   padding: 20px 0 40px;
   background: url(/_img/bg_footer.gif) repeat-x bottom;
   color: #8a9f4d;
   margin-bottom: 30px;
}

#footer-inner{
   width: 930px;
   margin: 0 auto;
   text-align: left;
}

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

#footer p{
   font-size: 1.2em;
   line-height: 1.4em;
   color: #333;
}

#footer p strong{
   font-weight: bold;
   color: #d3c470;
}

#footer #worship, #footer #ministries, #footer #agenda{
   width: 225px;
   float: left;
   display: inline;
   padding: 0 20px 0 10px;
}

#footer #worshiptimes{
   margin-bottom: 20px;
}

#footer #worshiptimes p b{
   text-align: left;
   color: #a4dff6;
}

#churchinfo{
   float: left;
   padding-bottom: 80px;
   background: url(/_img/bg_churchinfo.gif) no-repeat bottom center;
}

#churchmap{
   width: 213px;
   margin: 10px 0;
   background: url(/_img/bg_churchmap_bottom.gif) no-repeat bottom left;
   text-align: center;
   padding-bottom: 4px;
}

#churchmap p {
   padding-top: 3px;
   background: url(/_img/bg_churchmap_top.gif) no-repeat top left;
}

#churchmap p img{
   width: 207px;
   display: block;
   margin: 0 auto 5px;
   border: none;
}

#churchmap a{
   display: block;
   text-transform: lowercase;
   color: #e8deaa;
   text-decoration: none;
}

#churchmap a:hover{
   text-decoration: underline;
}

#churchmap a:hover img{
   border: none;
   text-decoration: none;
}

#ministries h4{
   font-size: 1.3em;
   color: #a4dff6;
   margin-bottom: 5px;
}

#ministries p{
   margin-bottom: 15px;
}

/* = Footinfo  
---------------------------------------------------------------------
*/

#footinfo{
   clear: left;
   border-top: 5px solid #1F343D;
   padding-top: 16px;
   color: #d7d7d7;
}

#footinfo a{
   color: #a4dff6;
}

#footinfo p{
   float: right;
   clear: right;
}

#footinfo p#footquestions{
   float: left;
   color: #d7d7d7;
}

#footquestions a{
   text-decoration: none;
   background: #1b2a31;
   padding: 4px 5px;
   margin-left: 3px;
}

#footquestions a:hover{
   text-decoration: underline;
}

/* = Prayer Request Form  
---------------------------------------------------------------------
*/

form#prform{
   margin: 20px;
}

#prform fieldset{
   padding: 10px;
}

#prform label{
   margin: 10px 0 0 0;
   font-size: 0.846em;
}

#prform input{
   display: block;
}

/* = Book List  
---------------------------------------------------------------------
*/

#content #booklist{
   margin: 0 0 30px 30px;
   float: left;
   display: inline;
}

#content #booklist h3{
   margin-top: 0;
}

#content #booklist h4{
   margin: 0;
   font-size: 1.4em;
}

#content #booklist p{
   margin: 0;
   line-height: 1.8;
}

#content #booklist h5{
   clear: both;
}

#content #booklist h3{
   clear: both;
   color: #bc5d37;
}

#content .book{
   float: left;
   width: 420px;
   /*margin-top: 25px;*/
   margin-bottom: 25px;
}

#content #booklist .book p{
   margin: 0;
   line-height: 1.5;
}

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

.book {
   display: none;
}


/* = Blog  
---------------------------------------------------------------------
*/

#content p.date{
   font-size: 1.1em;
   margin-top: .25em;
   color: #b95f2e;
   font-weight: bold;
}

#content p.postedby{
   font-size: 1.1em;
}

#content p.back{
   font-size: 1.1em;
   margin-bottom: 30px;
}

#comments h4{
   font-size: 1.1em;
   font-weight: bold;
   padding: 7px 8px 8px;
   background: #bc5d37;
   margin-bottom: 20px;
   border-top: 1px dotted #B5AC9D;
   color: #fff;
}

div.comment{
   margin: 10px 0;
   border: 1px solid #cbdabf;
}

#comments h4 a{
   color: #fff;
}

#comments h5{
   font-size: 1.2em;
   font-weight: bold;
   padding: 7px 8px 8px;
   background: #BDC692;
   color: #333;
   margin: 0;
}

#comments p{
   padding: 7px 8px 8px;
   font-size: 1.1em;
   background: #F9F8ED;
   margin: 0;
}

#comments p.comments{
   border: 1px solid #cbdabf;
}

#comments form{
   margin-top: 20px;
}

#content #comments h5{
   text-transform: none;
}

#content #comments label{
   display: block;
   margin-bottom: .5em;
   color: #566261;
   font-size: 1.6em;
}

#content #comments .comment h5{
   font-weight: normal;
}

#content #comments textarea#comment{
   padding: 3px;
   border: 1px solid #566261;
   color: #566261;
   font-size: 1.2em;
   font-family: "Lucida Sans", "Lucida Grande", Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

#content #comments input#comment-submit{
   display: block;
   margin: 2px 0 5px;
   padding: 4px 19px 4px 10px;
   border: 1px solid #DCE4E3;
   background: #F4F7F6;
   color: #51615F;
   font-size: 1.1em;
   text-transform: uppercase;
   text-decoration: none;
}


/* = Member Pages  
---------------------------------------------------------------------
*/

#member-cp{
   float: left;
   width: 430px;
   margin: 20px 20px 40px;
}

#member-cp img{
   float: right;
}

#member-cp ul, #content .viewmember ul{
   font-size: 1em;
}

#content .viewmember{
   clear: both;
   float: left;
   width: 430px;
   margin: 20px 20px 40px;
}

#content .viewmember img{
   float: right;
}

#content .viewmember h3{
   background-image: none;
   margin: 0 200px 20px 0;
   padding: 0 0 3px;
   border-width: 1px;
   font-size: 1.5em;
}

.person{
   float: left;
   clear: left;
   margin: 0 0 20px;
}

#member-search #searchForm{
   padding: 10px;
}

#member-search #searchForm input{
   background: #fff;
}

#member-search #searchForm input#keywords{
   width: 125px;
}

#member-search #searchForm p{
   margin-top: .5em;
   font-size: 1.1em;
}

#sidebar #member-login h4{
   padding: 10px;
   font-size: 1.2em;
}

#sidebar #member-login h4 a{
   text-decoration: none;
}

#content div.person{
   float: left;
   clear: none;
   width: 100px;
   margin: 10px 25px;
}

#content div.person p{
   font-size: 1.1em;
   text-align: center;
}

#content div.person a{
   display: block;
}

#content div.person img{
   float: none;
   display: block;
   margin: 0;
   border: 0;
   /*vertical-align: middle;*/
}

#content table.person{
   width: 100%;
}

#content table.person td{
   font-size: 1.2em;
}

#content table.person td h4{
   padding-top: 10px;
}

#content table.person td.thing{
   width: 100px;
   text-align: right;
}

#content #letter-directory ol{
   float: left;
   margin-bottom: 25px;
   margin-left: 0;
}

#content #letter-directory ol li{
   float: left;
   margin-right: 9px;
   font-size: 1.3em;
   list-style: none;
}

#content #user-profile img{
   border: 0;
}

#content #user-profile ul{
	margin-left: 130px;
   font-size: 1em;
   margin-top: 20px;
}

#content #user-profile h3{
   margin-left: 120px;
   background-image: none;
   padding: 0 0 5px 0;
}

/* = Group Landing Pages  
---------------------------------------------------------------------
*/

#groupContent{
   width: 430px;
   float: left;
   margin-right: 15px;
}

#groupContent #text{
   margin-bottom: 50px;
}

#groupContent h3{
   margin-bottom: 15px;
}

#groupBox{
   width: 205px;
   float: left;
   display: inline;
   background: #2e2d2d url(/_img/bg_home-info.gif) no-repeat left bottom;
   padding: 10px 0;
   margin: 0;
   text-align: center;
}

#groupBox img{
   margin: 10px auto;
   float: none;
}

#content #groupBox h3{
   font-size: 1.4em;
   text-transform: uppercase;
   color: #e0e6d0;
   margin: 0 0 12px;
   padding: 0 0 8px 12px;
   background: url(/_img/bg_home-info_h3.gif) no-repeat bottom;
   text-align: left;
}

#content #groupBox h4{
   text-align: left;
}

#content #groupBox p{
   color: #ccc;
   margin: 0 15px;
   font-size: 1.2em;
   text-align: left;
}

#content #groupBox a{
   color: #8a9f4d;
}

#content #groupBox p.post-date{
   font-size: 1.1em;
}

#content #groupBox p.post-author{
   font-style: italic;
   font-size: 1.1em;
}

#content #groupBox p#more-entries{
   text-align: right;
}

#content #groupBox .post{
   margin: 15px 0;
}

#content #groupBox h4{
   font-size: 1.2em;
   margin: 0 15px;
   font-weight: bold;
   line-height: 1.25;
}

#content #groupBox .event h4 a{
   color: #8a9f4d;
}

#content #groupBox .event p{
   color: #ccc;
   margin: 0;
   line-height: 1.25;
}

#content .news, #content .event{
   background: url(/_img/bg_news.gif) repeat-x;
   padding: 10px;
   min-height: 50px;
   _height: 50px;
}

#content .news h4, #content .event h4{
   margin: 0 0 10px 75px;
   font-size: 1.4em;
}

#content .news img{
   float: left;
   display: inline;
}

#content .event h4.date{
   float: left;
   margin-left: 0;
   width: 42px;
   background: #8a9f4d;
   text-align: center;
   color: #fff;
}

#content .event h4.date strong{
   display: block;
   background: #5d683d;
   padding: 3px 1px;
}

#content .event h4.date span{
   display: block;
   padding: 3px 1px;
}

#content .news p, #content .event p{
   margin: 0 0 10px 75px;
}

#groupContent p#morenews{
   text-align: right;
   font-weight: bold;
}

/* = Group Nav  
---------------------------------------------------------------------
*/

#groups-nav ul{
   padding-bottom: 5px;
   margin: 0;
}

#groups-nav li{
   display: none;
   margin: 1em 0 .5em 1em;
   padding: 0;
   font-size: 1.1em;
}

#groups-nav li#groups-nav_connectgrow{
   display: block;
}

#groups-nav li#groups-nav_connectgrow li{
   display: block;
   font-size: 1em;
   font-weight: bold;
}

#groups-nav li#groups-nav_connectgrow_connectgrow-home a{
   display: none;
}

#groups-nav li#groups-nav_connectgrow li li{
   font-size: 1em;
   font-weight: normal;
}

li#groups-nav_connectgrow.current ul{
   border: 1px solid #DCDDC1;
}

li#groups-nav_connectgrow.current ul ul{
   border: none;
}

#groups-nav li ul{
   position: absolute;
   left: -999em;
   z-index: 999;
   width: 200px; /* Needs to be same as other 250px value */
   background: #F2F1EB;
   list-style: none;
   line-height: 1;
   text-transform: none;
   text-align: left;
}

#groups-nav li ul ul{
   width: 175px;
}

#groups-nav li:hover ul,
#groups-nav li.sfhover ul{
   left: auto;
}

#groups-nav li li ul{
   position: static;
   left: 0;
   margin-left: 10px;
}

/* = Sermons/Podcasts  
---------------------------------------------------------------------
*/

.sermonlist{
   margin: 0;
}

.sermonbox{
   background: url(/_img/bg_news.gif) repeat-x;
   margin: 0 0 20px;
   padding: 0;
   width: 645px;
   float: left;
}

#content .sermoninfo{
   float: left;
   width: 350px;
   padding: 15px;
}

#content .sermonbox h5{
   margin: 0 0 5px 0;
   font-size: 1.4em;
}

#content .sermonbox h6{
  margin: 0 0 1em; 
  color: #3e3e3d;
  font-size: 1.1em;
}

#content .sermonbox p{
   font-size: 1.1em;
   width: 300px;
}

#content .sermonbox p.sl_speaker{
   font-style: italic;
}

#content .sermonbox ul{
   float: right;
   margin: 0;
   padding: 0;
}

#content .sermonbox ul li{
   float: left;
   background: url(/_img/bg_sermonbox_li.gif) no-repeat right top;
   margin: 0;
}

#content .sermonbox ul li.sl_download{
   background-image: none;
}

#content .sermonbox ul li a{
   padding: 50px 15px 0;
   margin: 0;
   display: block;
}

#content .sermonbox ul li.sl_download a{
   background: url(/_img/bg_sl_download.gif) no-repeat center 10px;
}

#content .sermonbox ul li.sl_listen a{
   background: url(/_img/bg_sl_listen.gif) no-repeat center 10px;
}

#content .sermonbox ul li.sl_watch a{
   background: url(/_img/bg_sl_watch.gif) no-repeat center 10px;
}

#content .sermonlist h4{
   background: #2D2D2D;
   padding: 10px;
   margin-bottom: 0;
   width: 625px;
   clear: left;
}

/* = Sermon Sidebar  
---------------------------------------------------------------------
*/

#sermon-archive{
   margin-top: 20px;
}

#sermon-archive h3{
   margin-top: 30px;
}

#sermon-archive p#filter select{
   width: 125px;
   margin-left: 7px;
}

#sidebar ul#sort-list li{
   margin-bottom: 10px;
}

#sidebar #getflash{
   margin-top: 30px;
   padding: 10px;
}

#sidebar #getflash p{
   padding: 0;
   margin: 10px 0;
}

#sidebar #getflash a{
   font-weight: bold;
}

/* = Blogs  
---------------------------------------------------------------------
*/

.postbox{
   background: url(/_img/bg_news.gif) repeat-x;
   padding: 15px;
}

#content .postbox h5{
   margin: 0;
   font-size: 1.6em;
}

.postbox p.date{
   color: #3e3e3d;
}

.postbox p{
   font-size: 1.1em;
   margin: ;
}

/* = Detail Pages  
---------------------------------------------------------------------
*/

body#detail #text, .blog{
   background: url(/_img/bg_news.gif) repeat-x;
   padding: 15px 20px 15px 20px;
}

/* = Galleries  
---------------------------------------------------------------------
*/

.gallery{
   width: 170px;
   float: left;
   display: inline;
   margin-right: 20px;
   background: url(/_img/bg_news.gif) repeat-x;
   padding: 10px;
   margin-bottom: 10px;
   height: 175px;
}

#content .gallery h4{
   font-size: 1.4em;
   margin: 0;
   text-align: left;
}

#content .gallery p{
   font-size: 1.1em;
   text-align: left;
   margin: 0 auto;
}

#content .gallery p.thumb{
   height: 100px;
   overflow: hidden;
}

#content .gallery-thumbnail{
   float: left;
   display: inline;
   margin-right: 10px;
   width: 150px;
}

#content .gallery-thumbnail p{
   height: 100px;
   overflow: hidden;
}

#content h2#galtitle{
   margin-top: 25px;
   margin-bottom: 20px;
}

#content h5#phototitle{
   margin-top: 0;
}

#content p#photodesc{
   font-size: 1.2em;
}

#sidebar ul#gallerylist li{
   margin-bottom: 10px;
}

/* = Sub Navigation  
---------------------------------------------------------------------
*/

#content ul#subnav{
   width: 400px;
}

#content ul#subnav li{
   display: none;
   margin: 0 0 1em 0;
   padding: 0;
   list-style: none;
   background: none;
}

#content ul#subnav li a{
   display: none;
   line-height: 1.8;
}

#content ul#subnav li.current, #content ul#subnav li.current li{
   display: block;
}

#content ul#subnav li li li{
   margin-bottom: 0;
}

#content ul#subnav li.current li a{
   display: block;
   font-weight: bold;
   color: #8a9f4d;
}

#content ul#subnav li#subnav_connectgrow_connectgrow-home a,
#content ul#subnav li#subnav_explore_explore-home a,
#content ul#subnav li#subnav_worship_worship-home a,
#content ul#subnav li#subnav_reach_reach-home a,
#content ul#subnav li#subnav_care_care-home a,
#content ul#subnav li#subnav_resources_resources-home a{
   display: none;
}

 #content ul#subnav li.current li.current li a{
   margin-left: 15px;
   font-weight: normal;
   text-transform: none;
   color: #bc5d37;
}

 #content ul#subnav li.current li.current li li{
   display: none;
}

 #content ul#subnav li.current li.current li.current li{
   display: inline;
}

 #content ul#subnav li.current li.current li.current a{
   color: #9E710E;
}

 #content ul#subnav li.current li.current li.current li a{
   margin-left: 15px;
   color: #7B766A;
}

 #content ul#subnav li.current li.current li.current li.current a{
   color: #9E710E;
}

/* = Contact Form  
---------------------------------------------------------------------
*/

#cform p label{
   margin-right: 8px;
   width: 100px;
   display: block;
   float: left;
}

#cform p.field-message label,
#cform p.field-children label,
#cform p.field-how label{
   float: none;
   width: 100%;
   display: inline;
}

#cform textarea{
   width: 388px;
}

#cform textarea, #cform input{
   border: 1px solid #DCDDC1;
   font-size: 1.1em;
}

#cform label input{
   border: none;
}

#cform p.field-moreinfo label,
#cform p.field-receive label,
#cform p.field-welcome label{
   float: none;
   width: 600px;
   margin-top: 10px;
}

#cform p.field-moreinfo input,
#cform p.field-receive input,
#cform p.field-welcome input{
   margin-right: 5px;
}

#cform p.field-moreinfo textarea{
   margin-top: 10px;
}

#cform input#submit{
   padding: 4px 17px 6px;
   background: #657240;
   color: white;
   font-size: 1.4em;
   margin-top: 10px;
}

/* = Staff Pages  
---------------------------------------------------------------------
*/

.staff{
   background: #F2F2D6;
   padding: 5px 20px;
   margin-left: 20px;
}

.staff .staff-bio{
   display: none;
}

.staff img{
   margin-left: 10px;
   padding-top: 10px;
}

/* = Monk Forms  
---------------------------------------------------------------------
*/

.monkForm{
   margin: 20px;
   width: 600px;
   padding: 0;
}

.monkForm div{
   margin: 0 0 1em;
   font-size: 1.3em;
   color: #333;
   float: left;
   clear: left;
   display: inline;
}

.monkForm fieldset legend{
   text-indent: -9999px;
}

.monkForm label{
   margin-right: 8px;
   margin-left: 10px;
   min-width: 100px;
   _width: 100px;
   display: inline;
   float: left;
   line-height: 1.3em;
}

.monkForm p.data{
   float: left;
   clear: left;
   display: inline;
   width: 550px;
}

.monkForm textarea{
   width: 388px;
   height: 100px;
   clear: left;
   margin-top: 1em;
   margin-bottom: 1em;
}

.monkForm textarea, .monkForm input{
   border: 1px solid #DCDDC1;
   font-size: 1.2em;
   float: left;
}

.monkForm label input{
   border: none;
}

.monkForm fieldset fieldset legend{
   margin-bottom: 10px;
   float: left;
   text-indent: 0;
   color: #333;
}

.monkForm .checkbox input{
  display: block;
  float: left;
  clear: left;
  margin-top: 1em;
  margin-right: 5px;
  margin-left: 10px;
}

.monkForm fieldset{
   margin: 0;
}

.monkForm fieldset fieldset label{
   width: 400px;
   float: left;
   margin-top: 1em;
}

.monkForm p#formsubmit input{
   padding: 4px 17px 6px;
   background: #657240;
   color: white;
   font-size: 1.2em;
   margin-top: 10px;
   clear: left;
}

#content p.reqd img{
   margin: 0;
   width: 7px;
   height: 7px;
}

.monkForm div.required label{
   background: url(/_img/required.gif) no-repeat left 8px;
   padding-left: 10px;
   min-width: 90px;
   margin-left: 0;
}

/* = Weather  
---------------------------------------------------------------------
*/

#weather img{
   margin: 10px 10px 0 0;
}