/* PRIMARY OVERRIDE */
* {margin: 0; padding: 0;}

/* == GENERAL ELEMENT OVERRIDES == */
body {background: #fefefd url(../images/background.gif) 0 0 repeat-x; font-family: "Times New Roman", "Times Roman", Times, serif; font-size: 14px; line-height: 130%; text-align: center;}
p {margin: 1em 0;}

h1, h2, h3, h4, h5, h6, #nav {line-height: 100%; font-family: "Times New Roman", "Times Roman", Times, serif; font-weight: normal;}

h1 {color: #003366; font-size: 28px; margin-left: 8px; margin-top: 12px; text-align: left; text-transform: uppercase;}
h2 {color: #990000; font-size: 29px; margin-left: 15px; margin-top: 36px; text-align: left; text-transform: uppercase;}
h3 {color: #003366;}

img {border: 0;}

/* == GENERAL LINKS == */
a:link, a:visited {color: #003366; text-decoration: underline;}
a:hover {color: #990000; text-decoration: none;}
a:active {color: #dad58a; text-transform: none;}

/* == HOMEPAGE HEADINGS == */
#idx h2 {color: #003366; margin-top: 0;}
#idx h2 span {font-size: 24px;}
#former {color: #003366;}
#idx h3 {font-size: 22px;}
#idx h5 {text-align: center;}

#idx h4 {color: #dad58a; font-size: 92px; font-weight: normal; margin: 8px 0;}
#idx h5 {color: #003366; font-size: 14px; font-weight: normal; margin-top: 12px;}
#idx h5, .vcard, #hours table, #hours th, #hours td, #staff #mc dt, #staff #mc h4, #sitemap dt, #community .container h4, #community #sc h4.subscriptions, #worship h4, #msg h5, #errors h5, #error dt {font-family: Helvetica, Arial, sans-serif;}

#mc h3, #sc h3 {font-size: 16px; text-transform: uppercase;}

/* == MAIN NAVIGATION == */
ul, ul li {list-style-type: none;}
#nav li {display: inline;}
* html #nav li {margin-right: 8px;} /* IE only */

#nav a:link, #nav a:visited {color: #003366; text-decoration: none;}
#nav a:hover {color: #990000; border-bottom: 3px solid #990000;}
#nav a:active {color: #dad58a; border-bottom: 3px solid #dad58a;}
#nav a {padding-bottom: 3px; overflow: hidden !important;}

#nav a:link.selected, #nav a:visited.selected {border-bottom: 3px solid #003366; color: #003366;}
#nav a:hover.selected {color: #990000; border-bottom: 3px solid #990000;}
#nav a:active.selected {color: #dad58a; border-bottom: 3px solid #dad58a;}

* html #nav a {padding-bottom: 0px; overflow: hidden;}

body#index a#nav-index,
body#about a#nav-about,
body#worship a#nav-worship,
body#community a#nav-community,
body#news a#nav-news,
body#contact a#nav-contact
{
  color: #003366; border-bottom: 3px solid #003366;
}

/* == SUB-NAV == */
#subnav {margin: 12px 0 16px 0;}
#subnav, #subnav li {font-size: 16px; line-height: 140%; list-style-type: none;}
#subnav li a {padding-left: 16px;}
#subnav a:link, #subnav a:visited {background: url(../images/subnav/link.gif) 0 5px no-repeat; color: #dad58a;}
#subnav a:hover {background: url(../images/subnav/hover.gif) 0 5px no-repeat; color: #990000;}
#subnav a:active {background: url(../images/subnav/active.gif) 0 5px no-repeat; color: #003366;}

/* == CONTAINER STYLES == */
#wr {position: relative;}
#wr, #ft {width: 770px; margin: 0 auto; text-align: left;}
#wr {margin-top: -4px;}
#nav {padding: 4px 0; font-size: 24px; clear: both; text-align: center;}
#nav li {margin-left: -8px;}
#navbottom {position: relative; top: 103px;}

#mc {background: url(../images/separator.gif) top right repeat-y; width: 490px;}
#mc, #sc {float: left; margin-top: 24px; padding-top: 0; position: relative; text-align: left;}
#sc {width: 276px;}

#idx #mc {background: url(../images/home_srvcs_bkgd.gif) 0 0 no-repeat;}
#idx #sc {background: url(../images/home_events_bkgd.gif) 0 0 no-repeat;}
#idx #mc, #idx #sc {padding-top: 32px;}

#mc p, #mc h3, #mc ul, #sc p, #sc h3, #sc ul, #sc dl {margin-left: 16px; margin-right: 16px;}
#mc h3, #sc h3 {margin-bottom: -8px;}

/* == EVENTS LIST == */
#rss #mc, #rss #sc, #about #mc, #about #sc, #staff #mc, #staff #sc {padding-top: 0;}
#rss #sc, #about #sc, #staff #sc {background: none;}
#rsslist dt {font-size: 14px; font-weight: bold; margin-bottom: 2px;}
#rsslist dd {margin-bottom: 8px;}
ul#events li {display: block; margin-bottom: 2px;}

/* == ABOUT SECTION == */
#about #sc dl, #about #sc ul {margin-top: 12px;}
#about #sc dt {font-weight: bold;}
#about #sc dd {margin: 0 0 8px 0;}
#about #sc li {margin: 0 0 4px 0;}

.container {background: url(../images/container_bkgd.gif) bottom left repeat-x; border-bottom: 1px solid #dad58a; margin: 0 2px 16px 16px;}
.container h3, #staff p, .container ul {margin-left: 0;}
.container li {background: #fefefd url(../images/cross_small.gif) 0 1px no-repeat; margin-bottom: 4px; padding-left: 16px;}
.container p {margin-top: -4px;}

#staff #mc h3 {margin: 0 0 4px 0;}
#staff #mc dt {font-size: 14px; font-weight: bold;}
#staff #mc dl {margin-bottom: 8px;}
#staff #mc ul {margin-left: 0; margin-bottom: 8px;}
#staff dd span {font-weight: normal; font-size: 11px; font-style: italic; margin-left: 4px;}
.title {font-size: 14px; line-height: 130%; margin-top: 2px;}

/* == COMMUNITY SECTION == */
#community .container {background: none; border: none; position: relative; clear: both; padding-bottom: 4px;}

#community .container p {margin-left: 0;}
#community h4 {font-size: 16px; font-weight: bold; margin: 10px 0 8px 0;}
#community h5 {color: #8d8b67; font-size: 14px; font-weight: bold; margin: -2px 0 8px 0;}

.cal {display: block; font-size: 13px; line-height: 100%; text-align: center; text-transform: uppercase; color: #003366; background: url(../images/datebox_top.gif) 0 0 no-repeat; margin-top: 0; width: 36px; padding-top: 6px; float: left; margin: 2px 8px 0 0;}

.cal span {border-top: 1px solid #f4f2e3; margin-top: 4px; display: block; font-weight: bold; font-size: 26px; letter-spacing: -1px;  background: url(../images/datebox_bottom.gif) bottom left no-repeat; padding-bottom: 10px;}

.subcontainer {display: block; position: relative; margin-left: 44px;}
#community .subcontainer ul, #community .subcontainer li {margin-left: 0;}
#community .subcontainer ul {margin-bottom: 8px;}

#community #sc h4 {color: #000; margin: 8px 16px -8px 16px;}
#community #sc h4.subscriptions {color: #000; font-size: 14px; margin-top: 16px;}
.archivenav {color: #003366;}

/* == CONTACT SECTION == */
#contact h4, #contact table, #contact form {margin-left: 16px; margin-right: 16px;}
.vcard, #hours {border-bottom: 1px solid #003366; width: 770px;}
.vcard h4, .vcard .address, .vcard p, #hours h3, #hours dl {margin-left: 16px;}

.organization-name {font-size: 16px; margin: 4px 0; text-transform: uppercase;}
.organization-name span {font-size: 11px;}
.street-address {display: block;}
.address {width: 214px;}

* html .vcard .address {margin-left: 8px;} /* Win IE only */

.contact-methods {margin-left: 16px; margin-bottom: 12px; width: 246px;}
.address, .contact-methods {float: left;}
.telephone, .fax {display: block;}

#hours {padding-top: 16px; margin-bottom: 16px;}
#hours table {width: 738px; margin-bottom: 12px;}
#hours th, #hours td {text-align: left; vertical-align: top; width: 176px;}
#hours th {font-weight: bold;}

#feedbackform {padding-bottom: 72px; text-align: left;}
#feedbackform h3 {margin-bottom: -8px;}

label.rqd, input#name, input#email, input#telephone, input#fax, #remarks {display: block; float: left; margin-bottom: 10px; vertical-align: middle; width: 264px;}
input {margin-right: 8px;}
label.rqd {text-align: right; width: 120px; padding-right: 20px;}
#feedbackform br {clear: left;}

.rqd {font-weight: bold;}
.options {padding-top: 16px;}

.options, #visit, #service, #prayers, #reqinfo, #feedback, #provinfo, #other, #contactme, #submit {margin: 0 4px 6px 140px;}
* html .options, #visit, #service, #prayers, #reqinfo, #feedback, #provinfo, #other, #contactme, #submit {margin: 0 4px 0 140px;} /* Win IE only */

#remarks {margin-top: 8px; vertical-align: top;}

#contactme {margin: 16px 4px 12px 140px;}
* html #contactme {margin: 16px 4px 0 140px;} /* Win IE only */

#map p {margin: 12px 16px;}
#map #addr {width: 286px;}
#addr h4 {font-size: 16px; font-weight: bold;}
#gmap {width: 738px; height: 524px; border: 1px solid #003366; margin: 16px;}
.gmaps {background: url(../images/googlemaps.gif) 0 0 no-repeat; padding-left: 88px;}

#submit {vertical-align: middle;}

/* == CONTACT MESSAGES == */
#msg {border: 1px solid #789504; background: #ddf287 url(../images/message_bkgd.gif) 0 0 no-repeat;}
#errors {border: 1px solid #dc0016; background: #fadde0 url(../images/error_bkgd.gif) 0 0 no-repeat;}
#msg, #errors {margin: 0 16px 24px 16px;}
#errors h5, #msg h5 {font-size: 14px; font-weight: normal;}
#errors p, #errors h5, #msg p, #msg h5, #errors ul {margin: 4px 8px 8px 16px;}
#msg h5, #errors h5 {color: #FFF; margin-bottom: 16px; padding-left: 28px;}

#errors #errs li {background: #fadde0 url(../images/error_list_icon.gif) 0 2px no-repeat; margin-bottom: 4px; padding: 2px 0 2px 16px; position: relative;}

#msg a:active {color: #000; text-decoration: none;}

/* RSS */
* html #rss #mc {margin-bottom: 8px;}
#rsslist, #feedlist {padding-bottom: 16px;}
#feedlist, #feedlsit li {list-style-type: none;}
.rss2 a, .atom a {padding-left: 42px; margin-bottom: 4px;}
.rss2 a {background: url(../images/icons/rss2.gif) 0 1px no-repeat;}
.atom a {background: url(../images/icons/atom.gif) 0 1px no-repeat;}

/* == WORSHIP == */
#worship h4 {font-weight: bold; font-size: 16px;}
#worship h5 {font-style: italic; font-size: 15px; line-height: 130%;}
#worship h4, #worship h5 {margin: 8px 16px 4px 16px;}
#worship h5 span {color: #990000; font-weight: bold;}
#worship #mc img {margin-left: 16px; margin-bottom: 16px;}
#worship #mc li {background: url(../images/cross_small.gif) 0 1px no-repeat; margin-bottom: 4px; padding-left: 16px;}

/* == SITEMAP == */
#sitemap dl {margin-bottom: 16px;}
#sitemap dt {font-size: 14px; font-weight: bold; margin: 8px 16px 2px 16px;}
#sitemap dd {margin: 0 16px 4px 16px;}
#sitemap dd li {background: #fefefd url(../images/cross_small.gif) 0 1px no-repeat; margin-bottom: 4px; padding-left: 16px;}
dd.space {margin: 16px 16px 8px 16px;}

/* 404 ERRORS == */
#error dl {margin: 0 16px 88px 18px;}
#error dt {font-weight: bold; font-size: 16px; margin-bottom: 2px; margin-top: 16px;}
#error dd {margin-bottom: 4px;}

/* == FOOTER == */
#ft {background: #f8f7ed; border-top: 1px solid #003366; clear: both; color: #003366; font-size: 12px; padding-top: 24px; width: 100%;}
#ft ul, #ft li {list-style-type: none;}
#ft ul li {display: inline; margin-right: 8px;}
#ft ul, #ft p {margin: 0 auto; text-align: left; width: 770px;}
#ft p {font-size: 11px; padding-bottom: 16px;}

/* Flickr Badge */
#flickr_badge_uber_wrapper {margin-bottom: -8px; width: 432px;}
#flickr_badge_wrapper {}
.flickr_badge_image {display: inline; margin-left: 18px;}
.flickr_badge_image img {border: 6px solid #dad58a;}

/* == GENERAL IDs == */
#title {margin: 0 0 16px 0; text-align: center;}
#idximg {margin: 22px 0;}
#about #mc img, #rss #mc img {margin-left: 16px;}
* html #nav li {padding-right: 30px;} /* IE only */

/* == GENERAL CLASSES == */
.push {margin-top: 8px;}
.cross {background: url(../images/nav_divider.gif) right 6px no-repeat; padding-right: 36px;}
.date {color: #990000; font-weight: bold; font-size: 20px; font-weight: normal; margin: 0 0 4px 0;}
.date span {color: #000; font-size: 14px; font-weight: bold; text-transform: uppercase;}
.time {color: #003366; font-size: 16px; margin: 8px 0;}
.intro {font-style: italic;}
.rss img {margin-right: 8px; vertical-align: middle;}
.fl {float: left; margin: 0 8px 8px 0;}
.nobkgd {background: none; border-bottom: none;}
.pdf {background: url(../images/icons/pdf.gif) 0 1px no-repeat; padding-left: 16px;}
.reqd {color: #990000;}