* {
   font-family: inherit;
   /* color: #cf6; */
}
body {
   font-family: Arial, sans-serif;
   font-size: 100%;
   line-height: 1.5em;
   background-color: #333;
   /*background-image: url('images/tree_background.jpg');
   background-position: top left;
   background-repeat: repeat;
   */
   color: #cf6;
   padding: 0px;
}
div#main {
   position: absolute;
   top: 0;
   left: 0;
   /*background-color:white;*/
   z-index: 3;
   width:100%;
   margin: 0;
   padding: 0;
   /*min-height: 500px;*/
   padding-bottom: 40px;
}
div#page {
   position: relative; 
   border: 4px solid #cf6; 
   border-left-width: 10px;
   border-right-width: 10px;
   /* border: 1px solid #999; */
   background-color: #fff;
   top: 50px;
   margin: 10px; 
   margin-bottom: 40px;
   /*margin-top: 50px;
   padding: 5px;
   padding-left: 10px;
   padding-right: 10px;*/
   width: 73%;
   left: 12%; 
}
div.pageheader {
   margin: 10px;
   padding: 10px;
   padding-bottom: 20px;
   border: 1px solid #000;
   background-color: #333;
   background-image: url('./images/bg_region.jpg');
   background-position: center;
   background-repeat: no-repeat;
}
div.pagebody {
   margin: 0px;
   padding: 10px;
   padding-left: 30px;
   padding-right: 30px;
   background-color: #fff;
   /*border: 1px solid #000;*/
   color: #000;
}
div#news {
   margin: 10px;
   padding: 10px;
   border: 1px solid #000;
   background-color: #ccc;
   color: #333;
}
div#newspane {
   display:none;
}
div#news button {
   float:right;
}
div#news h3 {
   margin: 0 5px 0 5px;
   font-size: 1em;
}
div#news p {
   font-size: smaller;
   padding: 0 10px 0 10px;
   margin: 0;
}
div#mapcontainer * {
   color: black;
}
div#links {
   font-size: 0.8em;
   line-height: 1.3em;
   float:right;
   clear:right;
   width:200px;
   border: 1px solid black;
   background-color:#666;
   padding:5px;
   padding-bottom: 15px; 
   margin: 10px; 
   margin-left: 10px;
   margin-bottom: 5px;
}
div.insetleft {
   font-size: 0.8em;
   line-height: 1.3em;
   padding: 2px; 
   border: 1px solid black; 
   background-color: #666; 
   float:left; 
   margin: 10px;
   margin-left: 10px; 
   margin-right: 20px;
}
div.insetright {
   font-size: 0.8em;
   line-height: 1.3em;
   padding: 2px; 
   border: 1px solid black; 
   background-color: #666; 
   float:right; 
   margin: 10px; 
   margin-left: 20px;
   margin-right: 10px; 
}
div.inset {
   margin-top: 20px;
   margin-bottom: 10px;
}
.caution {
   border: 1px solid red;
   background-color: #fcc;
   color: black;
}
h1 {
   font-family: Georgia, serif;
   font-size: 48px;
   letter-spacing: -3px;
   line-height: 1em;
   margin-bottom: 5px;
   margin-top: 5px;
   padding: 0px;
}
h2 {
   font-family: Georgia, serif;
   font-size: 1em;
   letter-spacing: -1px;
   padding: 5px;
   margin: 0;
}
h2#strap {
   margin-top: 10px;
   margin-bottom: 20px;
   
   letter-spacing: 2px;
   font-weight: bold;
}
h3 {
   font-family: Georgia, serif;
   letter-spacing: -2px;
   font-weight: bold;
   font-size: 1.4em;
   padding: 5px;
   margin: 0;
   margin-top: 40px;
   margin-bottom: 10px;
}
div#links h3, div#headings h3 {
   margin-top: 5px;
   margin-bottom: 5px;
   font-size: 2em;
}
h4 {
   font-family: Georgia, serif;
   letter-spacing: -1px;
   font-weight: bold;
   font-size: 1.2em;
   padding: 10px;
   margin: 0;
   margin-left: 10px;
}
p {
   padding: 0;
   margin: 10px;
   margin-left: 20px;
}
p.noheading {
   margin-left: 5px;
}
p.inset {
   margin: 10px;
   margin-left: 50px;
}
em {
   font-style: normal;
   font-weight: bold;
   /*color: #ccc;*/
   color: #000;
}
img { 
   border: solid 1px #333;
   outline: none;
   padding: 0;
   margin: 0;
}
img.hedctm:hover { border: 1px solid #fff; }

a {
   font-weight: normal;
   padding: 0;
   margin: 0;
}
a:link, a:visited {
   color: #ccc;
   text-decoration: none;
}
a:hover, a:active {
   color: #999;
   text-decoration: underline;
}
a.tools {
  font-size:smaller;
  font-weight:normal;
}
a.tools:link, a.tools:visited {
   color: #cf6;
   text-decoration: none;
}
a.tools:hover, a.tools:active {
   color: #fff;
   text-decoration: underline;
}
a.links {
   text-transform: uppercase;
   letter-spacing: 2px;
}
a.links:link, a.links:visited {
   color: #000;
   text-decoration: none;
}
a.links:hover, a.links:active {
   color: #fff;
   text-decoration: underline;
}

a.ptnr {
   margin-left: 5px;
}
ul {
   margin: 0;
   margin-left: 1em;
   padding: 0;
   padding-left: 10px;
}
ul.intext {
   padding-left: 2em;
}
li {
   list-style: square;
   line-height: 1.5em;
}
li.current {
   text-transform: uppercase;
   letter-spacing: 2px;
   color: white;
   text-decoration: underline;
}
.yhedn {
   font-family: Georgia, serif;
   font-size: 1.2em;
   font-weight: bold;
   letter-spacing: -2px;
   text-transform: lowercase;
   color: #666;
}
table.intext {
   margin-left: 20px;
}
th {
   border: 1px solid #000;
   padding: 2px;
   background-color: #fff;
   text-transform: uppercase;
   font-size: smaller;
}
td {
   border: 1px solid #ccc;
}
th.left {
   text-align: left;
}
td, td p, td em {
   color: black;
   background-color:white;
   padding: 2px;
}
em.asterisk {
   font-size: 20px;
   color: #900;
}

button {
   border: 1px solid #cf6;
   padding: 3px;
   margin: 2px;
   background-color: #333;
   color: white;
   text-transform: uppercase;
   font-size: smaller;
}
button:hover {
   background-color: #fff;
   color: black;
}
input {
   padding: 3px;
   margin: 2px;
   border: 1px solid #cf6;
   background-color: #ccc;
   color: #000;
   font-weight: bold;
}
textarea {
   padding: 3px;
   margin: 2px;
   border: 1px solid #cf6;
   background-color: #ccc;
   color: #000;
   font-size: smaller;
   font-weight: normal;
   font-family: Arial, sans-serif;
}
input.button {
   padding: 3px;
   margin: 2px;
   background-color: black;
   color: #cf6;
   border: 1px solid #cf6;
   font-weight: bold;
   text-transform: uppercase;
   font-size: smaller;
}
input.button:hover {
   background-color: #cf6;
   color: black;
   border-color: black;
}
div#inprogress * {
   color: black;
}
div#inprogress img {
   border: none;
}
div#map *,div#mapcontainer *,div#mapcontainer h4 {
   color: black;
}
div#map th {
   color: #cf6;
}
div#map td {
   font-size: smaller;
}
p.pseudoButton {
   color: white;
   width: 150px;
   padding: 3px;
   margin: 2px;
   background-color: black;
   border: 1px solid #cf6;
   font-weight: bold;
   text-transform: uppercase;
   text-align: center;
   font-size: smaller;
}
p.pseudoButton:hover {
   background-color: #fff;
   color: black;
   border-color: black;
}
*[disabled='disabled'] {
   font-family: Arial;
   text-decoration: none;
}
img.screenshot {
   padding: 3px;
   margin: 3px;
   border: 1px solid white;
   background-color: #333;
   height: 150px;
}
div.bgsqshow {
   border:1px solid #333;
   background-color: #444;
}
div.bgsqhide {
   border:1px solid #333;
   background-color: #333;
}
