body { background-color: #dee7f1; text-align: center; font: 75% 'Lucida Grande', 'Trebuchet MS', Arial, Helvetics, sans-serif; }

body, div, p, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, dt, li, td, blockquote, address { margin: 0; padding: 0; }

/* structure */
#container { margin: 0 auto 20px; width: 750px; border: 6px solid #0f2d4e; background: white url(/images/bg_container.jpg) repeat-y top left; border-top: none; text-align: left; }
#header { padding: 28px 28px 0; margin-bottom: 10px; height: 217px; position: relative; background: transparent url(/images/bg_header.jpg) no-repeat top left; }
#content { padding: 0 37px; font-size: 1.2em; }
#footer { padding: 0 37px 20px; width: 676px; clear: both; position: relative; background: transparent url(/images/bg_footer.jpg) no-repeat bottom left; color: #7F7F7F; }

/* section specific layout bits */
#header h2 { clear: both; width: 227px; height: 10px; position: absolute; top: 72px; left: 43px; background: url(/images/ir_overline.gif) no-repeat top left; }
#header h1 { width: 350px; position: absolute; top: 89px; left: 42px; /* temp */ text-transform: uppercase; font-size: 3em; }
#header p#mission { padding: 0 355px 20px 24px; width: 324px; position: absolute; bottom: 0; left: 19px; background: url(/images/bg_header_bottom.gif) repeat-x bottom left; font-size: 1.4em; font-variant:small-caps; font-style:italic;} 
#header img { position: absolute; bottom: 1px; right: 59px; }

#content p, #content ul, #content h3, #content h4, #content dl { margin: 0 6px .8em; line-height: 1.4em; }

#content .sidebars h2, #content .button { padding: 4px 6px; margin-bottom: .5em; border: 1px solid #8CCEE3; background: #ABE4FA; color: #1164A3; text-transform: uppercase; font-size: 1em; letter-spacing: .1em; }
#content h2, #content table caption { padding: 4px 6px; margin-bottom: .5em; border-bottom: 2px solid #00A7E9; color: #00A7E9; text-transform: uppercase; font-size: 1.2em; letter-spacing: .1em; }
#content h3 { margin-bottom: .1em; }
#content ul { margin-left: 2em; }

#content table caption { border-bottom-width: 1px; font-size: 1em; }

#content .sidebars { font-size: .9167em; }
#content .sidebars h3 { font-size: 1em; margin-bottom: 0; }
#content .sidebars .boxed, #content .sidebars .actions { padding: 6px; background: #FEF9D0; }
* html #content .sidebars .boxed {position: relative;}
#content .sidebars .boxed h2, #content form h2 { border-color: #F5E8B5; color: #C90; background: white; }
#content .sidebars .boxed, #content .sidebars .open { margin-bottom: .8em; }
#content .sidebars .open { padding: 4px 0 1px 14px; background: url(/images/bg_sidebars_open.gif) repeat-y top left; }
#content .sidebars .open h2 { padding: 0 0 inherit; border: none; background: transparent; color: black }

#content .button { display: block; font-weight: bold; margin-bottom: 1em; }

#content blockquote.scripture { font-weight: bold; }
#content blockquote.scripture p.verse { text-align: right; font-weight: normal; color: #666; margin-top: -.8em; }

#content h3.events_months {margin-bottom: .5em; padding-bottom: .5em; border-bottom: 1px dashed #BBB;}
#content dl.news, #content dl.events { margin-bottom: 1.5em; }
#content dl.news dt, #content dl.events dt { margin-top: .5em; font-size: 1.2em; font-weight: bold; }
#content dl.events dd { font-size: .9em; color: #444; }
#content dl.events dd { margin-left: 40px; }
#content dl.events .date { float: left; display: block; width: 34px; height: 39px; text-align: center; background: url(/images/bg_date.gif) no-repeat top left; }
#content dl.events .date .month { text-transform: uppercase; font-size: .6em; color: #BBE8F9; display: block; }
#content dl.events .date .day { font-size: 1.1em; display: block; color: #666; }
#content dl.events .event-title { display: block; margin-left: 40px; }
#content dl.events dt, #content dl.news dt { clear: both; margin-bottom: .2em; }
#content dl.news dd.date-time { color: #666; }

#content dl#links { margin-bottom: 1.5em; }
#content dl#links dt { font-weight: bold; margin-top: .5em; }
#content dl#links dd { margin-left: 2em; }

#content .weak { color: #666; }

#content #bios-list { margin-left: 4px; padding-bottom: 1px; }
#content #bios-list li { list-style-type: none; clear: both; }
#content #bios-list p { margin-left: 75px; }
#content #bios-list img { display: block; float: left; margin: 0 0 10px; }

#content #staff-list { border: none; border-collapse: collapse; }
#content #staff-list td { width: 159px; padding: 0 10px 10px 0; background: none; }
#content #staff-list img { display: block; margin-bottom: 5px; }

#content table { border: none; border-spacing: 3px; margin-left: 4px; }
#content table td, #content table th { padding: 4px; border: none; background-color: #f3f3f3; text-align: left; vertical-align: top; font-weight: normal; }
#content table th { color: #666; }
#content .sidebars .boxed table td, #content .sidebars .boxed table th { background-color: #FFFCE8; }
#content table td.nowrap {white-space: nowrap;}

#footer-top { margin: 1em 19px 0; clear: both; height: 7px; overflow: hiddden; background: url(/images/bg_footer_top.gif) repeat-x top left; }

#footer #footer-address { padding: 12px 10px 2em 35px; width: 314px; float: right; background: transparent url(/images/bg_footer_address.gif) no-repeat 0 14px; line-height: 1.4em; }
#footer h2 { font-size: 1.2em; text-transform: uppercase; margin-bottom: .3em; }
#footer ul { padding: 15px 0 20px; width: 240px; }
#footer li { list-style-type: none; margin-bottom: .2em; }

/* variations */
.smallheader #header { height: 140px; }
.smallheader #header h1 { width: 650px; }

/* general layout */
img.fl, .photo-wrap.fl { margin: 0 10px 5px 0; }
img.fr, .photo-wrap.fr { margin: 0 0 5px 10px; }

/* photo goodness */
.photo-wrap { background: url(/images/photowrap_tl.gif) no-repeat top left; }
.photo-wrap-trcorner { background: url(/images/photowrap_tr.gif) no-repeat top right; }
.photo-wrap-blcorner { background: url(/images/photowrap_bl.gif) no-repeat bottom left; padding: 12px; }
.photo-wrap-brcorner { background: url(/images/photowrap_br.gif) no-repeat bottom right;  }

.photo-wrap, .photo-wrap-trcorner, .photo-wrap-blcorner, .photo-wrap-brcorner {
  display:inline-table;
  /* \*/display:block;/**/
  }
  
#content .thumbs .photo-wrap-blcorner { padding: 8px; }

/* forms */
#content form { margin-bottom: .8em; }
#content form.boxed { padding: 4px 6px 10px; border: 1px solid #F5E8B5; background: #FEF9D0; font-size:.9em; }
#content form.boxed h3 { padding: 3px 0; border-bottom: 2px solid #E1D8AD; }
#content form.boxed p { margin: inherit 0 inherit; }
#content form.boxed label { line-height: 1.5em; font-weight: bold; }
#content input.full, #content textarea.full { width: 100%; }
#content select, #content input { vertical-align: 0; font-size: 1em; margin: 0; }
#content textarea { margin: 0; }
#content input {  }

#content .validation-error { padding: 4px; border: 1px solid #E41D16; background-color: white; color: #E41D16; }
#content .required { padding-left: 4px; border-left: 2px solid orange; }
#content .submission { text-align: right; padding: 10px 0 0; border-top: 1px solid #E1D8AD; clear: both; }
#content .radiocheckcontainer { margin-bottom: .8em; }
#content .radiocheckcontainer p, .radiocheckcontainer ul { margin-bottom: .3em; }
#content .radiocheck input { vertical-align: 0; margin-right: .3em; width: auto; }
#content ul.radiocheck { list-style-type: none; }
#content ul.radiocheck input.other { margin: 0; }
#content ul.radiocheck label { font-weight: normal; }
#content ul.radiocheck li { margin-left: 2em; margin-bottom: .3em; text-indent: -1.5em; }

#content #errors { border: 2px solid #E41D16; background: white; margin-bottom: 1em; }
#content #errors h3 { background: #E41D16; color: white; padding: 4px 6px; margin: 0; }
#content #errors ul { padding: 4px 6px; }

/* navigation */
ul#nav { list-style-type: none; height: 21px; overflow: hidden; backgroud: url(/images/ir_nav.gif) no-repeat top left; }
ul#nav li { float: left; }
ul#nav li a { float: left; display: block; padding: 21px 0 0; height: 21px;  voice-family: "\"}\""; voice-family:inherit; height: 0; }
#nav-home, #nav-home a, #nav-about, #nav-about a,  #nav-growth, #nav-growth a, #nav-youth, #nav-youth a, #nav-preschool, #nav-preschool a, #nav-links, #nav-links a, #nav-calendar, #nav-calendar a { background-image: url(/images/ir_nav.gif); background-repeat: no-repeat; }
#nav-home, #nav-home a { width: 66px; background-position: 0 0; }
#nav-home a:hover { background-position: 0 -21px; }
#nav-about, #nav-about a { width: 74px; background-position: -66px 0; }
#nav-about a:hover, body.about #nav-about a { background-position: -66px -21px; }
#nav-growth, #nav-growth a { width: 154px; background-position: -140px 0; }
#nav-growth a:hover, body.spiritual_growth #nav-growth a { background-position: -140px -21px; }
#nav-youth, #nav-youth a { width: 73px; background-position: -294px 0; }
#nav-youth a:hover, body.youth #nav-youth a { background-position: -294px -21px; }
#nav-preschool, #nav-preschool a { width: 106px; background-position: -367px 0; }
#nav-preschool a:hover, body.preschool #nav-preschool a { background-position: -367px -21px; }
#nav-links, #nav-links a { width: 64px; background-position: -473px 0; }
#nav-links a:hover, body.links #nav-links a { background-position: -473px -21px; }
#nav-calendar, #nav-calendar a { width: 156px; background-position: -537px 0; }
#nav-calendar a:hover, body.calendar_news #nav-calendar a { background-position: -537px -21px; }

/* links */
a:link { color: #00ACEC; }
a:visited { color: #555; }
a:hover, a:active { text-decoration: none; color: white; background: #00ACEC; }

#content a.button { text-decoration: none;  }
#content a.button:link, #content a.button:visited { background-color: #E3F6FD; border: 1px solid #D9EFF6; color: #00AEEF; }
#content a.button:hover, #content a.button:active { background-color: #43C3F3; border-color: #CDEFFC; color: white; }

/* tools */
.fl { float: left; }
.fr { float: right; }
.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }

div.fl, div.fr {margin: 0;}

.one-third { width: 33%; }
.two-thirds { width: 64%; }
.one-half { width: 49%; }
.one-quarter { width: 24%; }

.one-third, .two-thirds, .one-half, .one-quarter { margin-bottom: 1em; }

img { border: 0; }

.skip { display: none; }

div.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

span.ir { width: 0; height: 0; display: block; overflow: hidden; position: absolute; top: 0; left: 0; }

/* These are standard sIFR styles... do not modify */
.sIFR-flash {visibility: visible !important; margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {display: none !important;}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash #header h1 {visibility: hidden; font-size: 24px;}