@charset "utf-8";

/* CSS Document */
/* v1.0 | 20080212 */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td
{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

body
{
line-height: 1;
}

ol,
ul
{
list-style: none;
}

blockquote,
q
{
quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after
{
content: '';
content: none;
}

/* remember to define focus styles! */
:focus
{
outline: 0;
}

/* remember to highlight inserts somehow! */
ins
{
text-decoration: none;
}

del
{
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table
{
border-collapse: collapse;
border-spacing: 0;
}

/* End CSS Reset */

/* Start CSS */
html,
body
{
height:100%;
}

body
{
background:#97c4ff url(../images/bg_grad.jpg) top center repeat-x;
height:100%;
color:#797357;
font-family: Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
font-size: 0.75em; /* 16px x .75 = 12px */
line-height: 1.333em; /* 12px x 1.333 = 16px */
}
.not-front #main-inner  {
 font-size:13px;
 line-height: 18px;
}
h3
{
color: #355eaf;
}


a {
 color:#77abff;
}

a:hover {
 color:#aacbff;
}

#container
{
background: url(../images/bg_grad_center.jpg) top center no-repeat;
height:100%;
}

#main,
#header
{
width: 980px;
position:relative;
margin: 0 auto;
}

#header
{
height: 107px;
background: url(../images/header_bg.gif) 851px bottom no-repeat;
}

#header-inner
{
width: 980px;
position:relative;
}
#footer 
{
width: 980px;
position:relative;
margin: 0 auto;
color:#FFF;
font-size:9px;
height:70px;
}
#footer .s1 {
 display:block;
 width:595px;
 padding:15px 0 0 100px;
 background:url(../images/footer.gif) no-repeat left 12px;
 }
#footer .s2 {
 text-align:right;
 display:block;
 width: 212px;
 padding:15px 0;
}
#logo
{
background: url(../images/logo.gif) no-repeat left;
height: 94px;
padding-left: 141px;
position:absolute;
left: 25px;
top: 6px;
}

h1.site-title
{
background:url(../images/childrens_ministry_community_bible_study.gif) no-repeat;
width: 208px;
height:53px;
display:block;
position:absolute;
top:30px;
left: 153px;
text-indent: -5000px;
overflow:hidden;
}

h1.page-title
{
 color:#355eaf;
font-size: 40px;
font-weight:normal;
}

h2.page-sub-title
{
 color: #2d872f;
 font-size:18px;
 font-weight:normal;
 padding: 8px 0 4px 0;
}

#navbar
{
width: 526px;
height:39px;
position:absolute;
right: 0px;
top: 0px;
}

#navbar a
{
font-size: 12px;
color:#fdf7d3;
text-decoration: none;
display:block;
margin:0;
padding: 8px 0;
}
.section-who-we-are #navbar 
{
 background:url(../images/navbar.jpg) left -100px no-repeat;
}
.section-who-we-are #navbar a.who-we-are
{
 color: #456bcb;
 text-decoration:none;
}
.section-what-we-do #navbar 
{
 background:url(../images/navbar.jpg) left -200px no-repeat;
}
.section-what-we-do #navbar a.what-we-do 
{
 color: #456bcb;
 text-decoration:none;
}
.section-where-we-meet #navbar 
{
 background:url(../images/navbar.jpg) left -300px no-repeat;
}
.section-where-we-meet #navbar a.where-we-meet 
{
 color: #456bcb;
 text-decoration:none;
}
.section-what-we-believe #navbar 
{
 background:url(../images/navbar.jpg) left -400px no-repeat;
}
.section-what-we-believe #navbar a.what-we-believe
{
 color: #456bcb;
 text-decoration:none;
}
.section-contact-us #navbar 
{
 background:url(../images/navbar.jpg) left -500px no-repeat;
}
.section-contact-us #navbar a.contact-us
{
 color: #456bcb;
 text-decoration:none;
}
.front #navbar 
{
 background:url(../images/navbar.jpg) left 0 no-repeat;
}
.front #navbar a.home 
{
 color: #456bcb;
 text-decoration:none;
}
#navbar a:hover
{
text-decoration: underline;
color:#FFF;
}

#navbar li
{
float:left;
text-align:center;
margin:0;
padding:0;
}

#navbar a.home
{
width: 52px;
}

#navbar a.who-we-are
{
width: 87px;
}

#navbar a.what-we-do
{
width: 88px;
}

#navbar a.where-we-meet
{
width: 106px;
}

#navbar a.what-we-believe
{
width: 112px;
}

#navbar a.contact-us
{
width: 81px;
}

#call-us
{
position: absolute;
left: 650px;
top: 84px;
color:#FFF;
font-size:11px;
}

#call-us a,
#footer a
{
 color:#FFF;
 text-decoration:none;
}
#call-us a:hover,
#footer a:hover
{
 color:#CCC;
 text-decoration:underline;
}
.left
{
float:left;
}

