/* CSS Document */

/* INTERIOR: TEXT STYLES AND GENERAL STYLES */

h1 {
color: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 28px;
line-height:30px;
font-weight: normal;
letter-spacing: 1px;
margin: 0;
display:block;
width: 200px;
height: 60px;
padding: 60px 20px 20px 40px;
float:right;
}
/* height: 32px; */
/* padding: 88px 20px 20px 40px; */

/*Conditional statements sets active page color in banner*/
#on-about h1 {background-color: #0bb;}
#on-worship h1 {background-color: #629;}
#on-community h1 {background-color: #8b5;}
#on-outreach h1  {background-color: #b1b;}
#on-education h1 {background-color: #d63;}
#on-news h1 {background-color: #69d;}
#on-contact h1 {background-color: #551;}

h2 { 
color: #457;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
letter-spacing: 1px;
line-height: 27px;
margin: 0 0 10px 0;
}

h3 {
color: #551;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
padding-top: 10px;
margin: 0 0 10px 0;
}

h4 {
color: #37b;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 0 0 10px 0;
}

/*Added ID; Do not remove ID unless you replace it 
with something else as table tag interferes with navigaiton style*/
#pagecontent table {
background-color: #bdf;
border: 0;
margin: 0 0 10px 0;
}

/*Added ID; Do not remove ID unless you replace it 
with something else as table tag interferes with navigaiton style*/
#pagecontent td {
padding: 4px;
background-color: #fff;
}

.tablehead {
color: #37b;
}

img.bodyr {
margin-left: 10px;
margin-bottom: 6px;
}


/* INTERIOR: PAGE CONTAINER COMPONENTS, TOP TO BOTTOM, LEFT TO RIGHT */

/* photo and header area */

#banner_int {
width: 537px;
float: left;
height: 140px;
border-right: 3px solid #fff;
}



/* NAV BAR: active state on sub pages */

#on-about #menu_about .first {
color: #fff;
background-color: #0bb;
}

#on-worship #menu_worship .first {
color: #fff;
background-color: #629;
}

#on-community #menu_community .first {
color: #fff;
background-color: #8b5;
}

#on-outreach #menu_outreach .first {
color: #fff;
background-color: #b1b;
}

#on-education #menu_education .first {
color: #fff;
background-color: #d63;
}

#on-news #menu_news .first {
color: #fff;
background-color: #69d;
}

#on-contact #menu_contact .first {
color: #fff;
background-color: #551;
}



/* area below nav bar and color strip */

#bodytext {
width: 530px;
float: left;
margin: 0 30px 0 0;
}

#bodytext p {
color: #555;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 17px;
margin: 0 0 10px 0;
}

#bodytext ul {
list-style-type: none;
font-size: 11px;
margin: 0 0 10px 0;
}

#bodytext ul li {
line-height: 17px;
background: url(../images/bullet.gif) left 7px no-repeat;
padding-left: 15px;
margin-left: 25px;
}


/* shoulder boxes */

#shoulders {
width: 200px;
float: left;
}

#shoulders .photo {
float: left;
color: #888;
font-size: 10px;
line-height: 14px;
text-align: center;
margin-bottom: 10px;
width:200px; /*added for IE fix*/
}

#shoulders .photo img {
padding: 0;
margin: 0;
}

#shoulders .headerarea {
float: left;
width: 168px;
height: 17px;
color: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-variant: small-caps;
padding: 6px 16px;
border-bottom: 1px solid #fff;
}


.about1 {
background-image: url(../images/bg-header-about.gif);
background-repeat: no-repeat;
margin-top: 10px;
}

.worship1 {
background-image: url(../images/bg-header-worship.gif);
background-repeat: no-repeat;
margin-top: 10px;
}

.community1 {
background-image: url(../images/bg-header-community.gif);
background-repeat: no-repeat;
margin-top: 10px;
}

.outreach1 {
background-image: url(../images/bg-header-outreach.gif);
background-repeat: no-repeat;
margin-top: 10px;
}

.education1 {
background-image: url(../images/bg-header-education.gif);
background-repeat: no-repeat;
margin-top: 10px;
}

.news1 {
background-image: url(../images/bg-header-news.gif);
background-repeat: no-repeat;
margin-top: 10px;}

.contact1 {
background-image: url(../images/bg-header-contact.gif);
background-repeat: no-repeat;
margin-top: 10px;
}

#shoulders .bodyarea {
float: left;
width: 168px;
color: #444;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
padding: 10px 16px 8px 16px; /*bottom padding increased from 0 to address new shoulder box CSS structure*/
margin-bottom: 10px;
}


.about2 {
background: url(../images/bg-footer-about.gif) bottom center;
background-repeat: no-repeat;
background-color: #cff;
}

.worship2 {
background: url(../images/bg-footer-worship.gif) bottom center;
background-repeat: no-repeat;
background-color: #edf;
}

.community2 {
background: url(../images/bg-footer-community.gif) bottom center;
background-repeat: no-repeat;
background-color: #efd;
}

.outreach2 {
background: url(../images/bg-footer-outreach.gif) bottom center;
background-repeat: no-repeat;
background-color: #fdf;
}

.education2 {
background: url(../images/bg-footer-education.gif) bottom center;
background-repeat: no-repeat;
background-color: #fed;
}

.news2 {
background: url(../images/bg-footer-news.gif) bottom center;
background-repeat: no-repeat;
background-color: #def;
}

.contact2 {
background: url(../images/bg-footer-contact.gif) bottom center;
background-repeat: no-repeat;
background-color: #dec;
}

#shoulders img {
padding: 0 0 10px 0;
}


/* use .*_top when no photo is above the top box */
.outreach1_top {
background-image: url(../images/bg-header-outreach.gif);
background-repeat: no-repeat;
margin-top: 0;
}
.news1_top {
background-image: url(../images/bg-header-news.gif);
background-repeat: no-repeat;
margin-top: 0;
}