/* @override http://teach4life.monkcms.net/_css/styles.css */

/* Site: Covenant Christian School - Teach4Life */

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

body{
   background: url(/_img/bg_body2.gif);
   font-size: 62.5%;
   font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

hr{
   display: none;
}

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

#container-outer{
   background: url(/_img/bg_container-outer2.gif) repeat-x 12px 0;
}

#container{
   width: 960px;
   margin: 0 auto;
}

a{
   overflow: hidden;
}
ul#featuredpic{
   list-style: none;
   display: block;
   margin-bottom: 7px;
   border: 3px solid #e0c06e;
}

ul#featuredpic a img{
   display: block;
   float: left;
   border: none;
}

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

#header{
   position: relative;
   float: left;
   width: 960px;
}

#header h1{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   width: 335px;
   height: 69px;
   margin: 39px 0 16px 82px;
}

#header h1 a{
   display: block;
   width: 335px;
   height: 0;
   padding-top: 69px;
   overflow: hidden;
   background: url(/_img/bg_h1.png) no-repeat;
}

#header #meta-nav{
   position: absolute;
   bottom: 0;
   right: 102px;
   padding: 7px 0 9px;
   border-top: 1px solid #4d536f;
   border-left: 1px solid #4d536f;
   background: #3b405e url(/_img/bg_meta-nav.gif) repeat-x;
}

#header #meta-nav p{
   color: #c6ccde;
   font-size: 1.2em;
   font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

#header #meta-nav a{
   padding: 0 13px;
   color: #c6ccde;
   text-decoration: none;
}

#header #meta-nav a:hover{
   color: #F9F9F7;
}

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

#nav{
   float: right;
   width: 199px;
   padding: 69px 7px 15px;
   border-top: 0;
   border-bottom: 0;
   background: url(/_img/bg_nav.gif) repeat-x;
}

body#home #nav{
   width: 190px;
   min-height: 306px;
   height: auto !important;
   height: 306px;
   padding: 70px 1px 0;
}

#nav li{
   font-size: 1.1em;
   font-weight: bold;
   font-family: "Lucida Sans", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif;
   text-transform: uppercase;
   letter-spacing: .1em;
   list-style: none;
}

#home #nav li{
  margin: 0 5px;
}

#nav li a{
   display: block;
   padding: 7px 0 7px 25px;
   background: url(/_img/bg_nav_li_a.gif) no-repeat 12px 9px;
   color: #372A1D;
   text-decoration: none;
}

#nav li.current a,
#nav li.current li.current a,
#nav li.current li.current li.current a{
   background: url(/_img/bg_nav_li_current_a.gif) no-repeat 6px 9px;
   color: #8a0d22;
}

#nav li.current li a,
#nav li.current li.current li a{
   background: url(/_img/bg_nav_li_a.gif) no-repeat 12px 9px;
   color: #372A1D;
}

#nav li li,
#nav li.current li li{
   display: none;
   margin-left: 15px;
   font-size: 1em;
}

#nav li.current li,
#nav li.current li.current li{
   display: block;
}

#nav li a:hover,
#nav li.current li a:hover,
#nav li.current li.current a:hover,
#nav li.current li.current li.current a:hover{
   padding: 6px 0 6px 24px;
   border: 1px solid #e8bc64;
   background: #f3e7c8 url(/_img/bg_nav_li_a.gif) no-repeat 11px 8px;
}

#nav li.current a:hover,
#nav li.current li.current a:hover,
#nav li.current li.current li.current a:hover{
   background: #f3e7c8 url(/_img/bg_nav_li_current_a.gif) no-repeat 5px 8px;
}

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

#container-inner{
   clear: left;
   width: 765px;
   margin: 0 auto;
   padding: 7px;
   border: 1px solid #2e426e;
   background: #F9F9F7;
}

#container-inner img#home-header{
   display: block;
   margin-bottom: 7px;
   border: 3px solid #e0c06e;
}

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

#content-wrap{
   position: relative;
   float: left;
   width: 765px;
   margin-bottom: 3px;
   padding-bottom: 30px;
   background: url(/_img/bg_content-wrap.gif) repeat-y right 0;
}

