/*

    TITLE:    East Ridge Baptist Church
    DATE:    1-29-07

*/
/* 
 ZERO
-----------------------------------------------*/
h1, h2, h3, h4, h5, h6,
ul, li,
p, br, form,
img{margin: 0;    padding: 0;    border: 0;}

/*
 MAIN 
-----------------------------------------------*/
body{
    font-family: tahoma, verdana, Arial;
    font-size: 12px;
    margin: 0px;
    line-height: 17px;
    background: #8b847a url('images/mainBg.jpg') center top repeat-x;
}

/* links */
a{font-weight: bold;}
a:hover{
    text-decoration: none;
}

/* heading */
h1{font-size: 1.8em; margin: 0; padding: 5px 0px;}
h2{font-size: 1.6em; margin: 0; padding: 2px 0px;}
h3{font-size: 1.4em; margin: 0; padding: 3px 0px;}
h4{font-size: 1.2em; margin: 0; padding: 3px 0px;}
h5{font-size: 1.0em; margin: 0; padding: 3px 0px;}
h6{font-size: 0.9em; margin: 0; padding: 1px 0px;    font-weight: normal;}

/* para-list */
p{margin: 5px 0px; padding: 3px 0px;}


/*
 LAYOUT.
-----------------------------------------------*/
#hr{width: 100%; float: left; background: url('images/hr.gif') center top no-repeat;}
#vt{width: 100%; float: left; background: url('images/vt.gif') center top repeat-y;}

#frame{width: 777px; margin: 0 auto;}

#header{width: 777px;}
/* home */ body#home
#header{float: left; height: 201px; background: url('images/homeHeader.jpg') no-repeat;}
/* internal */ body#internal
#header{float: left; height: 178px; background: url('images/header.jpg') no-repeat;}

#logo{}

#mainNav{}
#mainNav ul{}
#mainNav li{}
#mainNav li a{}
#mainNav li a:hover{}

#container{width: 773px; float: left; border-left: 2px solid #dbd7ce; border-right: 2px solid #dbd7ce; }
/* home */ body#home
#container{background: url('images/container1.jpg') repeat-y;}
/* home */ body#internal
#container{background: url('images/container2.jpg') repeat-y;}

#intro{width: 773px; float: left; padding: 8px 0 0 0; background: url('images/intro.jpg') right top no-repeat;}
#intro #welcome{width: 500px; padding: 20px; float: right; color: #fff;}
#intro #welcome #w1 h1{font: normal 30px Georgia; color: #E8D174;}
#intro #welcome #w2 {color: #c7c5ac;}
#intro #welcome #w2 h1{font: normal 19px Tahoma; color: #D8CFC2; border-bottom: 2px solid #D8CFC2;}
#intro #welcome #w2 img{float: right;}
#intro #welcome a{font-weight: bold; color: #C8C7AE; text-decoration: none;}
#intro #welcome a:hover{color: #E9D276;}
#intro #welcome .blogList{color: #BDB39B;}
#intro #welcome .blogList h2 a{font: bold 13px Tahoma; }
#intro #welcome .blogList li{list-style: none;}
#intro #sideNav{width: 215px; float: left; margin: 0 0 0 6px; display: inline;}

#actions{width: 773px; float: left; padding: 35px 0 25px 0; font: normal 11px Tahoma; color: #dbdbdb; background: #8f8772 url('images/actions.jpg') left top repeat-x; border-bottom: 2px solid #d1cab7;}
#actions h1{font: normal 18px 'Lucida Sans'; color: #dbdbdb; border-bottom: 3px solid #dbdbdb;}
#actions ul{padding: 5px;}
#actions li{padding: 7px 10px 7px 10px; list-style: none; background: url('images/actionsStyle.jpg') 0 12px no-repeat; }
#actions a{font-weight: bold; color: #f3f3f3;}
#actions .left{width: 220px; padding: 0; margin: 0 0 0 30px; float: left; display: inline;}
#actions .left a{text-decoration: none;}
#actions .left a:hover{text-decoration: underline;}
#actions .right{ width: 420px; padding: 0px 50px 0px 0px; margin: 0 30px 0 0; float: right; display: inline;}
#actions .textElement{padding: 10px 0 0 5px;}
#actions .textElement img{float: right;}

#content{width: 773px; float: left; background: url('images/content.jpg') no-repeat;}
#contentStretch{width: 773px; float: left; padding: 0 0 4px 0; background: url('images/contentStretch.gif') bottom no-repeat;}

#mainCol{width: 512px; float: right; padding: 40px 20px 25px 20px; color: #383429;}
#mainCol h1{font: normal 30px Georgia; color: #CBA921;}
#mainCol h2{font: normal 19px Tahoma; color: #1E67B0;}
#mainCol h3{font: bold 16px Tahoma; color: #383429;}
#mainCol ul{padding: 5px 20px;}
#mainCol a{color:#383429; font-weight: bold; }

