/*   
Theme Name: CBC
Theme URI: countrybible.net
Description: Country Bible Church - Theme
Author: Transformation Marketing
Author URI: transformationmarketing.com
Template: 
Version: 
.
.
.
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color:#000000;
 margin:0;
 height:auto;
}

textarea {
 width: 350px;
}

#main_backer { 
 width:100%;
 height:763px;
 background: url('images/background_home.jpg') no-repeat;
 background-position: top center;
 background-attachment: scroll;
}

#main_backer_int { 
 width:100%;
 height:763px;
 background: url('images/background_int.jpg') no-repeat;
 background-position: top center;
 background-attachment: scroll;
}

#main_backer_int_nosub { 
 width:100%;
 height:763px;
 background: url('images/background_int_nosub.jpg') no-repeat;
 background-position: top center;
 background-attachment: scroll;
}

#wrapper {
 margin:0 auto;
 width:820px;
 height:auto;
}

#date {
 color:#CCCCCC;
 position:relative;
 float:right;
 top:28px;
 right:58px;
 width:100px;
 height:7px;
}


#logo_link {
 width:300px;
 height:180px;
 position:relative;
 float:left;
 top:110px;
 left:345px;
}


#navigation {
 position:relative;
 float:left;
 width:125px;
 height:340px;
 top:155px;
 left:-258px;
}

#nav_about { float:left; width: 120px; height: 39px; }
#nav_about a { background: url("images/nav_about.jpg") no-repeat; display: block; width:100%; height:100%; }
#nav_about a:hover { background-position: -120px 0; }
#nav_about_on a { float:left; width: 120px; height: 39px; background: url("images/nav_about.jpg") no-repeat; display: block; background-position: -120px 0; }

#nav_sunday { float:left; width: 120px; height: 45px; }
#nav_sunday a { background: url("images/nav_sunday.jpg") no-repeat; display: block; width:100%; height:100%; }
#nav_sunday a:hover { background-position: -120px 0; }
#nav_sunday_on a { float:left; width: 120px; height: 45px; background: url("images/nav_sunday.jpg") no-repeat; display: block; background-position: -120px 0; }

#nav_news { float:left; width: 120px; height: 39px; }
#nav_news a { background: url("images/nav_news.jpg") no-repeat; display: block; width:100%; height:100%; }
#nav_news a:hover { background-position: -120px 0; }
#nav_news_on a { float:left; width: 120px; height: 39px; background: url("images/nav_news.jpg") no-repeat; display: block; background-position: -120px 0; }

#nav_ministries { float:left; width: 120px; height: 42px; }
#nav_ministries a { background: url("images/nav_ministries.jpg") no-repeat; display: block; width:100%; height:100%; }
#nav_ministries a:hover { background-position: -120px 0; }
#nav_ministries_on a { float:left; width: 120px; height: 42px; background: url("images/nav_ministries.jpg") no-repeat; display: block; background-position: -120px 0; }

#nav_missions { float:left; width: 120px; height: 42px; }
#nav_missions a { background: url("images/nav_missions.jpg") no-repeat; display: block; width:100%; height:100%; }
#nav_missions a:hover { background-position: -120px 0; }
#nav_missions_on a { float:left; width: 120px; height: 42px; background: url("images/nav_missions.jpg") no-repeat; display: block; background-position: -120px 0; }

#nav_blog { float:left; width: 120px; height: 49px; }
#nav_blog a { background: url("images/nav_blog.jpg") no-repeat; display: block; width:100%; height:100%; }
#nav_blog a:hover { background-position: -120px 0; }
#nav_blog_on a { float:left; width: 120px; height: 49px; background: url("images/nav_blog.jpg") no-repeat; display: block; background-position: -120px 0; }

#nav_sermons { float:left; width: 120px; height: 40px; }
#nav_sermons a { background: url("images/nav_sermons.jpg") no-repeat; display: block; width:100%; height:100%; }
#nav_sermons a:hover { background-position: -120px 0; }
#nav_sermons_on a { float:left; width: 120px; height: 40px; background: url("images/nav_sermons.jpg") no-repeat; display: block; background-position: -120px 0; }

#nav_home { float:left; width: 120px; height: 38px; }
#nav_home a { background: url("images/nav_home.jpg") no-repeat; display: block; width:100%; height:100%; }
#nav_home a:hover { background-position: -120px 0; }



#title {
 width:430px;
 height:61px;
 position:relative;
 float:left;
 top:12px;
 left:183px;
}



#home_photo1 {
 width:100px;
 height:130px;
 position:relative;
 float:left;
 top:0px;
 left:268px;
 z-index:1;
}

#home_photo2 {
 width:100px;
 height:130px;
 position:relative;
 float:left;
 top:145px;
 left:168px;
 z-index:1;
}

#home_photo3 {
 width:100px;
 height:130px;
 position:relative;
 float:left;
 top:285px;
 left:68px;
 z-index:1;
}



#blog_link {
 width:105px;
 height:170px;
 position:relative;
 float:left;
 top:75px;
 left:68px;
}

#blog_link_int {
 width:105px;
 height:170px;
 position:relative;
 float:left;
 top:210px;
 left:-362px;
}


#body_stretch{
 width:639px;
 height:100%;
 background: url('images/text_repeat.gif') repeat-y;
 position:relative;
 float:left;
 top:0px;
 left:56px;
 z-index:0;
}

#body_home {
 width:420px;
 height:100%;
 position:relative;
 float:left;
 top:-20px;
 left:64px;
 z-index:1;
}

#body_stretch_int{
 width:639px;
 height:100%;
 background: url('images/text_repeat.gif') repeat-y;
 position:relative;
 float:left;
 top:-45px;
 left:161px;
 z-index:0;
 margin-top:-120px;
 margin-left:-1px;
}

#body_home_int {
 width:420px;
 height:100%;
 position:relative;
 float:left;
 top:-20px;
 left:64px;
 z-index:1;
}
#body_home_int a { text-decoration:none; color:#990000; }
#body_home_int a:hover { text-decoration:none; color:#666666; }


#body_blog {
 width:340px;
 height:100%;
 position:relative;
 float:left;
 top:-20px;
 left:64px;
 z-index:1;
}
#body_blog a { text-decoration:none; color:#990000; }
#body_blog a:hover { text-decoration:none; color:#666666; }


#home_services_bottom {
 position:relative;
 top:-2px;
}


#footer {
 width:640px;
 height:49px;
 position:relative;
 float:left;
 top:-21px;
 left:163px;
 background: url('images/footer.gif') no-repeat;
}

#footer_int {
 width:640px;
 height:49px;
 position:relative;
 float:left;
 top:-90px;
 left:163px;
 background: url('images/footer.gif') no-repeat;
}


#subnav {
 width:95px;
 height:100px;
 position:relative;
 float:left;
 top:64px;
 left:167px;
 z-index:1;
}
#subnav a { text-decoration:none;  color:#660000; }
#subnav a:hover { text-decoration:none;  color:#666666; }


#blog_right_column {
 width:130px;
 height:auto;
 position:relative;
 float:left;
 top:95px;
 left:57px;
 z-index:1;
}
#blog_right_column a { text-decoration:none;  color:#660000; }
#blog_right_column a:hover { text-decoration:none;  color:#666666; }









/* Firefox 3.0 Hacks Begin */

