@charset "utf-8";
/* CSS Document */

* {margin:0;padding:0;}
body {font-family:Arial, Helvetica, sans-serif;font-size:62.5%;background:#eee url(../images/main-bg.jpg) repeat-x top left;color:#333;}
ul,li,ol {margin:0;padding:0;font-size:1.1em;}
h1 {font-size:2em;color:#009999;margin:10px 5px;}
h2 {font-size:1.6em;color:#009999;margin:10px 5px;}
p{padding:7px;font-size:1.2em;}
a {color:#000066; text-decoration:none;font-size:1em;}
a:hover {text-decoration:underline;}
img {border:0;}

.cleaner {height:1px;clear:both;padding:0;margin:0;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.right {float:left;}

#wrapper {width:895px;margin:0 auto;background:#fff;}
#header {height:82px;}

/* footer */
#footer {height:44px;background:url(../images/footer-bg.jpg) repeat-x top left; color:#fff; font-weight:bold;}
#footer a {color:#fff;font-size:1em;}
#footer p {display:block;width:426px;float:left;padding-left:10px;}

/* top navigation */
#topnav {display:block;width:895px;height:48px;background:#fff url(../images/nav-bg-3.jpg) repeat-x 0 1em;border-bottom:1px solid #eee;}
#topnav #topnav-inner {width:895px;height:48px;}
#topnav #topnav-inner ul {list-style-position:inside;list-style:none;}
#topnav #topnav-inner li {display:table;float:left;width:105px;height:48px;border-left:0;margin-left:1px;color:#fff;text-align:center;padding:0;background: url(../images/nav-bg-rounded.jpg) no-repeat top left;}
#topnav #topnav-inner li a {display:table-cell;height:48px;color:#fff;font-weight:bold;font-size:0.9em; vertical-align:middle;}

#topnav #topnav-inner li.bottled {background: url(../images/nav-bg-bottle.jpg) no-repeat top left;}
#topnav #topnav-inner li#selected.bottled {background: url(../images/nav-bg-bottle-selected.png) no-repeat top left;}


#topnav #topnav-inner li#selected {border-left:none;background:url(../images/nav-left-bg.jpg) no-repeat top left;margin-left:1px;}
#topnav #topnav-inner li.donate {width:130px;border-right:none;margin-left:128px;background:url(../images/nav-bg-donate.jpg) no-repeat top left;}
#topnav #topnav-inner li.donate a {font-weight:bold;font-size:1.1em;line-height:48px;}

#content {width:871px;padding:20px 12px 0 12px;}

/*homepage*/
#intro {width:895px; padding:0px;background:url(../images/home-beku-big3.jpg) no-repeat top right;height:300px;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;}
.intro-text {width:380px;float:left;font-size:1.1em;/*background-color:#333;opacity:0.9;*/color:#fff;padding:15px 10px 0 10px;}
.intro-text a {font-size:1em;color:#99CCCC;}

/* about page */
#intro-about{width:895px; padding:0px;background:#fff url(../images/africa-about.jpg) no-repeat top right;}
.about-text {width:650px;float:left;font-size:1.1em;color:#fff;padding:15px 10px 0 10px;height:274px;}
.about-text p {width:350px;display:block;}
#fact-list {width:195px;float:right;}
#fact-list-top p {text-align:center;margin:0;color:#fff;font-weight:bold;}
#fact-list-bottom {background:#373737 url(../images/facts-bg.jpg) no-repeat top left;margin-top:5px;width:190px;}
#fact-list-bottom p {text-align:center;margin:0;color:#fff;font-weight:bold;}
#fact-list-top .fact {display:block;width:175px;color:#99CCFF;font-weight:bold;}
#fact-list-bottom .fact {display:block;width:175px;color: #99CCFF;font-weight:bold;}

/* founding supporters page */
#intro-supporters {width:895px; padding:0px;background:#fff url(../images/supporters-main.jpg) no-repeat top right;height:286px;}
.supporters-text {width:380px;float:left;font-size:1.1em;color:#fff;padding:15px 10px 0 10px;}
.supporters-text a {font-size:1em;color:#99CCCC;}
.clear-block {width:380px;}
.money-raised {margin-left:5px;padding-top:5px;}
.raised {float:left;clear:none;width:275px;}
.total {float:right;clear:none;}
.supporters-text span {color:#99CCFF;font-weight:bold;}
.standing-order-box {background-color:#eee; padding:10px; border:1px solid #E0E0E0;}
.standing-order-box h2 {color:#333;padding-top:0;margin-top:0;}
.standing-order-box p {margin-top:0;padding-top:0;padding-right:10px;}
.so-images {width:260px;float:left;border:0;}
.so-text {float:left;width:580px;}
.so-text .bottom {padding-bottom:0;}
.bigger-fs {font-weight:bold;font-size:1.6em;color:#000033;}

/* current projects */
#intro-projects{width:895px; padding:0px;background:#fff url(../images/projects-main.jpg) no-repeat top right;height:263px;}
.projects-text {width:380px;float:left;font-size:1.1em;color:#fff;padding:15px 10px 0 10px;}
.projects-text a {font-size:1em;color:#99CCCC;}
.projects-text span {color:#99CCFF;}
#costs {font-size:1.2em;width:100%;}
#costs th, #costs td {padding:5px;width:30%;text-align:center;}
#costs th, #costs td.totals {background:#eee;font-weight:bold;}
#costs th.description {width:40%;}
#costs td.description {text-align:left;}
#costs td.alt {background:#D0DAFB;}

/* our aim */
#intro-aim {width:895px; padding:0px;background:#fff url(../images/aim-main.jpg) no-repeat top right;height:263px;}
.aim-text {width:380px;float:left;font-size:1.1em;color:#fff;padding:15px 10px 0 10px;}

/* partner organisations */
#intro-partners {width:895px; padding:0px;background:#fff url(../images/partners-main.jpg) no-repeat top right;height:263px;}
.partners-text {width:380px;float:left;font-size:1.1em;color:#fff;padding:15px 10px 0 10px;}



/* contact page */
#intro-contact{width:895px; padding:0px;background:#fff url(../images/contact-main.jpg) no-repeat top right;height:263px;}
.contact-text {width:380px;float:left;font-size:1.1em;color:#fff;padding:15px 10px 0 10px;}
#contact-details {width:480px; float:left;padding:0;background-color:#fff;margin-bottom:15px; }
#trustee {width:375px;padding:0;float:left;background-color:#eee;padding:0 7px 7px 7px;margin-bottom:15px;}
.contact-block-left {width:65px;float:left;}
.contact-block-right {width:145px;float:left;}
.contact-block-left p, .contact-block-right p {padding:5px;}
#trustee .contact-block-right {width:280px;}
#trustee .contact-block-left {width:90px;}

/* water bottle form */
.row {clear:both;height:20px;padding:5px;width:595px;}
.alt {background: #CCCCFF;}
label {width:120px;font-size:1.1em;display:block;float:left;height:20px;line-height:20px;}

/* profile */
.profile {background:url(../images/profile-bg.jpg) 0 0 no-repeat; height:390px;width:870px;}
.profile-intro {width:895px; padding:0px;background:#fff url(../images/profile-header.jpg) no-repeat top right;height:300px;}
.profile-intro-text{width:380px;float:left;font-size:1.1em;color:#fff;padding:15px 10px 0 10px;}
.profileText {float:left;width:825px;padding:15px 10px 10px 25px;background:url(../images/profile-photos.jpg) right top no-repeat;height:390px;}
.profileText.dodo {background:url(../images/profile-photos-dodo.jpg) right top no-repeat;}
.profileImageBg {width:146px;height:188px;float:right;margin:8px 13px 0 0;}
.profileRows {float:left;width:510px;}
.profileRow {clear:both; font-size:1.2em;margin-bottom:10px;}
.profileLabel {width:150px;float:left;font-weight:bold;}
.profileInfo {width:500px; float:left;padding-left:10px;}
.profileInfo.name, .profileInfo.age, .profileInfo.occupation, .profileInfo.distance {width:300px;}
.profileInfo.current {width:300px;}
.profileInfo.paid {width:350px;}

/* profile sign-up */
.profile-signup {width:895px; padding:0px;background:#fff url(../images/profile-header.jpg) no-repeat top right;height:300px;}
.profile-signup-text{width:480px;float:left;font-size:1.1em;color:#fff;padding:15px 10px 0 10px;}
.profile-signup-text p {width:390px;}

#signupForm {width:875px;}
#signupForm label {font-size:1.1em;font-weight:bold;}
#signupForm form {width:595px;float:left;margin:10px;}
#signupForm h1.signup {float:right;width:240px;font-size:1.6em;margin:10px 0 0 10px;}
input[type=submit].signup {height:30px;width:200px;background:url(../images/signup-button.png) 0 0 no-repeat; color:#fff;float:right;border:none;font-weight:bold;cursor:pointer;margin-top:10px;}



/* upload results */
.caseRow {height:20px;clear:both;font-size:1.1em;}
.caseInfo, .headerRow {float:left;width:100px;height:20px;}
.headerRow {font-weight:bold;background:#eee;}



/* generic styles */
.smalltext {font-size:0.9em;}
.bigger {font-weight:bold;font-size:1.8em;color:#000033;text-align:center;display:block;padding:10px;}
.textbox {background:#fff;width:875px;padding:10px;}
.textbox ol {margin:10px 0 0 15px;}
.textbox ol li {margin-left:15px;}
.not-full {width:650px;float:left;}
p.donate a {text-align:center;font-size:1.6em;padding-top:15px;}
.img-float-right {margin:10px 0 10px 10px;}
.first {margin:0 0 7px 5px;font-size:1.8em;color:#99CCFF;}
.newsletter {margin:0 0 7px 0;font-size:1.5em;color:#99CCFF;}
.news-archive-left {width:150px;font-size:1.1em;float:right;margin-left:5px;}
.news-archive-right {width:112px;float:right;font-size:1.1em;text-align:right;margin-right:30px;}
.donate-footer {background:#eee;margin:0 10px 10px 10px;padding:10px;height:95px;}
.donate-footer-left {width:380px;float:left;font-weight:bold;height:50px; font-size:1.2em;}
.donate-footer-right {width:440px;float:left;height:50px; font-size:1.2em;}
.donate-footer-right-text {float:left;width:360px;}
.donate-footer-right-image {float:right;width:66px;}
img.paypal {margin:10px 0;}
.footer-text-profile {clear:both;}
.footer-text-profile span {display:block;height:37px;line-height:39px;float:left;}
.footer-text-profile img {float:left;margin:0 10px;}

.facebook, .twitter {float:left;width:300px;}
.facebook img, .twitter img {float:left;}
.fb-text {float:left;height:27px;line-height:27px;font-size:1.2em;margin-left:10px;}