/*          Author: Andrew WC Brown   Link:http://www.monsterboxproductions.com    */
/* Default------------------------------------------------------------------------ */
html,body{ margin: 0; padding: 0; }
body{ font-family: Arial, Verdana, sans-serif; }
img{ display:block; }
p{ padding-bottom: 10px; font-size: .9em;  line-height: 1.4em;  margin: 0px 10px;}
/* Header------------------------------------------------------------------------- */
div.header { background: rgb(214,230,255) url(../images/header_bg.gif) no-repeat; height: 140px; }
div.header p{ font-weight: bold; font-size: .7em; text-align: center; padding: 0px; }
div.header h1{ display: block; background: url(../images/header_logo.gif) no-repeat; height: 120px; width: 385px;  margin: 0px auto;}
div.header span{ display: none; }
/* Navigation--------------------------------------------------------------------- */
div.navigation { float: left; width: 210px;  }
div.navigation { font-size: .9em; } 
div.panel { margin: 10px; background: rgb(214,230,255); border: rgb(255,204,0) solid 4px; }
div.panel h2{ color: rgb(44,159,250); font-size: 18px; text-align: center; }
div.panel ul{ list-style-type: none;  text-indent: 1em;  padding: 8px 8px;  margin: 0px;}
div.panel a{ text-decoration: none; }
div.panel a:hover{ text-decoration: underline; }
div.panel li a { display: block; border-top: rgb(255,255,255) solid 2px; border-left: rgb(255,255,255) solid 2px; border-right: rgb(80,80,150) solid 2px; border-bottom: rgb(80,80,150) solid 2px; background: rgb(255,255,0); width: 100%; padding: 2px 0px; text-decoration: none; }
div.panel li a:hover { border-bottom: rgb(255,255,255) solid 2px; border-right: rgb(80,80,150) solid 2px; border-left: rgb(80,80,150) solid 2px; border-top: rgb(80,80,150) solid 2px;  background: rgb(44,100,240) repeat-y; color: rgb(214,230,255);  }
/* Announcement-------------------------------------------------------------------- */
div.announcement { text-align: center; border-top: rgb(255,204,0) solid 4px; border-bottom: rgb(255,204,0) solid 4px; background: rgb(255,250,115); padding-top: 8px; font-size: .9em; }
div.announcement h2 { margin: 0px; font-size: 16px;  }
/* Content------------------------------------------------------------------------ */
div.content_wrap{ float:right; width:100%; margin-left:-220px }
div.content{ margin-left:210px;  padding: 10px 0px; }
div.content h2{ color: rgb(44,159,250); font-size: 18px; }
div.content h3{ color: rgb(44,159,250); font-size: 16px; }
div.content li { margin-bottom: 10px; }
div.content img.thermometer{ margin: auto; }
div.content div.example{ float:right; font-size: .9em; text-indent: 1.5em; border: rgb(128,128,128) solid 1px; background: rgb(240,240,240); width: 400px; margin-right: 10px; margin-bottom: 50px; }
div.album img{ border: rgb(80,80,150) solid 8px;}
div.elinor { margin: auto; width: 200px; }
div.elinor p { text-align:center; width: 200px; }
div.newsletter { float: left; width: 210px;  }
div.research i{ font-weight:bold; background: rgb(60,100,240); color: rgb(230,215,75); padding: 0px 4px; }
div.letterspace { height: 300px; }
div.infoblock{ border: rgb(128,128,128) 1px solid; background: rgb(240,240,240); width: 410px; margin-bottom: 10px; }
ol.volunteerinfo{ list-style-type:upper-roman; }
ol.volunteerinfo p.deadline { color: rgb(255,0,0); margin: 10px; }
div.attention{ background: rgb(255,250,115); border: rgb(255,204,0) solid 4px; }
div.attention p{ font-size: 1.2em; }
/* Forms-------------------------------------------------------------------------- */
form.donations {width: 410px; margin: auto; clear: both;}
form.donations fieldset { background: rgb(214,230,255); }
form.donations legend { font-weight: bold; }
form.donations div{ margin-bottom: 10px;}
form.donations label{float: left;  text-align:right; font-weight:bold; font-size: .8em; width: 140px; margin-right: 10px;}
form.donations input{width: 180px;}
form.donations input.chkbx{ width: 20px; }
form.donations div.df { text-align: center; clear: both;  margin-top: 5px; }
form.questionnaire {width: 520px; margin: auto;}
form.questionnaire div{ margin-bottom: 10px;}
form.questionnaire label{float: left;  text-align:right; font-weight:bold; font-size: .8em; width: 140px; margin-right: 10px;}
form.questionnaire input{width: 180px;}
form.questionnaire input.chkbx{ width: 20px; }
/* Tables------------------------------------------------------------------------- */
table.pioneers { font-size: .8em; border-spacing: 0px; border: rgb(255,204,0) solid 1px;}
table.pioneers tr.title {  text-align: center; font-weight: bold; color: rgb(44,159,250);  background: rgb(253,253,99);  }
table.pioneers tr.odd{ background: rgb(218,231,255); }
table.pioneers td, table.pioneers th { border-left: rgb(255,204,0) solid 1px; border-right: rgb(255,204,0) solid 1px;  padding: 4px; }
/* Images------------------------------------------------------------------------- */
/* div.MapleLeaf{ background: url(../images/MapleLeaf.gif); width: 140px; height: 91px; margin: auto; } */
/* Footer------------------------------------------------------------------------- */ 
div.footer{	color: rgb(0,0,0);  clear: both; }
div.footer p{ font-size: small; text-align:center; margin:0; padding: 5px 10px; }
/*          Author: Andrew WC Brown   Link:http://www.monsterboxproductions.com    */