body#home #content-wrap{
   padding-bottom: 0;
   background: url(/_img/bg_content-wrap_home.gif) repeat-y right 0;
}

#content-wrap #search{
   position: absolute;
   top: 17px;
   right: 28px;
   width: 166px;
}

body#home #content-wrap #search{
   top: 14px;
   right: 12px;
}

#content-wrap #search h3{
   margin-bottom: .25em;
   color: #372A1D;
   font-size: 1.1em;
   text-transform: uppercase;
}

body#home #content-wrap #search h3{
   color: #AC7648;
   margin-bottom: 5px;
}

#content-wrap #search form input#search_term{
   float: left;
   width: 127px;
   margin-right: 3px;
   padding: 5px 3px 4px;
   border: 1px solid #edc26b;
   color: #545454;
   font-size: 1.2em;
   font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

#content-wrap #search form a#search_go{
   float: left;
   display: block;
   width: 28px;
   height: 25px;
   background: url(/_img/bg_search_go.gif) no-repeat;
   text-indent: -9999px;
}

#content-wrap #home-box{
   float: left;
   width: 168px;
   margin: 0;
}

#content-wrap #home-box h3{
   margin-bottom: 6px;
   color: #FFF;
   font-size: 1.2em;
   text-transform: uppercase;
}

#content-wrap #home-box div{
   width: 161px;
   height: 132px;
   padding: 10px 0 0 6px;
   margin-bottom: 8px;
}

#content-wrap #home-box #home-box_1{
   background: url(/_img/bg_home-box_1.gif) no-repeat;
}

#content-wrap #home-box #home-box_2{
   background: url(/_img/bg_home-box_2.gif) no-repeat;
}

#content-wrap #home-box #home-box_3{
   background: url(/_img/bg_home-box_3.gif) no-repeat;
}

#content-wrap #home-box img{
   width: 153px;
   height: 106px;
}

#content-wrap #home-box #home-box_1 img{
   border: 1px solid #470d0e;
}

#content-wrap #home-box #home-box_2 img{
   border: 1px solid #bc7932;
}

#content-wrap #home-box #home-box_3 img{
   border: 1px solid #C0A16C;
}

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

#content{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   width: 507px;
   margin: 25px 0 0 20px;
   padding-bottom: 30px;
   background: url(/_img/bg_content.gif) no-repeat center bottom;
}

body#home #content{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   width: 360px;
   margin-right: 22px;
   margin-left: 22px;
   background: none;
}

#content h2,
#content h3{
   margin-bottom: .5em;
   color: #8a0d22;
   font-size: 2.2em;
   font-weight: normal;
   text-transform: lowercase;
}

body#home #content h3{
   font-size: 1.9em;
   text-transform: none;
}

#content h4{
   margin-bottom: .5em;
   color: #364e84;
   font-size: 1.6em;
}

#content h5{
   margin-bottom: .5em;
   color: #364e84;
   font-size: 1.4em;
}

#content h6{
   margin-bottom: .5em;
   color: #364e84;
   font-size: 1.3em;
}

#content p,
#content td,
#content ul,
#content ol{
   margin-bottom: 1em;
   color: #545454;
   font-size: 1.3em;
   line-height: 1.15;
}

#content p.verse{
   font-size: 1.4em;
   font-family: Georgia, Times, "Times New Roman", serif;
   font-style: italic;
}

#content ul,
#content ol{
   /*margin-left: 3em;*/
}

#content ul{
  list-style-type: none;
}

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

#content li{
   line-height: 1.5;
}

#content li li{
  font-size: .7em;
}

#content ol li{
   list-style-position: inside;
}

#content ul li{
   padding-left: 14px;
   background: url(/_img/bg_content_ul_li.gif) no-repeat left 5px;
}

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

#content hr{
   display: block;
   margin-bottom: 1em;
}

#content a{
   color: #364e84;
}

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

#content img{
   float: left;
   margin: 0 10px 5px 0;
}
#content img#subpage_header{
  margin: 0;
}
#content #text{
   clear: both;
}

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

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

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

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

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

#content #mediabox{
   float: right;
   width: 109px;