#subCol{width: 202px; float: left; margin: 10px 0 0 6px; display: inline; border: 3px solid #efe0cc; border-bottom: 0;}
#subCol h1{font: Normal 19px Tahoma; color: #887E62; border-bottom: 2px solid #D8CFC2;}
#subCol #sideNav{width: 202px; float: left; margin: 0 0 0 1px; display: inline; background: #f0dfcb;}
#subCol #sideNav ul{margin: 0;}
#subCol #sideNav li{width: 201px; padding: 9px 0 9px 0px; list-style: none; background: url('images/navItem.gif') repeat-x;}
#subCol #sideNav li.selectedPage, #subCol #sideNav li.selectedPageRoot{p}

#subCol #sideNav li a{color:#685f48; padding: 0 0 0 25px; text-decoration: none; background: url('images/sideStyle.gif') 10px 5px no-repeat;}
#subCol #sideNav li a:hover, #subCol #sideNav li.selectedPage a{color: #B14F27; /}
#subCol #sideNav li ul{margin: 9px 0 -9px 0; padding: 13px 0 15px 0; background: url('images/subNav.gif') repeat-y;}
#subCol #sideNav li ul li{padding: 2px 0; margin: 0; background: url('images/sideStyleOver.gif') 15px 8px no-repeat;}
#subCol #sideNav li ul li a{font-weight: normal; color: #B14F27; text-decoration: underline; background-image: none;}
#subCol #sideNav li ul li a:hover{background-image: none;}
#subCol #sideNav li ul li.selectedPage{padding: 2px 0; margin: 0; background: url('images/sideStyleOver.gif') 15px 8px no-repeat;}
#subCol #sideNav li ul li.selectedPage a{background-image: none;}
#subCol #sideNav li ul li.selectedPage a:hover{background-image: none;}

#subCol #search{width: 153px; float: left; padding: 15px 35px 20px 15px; margin: 0 0 0 1px; display: inline; border-bottom: 4px solid #efe0cc;  background:#f0dfcb url('images/search.jpg') 1px 0 repeat-y;}
#subCol #search h3{font: normal 18px Georgia; color: #fff; margin: 0 0 8px 0;}
#subCol #search .searchInput{width: 95px; height: 21px; padding: 3px 5px 2px 5px; font: bold italic 1em Arial; float: right; background: url('images/textBox.gif') no-repeat; border: 0;}
#subCol #search .searchButton{width: 44px; height: 23px; float: left; font-size: 0; background: url('images/btn.gif') no-repeat; border: 0;}
#subCol #sideSec{width: 164px; float: left; display: inline; margin: 0 18px; padding: 0 0 20px 0; color: #887e62;}
#subCol #sideSec a{color: #887e62; text-decoration: none;}
#subCol #sideSec a:hover{text-decoration: underline; color: #554f3e;}
#subCol #sideSec h1{margin: 8px 0; border-bottom: 2px solid #9b9279;}

#footer{width: 100%; float: left; _float: none; height: 121px; background: url('images/footer.gif') center top no-repeat;}


/* home */
body#home #subColSide{width: 213px; float: left; margin: 10px 0 0 6px; display: inline; padding: 0; background: url('images/navShadow.gif') 207px repeat-y;}
body#home #subCol{width: 200px; float: left; margin: 0; border: 3px solid #efe0cc; border-right: 4px solid #efe0cc; border-bottom: 0; }
body#home #subCol #sideNav{width: 200px; float: left; margin: 0 0 0 0; display: inline; background: #f0dfcb;}
body#home #subCol #sideNav li{width: 200px; height: 26px; padding: 8px 0 0 0px; list-style: none; background: url('images/navItem.gif') repeat-x;}
body#home #subCol #sideNav li.selectedPage{height: 26px;}
body#home #subCol #search{width: 150px; float: left; position:relative; padding: 15px 35px 20px 15px; margin: 0 0 0 0px; display: inline; background:#f0dfcb url('images/search.jpg') 1px 0 repeat-y;}
body#home #subCol #searchShadow{width: 214px; height: 8px; position: absolute; bottom: -8px; _bottom: -14px; left:-2px; background: url('images/searchShadow.gif') no-repeat;}

/*
 MISC.
-----------------------------------------------*/
.left{float: left;}
.right{float: right;}
.black{color: #000;}
.white{color: #fff;}
.hide{display: none;}
#logo{width: 220px; height: 180px; position: absolute;}
#logo img{width: 220px; height: 180px; border: 0;}
/* clearing */
#ListOfDivs:after{
    content: '.';
    height: 0px;
    visibility: hidden;
    display: block;
    clear: both;    
}
/* powered by */
#poweredBy {
  float: right;
  margin: 50px 40px 5px 0px;
}

#poweredBy img {
  border: none 0px;
}