/* dark-blue: #829bbe; light-grey: #aaaaaa; dark-grey: #bfbfbf; light-light-grey: #e5e5e5 */

/* Univeral */

body			 { background: #fff; font: 76%/1.3 verdana,arial,georgia; color: #000; background: #424242 }
img              { margin: 0; padding: 0; border: 0 }

table,td          { margin: 0; padding: 0; border: 0 }
td                { vertical-align: top }

table#toptable, table#bottomtable, #header, #footer { margin: 0 0 0 10px }
table#toptable, table#bottomtable   { background: #fff; border: 1px solid #000; border-width: 0 1px }

#header { margin: 0 0 0 10px }

table#toptable    { border-top: 1px solid #000 }
table#toptable    { border-bottom: 1px solid #000 }

div#navigation    { height: 215px; background:#F2F3F9; line-height: 1.2 }
div[id=navigation]  { height: auto; min-height: 215px }
div.navigation    { padding: 14px 10px 10px 15px; font-size: 12px  }
.navigation div.selected, .navigation div.other { padding-left: 15px; margin-bottom: .5em }
.navigation div.selected { border-left: 5px solid darkred; padding-left: 10px }
.navigation div.selected a { border-bottom: none; text-decoration: underline; color: darkred }
div.navigation ul { font-size: 11px; margin-top: -.2em }
div.navigation li { margin-bottom: .3em }
div#sidetextimage { width: 251px }
div#sidetextimage img { margin: 0 auto }

td#mainimage      { border-right: solid 1px #000 }

div#sidetextimage, td#otherheadlines   { border-top: solid 1px #000 }
td#trailerimage, td#sidetextimage, td#emailupdatesbox  { text-align: center; vertical-align: middle }

td#maintext  { vertical-align: top }
td#maintext { padding: 15px 35px }

td#otherheadlines h1  { font-size: 1.4em; font-weight: bold; margin: 5px }

div#maintext      { margin-right: 10px }

td#mainimage img, td#sideimage img, td#toprightcol img { display: block }

div#signup        { font: bold 1.2em arial }
div#signup input  { font-size: .8em }
div#signup input.selected { background: #eee }

div.letter        { float: left; margin: 0 8px 6px 0 }

h1   { font-size: 1.6em; font-weight: bold; margin: 0 0 1.5em 0; padding-top: 8px }
h2   { font-size: 1.4em; font-weight: bold; font-style: italic }
h2.inline  { padding-top: 13px }
h3   { font-size: 1.2em; font-weight: bold; margin: 2em 0 1.5em; border-bottom: 1px solid #666 }
h4   { font-size: 1.1em; font-weight: bold; font-style: italic }
div#maintext p    { margin-top: 0 }

form,input        { margin: 0; padding: 0 }

div#messagearea   { background: #ffcccc; font-size: 1.2em; line-height: 1.5em; text-align: center; width: 678px; margin: 1px 0; }

div.smalllink     { font-size: .9em; line-height: 1em }

a:link, a:active, a:visited   { color: #036; border-bottom: 1px dotted #036; text-decoration: none; font-weight: bold }
.pic a, #header a { border-bottom: none }

span.smallgrey    { font-size: .7em; color: #aaa; font-weight: bold }


div#emailupdates  { text-align: center; padding-top: 7px }
div#sideimage img { display: block }
div#sideimage     { border-bottom: solid 1px #000 }
div#comingnextweek     { padding: 10px 0; margin-left: 8px }
div#comingnextweek h1  { font-size: 1.4em; font-weight: bold }
div#photogallery       { padding: 10px 0; margin-left: 8px }
div#photogallery h1    { font-size: 1.4em; font-weight: bold }

div.captionbox    { float: right; background: #eee; border: 1px solid #666; padding: 8px 12px 8px 8px;
                    margin: 0 0 8px 8px; width: 215px }
div.captionbox ul { margin: 0; padding-left: 1.3em }
div.homecaptionbox    { background: #eee; border: 1px solid #666; padding: 8px; width: 370px }
div.homecaptionbox ul { margin: 0; padding-left: 1.3em; }

div.captionbox li, div.homecaptionbox li  { margin-bottom: 4px }

div.verse         { margin: 5px 0 15px 0 }

div#hometext li, div#yourinvolvement li, div#impactingworld li   { margin: 1em 0 }

div#timelinechart { padding-top: 1em }

div#faqs div.question { margin: 1em 0 .5em; font-weight: bold }
div#faqs div.answer { margin: .5em 1em 3em }

div.rctclogo        { padding: 12px 5px 5px 2px }
div#videoimage      { padding-bottom: 1em; margin-bottom: 1em; text-align: center; font-size: .8em; margin-top: 1em } 

div#yourpart i { white-space: nowrap }
div#footer1           { font-size: .9em; line-height: ; color: #666666; text-align: center; margin-top: 35px;
                        letter-spacing: .03em }
div#footer            { border-top: solid 1px #000; width: 678px; background: #000; height: 20px }
div#fortydaysg        { text-align: center; margin-top: 20px; border-bottom: 1px solid #000; padding-bottom: 20px }

ul.doublespace li     { margin-bottom: 1em }

div.newsitem div.postdate { font-weight: bold; font-size: .8em; margin-bottom: .1em; color: #444 }
div.newsitem div.title { font-weight: bold; font-size: .9em; margin-bottom: .1em; }
div.newsitem div.text { line-height: 1.5em }
div.newsitem { margin-bottom: 1.5em }

#campaignstatus table.charts     { text-align: center; border: 1px solid #000; border-width: 0 0 1px 1px;
                                   margin: 0 auto; width: 100%  }
#campaignstatus table.charts td  { border: 1px solid #000; border-width: 1px 1px 0 0; width: 50% }
#campaignstatus td.desctext, #campaignstatus td.chart4        { background: #F2F3F9 }
#campaignstatus td.chart1, #campaignstatus td.chart2, #campaignstatus td.chart3,
  #campaignstatus div.pledgebox    { background: #F7F8F4 }
#campaignstatus td.desctext      { font-size: .8em; padding: 5px; line-height: 1.1 }
#campaignstatus div.pledgebox    { border: 1px solid #000; border-width: 0 1px 1px 1px; padding: 15px }
#campaignstatus div.pledgebox td { padding-right: 10px }
#campaignstatus div.pledgebox table.overview td { padding-right: 15px }
#campaignstatus div.pledgebox table.core td, #campaignstatus div.pledgebox table.what td { padding-left: 20px }
#campaignstatus div.pledgebox h3 { margin-top: .2em }
#campaignstatus div.pledgebox ul { margin-top: 0 }
.picright                        { float: right; margin: 1em 0 30px 30px }
.picright img                    { display: block; border: 1px solid #000 }
.picright .caption               { font-size: .9em; color: #333 }

.futurespot img  { border: 1px solid #000 }
.futurespot     { float: left; margin-right: 5px; width: 290px }
.futurespot .caption { padding-left: .9em; font-weight: bold }
.futurespot .text  { font-size: .9em }
.futurespot ul  { margin-bottom: 4.5em; list-style: none; margin-left: 0; padding-left: 1em }
.futurespot li  { margin-bottom: 1.5em; margin-right: 3em }

.brickbybrickdates { padding: 10px 0; line-height: 1.5em; padding: 8px }
.bbybdisclaimer    { margin-top: .2em; line-height: 1.2; font-size: .95em; padding: 8px }

/*******************  SEATING CHART  *******************/
#seating { margin-top: 2em }
#seating td { padding-left: 15px }
#seating td.first { padding-left: 0 }
#seating img { margin-top: 1em }
#seating p { font-size: .9em }

/*******************  PAGE NAV  *******************/
.pagenav        { float: right; margin-top: 1.2em; font-size: .9em }
.pagenav a      {  }
.pagenav div    { float: left; padding: 0 10px }
.pagenav .first {  }
.pagenav .other { border-left: 1px solid #036 }
.pagenav .first a {  }
.pagenav ul     { margin-left: 0; padding-left: 0; display: inline }
.pagenav ul li  { margin-left: 0; padding: 3px 15px; list-style: none; display: inline }

/*******************  CLEAR FIX  *******************/
.clearfix:after      { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix            { display: inline-table }
* html .clearfix     { height: 1% }
.clearfix            { display: block }