/*   padding: 5px 5px 0;
   border: 1px solid #F00;
   font-size: 1.1em;
   list-style: none;
*/}

#content #mediabox li{
   background: url(/_img/sermon_btn.gif) no-repeat left top;
   margin-bottom: 5px;
   padding: 0;
   font-size: 11px;
   font-weight: bold;
   font-family: "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif;
   text-transform: uppercase;
}

#content #mediabox.articles li{
  background: none;
}

#content #mediabox li a{
   display: block;
   width: 89px;
   height: 25px;
   line-height: 25px;
   color: #FFF;
   background-repeat: no-repeat;
   text-decoration: none;
}

#content #mediabox li.sl_listen a{
   padding-left: 25px;
   background: url(/_img/mb_listen.png) no-repeat 8px 6px;
}

#content #mediabox li.sl_download a{
   padding-left: 25px;
   background: url(/_img/mb_download.png) no-repeat 8px 6px;
}

#content #mediabox li.sl_video a{
   background: url(/_img/mb_watch.png) no-repeat 8px 6px;
   padding-left: 25px;
   
}

#content #mediabox li.sl_notes a{
   padding-left: 25px;
   background: url(/_img/mb_notes.png) no-repeat 8px 6px;
}

/*#content #mediabox li{
   margin-bottom: 5px;
   padding: 0;
   background: none;
   font-weight: bold;
}

#content #mediabox li a{
   display: block;
   height: 16px;
   padding-left: 20px;
   background-repeat: no-repeat;
}
*/

#content ul#mediabox.articles{
  float: left;
  clear: both;
  width:507px;
}

#content ul#mediabox.articles li{
  text-align: left;
  float: left;
  display: inline;
  margin-right: 18px;
}

#content ul#mediabox.articles li a{
  color: #545454;
  display: inline;
  padding: 5px 0 5px 18px;
  line-height: 1.6em;
  background-position: left center;
}

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

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

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

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

#content #new-here{
   float: left;
   width: 135px;
   height: 84px;
   margin: 25px 17px 0 0;
   padding: 31px 25px 0 29px;
   background: url(/_img/bg_new-here.gif) no-repeat;
}

#content #new-here h3{
   text-indent: -9999px;
}

#content #new-here p{
   color: #363636;
}

#content #new-here a{
   color: #986810;
   text-decoration: none;
}

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

#content #podcast{
   float: left;
   width: 118px;
   margin-top: 30px;
   padding: 73px 0 0 13px;
   background: url(/_img/bg_podcast.gif) no-repeat;
}

#content #podcast a{
   text-decoration: none;
}

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

/* calendar */

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

#content table.calendar caption{
   padding-bottom: 10px;
   color: #364e84;
   font-size: 1.4em;
}

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

#content table.calendar th{
   padding: 6px 0;
   background: #c5c9d8;
   color: #18163f;
   font-size: 1.3em;
   font-weight: bold;
   text-transform: uppercase;
}

#content table.calendar td{
   width: 68px;
   height: 68px;
   padding: 2px;
   border: 1px solid #a3acc6;
   color: #545454;
   font-size: 1em;
   vertical-align: top;
}

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

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

#content table.calendar td li{
   margin-bottom: .75em;
   font-size: 1.1em;
   line-height: 1.2;
}

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

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

/* =Comments & Forms
---------------------------------------------------------------------
*/
#content #comments textarea{
  width: 100%;
  margin-bottom: 10px;
}

#content .comment p.comment-name{
  font-size: 1.2em;
  font-style: italic;
  margin-bottom: 5px;
}

#content .comment div.comment-text{
  font-size: 1.2em;
  margin-bottom: 15px;
}

form.monkForm label{
   margin-bottom: 5px;
}

form.monkForm textarea{
  width: 507px;
}

/* =Gallery
---------------------------------------------------------------------
*/
#content a img{
  border: none;
}

#content div.gallery-thumbnail img{
  width: 120px;
  height: auto;
}

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

#sidebar{
   display: inline; /* IE6 double margin float bug hack */
   clear: right;
   float: right;
   width: 179px;
   margin-right: 17px;
   padding-top: 17px;
   border-top: 1px solid #eddab2;
}

