html,body{
margin:0;
padding:0px;
background-color:#e7efe4;
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

h1,h2,h3,h4 {
margin:0;
padding-top:10px;
font-family:Arial, Sans-Serif; 
}

p {
margin:0;
}

div#container{
width:820px;
background: transparent url('../images/content_bg.jpg') repeat-y;
margin-left:auto;
margin-right:auto;
padding:0;
}

div#header {
height:70px;
width:820px;
background: transparent url('../images/header.jpg') no-repeat;
color: #79B30B;
}

div#imagebox {
height:160px;
width:800px;
margin-right:auto;
margin-left:auto;
background: transparent url('../images/darwin_garden.jpg') no-repeat;
border-top:2px solid #ffffff;
border-bottom:2px solid #ffffff;
}

div#monthbar {
width: 800px;
height: 20px;
margin-left:auto;
margin-right:auto;
background: transparent url('../images/monthbar_bg.jpg') repeat-x;
border-top: 1px solid #8dcb41;
}

div#ul_centre {
width:792px;
height:20px;
margin-left:auto;
margin-right:auto;
}

div#monthbar ul {
font-family:Ariel,Helvetica,sans-serif;
font-weight:bold;
font-size:11px;
margin-left:auto;
margin-right:auto;
margin-top:0;
margin-bottom:0;
padding:0;
list-style:none;
text-align:center;
width:100%;
}

div#monthbar li {
line-height:20px;
float:left;
width:66px;
height:20px;
background-color:transparent;
}

div#monthbar li a {
text-decoration:none;
width:66px;
height:20px; 
display:block; 
background-color:transparent;
color:#ffffff;
}

div#monthbar li a:hover {
height:20px;
display:block;
color:#ffffff;
background: transparent url('../images/monthbar_li_bg.jpg') no-repeat;
}

div#navbar {
margin-right:auto;
margin-left:auto;
height:26px;
width:800px;
background: transparent url('../images/navbar_bg.jpg') repeat-x;
border-bottom: 1px solid #528412;
}

div#navbar p {
padding-left: 15px;
font-size: 11px;
font-weight:bold;
line-height:26px;
color:#ffffff;
}

div#navbar a {
color:#ffffff;
}

div#navbar  a:hover {
height:26px;
color:#ffffff;
}

div#navcolumn {
margin:0;
height:auto;
float:left;
width:190px;
background: transparent;
}

div#navcolumn h1,h2,h3,h4 {
padding-left:20px;
}

div#navcolumn h1 {
font-size: 17px;
font-weight:bold;
color:#339900;
padding-left:20px;
}

div#navcolumn h2 {
font-size: 14px;
font-weight:bold;
color:#339900;
padding-left:20px;
}

div#navcolumn p {
padding-left:20px;
padding-right:5px;
padding-top:2px;
font-size:11px;
color:#666666;
}

div#navcolumn a.orange {
font-weight:bold;
text-decoration:none;
font-size:10px;
color:#ef9c00;
}

div#navcolumn img {
border:none;
text-decoration:none;
}

.left-ad {
margin-left:18px;
margin-bottom:10px;
margin-top:15px;
width:160px;
height:auto;

}

div.leftheader {
margin:0;
padding-left:20px;
}

div#navcolumn ul {
width:150px;
list-style-type:none;
margin-left:10px;
margin-top:0;
padding-top:5px;
padding-left:0;
padding-right:0;
font-weight:bold;
font-size:12px;
}

div#navcolumn ul li {
border-bottom: 1px solid #ececec;
padding:0;
margin:0;
text-indent:15px;
}

div#navcolumn li a {
text-decoration:none;
margin:0;
color:#339900;
display:block;
padding-top:3px;
padding-bottom:3px;
width:150px;
}

div#navcolumn li a:hover {
background-image:url('../images/navarrow.jpg');
background-repeat:no-repeat;
background-position:left;
color:#333333;
display:block;
}

div#searchbox {
padding:0;
margin:0;
}

div#searchbox form {
margin:0;
padding:0;
}

div#searchbox h1 {

}

div#searchbox select {
font-size: 11px;
}

div#searchbox input {
font-size: 11px;
}

div#searchbox select.cat {
width:142px;
}

div#mainheader {
margin-right: 20px;
float:right;
width:600px;
height:80px;
padding-top:5px;
}

div#content {
float:right;
width:455px;
background:transparent;
padding-bottom:15px;
padding-top:10px;
}

div#content h1.top {
padding-top:15px;
}

div#content h1 {
font-size: 18px;
color:#339900;
padding-left:0;
padding-right:40px;
padding-bottom:10px;
padding-top:0;
}



div#content h2 {
font-size:16px;
font-weight:bold;
color:#339900;
padding-left:0;
padding-right:40px;
padding-bottom:5px;
padding-top:0;
}

div#content h2.inline {
text-decoration: underline;
padding-bottom:2px;
padding-left:5px;
padding-top:0;
margin:0;
}

div#content h2.aboutus {
font-size:14px;
padding-bottom:5px;
padding-top:0;
margin:0;
}

div#content h2.header {
font-size:15px;
color:#ffffff;
padding:0;
margin:0;
}