#title, x:-moz-any-link, x:default {
 width:430px;
 height:61px;
 position:relative;
 float:left;
 top:12px;
 left:183px;
}


#body_stretch, x:-moz-any-link, x:default {
 width:639px;
 height:100%;
 background: url('images/text_repeat.gif') repeat-y;
 position:relative;
 float:left;
 top:0px;
 left:56px;
 z-index:0;
}

#body_stretch_int, x:-moz-any-link, x:default {
 width:639px;
 height:100%;
 background: url('images/text_repeat.gif') repeat-y;
 position:relative;
 float:left;
 top:-45px;
 left:161px;
 z-index:0;
}


#footer, x:-moz-any-link, x:default {
 width:640px;
 height:49px;
 position:relative;
 float:left;
 top:-21px;
 left:163px;
 background: url('images/footer.gif') no-repeat;
}

#footer_int, x:-moz-any-link, x:default {
 width:640px;
 height:49px;
 position:relative;
 float:left;
 top:-90px;
 left:163px;
 background: url('images/footer.gif') no-repeat;
}


/* Firefox 3.0 Hacks End */





/* Safari 3.0 and Opera 9 Hacks Begin */
@media screen and (-webkit-min-device-pixel-ratio:0) {


#title {
 width:430px;
 height:61px;
 position:relative;
 float:left;
 top:12px;
 left:184px;
}

#body_stretch{
 width:639px;
 height:100%;
 background: url('images/text_repeat.gif') repeat-y;
 position:relative;
 float:left;
 top:0px;
 left:57px;
 z-index:0;
}

#body_stretch_int{
 width:639px;
 height:100%;
 background: url('images/text_repeat.gif') repeat-y;
 position:relative;
 float:left;
 top:-45px;
 left:162px;
 z-index:0;
}

#footer {
 width:640px;
 height:49px;
 position:relative;
 float:left;
 top:-21px;
 left:164px;
 background: url('images/footer.gif') no-repeat;
}

#footer_int {
 width:640px;
 height:49px;
 position:relative;
 float:left;
 top:-90px;
 left:164px;
 background: url('images/footer.gif') no-repeat;
}


}
/* Safari 3.0 and Opera 9 Hacks End */