body{
background-color: #342110; 
font-family: Helvetica,Cambria,Georgia,Myriad Pro,Arial,Helvetica;
line-height: 20px;
font-size: 12px;
color: #444;
}

p{
margin-bottom: 8px;
}

img{
border: 0;
}

h1{
color: #8c8b54;
font-size: 200%;
font-weight: bold;
font-family: "Trebuchet MS";
margin-bottom: 10px;
}

h2{
color: #8b548c;
font-size: 150%;
font-weight: bold;
font-family: "Trebuchet MS";
margin-bottom: 3px;
}

h3 {
color: #99aec2;
font-size: 110%;
font-weight: bold;
margin-bottom: 5px;
}


#container{
margin: 0px auto;
width: 1000px;
margin-bottom: 80px;
}

#header{
position: relative;
height: 160px;
background-image:url('../images/header.jpg');
background-repeat:no-repeat;
background-position: 0 -30px;
}
#header .logo{
height: 150px;
}

#header #projectbox{
position: relative;
width: 330px;
height: 110px;
/*top: -100px;*/
/*left: 672px;*/
color: #fffbed;
float: right;
margin-top: 20px;
}

#projectbox a{
color: #8b548c;
}

#page{
margin: 0 auto;
width: 1000px;
}

#content{
width: 960px;
background-color: #fffbed;
min-height: 500px;
padding: 20px;
}

#menu{
margin-left: -30px;
width: 215px;
float: left;
}

.menuitem{
padding: 0;
margin-bottom: 10px;
}

.socialitem{
padding: 0;
margin-right: 10px;
}

#social{
width: 180px;
margin-top: 20px;
margin-left: 30px;
}

#mainpage{
min-height: 600px;
float: left;
width: 740px;
margin-left: 30px;
}

#footer{
padding-top: 10px;
height: 50px;
background-color: #8c8b54;
}

.banner{
margin-bottom: 20px;
}

.photos{
margin: 20px 0;
}

.inlinephoto{
width: 250px;
height: 165px;
margin-right: 20px;
}

#frontpageevents{
width: 340px;
float: left;
margin-right: 40px;
}

#frontpageevents p{
padding: 0;
margin-bottom: 5px;
}

#frontpageevents .event{
margin-bottom: 15px;
}

#frontpageevents .title{
color: #8c5455;
font-size: 115%;
font-weight: bold;
}
#frontpageevents .subtitle{
color: #8c8b54;
font-size: 110%;
font-weight: bold;
line-height: 11px;
}

#frontpagenews{
width: 360px;
float: left;
}

#frontpageevents .news{
margin-bottom: 15px;
}

#frontpagenews .date{
color: #8c5455;
font-size: 115%;
font-weight: bold;
margin: 0;
padding: 0;
}

#frontevents .time{
margin-left: 10px;
font-weight: bold;
color: #8b548c;
}

/* CONTACT CSS */ 

#leftcol{
width: 360px;
float: left;
margin-right: 20px;
margin-bottom: 20px;
margin-top: 20px;
}

#rightcol{
width: 360px;
float: left;
margin-bottom: 20px;
margin-top: 20px;
}

#contactform{
margin: 10px auto;
}

#contactform label{
line-height: 2;
vertical-align: top;
display: inline-block;
width: 100px;
padding: 5px;
padding-top: 5px;
padding-left: 0px;
font-size: 110%;
}

#contactform input, #contactform textarea{
width: 240px;
padding: 5px;
font-size: 120%;
margin-top: 5px;
}

#contactform select{
width: 263px;
margin-left: -4px;
}

.contact{
font-size: 180%;
}

/* ----END---- */


/* -- GALLERY -- */

.photo{
padding: 10px 10px 10px 0;
}

/* -----END----- */

/* ---CALENDAR--- */

#calendar{
 width: 300px;
 height: 220px;
 padding: 0;
 margin: 0;
 border-top: 1px solid #666;
 border-left: 1px solid #666;
 font: normal 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 color: #000;
 text-align: center;
 background-color: #fff;
}

#calendar td, th {
 border-right: 1px solid #666;
 border-bottom: 1px solid #666;
 width: 20px;
 height: 10px;
 text-align: center;
 vertical-align:middle;
}

#calendar th{
background: #99aec2;
color: #fff;
}

#key{
 width: 300px;
 padding: 0;
 margin: 0;
 border-top: 1px solid #666;
 border-left: 1px solid #666;
 font: normal 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 color: #000;
 text-align: center;
 background-color: #fff;
}

#key td, th {
 border-right: 1px solid #666;
 border-bottom: 1px solid #666;
 width: 20px;
 height: 10px;
 text-align: center;
 vertical-align:middle;
}

