/* 
    Document   : style.css
    Created on : Jan 24, 2010, 7:27:17 PM
    Author     : danspencer
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/* MINIMUM RESET - based on work by Eric Meyer
------------------------------------------------------------------ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; }

body {
    background:#79b23a;
    font-size:14px;
    color:000;
    font-family: "Calibri","Lucida Grande", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, "Lucida Sans Unicode", sans-serif;
    font-weight: normal;
}
h1, h3, h4 {
    font-family:"Georgia",sans-serif;
    display:block;
}
h2 {
    font-family:"Calibri","Lucida Grande","HelveticaNeue-Light","Helvetica Neue Light", "Helvetica Neue", Arial, "Lucida Sans Unicode", sans-serif;
}

h1 { font-size: 34px; line-height: 1.2; margin: 0.3em 0 10px; font-style:italic;}
h2 { font-size: 16px; line-height: 1.2; margin: 0.3em 0 5px; font-style:normal;}

h2 a {
    color:#fff;
}

#container {
    width:900px;
    margin:20px auto;
    min-height:200px;
}
#content {
    color:#fff;
    width:900px;
}
#logo {
    float:left;
}
#header_links {
    float:right;
}
#header {
    margin-bottom:20px;
}
.header_link {
    float:left;
    margin-left:20px;
    text-align:center;
}
.header_link a {
    text-decoration:none;
}
.fp_item {
    width:200px;
    text-align:center;
    float:left;
    margin:10px 10px 30px 10px;
}
#search_container {
    clear:both;
    border:1px solid #555;
    margin:10px 0 0 55px;
    background:#fff;
    padding:2px;
    width:552px;
    display:block;
    -moz-border-radius:5px;
}
.advanced_search {
    width:552px;
    margin:5px 0 5px 55px;
    font-size:0.9em;
}
.advanced_search a {
    color:#fff;
}
#search_box_title {
    clear:both;
    margin-left:55px;
}
#fp_search_box {
    
}
.fp_input {
    width:290px;
    font-size:1.2em;
    padding:5px;
    background:none;
    border:none;
    float:left;
    position:relative;
    top:2px;
    color:#999;
}
.fp_submit {
    font-size:1.2em;
    padding:6px 5px;
    background:#669900;
    border:1px solid #333;
    text-shadow:0 0px 1px #fff;
    float:right;
    margin-left:10px;
    -moz-border-radius:5px;
}
.fp_dropdown {
    width:150px;
    position:relative;
}
#search_prompt, #jscript_prompt {
    width:546px;
    margin:5px auto;
    clear:both;
    padding:5px;
    font-size:0.9em;
}
.error {
    border:1px solid #f89999;
    color:#000;
    background:#fbe6e6;
    -moz-border-radius:5px;
}
#country_div {
    float:left;
    color:#999;
    padding:5px 0 5px 0;
    font-size:1.2em;
    position:relative;
    top:4px;
    float:right;
    width:150px;
}
.country_label {
    display:none;
}
#footer {
    margin-top:20px;
    clear:both;
}
#footer p {
    line-height:1.2em;
}
#charity_map {
    border:5px solid #fff;
}
#social_links {
    position:fixed;
    left:0px;
    top:20%;
    padding:10px;
    background:#f2f5eb;
    border-right:3px solid #cccccc;
    border-top:3px solid #cccccc;
    border-bottom:3px solid #cccccc;
    -moz-border-radius-topright:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
}