body#home #sidebar{
   border: 0;
}

#sidebar h3{
   margin-bottom: .5em;
   color: #372A1D;
   font-size: 1.1em;
   font-weight: bold;
   font-family: "Lucida Sans", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif;
   text-transform: uppercase;
   letter-spacing: .1em;
}

#sidebar h4,
#sidebar h5,
#sidebar h6{
   margin-bottom: .5em;
   color: #372A1D;
   font-size: 1.1em;
   font-weight: bold;
}

#sidebar p,
#sidebar li{
   margin-bottom: 1em;
   color: #372A1D;
   font-size: 1.1em;
   line-height: 1.25;
}

#sidebar ul,
#sidebar ol{
   margin: 0 0 1em 14px;
}

#sidebar li{
   margin-bottom: .25em;
}

#sidebar a{
   color: #004A80;
}

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

#footer{
   clear: both;
   padding-bottom: 75px;
}

#footer p{
   float: left;
   color: #898989;
   font-size: 1.2em;
}

#footer p.powered{
   float: right;
}

#footer a{
   color: #ba8224;
   text-decoration: none;
}

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

#footer #footer-inner{
   height: 219px;
   margin-bottom: 15px;
   padding: 34px 25px;
   background: #151339 url(/_img/bg_footer.gif) repeat-x;
}

#footer #footer-inner h3{
   margin-bottom: .75em;
   padding: 11px 0 8px;
   border-bottom: 3px solid #76798d;
   color: #FFF;
   font-size: 1.3em;
   text-transform: uppercase;
}

#footer #footer-inner #news{
   float: left;
   width: 220px;
   margin-right: 25px;
}

#footer #footer-inner #news h4{
   margin-bottom: .5em;
   font-size: 1.3em;
}

#footer #footer-inner #news h4 a{
   color: #cf9837;
}

#footer #footer-inner #news p{
   margin-bottom: 2em;
   color: #FFF;
   font-size: 1.2em;
   line-height: 1.25;
}

#footer #footer-inner #news p.byline{
   color: #6c7088;
   font-size: 1.1em;
}

#footer #footer-inner #news a.more{
   margin-left: 3px;
   padding-right: 10px;
   background: url(/_img/bg_more.gif) no-repeat right center;
   color: #A8AA81;
   font-weight: bold;
}

#footer #footer-inner #recent-articles{
   float: left;
   width: 220px;
   margin-right: 25px;
}

#footer #footer-inner #recent-articles h3{
   margin-bottom: 1px;
}

#footer #footer-inner #recent-articles .article{
   position: relative;
   margin-bottom: 1px;
   padding: 10px 12px 11px;
   border-bottom: 1px solid #473C30;
}

#footer #footer-inner #recent-articles .article:hover{
   border: 0;
   padding-bottom: 12px;
   background: #433829 url(/_img/bg_article.gif) repeat-x left bottom;
}

#footer #footer-inner #recent-articles .article h4{
   width: 160px;
   margin-bottom: .25em;
   font-size: 1.2em;
   line-height: 1.2;
}

#footer #footer-inner #recent-articles .article h4 a{
   color: #A8AA81;
}

#footer #footer-inner #recent-articles .article p{
   float: none;
   font-size: 1.1em;
   color: #FBFBFB;
}

#footer #footer-inner #recent-articles .article li{
   text-indent: -9999px;
   list-style: none;
}

#footer #footer-inner #recent-articles .article li a{
   position: absolute;
   top: 16px;
   right: 5px;
   width: 15px;
   height: 14px;
   background-repeat: no-repeat;
   background-position: left top;
}

#footer #footer-inner #recent-articles .article li.download a{
   right: 25px;
   background-image: url(/_img/bg_footer_download.gif);
}

#footer #footer-inner #recent-articles .article li.play a{
   background-image: url(/_img/bg_footer_play.gif);
}

#footer #footer-inner #recent-articles .article:hover li a{
   background-position: left bottom;
}

#footer #agenda{
   float: left;
   width: 220px;
   margin-right: 25px;
}

