@import url("fonts/adelle/font-face.css");
@import url("fonts/prelude/font-face.css");
@import url("./thermo.css");

/* --------------------------------------------------------------

   reset.css
   * Resets default browser CSS.

-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
div.article, aside, dialog, figure, div.footer, div.header,
hgroup, nav {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
td
{
    font-size: 90%;
}

div.article, div.aside, div.dialog, div.figure, div.footer, div.header,
div.hgroup, div.nav {
    display:block;
}

body {
  line-height: 1.5;

}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }



/* Colors
 * ======
 *          Base color  Lighter     Darker
 *          ==========  ==========  ===========
 * Dark:    #201812     #3a2c20     #060504
 * Medium:  #aca76c     #bab686     #999457
 * Light:   #e7eddf     #fafbf9     #d2dbc9
 * Splash:  #fa0086     
 * Potential: #ff91cc
 */
 

body {
    background-color: #d2dbc9;
    margin: 0;
    font-size: 16px;
    line-height: 21px;
    font-family: Arial;
    }

input, select, textarea
{
    font-family: Arial;
    border: 1px solid #bab686;
    font-size: 14px;
    padding: 2px;
    background-color: #e7eddf;
}
#editlink
{
    position: fixed;
    right: 0px;
    top: 0px;
}
#editlink a
{
    display: block;
    background-image: url('../manage/images/icons/application_form_edit.png');
    background-repeat: no-repeat;
    padding: 5px;
    height: 16px;
    width: 16px;
    background-position: 5px 5px;
    background-color: #ff91cc;
    border-width: 0px 0px 1px 1px;
    border-style: solid;
    border-color: #3a2c20;
}
#editlink a:hover
{
    background-color: white;
}

#editlink a span
{
    display: none;
}
div.header {
    background-position: center;
    background-repeat: no-repeat;
    }

div.header div.nav {
    background-color: #201812;
    height: 33px; /* + 1px = 34px */
    width: 987px;
    margin: 0 auto 0 auto;
    border-color: #060504;
    border-left: #3a2c20;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    }
div.header div.nav ul#projects
{
    float: left;
}
div.header div.nav ul#findoutmore
{
    float: right;
}

div.header div.nav * {
    margin: 0;
    padding: 0;
    }

div.header div.nav ul {
    list-style: none;
    }

div.header div.nav ul li { /* list of schools/campaigns */
    float: left;
    }
    
div.header div.nav > a {
    float: right;
    }

div.header div.nav a:link, div.header div.nav a:visited, div.header div.nav a:hover { /* list of schools/campaigns */
    display: block;
    padding: 8px;
    text-decoration: none;
    font-family: Adelle, Georgia;
    text-transform: uppercase;
    color: #aca76c;
    }

a#nav_donate:link,a#nav_donate:visited 
{
  color: #ff91cc;
  }


div.fixedwidthcenter {
    width: 987px;
    margin: 0 auto 0 auto;
    position: relative;
    }


div#searchbox
{
    background-color: black;
    opacity: 0.6;
    filter: alpha(opacity=60);
    height: 20px;
    width: 220px;
    position: absolute;
    right: -2px;
    top: 34px;
    padding: 5px 5px 8px 5px;
        vertical-align: top;
}
div#searchbox form
{
    padding: 0px;
    margin: 0px;
    vertical-align: top;
}
div#searchbox form input#searchboxinput
{
    width: 185px;
    margin: 0px;
    height: 17px;
        vertical-align: top;
    display: inline;
}
div#searchbox form input#searchboxsubmit
{
    border: 0px;
    padding: 0px;
    margin: 0px;
}
div#searchterms
{
    float: left;
    position: relative;
    width: 280px;
    padding-right: 10px;
    background-color: #060504;
    border: 2px solid #3a2c20;
    padding: 10px;
}
div#searchtermsa a h3
{
	 padding: 0px;
}
div#searchterms label
{
    display: none;
}
input#searchtermsbox
{
    width: 275px;
    margin-bottom: 10px;
}
input#searchtermssubmit
{
    float: right;
}
div#currencychooser {
    position: absolute;
    right: 0px;
    top: 46px;
    font-size: 10px;
    }

div#contentwrapper {
    background-color: #201812;
    padding: 21px;
    color: #e7eddf;
    }

