/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}
/* The body is the outermost layout component and contains the visible page content. Setting properties for the body element will help to create consistent styling of the page content and more manageable CSS. Besides using the body element to set global properties, it is common to use the body element to set the background color of the page and create a centered container for the page content to display. */
body {
  background: #5F473C; color: #000;
  font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 13px; line-height: 1.0;
  margin: 0 auto; padding: 0 0 0 0; /* Centers the page content container in IE 5 browsers. */
  }

h1 {color: #5F473C; font-size: 24px; font-weight: bold; margin: 0 0 12px 0;}
h2 {color: #5F473C; font-size: 20px; font-weight: bold; margin: 0 0 9px 0;}
h3 {color: #36666E; font-size: 16px; font-weight:normal; margin: 10px 0 5px 0; text-transform:uppercase;}
h4 {color: #5F473C; font-size: 18px; font-weight: bold; margin: 0 0 10px 0;}
p  {padding: 0 0 .7em 0; margin: 0; line-height: 1.5}

a {color: #5F473C; font-weight: normal; text-decoration: underline;}
a:hover {color: #36666E; text-decoration: underline;}

/*colors-template*/
div#topper {padding:10px; background: #5F473C;}
div#footer {color: #E2D0A2; background: #5F473C;}
div#footer a {text-decoration:none; color: #E2D0A2;}
div#footer a:hover {text-decoration:underline; color: #F5F1E2;}
div#footernav {background: #5F473C;}
div#footernav a {text-decoration:none; color: #E2D0A2;}
div#footernav a:hover {text-decoration:underline; color: #F5F1E2;}
div#attribution {background: #5F473C;}
div#eCalendar a {text-decoration:none; color: #E2D0A2;}
div#eCalendar a:hover {color:#F5F1E2; text-decoration:underline;}

/*typography-template*/
div#footer {font-size:12px;}
div#footernav {font-size: 12px; font-weight:bold; padding:10px;}
div#attribution {font-size: 11px; padding:10px;}
div#translate a {font-size:11px; color: #5F473C; font-weight: normal; text-decoration: none;}
div#translate a:hover {color: #36666E; text-decoration: underline;}

/*layout-template*/
div#container {width:860px; margin:0 auto; padding:0; text-align:left; background: url("../images/sce/bg.jpg") repeat-y;}
div#header {margin:0 auto 10px auto; text-align:center; background: #F5F1E2 url("../images/sce/bg.jpg") repeat-y;}
div#pagecontent {margin:0; padding:0; text-align:left; background: url("../images/sce/bg.jpg") repeat-y;}
div#translate {margin:0; padding:10px 0 5px 0; text-align:center; background: url("../images/sce/bg.jpg") repeat-y;}
div#sponsors {margin:0; padding:0; background:#5F473C;}
div.mainCol {width:800px;text-align:left; margin:0 auto; padding:10px 30px 0 30px; background: url("../images/sce/bg.jpg") repeat-y;}
div.leftCol {text-align:left; margin:10px 10px 0 10px; padding:0 10px 0 20px;}
div.rightCol {text-align:left; margin:10px 10px 0 0; padding:0 10px 0 20px; border-left: 1px solid #E7E1D1;}
div#menubox {width:810px; text-align:center; padding: 5px; margin:0 auto; background:#E2D0A2}
div#footer {text-align:center; padding: 10px 20px 0 20px;}
img.imgRight {float:right; margin-left:10px; margin-top:5px; margin-bottom:5px; border:3px solid #E2D0A2;padding:1px; background:#6C5A4F;}
img.imgLeft {float:left; margin-right:10px; margin-top:5px; margin-bottom:5px; border:3px solid #E2D0A2;padding:1px; background:#6C5A4F;}
img.imgCenter {float:center; margin-right:10px; margin-top:5px; margin-bottom:5px; border:3px solid #E2D0A2;padding:1px; background:#6C5A4F;}
.framed {margin-top:5px; margin-bottom:5px; border:3px solid #E2D0A2;padding:1px; background:#6C5A4F;}
#homeRight {padding-bottom:10px;}
#towns {font-size:11px; line-height:1.5;}
#address {font-size:14px;}

.calLink {font-size:14px; font-weight:bold;}
div#eCalendar td {vertical-align:top; border: 1px solid #333; border-collapse:collapse;}
div#eCalendar td td {border:0; border-collapse:collapse;}
div#eCalendar a {text-decoration:none; color:#5F473C}
div#eCalendar a:hover {text-decoration:underline; color:#36666E}

div#eCalendar .form_element {font-size:14px; line-height:1.25; font-weight: normal;}
div#eCalendar .form_element {padding: 0px 10px 0px 0px; text-align:right; float: left; width: 200px; vertical-align: middle;}
div#eCalendar .form_data {font-size:14px; line-height:1.25; font-weight: bold;}
div#eCalendar .form_data {padding: 0px; text-align:left; float: left;}
div#eCalendar .form_data label {display:inline; float:none;}
.clear{clear:both; font-size:1px; height:1px;}
.cleared {display:block; clear:left;}
div#eCalendar .reglink a {font-size:14px; font-weight:bold; text-decoration:underline; text-transform: uppercase; color:#cc0000;}
div#eCalendar .reglink a:hover {text-decoration: none; color:#36666E;}

.form div {
        margin-bottom: 0.1em;
        width: 100%;
}

.form .indent {
        margin:10px auto 10px auto;
}

.form .form_element
{
        padding: 0px 10px 0px 0px;
        text-align:right;
        float: left;
        width: 240px;
        vertical-align: middle;
}

.form .form_data
{
        padding: 0px;
        text-align:left;
        float: left;
}

.form .form_data label
{
    display:inline;
    float:none;
}

/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/variable_dl.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */
#menu {list-style-type:none; text-align:center; margin:0 auto; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}

#menu li {display:block; float:left; position:relative; z-index:100;}
#menu li span {display:block; z-index:100; background:#E2D0A2; padding: 5px 10px;}
#menu li a, #menu li a:visited {display:block; padding:0;}

#menu dl {position:absolute; top:0; left:0; margin: 0; padding: 0;}
#menu dt {background: #E2D0A2; margin:0; ; border-bottom:0px solid #fff; float:left;}
.divider {border-right:1px solid #5F473C;}
#menu dd {display:none; background: transparent; border-bottom:0px solid #5F473C; clear:left; margin:0; padding:0; text-align:left;}

#menu dt a, #menu dt a:visited {display:block; color:#5F473C; padding: 5px 10px; text-decoration:none;}
#menu dd a, #menu dd a:visited {background:#E2D0A2; color:#5F473C; text-decoration:none; display:block; padding: 5px 10px;}

#menu li a:hover {border:0;}

#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {border-bottom:0px solid #000;}
#menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover {background:#E2D0A2; color:#36666E;}


ul {list-style-type: none; padding: 0 0 5px 0; margin-left: 0; line-height: 1.5}
#donations li {background: url("../images/sce/icon_money.gif") left top no-repeat; padding-left: 20px; line-height:16px; margin-bottom: 5px;}
#stars li {background: url("../images/sce/icon_star.gif") left top no-repeat; padding-left: 20px; margin-bottom: 5px;}
#checklist li {background: url("../images/sce/icon_tick.gif") left top no-repeat; padding-left: 20px; margin-bottom: 5px;}
#newsletters li {background: url("../images/sce/icon_pdf.gif") left top no-repeat; padding-left: 20px; margin-bottom: 5px;}

div#emarketer_form {padding:0; margin:0; float:left;}
#emarketer_form .form_data {width:200px;}
#check_img {float:left;}

#contactform {margin: 0 auto;}
#contactform div
{
        margin: 0px auto;
        width: 100%;
}

#contactform .indent
{
        float:left;
        text-align:center;
        margin:10px auto 0 10px;
}

#contactform .form_element
{
        padding: 0;
        text-align:left;
        float: left;
        width: 140px;
}

#contactform .form_data
{
        padding: 0px;
        text-align:left;
        float: left;
}

#contactform .separator
{
        clear:both; height: 1px;
}