div#content h3 {
font-size:14px;
font-weight:bold;
color:#339900;
padding-right:40px;
padding-bottom:5px;
}

div#content h4 {
font-size:14px;
color:#339900;
padding-right:40px;
padding-bottom:5px;
}

div#content p {
margin:0;
font-size: 11px;
color:#000000;
padding-right:15px;
padding-left:0;
padding-bottom:15px;
}

div#content p.aboutus {
line-height:14px;
}

div#content p.homepage {
height:115px;
margin-left:150px;
font-size: 11px;
color:#000000;
padding-right:15px;
padding-left:5px;
line-height: 15px;
padding-bottom:5px;
}

div#content p.home {
font-size: 11px;
color:#000000;
padding-right:15px;
padding-left:5px;
line-height: 15px;
padding-bottom:20px;
}

div#content p.homedate {
font-size: 12px;
font-weight:bold;
color:#339900;
padding-right:15px;
padding-left:5px;
line-height: 15px;
padding-bottom:5px;
}

#content span.pop {
display:none;
}

#content a.guidelink{
color:#8a1e04;
}

#content a.guidelink:hover {
text-indent:0;
}

#content a.guidelink:hover span.pop {
font-weight:bold;
border:2px solid #000000;
line-height:14px;
text-decoration:none;
display:block;
background-color:#009f3c;
padding:10px;
color:#ffffff;
position:absolute;
top:220px;
left:240px;
height:auto;
width:550px;
z-index:3;
}

div#content img {
border:none;
text-decoration:none;
}



div#content img.email {
vertical-align:-50%;
}

div#content p.error {
color:#FF0000;
}

div#content p.pagination {
text-align:center;
font-size:12px;
font-weight:bold;
}

.img { background: #FFF; float: left; padding: 2px; margin:0px 0px 0px 0px; line-height:0; color: #333; border: 1px solid #e0e0e0; }
.img-nofloat { background: #FFF;  padding: 2px; margin:0px 0px 0px 0px; line-height:0; color: #333; }
.croc { padding-top: 15px; padding-bottom: 5px; }

div#content ul {
margin-top:0;
padding-bottom:10px;
list-style-type:disc;
}

div#content li {
margin:0;
line-height:1.3em;
font-size: 11px;
color:#000000;
padding:0;
}

/* start your events table styles */

div#content td.yetitle {
width:50%;
}

div#content td.events {
padding:1px 1px 1px 1px;
}

/* start main events table styles */

div#content table {
padding:0;
margin:0;
font-size:11px;
width:430px;
text-align:left;
}

div#content th.title {
font-family:Geneva, Arial, Helvetica, sans-serif;
letter-spacing: 1px;
background:transparent url('../images/tableheader_bg.jpg') no-repeat;
height:28px;
width:420px;
padding-left:5px;
color:#ffffff;
font-size: 15px;
font-weight:bold;
vertical-align:middle;
}

div#content td {
vertical-align:top;
color:#666666;
padding-top:1px;
padding-bottom:0;
padding-right:0;
padding-left:0;
margin:0;
}

div#content td.bold{
width:16%;
font-weight:bold;
color:#47720f;
margin:0;
}

div#content td.data{
width:32%;
margin:0;
}

div#content td.spacer{
padding-bottom:15px;
}

/* start deckchair table styles */

div#content td.dcdate{
font-weight:bold;
color:#47720f;
width:20%;
padding-bottom:2px;
}

div#content td.dcmovie{
width:65%;
padding-bottom:2px;

}

div#content td.dctime{
font-weight:bold;
color:#47720f;
width:15%;
padding-bottom:2px;
}

div#content form {
padding-top:10px;
}

div#content label {
width:130px;
display:block;
float:left;
text-align:right;
}

div#content input {
font-size: 11px;
}

div#content select {
font-size: 11px;
}

div#content p.submit {
padding-left:130px;
}

div#right-col {
height:auto;
float: right;
width: 165px;
background:transparent;
padding-top: 10px;
}

div#right-col h1 {
font-size: 18px;
color:#339900;
padding-left:0;
padding-right:10px;
padding-bottom:5px;
padding-top:0;
}

div#right-col h2 {
font-size: 12px;
font-weight:bold;
text-decoration:underline;
color:#0099FF;
padding-left:0;
padding-right:10px;
padding-bottom:2px;
padding-top:0;
}

div#right-col p {
margin:0;
font-size: 11px;
color:#666666;
padding-right:20px;
padding-left:0;
line-height:120%;
padding-bottom:20px;
}

div#right-col img {
border:none;
}

.right-ad {
width:140px;
height:auto;
margin-bottom: 20px;
}

div#right-col a {
font-weight:bold;
text-decoration:none;
font-size:10px;
color:#ef9c00;
}

div#legal {
height:20px;
margin-left:auto;
margin-right:auto;
clear:both;
width:800px;
background-color:#ececec;
}

div#legal p {
text-align:center;
font-size:10px;
line-height:20px;
}


div#footer {
text-align:center;
clear:both;
width:820px;
height:50px;
line-height:40px;
background: transparent url('../images/footer.jpg') no-repeat;
}

div#footer p {
line-height:40px;
color:#ffffff;
font-size:10px;
font-weight:bold;
}

div#footer a {
color:#ffffff;
}
