body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #004a77;
background-image: url(images/background.gif);
background-position: center;
background-repeat: repeat-y;
margin:0;
height:100%;
}
h1,h2,h3,h4,h5,h6 { margin-bottom: 0; padding-bottom: 0; }

input,textarea,select {
border: 1px solid #288300;
font-family: Arial, Helvetica, sans-serif;
color: #606060;
font-size: 12px;
}
input.plain { border: 0px; }

.container {
display: block;
position: relative;
width: 780px;
padding: 0 20px 0 20px;
margin: auto;
}
.container img  { vertical-align: bottom; }

.hometop {
position: relative;
float: right;
}
.logo {
position: relative;
float: left;
padding: 20px 0 0 15px;
}
.topmenu {
background: url(images/dotted-line.gif) repeat-x top #fff;
padding: 10px 0 10px 10px;
}
.topmenu a {
padding: 0 10px 0 10px;
text-decoration: none;
font-weight: bold;
font-size: 14px;
color: #005f99;
}
.topmenu a:hover { color: #6dbc51; }
.topmenu a.on { color: #5bba22; }



.donate a {
position: relative;
float: right;
height: 16px;
padding: 2px 15px 0 15px;
background-color: orange;
color: #fff;
}
.donate a:hover {
background-color: #7ecb5c;
color: #fff;
}

.contenthome {
background: #f1ffe0 url('images/palmbg-top.jpg') no-repeat top;
height: 100%;
}
.content {
background: #f1ffe0 url('images/palmbg-top-light.jpg') no-repeat top;
height: 100%;
}


.sitemap {
display: block;
height: 20px;
}
.sitemap a {
color: #298a01;
text-decoration: none;
position: absolute;
right: 25px;
padding: 5px;
font-size: 11px;
letter-spacing: .2px;
}
.sitemap a.home {
color: #fff;
text-decoration: none;
position: absolute;
right: 25px;
padding: 5px;
font-size: 11px;
letter-spacing: .2px;
}
.sitemap a.home:hover {
color: #000;
}
div.sitemap img {
padding-bottom: 2px;
}


div.lefttext {
width: 475px;
position: relative;
float: left;
text-align: left;
padding: 0 30px 20px 40px;
line-height: 20px;
color: #298a01;
}
div.lefttext table {
width: 100%;
border-spacing: 0;
border-collapse: collapse;
background-color: #fafff5;
}
div.lefttext table br { display: none; line-height: 0px; height: 0; }
div.lefttext td {
padding: 5px 7px 5px 10px;
border: 1px solid #b8d797;
}
div.lefttext tr td:first-child {
background-color: #e8fbd3;
text-align: center;
}


div.image {
float: right;
clear: both;
margin: 5px -30px 10px 25px;
*margin: 0 -15px 10px 25px;
font-size: 11px;
line-height: 14px;
color: #7f917b;
}
div.image img {
display: block;
border: 1px solid #3c8f28;
padding: 8px;
background-image: url(images/imgbg.jpg);
background-position: top center;
margin-bottom: 3px;
}



div.nortmargin { margin-right: -30px; }
div.photogallery {
width: 146px;
display: block;
float: left;
margin: 5px 20px 10px 0;
font-size: 12px;
text-align: center;
font-weight: bold;
color: #7f917b;
line-height: 16px;
}
div.photogallery img {
display: block;
border: 1px solid #3c8f28;
padding: 6px;
background-image: url(images/imgbg.jpg);
background-position: top center;
}
a.gallerylink:hover img {
border: 1px solid #7bd266;
background-image: none;
background-color: #fff;
}
a.gallerylink:hover {
color: #67a921;
}

div.submenu a.gallerynamelink {
margin: -5px 0 5px 3px;
color: #67a921;
font-size: 11px;
font-weight: bold;
}


div.galleryimg {
width: 146px;
display: block;
float: left;
margin: 5px 20px 10px 0;
font-size: 11px;
line-height: 14px;
}
div.galleryimg img {
display: block;
border: 2px solid #3c8f28;
}
div.galleryimg a.gallerylink:hover img {
border: 2px solid #7bd266;
}


.floatrt {
float: right;
position: relative;
top: 12px;
right: -10px;
}


.itemheader {
font-size: 14px;
font-weight: bold;
display: block;
}


.header {
color: #0050a8;
font-family: palatino, palatino linotype, garamond, georgia, serif;
font-style: italic;
font-weight: bold;
font-size: 18px;
display: block;
line-height: 30px;
margin-left: -6px;
}

.subpgheader {
color: #0050a8;
font-family: palatino, palatino linotype, garamond, georgia, serif;
font-weight: bold;
font-size: 24px;
display: block;
line-height: 30px;
margin: 0 0 10px -2px;
}


div.submenu a.submenu {
color: #458bd9;
font-size: 16px;
font-weight: bold;
display: block;
margin: 0 0 10px 0;
}
div.submenu a.submenu:hover {
color: #458bd9;
}
div.submenu a {
color: #0050a8;
font-size: 12px;
font-weight: bold;
display: block;
padding-left: 3px;
margin: 0 0 10px 0;
}
div.submenu a:hover {
color: #298a01;
}
div.submenu a.on {
background-color: #72bd35;
color: #fff;
display: block;
padding: 3px 3px 3px 9px;
margin: 0 0 10px 0;
}

.rightmenu {
width: 169px;
position: relative;
float: right;
background: url(images/dotted-line.gif) repeat-y left;
padding: 0 25px 10px 24px;
color: #2db11e;
}
.rightmenu a {
color: #2db11e;
}

a {
color: #0054b1;
text-decoration: none;
}
a:hover {
color: #333b44;
}

.upcoming {
width: 517px;
position: relative;
float: left;
clear: left;
text-align: left;
padding: 12px 0 15px 33px;
line-height: 20px;
color: #298a01;
}
.upcoming a {
color: #298a01;
}

.eventshdr {
font-size: 18px;
color: #87d767;
font-weight: bold;
display: block;
}
.upcoming .eventshdr {
line-height: 45px; 
background: url(images/dotted-line.gif) repeat-x bottom;
}
.contacthdr {
font-size: 18px;
font-weight: bold;
display: block;
color: #ffc000;
line-height: 35px;
}
.contact {
color: #f79c19;
}
.contact a {
color: #f79c19;
text-decoration: underline;
}

a.linkarrow {
padding-right: 12px;
background: url(images/linkarrow.gif) no-repeat right;
font-style: italic;
word-wrap: break-word;
}

.footer {
background: url(images/palmbg-bottom.jpg) no-repeat;
height: 131px;
text-align: center;
color: #1c5401;
font-family: palatino, palatino linotype, garamond, georgia, serif;
font-style: italic;
font-size: 15px;
}
.footerlogo {
padding: 3px 0 12px 0;
}

a img {
border: 0;
}

div.donationform {
width: 450px;
clear: both;
padding: 4px;
}
div.donationform span.text {
width: 120px;
float: left;
text-align: right;
}

div.donationform span.field {
width: 320px;
float: right;
text-align: left;
}

.upcomingevents { color: #193300; }
.upcomingevents a { color: #193300; }
.upcomingevents a:hover { color: #53a800; }