#footer #agenda ul{
   float: left;
   width: 220px;
   border-bottom: 3px solid #76798d;
   list-style: none;
}

#footer #agenda li{
   float: left;
   font-size: 1.2em;
   font-weight: bold;
   text-transform: uppercase;
   text-align: center;
}

#footer #agenda li a{
   display: block;
   height: 21px;
   padding-top: 11px;
   color: #FFF;
   outline: 0;
}

#footer #agenda li#an_agenda a{
   width: 72px;
}

#footer #agenda li#an_calendar{
   width: 88px;
}

#footer #agenda li#an_agenda a.current{
   background: url(/_img/bg_agenda_li_agenda.gif) no-repeat;
   color: #18163f;
}

#footer #agenda li#an_calendar a.current{
   background: url(/_img/bg_agenda_li_calendar.gif) no-repeat;
   color: #18163f;
}

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

#footer #agenda p.more{
   float: none;
   padding-top: 10px;
   text-align: right;
   text-transform: lowercase;
}

#footer #agenda p.more a{
   color: #A8AA81;
}

#footer #agenda .event{
   clear: left;
   float: left;
   width: 215px;
   padding: 5px 0 5px 5px;
   border-bottom: 1px solid #2b2a4c;
}

#footer #agenda .event:hover{
   border: 0;
   margin-top: 1px;
   padding: 4px 0 6px 5px;
   background: #76798d;
}

#footer #agenda .event h4{
   float: left;
   width: 23px;
   margin-right: 9px;
   padding: 7px 3px 8px;
   background: #b96d00;
   color: #FFF;
   font-size: 1em;
   font-weight: normal;
   font-family: Georgia, Times, "Times New Roman", serif;
   text-align: center;
   text-transform: lowercase;
}

#footer #agenda .event h4 span.date{
   font-size: 1.2em;
}

#footer #agenda .event h4 span.month{
   font-size: 1.1em;
}

#footer #agenda .event h5{
   margin: .25em 0;
   font-size: 1.2em;
}

#footer #agenda .event h5 a{
   color: #cf9837;
}

#footer #agenda .event p{
   float: none;
   margin: 0;
   color: #c5c5ce;
   font-size: 1.1em;
}

#footer #agenda table.calendar{
   clear: both;
   margin: 0 auto;
   border-collapse: collapse;
}

#footer #agenda table.calendar caption{
   margin: 0 auto;
   padding: .5em;
   color: #FFF;
   font-size: 1.2em;
   font-weight: bold;
}

#footer #agenda table.calendar caption span{
   color: #777a8e;
   margin: 0 .5em;
}

#footer #agenda table.calendar th{
   background: #777a8e;
   color: #18163f;
   padding: 5px 0;
   font-weight: bold;
   text-align: center;
}

#footer #agenda table.calendar td{
   width: 28px;
   height: 28px;
   color: #FFF;
   font-weight: normal;
   text-align: center;
}

#footer #agenda table.calendar td.linked-day{
   padding: 1px 1px;
}

#footer #agenda table.calendar a{
   display: block;
   padding: 7px;
   background: #777a8e;
   color: #18163f;
   text-decoration: none;
   font-weight: bold;
}

#footer #footer-inner #contact-information{
   float: left;
   width: 220px;
}

#footer #footer-inner #contact-information h4{
   margin-bottom: .5em;
   color: #FFF;
   font-size: 1.4em;
}

#footer #footer-inner #contact-information p{
   float: none;
   margin-bottom: .5em;
   color: #c5c5ce;
   font-size: 1.1em;
   line-height: 1.2;
}
#footer #footer-inner #contact-information p.number{
   color: #ffffff;
   font-weight: bold;
   font-size: 1.2em;
}

#footer #footer-inner #contact-information a.mail{
   margin-bottom: 1em;
}

#footer #footer-inner #contact-information a.mail{
   padding-left: 20px;
   background: url(/_img/bg_contact-information_a.gif) no-repeat left center;
   color: #cf9837;
}

#footer #footer-inner #contact-information img{
   padding: 1px;
   border: 3px solid #1D150E;
   background: #D1CFCE;
}

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