.superfluous-bug-fixer {
    height: 340px;
    }
body {
    text-align: center;
    margin: 0;
    padding: 0;
    background: #8e2800 url(../i/body_background.gif) no-repeat center top;
    /*font-family: "helvetica neue", arial, sans-serif;*/
    font-family: georgia, serif;
    font-size: 16px;
    line-height: 22px;
    color: #141414;
}

a {color: #ffb03b; text-decoration: underline;}
a:hover {color: #fff0a5;}
.left {float: left;}
.right {float: right;}
.clear {clear: both;}
strong {font-weight: bold;}
em {font-style: italic;}

.wrap {
    margin: 0 auto;
    text-align: left;
    width: 900px;
    padding-bottom: 20px;
}

h1#logo {float: left; margin-left: 20px; margin-top: -14px;}
h1#logo a {
    display: block;
    background: url(../i/new-logo.png) no-repeat;
    width: 211px;
    height: 138px;
    text-indent: -9999px;
    margin-bottom: 25px;
}

p {
    margin-bottom: 10px;
}

label, input {display: inline;}

form {text-align: center; font-size: 15px; margin-bottom: 30px;}
form#homepaypal {margin-top: 30px ;}
label {padding-right: 10px; font-weight: bold;}
input, textarea {
    padding: 5px; 
    color: #8e2800; 
    font-weight: bold;
    background: #fff; 
    border: 1px solid #fff0a5;}

input.go {}
ul {margin-top: 20px; margin-bottom: 20px;}
ul li {margin-bottom: 8px; margin-left: 50px; list-style-type: disc;}


#footer { 
    font-family: "helvetica neue", arial, sans-serif;
    font-size: 12px;
    text-align: center;
    color: #FFB03B;
    width: 700px;
    margin-left: 100px;
    line-height: 16px;
    margin-top: 20px;
    
    }



/*

Dude, this is where we start doing stuff for the real non
1 page version of missions-without-borders.com
*/

#navbar {
    background:black url(../i/front_banner_background.jpg) bottom;
    height: 14px;
    display: block;
    margin-bottom: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    font-family: "helvetica neue", arial, sans-serif;
    }




#navbar ul {margin: 0; padding: 0; margin-top: -10px;}
#navbar ul.sub {float: right; margin-right: 0px;}
#navbar ul.home {float: left; margin-left: 0px;}
#navbar ul li {list-style-type: none; display: inline; margin: 0; text-align: right;}
#navbar ul li a {
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    padding: 14px;
    padding-top: 5px;
    text-decoration: none;
}


body.opportunities #navbar li.opportunities a, body.home #navbar li.home a, body.about #navbar li.about a, body.give #navbar li.give a, body.contact #navbar li.contact a, body.blog #navbar li.blog a, body.events #navbar li.events a, body.people #navbar li.people a {background: #008e7f; height: 20px; color: #fff0a5;}