.right
{
float:right;
}

#feature
{
width: 980px;
height:248px;
positon:relative;
}
#feature .featured {
 position:absolute;
 top:0;
 left:0;
}

#feature .left
{
height:248px;
width: 636px;

}
#feature .feature0 .left
{
background:url(../images/features/featured_childrens_0.jpg)
}
#feature .feature1 .left
{
background:url(../images/features/featured_childrens_1.jpg)
}
#feature .feature2 .left
{
background:url(../images/features/featured_childrens_2.jpg)
}
#feature .feature3 .left
{
background:url(../images/features/featured_childrens_3.jpg)
}
#feature .feature4 .left
{
background:url(../images/features/featured_childrens_4.jpg)
}
#feature .feature5 .left
{
background:url(../images/features/featured_childrens_5.jpg)
}
#feature .feature6 .left
{
background:url(../images/features/featured_childrens_6.jpg)
}
#feature .feature7 .left
{
background:url(../images/features/featured_childrens_7.jpg)
}


#feature .right
{
width: 304px;
height:208px;
background:url(../images/feature_right.gif) no-repeat;
padding:20px;
position:relative;
}

.front .quote
{
height: 48px;
width:614px;
margin: 34px 183px 0;
background: url(../images/psalm78_4.gif) no-repeat;
}

.front .sections
{
background: #FFFFFF url(../images/bg_sections_top.jpg) no-repeat top;
width: 980px;
overflow:auto;
*overflow:visible;
}

.front .sections div
{
float:left;
margin-top:10px;
padding-top:45px;
}

.front .sections #about-classes
{
width:247px;
background:url(../images/about_classes_front.gif) no-repeat top;
}

.front .sections #search-classes
{
width:245px;
background:url(../images/search_classes_front.gif) no-repeat top;
}

.front .sections #mission-cbs
{
width:245px;
background:url(../images/mission_cbs_front.gif) no-repeat top;
}

.front .sections #giving-cbs
{
width:243px;
background:url(../images/giving_cbs_front.gif) no-repeat top;
}

.front .sections h3
{
text-indent: -5000px;
overflow: hidden;
width: 137px;
height: 87px;
display:block;
margin-left: 8px;
}

.front .sections .p2
{
float:right;
}

.front .sections .p2 span
{
padding-right: 35px;
font-size:13px;
height:20px;
overflow:hidden;
width: 180px;
text-align:right;
display:block;
padding-top: 3px;
}

.front .sections #about-classes h3
{
background:url(../images/about_classes_title.gif) no-repeat;
}

.front .sections #search-classes h3
{
background:url(../images/search_classes_title.gif) no-repeat;
}

.front .sections #mission-cbs h3
{
background:url(../images/mission_cbs_title.gif) no-repeat;
}

.front .sections #giving-cbs h3
{
background:url(../images/giving_cbs_title.gif) no-repeat;
}

.front .sections p
{
margin: 8px 15px;
}
.front .sections .p2 span a {
 text-decoration:none;
}

.front .sections .p2 span a:hover {
 text-decoration:underline;
}
.front .sections #about-classes .p2 span
{
background: url(../images/section_arrows.jpg) right top no-repeat;
color:#355eaf;
}

.front .sections #about-classes .p2 span a {
 color:#355eaf;
}

.front .sections #search-classes .p2 span
{
background: url(../images/section_arrows.jpg) right -23px no-repeat;
color:#179549;
}
.front .sections #search-classes .p2 span a
{
color:#179549;
}
.front .sections #mission-cbs .p2 span
{
background: url(../images/section_arrows.jpg) right -46px no-repeat;
color:#df3011;
}
.front .sections #mission-cbs .p2 span a
{
color:#df3011;
}
.front .sections #giving-cbs .p2 span
{
background: url(../images/section_arrows.jpg) right -69px no-repeat;
color:#b27311;
}
.front .sections #giving-cbs .p2 span a
{
color:#b27311;
}


.front #feature .right h2
{
color: #355eaf;
font-size:14px;
font-weight:normal;
margin: 5px 0 ;
}

.front #feature .right .feature-class span
{
display: block;
}

.front #feature .right .browse-for-more
{
position: absolute;
bottom: 20px;
}

.front #feature .right .browse-for-more a
{
height: 42px;
width: 297px;
display:block;
text-indent: -5000px;
overflow:hidden;
background: url(../images/browse_more_classes.gif) top;
}

.front #feature .right .browse-for-more a:hover
{
background: url(../images/browse_more_classes.gif) bottom;
}

