/* 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;
}

#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;
}

#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
}

#main .action-board-left, #main .action-board-right {
  border: 1px solid #e0e0e0;
  width: 300px;
  height: 230px;
  float: left;
  margin: 0px 26px 26px 0px;
}
#main .action-board-right {
  margin-right: 0;
} 

#main .resource {
  color: #666666;
  padding: 8px 20px 20px 0px;
  font-size: 11px;
  line-height: 1.364;
}
#main .resource .title {
  color: #7f8a42;
  font-weight: bold;
  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;
}