body.training ul.nav li.training, body.strategic ul.nav li.strategic-alliances, body.short-term ul.nav li.short-term {background-color: #eee;}

h2.tag {
    font-size: 20px;
    line-height: 1.6em;
    float: right;
    color: #ffb03b;
    text-align: right;
    font-family: georgia, serif;
    width: 500px;
    height: 100px;
    margin-top: 0px;
    margin-right: 20px;
    }

h2.tag a {color: #fff0a5;
}
h2.tag a:hover {color: #fff;}
#content {
    background: white url(../i/content_background.png) no-repeat;
    border: 1px solid #ccc;
    display: block;
    clear: both;
    color: #141414;
    font-size: 16px;
    position: relative;
    z-index: 5;
    padding-left: 20px; 
    padding-right: 20px;
    padding-bottom: 20px;
    min-height: 320px;
    padding-top: 20px;
    }
body.home #content {min-height: 100px;}
body.home #content {background-position: 0 -350px;}
#content a {color: #008e7f;}


#content .sidebar h3 {padding-left: 33px; font-family: arial; font-weight: bold;}
#rotator {margin-bottom: 20px; width: 900px; height: 293px; margin-top: 100px; display: block;}
.img_rotate, .img_rotate img {padding-left: 0; padding-right: 0;}
.img_rotate {display: none; padding-left: -20px; padding-right: 0; padding-top: 20px;}
#rotator img.first {display: block;}
.img_rotate .txt { font-family: "helvetica neue", arial, sans-serif; float: left; font-weight: bold; background: url(../i/img_rotate_txt_background.png) no-repeat; padding: 10px; padding-left: 20px; font-size: 14px; color: #fff; margin-top: -299px; margin-left: 0px;z-index: 1; position: relative;}
body .wrap .img_rotate .bottom {margin-top: -48px;}
.img_rotate .txt a {color: #FFB03B}
#photo-banner {display: none;background: black url(../i/front_banner_background.jpg) repeat-x; height: 293px; margin-top: 130px; position: relative; z-index: 2;}

.img_rotate .full {
    display: block;
    position: absolute;
    text-indent: -9999px;
    width: 900px;
    height: 295px;
}

#content .sidebar {float: right; width: 273px;}

#content .sidebar_inner {float: right; width: 273px; margin-left: 20px; text-align: right;}
#content .sidebar_inner ol li a {display: block;}
.sidebar_inner ul.nav li {list-style-type: none; margin-bottom: 0;}
.sidebar_inner ul.nav li a {text-align: right; display: block; padding: 13px; border-bottom: 1px dashed #ccc; text-indent: 8px;}
.sidebar_inner ul.nav li.last a {border-bottom: none;}
.sidebar_inner ul.nav li a:hover {background: #eee;}
.sidebar_inner ul.m360_schedule li {list-style-type: none;}
#content h2 {font-weight: bold; font-size: 22px; margin-bottom: 20px; line-height: 28px; color: #8e2800;}
#content h2 a {color: #8e2800; text-decoration: none;}
.main {width: 565px;}
.main h3 {margin-left: -21px; padding-left: 21px; background: #ccc; padding-top: 8px; padding-bottom: 8px; color: #8E2800;}
.main h3.list {background: transparent;}
#content .main h3.list a:hover {color: #008E7F}
#content .main h3 a {display: block; color: #8E2800}
#content .main h3 a:hover {color: #fff;}
ol.blog_front li {margin-bottom: 10px; font-size: 14px;}
ol.blog_front {margin-bottom: 40px;}
ol.blog_front li a {display: block; font-size: 16px;}
.linkage {margin-bottom: 20px; margin-top: 40px;}

.headish {
    font-family: "helvetica neue", arial, sans-serif;
    background: #ccc;
    margin-left: -20px;
    margin-right: -20px;
    font-size: 22px;
    padding: 15px;
    padding-left: 20px;
    font-weight: bold;
    margin-top: -20px;
}    

#content h3 {margin-top: 15px;font-weight: bold; font-size: 18px; margin-bottom: 10px; font-family: "helvetica neue", arial, sans-serif;}
#content h4 {font-weight: bold; margin-bottom: 10px;}

#content ul {margin-top: 10px; margin-bottom: 10px;}

#content blockquote {margin-left: 30px; margin-right: 30px; background: #eee; padding: 15px;}

/* Blogish stuff */

p.datish {font-size: 12px; font-family: "helvetica neue",arial,sans-serif; color: #646464; margin-top: -5px;}

.address {font-family: "helvetica neue", arial, sans-serif; font-weight: bold;}

/* contact form */

form#contact {margin-top: 20px;}
form#contact label {width: 160px; display: inline-block; text-align: right; margin-right: 20px; font-family: "helvetica neue", arial, sans-serif; margin-left: 0; float: left;}

form#contact p {text-align: left;}
form#contact input, form#contact textarea {text-align: left; margin-right: 0px; padding: 5px; border: 1px solid #8e2800; color: #000;}
form#contact textarea {width: 363px;}
form#contact #press_down {margin-left:-65px; margin-top: 0px; padding: 6px; }


#map {width: 275px; height: 300px; margin-bottom: 20px;}
#map .gmnoprint {text-indent: -9999px;}


.short-list {
    float: left;
    width: 261px;
    margin-right: 20px;
    margin-bottom: 40px;
    font-family: "helvetica neue", arial, sans-serif;
}

.short-list h2 a {
    font-weight: bold;
    font-size: 28px;
    border-bottom: 1px solid #8e2800;
    width: 261px;
    display: block;
    padding-bottom: 10px;
}

.short-list h2 a:hover {
    text-decoration: underline;
}

.short-list li {font-size: 15px; line-height: 25px;}
.short-list li a.object {display: block; font-weight: bold;}
.short-list li a {font-weight: bold;}

.post-short {
    clear: both;

}

p.details {font-size: 12px;  font-family: "helvetica neue", arial, sans-serif;}
 

ul.errorlist {display: bock; margin-bottom: 10px; margin-top: 20px;; color: red;}
ul.errorlist li {text-align: left; margin-left: 190px; list-style: none; padding-left: 0;}
img.person-photo {width: 100px;}
.each-person {width: 233px; height: 310px; background: blue; float: left; margin: 20px; }

.bio-photo {float: left; margin-right: 40px; margin-bottom: 20px;}
body.people #content .each-person a {display: inline-block; height: 310px; width: 233px; text-decoration: none; color: #fff;}
.each-person a span {margin-top: 250px; background: url(../i/img_rotate_txt_background.png); padding: 5px; display: inline-block;}
.each-person a:hover span {background: #FFF0A5; color: #8E2800;}