/* Styles for main content area */


#main a {

  color: #1c4ec1;

  font-size: inherit;

  text-decoration: none;

  cursor: pointer;
}
#main a:hover {

  text-decoration: underline;
}
#main a.loud {

  font-weight: bold;
}
#main a.quiet {

  color: #2261f5;
}
#main dd {

  margin: 0em 10px 5px 0px;

  padding: 0em 0px 5px 20px;

  font-style: italic;
}
#main dl {

  margin: 0em 0px 5px 0px;
}
#main dt {

  color: #326f13;

  font-weight: bold;
}
#main fieldset {

  margin: 0em 0px 13px 0px;

  padding: 10px;

  border: 1px solid #e5e5e5;

  background-color: #f5f5f5; 

  margin-bottom: 15px;
}
#main h1, #main h1.title {

  color: #326f13;

  font-weight: normal;

  font-size: 26px;

  line-height: 1.154;

  margin: 5px 0px; 

  clear: both;
}
#main h1.title {

  margin: 0px 0px 5px 0px;
}
#main h2, #main h2.title, #main h2 a, #main h2.title a, #main h5 {

  color: #326f13;

  font-weight: normal;

  font-size: 20px; 

  line-height: 1;

  margin: 15px 0px 5px 0px; 

  clear: both;
}
#main h3, #main h3 a, #main h4, #main h4 a {

  color: #326f13;

  font-weight: normal;

  font-size: 15px;

  line-height: 1; 

  margin: 10px 0px 10px 0px; 
}
#main h3 {

  clear: both;
}
#main h5 { /* This tag is hijacked by xTree.js to be an expand/collapse tag */

  padding: 0px 0px 0px 15px;

  text-decoration: none;

  cursor: pointer;

  clear: both;
}
#main h5:hover {

  text-decoration: underline;
}
#main h5, #main h5.xTreeCollapsed {

  background-image: url(images/menu-collapsed.gif);

  background-position: left center;

  background-repeat: no-repeat;

  margin: 5px 0px 15px 0px;
}
#main h5.xTreeExpanded {

  background-image: url(images/menu-expanded.gif);

  background-position: left center;

  background-repeat: no-repeat;

  margin-bottom: 0px;
}
#main div.xTreeCollapsed {       

  display: none;
}
#main div.xTreeExpanded {

  margin-bottom: 15px;

  padding: 13px 5px 2px 14px;

  border-left: 1px solid #efefef; 

  background-image: url(images/bg-h5.png); 

  background-repeat: no-repeat;
}
#main h6 { /* This tag is hijacked by xTree.js to terminate an expand/collapse tag, and to escape floating items */

  display: none;
}
#main hr {

  display: block;

  color: #000000;

  background-color: #000000;

  height: 1px;

  border: 0;

  margin-bottom: 14px;
}
#main legend {

  font-weight: bold;

  color: #428d00;
}
#main p {

  font-size: 14px;

  line-height: 1.071; 

  margin: 0px 0px 15px 0px;
}
#main p.error {

  padding: 10px;

  border: 1px solid #cccccc;
}
#main pre {

  background-color: transparent;

  padding: 8px 9px;

  border: 1px solid #cccccc;
}
#main table {

  font-size: 14px; 

  line-height: 1.071; 

  margin: 0px 0px 10px 0px;
}
#main tbody { /* Bypasses evil styles in /modules/system/defaults.css */

  border: 0;
}
#main td {

  font-size: 14px;

  line-height: 1.071;

  margin: 0px 0px 10px 0px;
}
#main ul {

  font-size: 14px; 

  line-height: 1.071; 

  margin: 0px 0px 15px 0px;

  padding: 0px 0px 0px 15px; 

  list-style-type: disc;
}
#main ol {

  font-size: 14px; 

  line-height: 1.071; 

  margin: 0px 0px 10px 0px;

  padding: 0em 0px 0em 20px;
}
#main ul li {

  margin: 0px 0px 5px 0px;

  padding: 0;
}
#main ol li {

  margin: 0px 0px 5px 0px;

  padding: 0;
}


/* Form Elements */
#main input.text, #main input.number, #main input.date, #main textarea {

  color: #000000; 

  font-size: 11px;

  line-height: 1; 

  padding: 2px 3px;

  background-color: #f3f4ed; 

  background-image: url(images/bg-entry.gif);

  background-repeat: repeat-x;

  border: 0;

  border-left: 1px solid #aeaeae;

  margin: 0px 0px 5px 0px;
}
#main input.text:focus, #main input.number:focus, #main input.date:focus, #main input.date:focus, #main textarea:focus {

  background-image: url(images/bg-entry-focus.gif);

  background-color: #eaebe5; 
}
#main input.number {

  text-align: right;
}
#main input.submit,#main input.form-submit {

  color: #ffffff;

  background-color: #a6a6a6;

  font-size: 11px;

  line-height: 1;

  border: 1px solid #e8e8e8;

  padding: 1px;

  margin: 0px 0px 0px 0px;
}
#main input.submit:hover,#main input.form-submit:hover {

  background-color: #666666;
}
#main input.cancel {

  color: #666666;

  background-color: #eeeeee;

  border: 1px outset;
}
#main input.cancel:hover {

  color: #666666;

  background-color: #ffffff;

  border: 1px inset;
}
#main select,option,optgroup {

  color: #000000; 
}
#main optgroup {

  font-style: normal;

  font-weight: normal;

  color: #428d00;

  padding: 0em 0px 0em 3px;
}
#main optgroup option {

  padding: 0em 0px 0em 10px;
}
#main option {

  padding: 0em 0px 0em 3px;
}



