/* 
 * Project: Nollamara Church of Christ
 * File: nolla.css
 * Author: BP
 *
 */
body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt; line-height: 1.4em; color: #FFFFFF;
    background: #02457E url(images/bg-strip.jpg) repeat-x left top; margin-top: 0px; padding-bottom: 20px; 
}
h1 { font-family: Garamond; font-size: 30pt; font-weight: bold; margin-bottom: 15px; color: #FD9213; text-align: center; }
h2 { font-family: Garamond; font-size: 22pt; font-weight: normal; margin-bottom: 10px; color: #FD9213 }
h3 { font-family: Garamond; font-size: 16pt; font-weight: normal; margin-bottom: 0px; color: #FD9213; line-height: 0.1em;  }
h4 { font-family: Garamond; font-size: 14pt; font-weight: normal; margin-bottom: 0px; color: #FD9213; }

p { padding-bottom: 0px; text-align: justify; background-color: #FFFFFF }
a { color: #3333DD; text-decoration: none; }
a:hover { text-decoration: underline; }

/* ---------------------------------------------------------------------- Banner -------------------------------------------------------------------------- */

#banner             { width: 1024px; margin: 0px auto 0px auto; padding: 0px; }
#bannerBlend1       { width:275px; height:235px; float: left; background-color: #FFAAFF; }
#bannerBlend2       { width:235px; height:235px; float: left; background-color: #99FFFF; }
#bannerImageLink    { float: left; border: none; }
.bannerImageLeft1   { visibility: visible; position: absolute; width: 275px; height: 235px; }
.bannerImageLeft    { visibility: hidden; position: absolute; width: 275px; height: 235px; }
.bannerImageRight1  { visibility: visible; position: absolute; width: 235px; height: 235px; }
.bannerImageRight   { visibility: hidden; position: absolute; width: 235px; height: 235px; }

/* ---------------------------------------------------------------------- Menu ---------------------------------------------------------------------------- */
#menu { float: left; }
    #menu ul { list-style: none; margin: 0px; padding: 0px; }
    #menu li { background: url(images/button.png) no-repeat 0 0; display: block; height: 30px; width: 148px; padding: 3px 0px 3px 0px; 
             font-size: 14px; font-weight: bold; text-align: center; color: #FFCA77; }
    #menu a { color: #CCFFFF; display: block; }
    #menu a:hover  { color: #FD9213; text-decoration: none; width: 150px; padding: 0px 2px 0px 0px; }
    #menu a:active { border-style: none; }

/* ---------------------------------------------------------------------- Common -------------------------------------------------------------------------- */
#container          { width: 1024px; padding-top: 0px; padding-bottom: 0px; margin-left: auto; margin-right: auto; clear: both; }
#boxContainerNarrow { float: left; width: 600px; margin: 0px 12px 0px 8px; color: #000000; padding: 0px; }
#headingContainer   { float: left; width: 100%; color: #000000; margin: 0px 0px 0px 0px; background-color: #FFFFFF; }
#headingImage       { display: block; margin-left: 25px; margin-bottom: 0px; }
#contentContainer   { float: left; width: 550px; padding-left: 25px; padding-right: 25px; background-color: #FFFFFF; }
    #contentContainer ul { list-style-type: none; padding: 0px; margin-top: 2px; margin-bottom: 2px; text-align: justify; background-color: #FFFFFF; }
    #contentContainer li { background: url(images/bullet.png) no-repeat 0 0; padding: 0px 0px 10px 20px; background-color: #FFFFFF; }
#iframeEvents       { width: 256px; height: 579px; margin: 0px; border: none; overflow: hidden; background-color: #FFFFFF; }
#events             { width: 256px; float: left; margin-top: 0px; padding: 0px; }

.borderTopLeft  { background: url(images/div-border-top-left.gif) no-repeat 0 0; width: 12px; height: 15px; float: left; margin: 0px; }
.borderTopRight { background: url(images/div-border-top-right.gif) no-repeat 0 0; width: 12px; height: 15px; float: left; margin: 0px; }
.borderBottomLeft  { background: url(images/div-border-bottom-left.gif) no-repeat 0 0; width: 12px; height: 15px; float: left; margin: 0px; }
.borderBottomRight { background: url(images/div-border-bottom-right.gif) no-repeat 0 0; width: 12px; height: 15px; float: left; margin: 0px; }
.borderFiller1  { background: url(images/div-border-filler.gif) repeat-x 0 0; width: 576px; height: 15px; float: left; margin: 0px; }
.borderFiller2  { background: url(images/div-border-filler.gif) repeat-x 0 0; width: 844px; height: 15px; float: left; margin: 0px; }
.borderFiller3  { background: url(images/div-border-filler.gif) repeat-x 0 0; width: 232px; height: 15px; float: left; margin: 0px; }
.emailInfo      { color: #707070; font-size: 10pt; line-height: 1.2em; }

/* ---------------------------------------------------------------------- Footer -------------------------------------------------------------------------- */
#footerContainer { clear: both; width: 1024; height: 45px; }
#footerPadLeft   { float: left; width: 148px; }
#footer          { float: left; width: 600px; margin: 0px 10px 0px 10px; text-align: center; font-size: 10px; }
#footerWide      { float: left; width: 856px; margin: 0px 10px 0px 10px; text-align: center; font-size: 10px; }

/* ---------------------------------------------------------------------- Index --------------------------------------------------------------------------- */
#servicesTimes { float: left; width: 255px; padding: 5px 5px 20px 5px; margin-bottom: 30px; border-top: 3px solid #084A84; border-bottom: 3px solid #084A84; }
#indexImage    { margin-left: 10px; margin-top: 15px; float: right; }
#indexLogos    { float: left; width: 260px; height: 200px; }
#indexFiller1  { clear: both; float: left; width: 75px; }
#indexFiller2  { clear: both; float: left; width: 60px; }
.indexImageFlt { float: left; }

/* ---------------------------------------------------------------------- Team ---------------------------------------------------------------------------- */
.teamImage  { float: left; clear: left; width: 206px; padding: 20px 10px 10px 0px; background-color: #FFFFFF; }
.teamText   { float: left; clear: right; width: 310px; padding-bottom: 20px; background-color: #FFFFFF; }
.elders     { clear: both; }
.teamFiller { clear: both; height: 65px; }

/* ---------------------------------------------------------------------- Contact ------------------------------------------------------------------------- */
.contactPara  { padding-bottom: 15px; }
.contactImage { margin: 15px 0px 0px 0px; }
.mapContainer { text-align: center; width: 520px; background-color: #FFFFFF; }

/* ---------------------------------------------------------------------- Activities ---------------------------------------------------------------------- */
.activitiesContainer       { clear: both; margin: 5px; }
.activitiesPanel           { background-color: #FFFFFF; width: 540px; height: 320px; visibility: hidden; position: absolute; }
.activitiesPlaceholder     { background-color: #FFFFFF; width: 540px; height: 320px; color: #808080; }
.activitiesMenuImage       { float: left; }
.activitiesMenuYouth       { clear: both; width: 440px; margin: 10px auto 0 auto; }
.activitiesIndent          { margin-left: 120px; }
.activitiesImageLeft       { margin-right: 16px; margin-top: 10px; float: left; }
.activitiesImageRight      { margin-left: 10px; margin-top: 10px; float: right; }
.activities629Left         { margin-right: 10px; margin-top: 20px; margin-bottom: 20px; float: left; width: 220px; height: 120px; }
.activitiesDiscoveryLeft   { margin-right: 50px; margin-top: 10px; margin-bottom: 10px; float: left; width: 120px; height: 103px; }
.activitiesHomeGroupsLeft  { margin-right: 100px; margin-top: 10px; margin-bottom: 10px; float: left; width: 125px; height: 105px; }
.activitiesFriendshipLeft  { margin-right: 10px; margin-top: 10px; margin-bottom: 10px; float: left; width: 110px; height: 108px; }
.activitiesCraftGroupLeft  { margin-right: 10px; margin-top: 10px; float: left; width: 125px; height: 125px; }
.activitiesFiller          { clear: both; height: 11px; }

/* ---------------------------------------------------------------------- Calendar ------------------------------------------------------------------------ */
#boxContainerWide  { float: left; width: 868px; margin: 0px 0px 0px 8px; color: #000000; padding: 0px; }
#calendarContainer { float: left; width: 858px; padding: 0px 5px 0px 5px; background:#FFFFFF; }
#calendar          { border-width: 0; width: 856px; height: 600px; }

/* ---------------------------------------------------------------------- Good News ----------------------------------------------------------------------- */
.gnQuoteCentred { margin: auto; width: 450px; color: red; }
.gnFiller       { clear: both; padding-bottom: 24px; }

/* ---------------------------------------------------------------------- Beliefs ------------------------------------------------------------------------- */
.verse { font-size: 10pt; font-weight: normal; font-style: italic; }

/* ---------------------------------------------------------------------- Links --------------------------------------------------------------------------- */
.linkLeft   { float: left; width: 230px; margin-bottom: 15px; background-color: #FFFFFF; }
.linkRight  { float: left; width: 300px; margin-bottom: 15px; background-color: #FFFFFF; }
.linkFiller { clear: both; padding-bottom: 104px; }