/* reset */
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 {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
/* layout */
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}
/* forms */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
html {
overflow-y: scroll;
}
body {
font-size:62.5%;
font-family:Arial,Verdana,Sans-Serif;
}
h1 {
font-size:1.6em;
font-weight:bold;
margin:0 0 .5em 0;
}
h2 {
font-size:1.4em;
font-weight:bold;
margin:0 0 .9em 0;
color:#007B5C;
clear:both;
}
.highlight{
color:#007B5C;
}
p {
font-size:1.2em;
margin:0 0 1em 0;
}
a {
color:#007B5C;
}
/* containers */
#page {
background-image:url(../images/faux-columns.jpg);
background-repeat:repeat-y;
background-color:#f4f0ef;
float:left;
width:100%;
border-bottom:1px solid #ccc;
}
#content {
float:left;
min-width:1095px;
max-width:100%;
min-height:350px;
}
#header {
float:left;
width:100%;
min-width:995px;
background-image:url(../images/header-tile.jpg);
background-repeat:repeat-x;
}
#header-inner {
float:left;
background-image:url(../images/header-gradient.jpg);
background-repeat:no-repeat;
padding:0 0 0 26px;
}
#header .content-wide {
margin:0;
background-color:#007b5c;
height:230px;
position:relative;
background-image:url(../images/header-bg.jpg);
background-position:-13px 0;
}
#header .content-wide img{
margin-top:-2px;
}
#header .content-column {
height:230px;
background-image:url(../images/african-revival.jpg);
background-repeat:no-repeat;
}
#nav {
position:absolute;
bottom:0;
left:20px;
margin:0;
list-style:none;
font-size:1em;
color:inherit;
}
#nav li {
float:left;
font-size:1.4em;
margin:0 2px 0 0;
background-image:url(../images/nav-buttons.jpg);
background-position:-102px 0;
padding:3px 0;
}
#nav li.current,#nav li.navigationCMSListMenuHighlightedLI {
background-position:0 0;
}
#nav li.current a,#nav li.navigationCMSListMenuHighlightedLI a {
color:#007B5C;
font-weight:bold;
}
#nav li a {
text-decoration:none;
color:#fff;
padding:5px 10px 0 10px;
display:block;
width:80px;
line-height:1em;
text-align:center;
min-height:32px;
}
.content-wide {
float:left;
display:inline;
background-color:#fff;
width:702px;
padding:20px 0 0 19px;
margin:0 0 0 26px;
}
.content-column {
float:left;
min-width:215px;
max-width:265px;
padding:20px 0 0 25px;
margin:0;
}
.column-1 {
float:left;
width:35%;
}
.column-2 {
margin:0 0 0 20px;
float:left;
display:inline;
width:57%;
}
.main-column-1 {
float:left;
width:70%;
}
.main-column-1-wide {
width:95%;
}
.main-column-2 {
margin:0 0 0 20px;
float:left;
display:inline;
width:23%;
padding:0 10px;
}
.intro {
color:#007b5c;
font-weight:bold;
}
.list-sections {
list-style:none;
background-image:url(../images/photos.jpg);
background-repeat:no-repeat;
background-position:30px 12px;
font-size:1em;
}
.list-sections li {
padding:0 0 20px 170px;
background-image:url(../images/h2-bg.jpg);
background-repeat:no-repeat;
background-position:170px 20px;
}
.list-sections li ul.form-elems {
list-style:none;
}
.list-sections li ul li {
width:inherit;
padding:0;
margin:0 0 3px 0;
background-image:none;
}
.list-sections li p {
padding:0 10px;
}
.list-sections li label {
float:left;
width:45px;
padding:0 0 0 10px;
font-size:1.2em;
}
.list-sections li input {
width:130px;
}
.list-sections li input.subscribe,.list-sections li.subscribe input {
width:auto;
float:right;
margin-right:40px;
}
.events-list {
list-style:none;
font-size:1em;
}
.events-list li {
float:left;
clear:left;
width:100%;
background-image:none;
margin:0 0 10px 0;
}
.events-list h3 {
float:left;
clear:both;
width:29px;
height:40px;
padding:16px 12px 8px 10px;
margin:0 10px 10px 0;
/*background-color:#522720;*/
color:#000;
line-height:1.2em;
text-align:center;
font-size:1.3em;
background-image:url(../images/calendar-page.gif);
background-repeat:no-repeat;
}
.events-list h3 span {
font-size:1.6em;
}
.events-list a {
font-size:1.2em;
font-weight:bold;
color:#007B5C;
}
.events-list p{
float:left;
width:200px;
}
.events-list p a{
font-size:1em;
}
.link-right {
clear:both;
float:right;
font-size:1.2em;
font-weight:bold;
margin:5px 0 0 0;
color:#007B5C;
}
h2.news{
font-size:1.4em;
padding:10px 0 0 0;
clear:both;
}
.news{
list-style:none;
font-size:1em;
}
.news li{
background-image:none;
padding:0;
}
.news li a {
float:left;
font-size:1.2em;
width:190px;
margin:0 0 0 10px;
}
.news li .inline-right{
float:left;
}
#topNav{
position:absolute;
list-style:none;
right:90px;
top:50px;
font-weight:bold;
font-size:1.2em;
}
#topNav li{
float:left;
padding:0 5px;
border-right:1px solid black;
background-image:none;
}
#topNav li.last{
border-right:none;
}
#sideNav{
list-style:none;
font-size:1.2em;
font-weight:bold;
}
#sideNav li{
background-image:none;
padding:0;
margin-bottom:.5em;
}
#sideNav ul{
font-size:.9em;
margin:.2em 0 0 10px;
}
#sideNav ul li{
margin-bottom:0.1em;
}
.list-sections li ul.form-elems li{
background-image:none;
padding:2px 0;
}
#altContent{
position:absolute;
left:18px;
top:100px;
}
ul{
font-size:1.2em;
margin:0 0 1em 0;
color:#000;
list-style:none;
}
ul li{
background-image:url(/images/bullet.gif);
background-repeat:no-repeat;
background-position:left .6em;
padding:0 0 0 10px;
}
.polaroid {
float:left;
margin:0 4px 10px 0;
padding:0 2px 2px 0;
}
.polaroid img{
float:left;
border:1px solid #999;
padding:3px 3px 25px 3px;
background-color:white;
}
#footer{
clear:both;
float:left;
width:702px;
font-size:.8em;
text-align:center;
margin-top:25px;
}
#map{
width: 100%;
height: 400px;
margin-bottom:20px;
}
.popWindow h3{
font-weight:bold;
font-size:1.2em;
}
.popWindow p{
margin:0;
}
.big-green{
color:#007B5C;
font-size:2.5em;
font-weight:normal;
}
blockquote{
padding:10px 50px;
position:relative;
}
blockquote span.leftquote{
position:absolute;
top:0;
left:0;
text-indent:-100px;
background-image:url(/images/quotes.gif);
background-repeat:no-repeat;
width:36px;
height:36px;
overflow:hidden;
}
blockquote span.rightquote{
position:absolute;
bottom:1.2em;
right:10px;
right:10px;
text-indent:100px;
background-image:url(/images/quotes.gif);
background-repeat:no-repeat;
background-position:-46px 0;
width:36px;
overflow:hidden;
height:36px;
}
.imageleft{
float:left;
padding:0 10px 10px 0;
}
ul.schoolList{
width:400px;
}
ul.schoolList li{
font-size:1em;
}
.datestamp{
font-size:1.2em;
font-weight:bold;
}
.newslist li{
background-image:none;
padding:0;
}
.right{
float:right;
margin-left:10px;
}
.pinkelephant{
background-image:url(/images/editorial/events/pink-elephant-ball.gif);
background-repeat:no-repeat;
background-position:bottom right;
padding:0 50px 20px 0;
margin-bottom:20px;
}
.pinkelephant .p2{
padding-right:130px;
}
.pinkelephant .p3{
padding-right:270px;
}
.green-button{
display:block;
font-weight:bold;
background-image:url(/images/ar-button.gif);
background-repeat:no-repeat;
color:#fff;
height:25px;
width:251px;
padding:5px 0 0 0;
text-align:center;
}
img{
margin:10px;
}
img.imgleft{
clear:left;
float:left;
margin:0 10px 10px 0;
}
img.imgright{
clear:right;
float:right;
margin:0 0 10px 10px;
}
.home-polaroids{
float:left;
width:100%;
height:650px;
position:relative;
margin:-20px 0 0 -19px;
padding:20px 0 0 19px;
background-image:url(/images/homebg.jpg);
background-repeat:repeat-x;
}
.home-polaroids p{
position:absolute;
z-index:100;
top:268px;
left:130px;
width:450px;
font-size:2em;
text-align:center;
}
.home-polaroids ul{
list-style:none;
margin:0;
padding:0;
}
.home-polaroids ul li{
position:absolute;
background-image:none;
padding:0;
left:20px;
}
.home-polaroids ul li a{
overflow:hidden;
text-indent:-999px;
}
.p-schoolslinking a{
background-image:url(/images/mission-statement2.png);
background-repeat:no-repeat;
float:left;
height:266px;
width:277px;
}
.home-polaroids ul li.p-zambiabike{
left:400px;
}
.p-zambiabike a{
background-image:url(/images/zambia-bc2.png);
background-repeat:no-repeat;
float:left;
height:266px;
width:277px;
overflow:hidden;
text-indent:-9999px;
}
.p-beekeeping{
left:0;
top:350px;
}
.p-beekeeping a{
background-image:url(/images/get-involved2.png);
background-repeat:no-repeat;
float:left;
height:266px;
width:277px;
}
.home-polaroids ul li.p-donate{
left:400px;
top:350px;
}
.p-donate a{
background-image:url(/images/schools-linking2.png);
background-repeat:no-repeat;
float:left;
height:266px;
width:277px;
}
.home #content .content-wide{
background-image:url(/images/homebg.jpg);
background-repeat:repeat-x;
}
#topNav li.topNavCMSListMenuLIlast{
border-right:none;
}