div#contentwrapper strong {
    /*text-shadow: 1px 1px 0px #fa0086;*/
    }

div.article {
    width: 987px;
    margin: 0 auto 0 auto;
    }
div.article p
{
    margin-bottom: 8px;
}

.columnwrapper {
    margin-top: 21px;
    display: table;
    }

.left, .center, .right, .bigright {
/*    display: table-cell;*/
    vertical-align: top;
    }
.left { float: left;}
.right { float: right; }
.center { float: left; }



.padbelow
{
    margin-bottom: 20px;
}
.padabove
{
    margin-top: 10px;
}


.polaroids .figure { /* Imitates a polaroid picture */
    background-color: #e7eddf;
    
    padding: 10px 10px 10px 10px;
    
    /*border: 1px solid; // Looks bad on FF w/ rotation
    border-top-color: #fafbf9;
    border-right-color: #fafbf9;
    border-left-color: #d2dbc9;
    border-bottom-color: #d2dbc9;*/
    }

.polaroids > :nth-child(1) {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    transform: rotate(-2deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    }

.polaroids > :nth-child(2) {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    transform: rotate(5deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    }

.polaroids > :nth-child(3) {
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    transform: rotate(-3deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    }

.polaroids > :nth-child(4) {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    transform: rotate(-5deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    }

.polaroids > :nth-child(5) {
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    transform: rotate(2deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    }

.polaroids .figure img {
    width: 100%;
    }

.polaroids .figure .caption {
    font-family: Prelude, Georgia;
    color: #201812;
    }

.video {
    margin-top: 21px;
    margin-bottom: 21px;
    }

.left .floorplan {
    width: 306px;
    margin-top: 21px;
    padding: 10px;
    background-color: #aca76c;
    }

.left .floorplan .caption {
    color: black;
    }
.floorplan, .caption
{
display: none !important;
}
.prettytable {
/*    display: none;*/
    background-color: #ff91cc;
    margin-bottom: 21px;
    width: 100%;
    }

.prettytable h3 {
    height: 32px;
    text-shadow: none;
    color: #201812;
    padding-left: 10px;
    padding-top: 10px;
    }
    
.prettytable table {
    width: 100%;
    color: #201812;
    }

.prettytable table tr {
    height: 42px;
    }

.prettytable table td, .prettytable table th {
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
    }

.prettytable table thead {
    background-color: #fafbf9;
    font-weight: bold;
    font-family: Adelle, Georgia;
    }

.prettytable table td:nth-child(1), .prettytable table th:nth-child(1)  {
    width: 50%;
    font-weight: bold;
    }
.prettytable table td:nth-child(2), .prettytable table th:nth-child(2) {
    width: 25%;
}
.prettytable table td:nth-child(3), .prettytable table th:nth-child(3) {
    width: 25%;
}


.prettytable table tbody tr:nth-child(2n) {
    background-color: #fafbf9;
    }

.prettytable table tbody tr:nth-child(2n-1) {
    background-color: #d2dbc9;
    }

.right h3:first-child { line-height: 21px; } /* looks odd otherwise */

div.footer {
    clear: both;
    padding: 21px 0 21px 0;
    font-family: Adelle, Georgia;
    font-weight: bold;
    font-size: 12px;
    color: #201812;
    text-shadow: 0 0 2px #fafbf9;
    position: relative;
    }
    

div.footer p { text-indent: 0 !important; }

.table { display: table; width: 100%;}

div.footer .right { text-align: right; }

.noshow {
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
    width: 0;
    height: 0;
    display: none;
    }

.noshow * {
    margin: 0;
    }

h1,h2,h3,h4,h5,h6 {
    font-family: Adelle, Georgia;
    color: #e7eddf;
    text-shadow: 2px 2px 0px #000;
    line-height: 63px;
    font-weight: bold;
    }

h1 { font-size: 32px; }
h2 { font-size: 24px; color: #aca76c; }

.nopad
{
    line-height: 30px;
}

#eegglink img {
    display: block;
    margin: 0 auto 0 auto;
    opacity: 0.5;
    }
#eegglink img:hover {
    opacity: 1;
    }

a:link, a:hover, a:visited {
    font-family: Adelle, Georgia;
    text-decoration: none;
    color: #aca76c;
    text-shadow: 1px 1px 0px black;
    font-weight: bold;
    }

a:hover, nav a.active {
    color: #e7eddf;
    text-shadow: 2px 2px 0px #000;
    }
div.header div.nav a:hover, div.header div.nav a.active,
a#nav_donate:hover, a.active {
    color: #e7eddf;
    text-shadow: 2px 2px 0px #000;
    }

.shadow { opacity: 0.4; }


.map
{
    height: 200px;
    width: 100%;
    background-image: url('../images/gilgilmap/map.jpg');
    background-repeat: no-repeat;
}
#nothermometer
{
    height: 6px;
    line-height: 6px;
    font-size: 6px;
/*    background-image: url('../images/thermometer/nothermometer.png');
    background-repeat: repeat-x;*/
}

.floatright
{
    float: right;
    padding: 0px 0px 15px 15px;
}
.notopmargin
{
    margin-top: 0px;
}


  
  a.icon_email
{
    padding-left: 20px;
    background-image: url('../images/icons/email.png');
    background-repeat: no-repeat;
    background-position: 0px -1px;
}

a.donatenow
{
    line-height: 50px;
    padding: 0px 4px 0px 0px;
    vertical-align: baseline;
    position: relative;
    top: 9px;
}
a.donatenow:hover
{
    top: 10px;
    padding: 0px 3px 0px 1px;
}

.gilgilmap
{
    position: relative;
    overflow: hidden;
    border: 5px solid #52834b;
    margin-bottom: 50px;
    margin-top: 20px;
}
.gilgilmap_inner
{
    position: relative;
    text-align: center;
}
.gilgilmap_inner div
{
    position: absolute;
    font-family: Adelle, Georgia, serif;
    font-size: 10pt;
    line-height: 10pt;
    text-align: center;
    width: 90px;
}
.gilgilmap_full_kekopeyprimary   { top: 85px;  left: 122px; }
.gilgilmap_full_kekopey   { top: 150px; left: 55px;  }
.gilgilmap_full_kahuho       { top: 44px;  left: 115px; }
.gilgilmap_full_shura        { display: none; top: 5px;   left: 120px; }
.gilgilmap_full_ngecho       { top: 85px;  left: 235px; }
.gilgilmap_full_kamathatha   { top: 365px; left: 85px;  }
.gilgilmap_full_cedar        { top: 375px; left: 15px;  }
.gilgilmap_full_eburru       { top: 465px; left: 40px;  }
.gilgilmap_full_lereshwa     { top: 115px; left: 432px; }
.gilgilmap_full_kamahia      { top: 110px; left: 330px; }
.gilgilmap_full_karuri       { top: 200px; left: 485px; }
.gilgilmap_full_komothai     { top: 130px; left: 255px; }

.gilgilmap_570x470_kekopeyprimary   { top: 85px;  left: 120px; }
.gilgilmap_570x470_kekopey   { top: 140px; left: 55px;  }
.gilgilmap_570x470_kahuho       { top: 52px;  left: 124px; }
.gilgilmap_570x470_shura        { display: none; top: 8px;   left: 111px; }
.gilgilmap_570x470_ngecho       { top: 85px;  left: 232px; }
.gilgilmap_570x470_kamathatha   { top: 350px; left: 85px;  }
.gilgilmap_570x470_cedar        { top: 375px; left: 0px;  }
.gilgilmap_570x470_eburru       { top: 422px; left: 40px;  }
.gilgilmap_570x470_lereshwa     { top: 115px; left: 422px; }
.gilgilmap_570x470_kamahia      { top: 106px; left: 314px; }
.gilgilmap_570x470_karuri       { top: 195px; left: 465px; }
.gilgilmap_570x470_komothai     { top: 127px; left: 245px; }
.footer .fixedwidthcenter .table .left { width: 460px; margin: 0px; padding: 0px; }
.footer .fixedwidthcenter .table .center { width: 67px; margin: 0px; padding: 0px;}
.footer .fixedwidthcenter .table .left { width: 460px; margin: 0px; padding: 0px; }
#footerleft1 { padding-left: 20px; background-image: url(../images/icons/email.png); background-repeat: no-repeat; background-position: 0px 2px; }

    
    @charset "UTF-8";
div.header, div.footer, div#article, hgroup, attribution, figure, caption, nav, section { display: block; }
attribution { font-style: normal; }
attribution:before { content: "—"; }
figcaption { text-align: center; font-style: italic; }