/* Classes */
#main .boxleft {

  width: 200px; 

  color: #428d00; 

  background-color: #EEEEEE; 

  padding: 10px; 

  margin: 10px 10px 10px 0px;

  float: left; 

  clear: left;
} 
#main .boxright {

  width: 200px; 

  color: #428d00; 

  background-color: #EEEEEE; 

  padding: 10px; 

  margin: 10px 0px 10px 10px;

  float: right; 

  clear: right;
}
#main .captionleft    {

  color: #428d00; 

  font-family: Georgia, Times, serif;

  font-weight: normal;

  float: left;  

  clear: left;

  font-size: 14px; 

  line-height: 1.071; 

  margin: 10px 10px 10px 0px;

  width: 200px; 

  text-align: left;

  padding: 10px 10px 10px 0px; 
}
#main .captionright   {

  color: #428d00; 

  font-family: Georgia, Times, serif;

  font-weight: normal;

  float: right; 

  clear: right;

  font-size: 14px;

  line-height: 1.071; 

  margin: 10px 0px 10px 10px; 

  width: 200px; 

  text-align: right;

  padding: 10px 0px 10px 10px; 
}
#main .error {

  color: #cc0000;
}
#main .imgleft {
   float: left;  

  clear: left;

  padding: 5px 10px 5px 0px;
}
#main .imgright {

  float: right; 

  clear: right;

  padding: 5px 0px 5px 10px;
}
#main .label {

  color: #000000;

  font-weight: bold;
}
#main .loud {

  color: #428d00;

  font-weight: bold;
}
#main .quiet {

  color: #888888;
}
#main .quotation {

  color: #c6dd39;

  display: block;

  padding: 0px 10px;
}
#main .quotation-author:before {

  content: '-- ';
}
#main .quotation-author {

  color: #888888;

  display: block;

  text-align: right;

  padding: 0px 10px;
}
#main .required {

  color: #990000;
}
#main .links {

  padding: 0px 10px;
}
#main .links ul.links {

  padding-left: 0;
}
#main .messages {

  background-color: #eeeeee;

  padding: 10px 10px;

  margin-bottom: 10px;
}
#main .ad {

  width: 200px;

  border: 5px solid black;

  float: left;

  margin: 0px 20px 20px 0px;
}
#main .ad .title {

  display: block;

  background-color: #000000;

  padding-bottom: 5px;
}
#main .ad .title *, #main .ad .title a {

  color: #ffffff;

  font-size: 11px;

  line-height: 1.364;
}
#main div.xCaption {
}
#main p.xCaption {

  font-size: 10px;

  line-height: 1.5;

  text-align: left;

  margin: 0;

  padding: 0px 0px 5px 0px; 
}
#main p.xCaption a {

  font-size: 10px;

  line-height: 1.5;
}
#main .body img.xCaption {
}



/* Tighten padding in TinyMCE toolbar */
#main td.mceToolbar table {

  margin-bottom: 0px;
}


#join {
   width: 315px; /* total: 503px */
   height: 72px; /* total: 105px */
   background-image: url(/images/join-today.jpg);
   background-repeat: no-repeat;
   padding: 33px 0px 0px 188px;
}
#join .email {
   width: 120px;
   float: left;
   color: #6d6d6d;
   font-size: 11px;
   line-height: 1.364;
   border: 0;
   padding: 0;
}
#map {
   width: 364px; /* total: 503px */
   height: 89px; /* total: 325px */
   background-image: url(/images/map.jpg);
   background-repeat: no-repeat;
   padding: 236px 0px 0px 139px;
}
#map .postcode {
   width: 120px;
   float: left;
   color: #6d6d6d;
   font-size: 11px;
   line-height: 1.364;
   border: 0;
   padding: 0;
}

#newsList {
   background-image: url(/images/bg-news.gif);
   background-repeat: repeat-x;
}
#newsList .title {
   padding: 3px 7px 5px 7px;
}
#newsList .title a {
   color: #000000;
   font-size: 12px;
   line-height: 1.25;
   text-decoration: none;
}
#newsList .title a:hover {
   text-decoration: underline;
}
#newsList .items {
   padding: 0px 14px 15px 14px;
}
#newsList .items a {
   color: #1c4ec1;
   font-size: 11px;
   line-height: 1;
   padding-bottom: 4px;
   text-decoration: none;
}
#newsList .items a:hover {
   text-decoration: underline;
}


#nodeList {
}
#nodeList .date {
   margin: 0;
   padding: 0;
}
#nodeList .date * {
   color: #6b6b6b;
   font-size: 10px;
   line-height: 1;
   text-decoration: none;
}
#nodeList .title {
   padding: 0;
   margin: 0px 0px 10px 0px;
}
#nodeList .title a {
   color: #428d00;
   font-size: 18px;
   line-height: 1.111;
   text-decoration: none;
}
#nodeList .title a:hover {
   text-decoration: underline;
}
#nodeList p {
   color: #6b6b6b;
   font-size: 14px;
   line-height: 1.071;
   margin: 0px 0px 10px 0px;
}


#main .sortLinks {
   text-align: right;
}
#main .sortLinks *,#main .sortLinks p,#main .sortLinks p a,#main .sortLinks p strong {
   font-size: 12px;
   line-height: 1.25
}


#regional-data {
    color: red;
}
#regional-data th {
  text-align: right;
}

.range1 {
  color: cyan;
}
.range2 {
  color: green;
}
.range3 {
  color: orange;
}
.range4 {
  color: red;
}