/* -----END------ */

/* --BIRTHDAYS--- */

.heading{
font-size: 150%;
font-weight: bold;
}

li{
padding: 6px 0;
}

.hour{
font-size: 150%;
font-weight: bold;
color: #8b548c;
margin-right: 10px;
}

.age{
font-size: 150%;
font-weight: bold;
color: #8c5455;
margin-right: 10px;
}

.price{
font-size: 150%;
font-weight: bold;
color: #99aec2;
margin: 0 10px;
}

.spaces{
font-size: 150%;
font-weight: bold;
color: #8c8b54;
margin: 0 10px;
}

.bookevent{
font-size: 150%;
font-weight: bold;
margin: 0 20px;
}

/* -----END------ */

/* ---TRUSTEES---- */

.profile{
background: #red;
clear: both;
margin-bottom: 10px;
}

.profile .photo{
width: 120px;
height: 100px;
border: 2px solid #fff;
float: left;
margin-right: 10px;
margin-bottom: 20px;
padding: 0;
}

.info{
width: 740px;
}

/* ------END------ */

/* -----EVENTS---- */

#events{
margin: 0;
}

#events .event{
margin: 0;
padding: 5px;
background: #f8f2dc no-repeat bottom;
border: #f4ecd2 solid 1px;
padding-bottom: 5px;
margin-bottom: 10px;
}

#events .leftdate{
float: left;
width: 60px;
color: #99aec2;
font-size: 150%;
}

#events .leftdate p{
margin: 0;
}

#events .date{
font-weight: bold;
color: #8c8b54;
}

#events .time{
margin-left: 20px;
font-weight: bold;
color: #8b548c;
}

#events .content{
margin-left: 60px;
}

#events p{
margin: 5px 0;
}

#events .title{
color: #8c5455;
font-size: 130%;
font-weight: bold;
padding-top: 0;
margin-top: 0;
}

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

/* -----Projects---- */

#projects{
margin: 0;
margin-top: 0;
}

#projects .project{
margin: 0;
padding: 5px;
background: #f8f2dc no-repeat bottom;
border: #f4ecd2 solid 1px;
padding-bottom: 12px;
margin-bottom: 10px;
}

#projects p{
margin: 5px 0;
}

#projects .title{
color: #8c5455;
font-size: 130%;
font-weight: bold;
padding-top: 0;
margin-top: 0;
}

#projects .goal{
color: #8c8b54;
font-size: 140%;
}

#projects .raised{
margin-left: 20px;
color: #8b548c;
font-size: 140%;
}

/* --VOLUNTEERING-- */
#volunteering ul{
margin: 10px 0;
}

#volunteering li{
padding: 3px 0;
padding-left: 15px;
background: url("../images/bullet.jpg");
background-repeat: no-repeat;
background-position: 0 8px;
}
/* -----END------- */

/* --SCHOOLVISITS-- */
#schoolvisits ul{
margin: 10px 0;
}

#schoolvisits li{
padding: 3px 0;
padding-left: 15px;
background: url("../images/bullet.jpg");
background-repeat: no-repeat;
background-position: 0 8px;
}

#schoolvisits .title{
font-weight: bold;
color: #8c5455;
font-size: 120%;
}

#schoolvisits .title2{
font-weight: bold;
color: #8b548c;
font-size: 120%;
}
/* ------END------ */

/* -----NEWS---- */

#news{
margin: 0;
}

#news .post{
margin: 0;
padding: 5px;
background: #f8f2dc no-repeat bottom;
border: #f4ecd2 solid 1px;
padding-bottom: 5px;
margin-bottom: 10px;
}

#news .leftdate{
float: left;
width: 60px;
color: #99aec2;
font-size: 150%;
}

#news .leftdate p{
margin: 0;
}

#news .date{
color: #8c8b54;
}

#news .time{
margin-left: 20px;
font-weight: bold;
color: #8b548c;
}

#news .content{
margin-left: 60px;
}

#news p{
margin: 5px 0;
}

#news .title{
color: #8c5455;
font-size: 130%;
font-weight: bold;
padding-top: 0;
margin-top: 0;
}

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

/* --- Footer ---- */

#footer p{
color: #fffbed;
text-align: center;
}

#footer a{
color: #d0cfa5;
}

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

ul.bulletlist {
margin: 10px 0;
}

ul.bulletlist li{
padding: 3px 0;
padding-left: 15px;
background: url("../images/bullet.jpg");
background-repeat: no-repeat;
background-position: 0 8px;
}

ul.bulletlist .title{
font-weight: bold;
color: #8c5455;
font-size: 120%;
}

ul.bulletlist .title2{
font-weight: bold;
color: #8b548c;
font-size: 120%;
}