.two-column #content
{
 width:736px;
margin-left:-1px;

}
.two-column #content-inner
{
 background:url(../images/internal_main_bg.jpg) repeat-y;
 padding: 20px 40px 40px;
 border-bottom: 1px #8ab1ec solid;
 width:656px;
 overflow:auto;
}
.two-column #content-inner p
{
 margin: 13px 0;
}
.two-column #left-sidebar
{
 width: 245px;
 background: #fdf6cd url(../images/menu_left.jpg) left top no-repeat;
 position:absolute;
 top:16px;
 left:0px;
}
.two-column #left-sidebar-inner
{
 background:url(../images/bottom_menu.gif) bottom left no-repeat;
 padding: 0 0 16px 24px;
}

.two-column #left-sidebar-inner h2
{
 font-size:19px;
 line-height: 24px;
 font-weight:normal;
 color: #355eaf;
}
.two-column #main-inner
{
 padding-top:16px;
 background: url(../images/content_top.gif) no-repeat top;
 width:%100;
 overflow:auto;
}
 
 #sidebar-menu
 {
  width: 197px;
  padding-bottom: 9px;
  background:url(../images/menu_bottom.gif) bottom no-repeat;
  margin-left:1px;
  margin-bottom: 20px;
 }
 
 
 #sidebar-menu-inner
 {
  margin-top: 9px;
  padding-top: 9px;
  background:url(../images/menu_top.gif) top no-repeat;
  color:#355eaf;
 }  
 #sidebar-menu-inner a {
 text-decoration: none;
 }
  #sidebar-menu-inner a:hover {
 text-decoration:underline;
 }
 #sidebar-menu-inner-inner
  {
   background-color:#FFF;
   padding: 5px 14px;
  }
#left-sidebar-inner .left-menu-image-links li a
  {
   width: 201px;
   display:block;
   overflow:hidden;
   text-indent:-5000px;
   margin:8px 0 0;
   
  }
#left-sidebar-inner .left-menu-image-links li.learn-about-classes a
   {
    height: 42px;
    background:url(../images/left-menu-images.gif) left 0 no-repeat;
 
   }
#left-sidebar-inner .left-menu-image-links li.learn-about-classes a:hover
   {
    background:url(../images/left-menu-images.gif) right 0 no-repeat;
   }
 
#left-sidebar-inner .left-menu-image-links li.find-classes a
   {
    height: 38px;
    background:url(../images/left-menu-images.gif) left -42px no-repeat;
   } 
#left-sidebar-inner .left-menu-image-links li.find-classes a:hover
   {
    background:url(../images/left-menu-images.gif) right -42px no-repeat;
   }
   
#left-sidebar-inner .left-menu-image-links li.leadership-structure a
   {
    height: 38px;
    background:url(../images/left-menu-images.gif) left -80px no-repeat;
   }
#left-sidebar-inner .left-menu-image-links li.leadership-structure a:hover
   {
    background:url(../images/left-menu-images.gif) right -80px no-repeat;
   }
   
.left-menu-image-links li {
 width: 201px;
}

.page-contact-us #content .right span {
 text-align: center;
 display:block;
 
}

.page-contact-us #content .right p {
 margin:0;
}

.page-contact-us #content .left span {
 display:block;
 padding:10px 0px;
 }
 
 .page-contact-us #content .left  {
 background-color: #fef8d6;
 padding:15px 30px;
  }
  
 .page-classes-offered h1.page-title, 
 .page-contact-us h1.page-title {
  margin-bottom: 20px;
 }
 
.page-contact-us #content .left label {
 width: 70px;
 display:inline-block;
}
.page-contact-us #content .left input,
.page-contact-us #content .left textarea {
 color:#797357;
 font-family: Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
 font-size: 12px;
}
.page-contact-us #content .left textarea {
 width: 340px;
}
span.contact-title
 {
  font-weight:bold;
  display:block;
  color:#355EAF; 
  padding-top: 10px;
 }
 
span.contact-label 
 {
  font-weight:bold;
  display:block;
   padding-top: 4px;

 }
div#feature li {
 display: none;
}

.not-front .class-title {
 width:400px; height: 30px; display:block; }
 
 .front #content-inner {background:url(../images/indexbottom.jpg) bottom left no-repeat; padding-bottom: 10px; }
 
 
 .right #content-inner img.right
 {
  padding-left: 25px;
  padding-bottom:25px;
 }
 
 .page-what-we-do  #content-inner li
 {
  margin: 10px 15px;
  color:#58543f;
 }
 
 #content-inner {
  min-height: 224px; }
  
  #ClassListing1_grdClasses
  {
   font-size:12px;
   line-height:24px;
  }
#ClassListing1_grdClasses td
{
padding:2px 4px;
}
.GridAlternateRow
{
background-color:#fdfcee;
padding:3px;
font-weight:bold;
}

.GridHeader 
{
background: #214998 url(http://192.168.0.65/cbsk/site/images/column_fix.jpg) right no-repeat;
color: #FFF;
lineheight: 24px;
border-right: 1px solid #FFF;
}

.GridRow
{
padding:3px;
font-weight:bold;
}

.page-class-detail table
{
line-height: 20px;
}
.page-class-detail th h3
{
margin: 6px 0;
}