body {
  background-color: #e5e5e5; /* Light Gray */
  background-image: url(../images/bggradient.png); /* Gradient darker at top, fading to background-color, above */
  background-repeat: repeat-x;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
}
a { text-decoration: none; }
a:focus, a:active { 
  color: #fed762; /* Gold*/
  background-color:yellow; 
}
a:link {
  color: #00e;
  background-color: transparent;
}
a:visited {
  color: #008;
  background-color: transparent;
}
a:hover {
  color: #dab52a;
  background-color: transparent;
}

@media screen, projection {
/* exploit a parsing bug so @media rules are visible to MacIE5 */
.BeNiceToMacIE5 {
  font-family: "\"}\"";
  font-family: inherit;
}
body {
  margin:50px 0px; padding:0px;
  text-align:center;
}
.wrapper {
  /* margin: 1% 5%; */
  max-width: 800px;
  margin:0px auto;
  text-align: left;
  padding: 0;
  /* border: thin solid #9A6F50; */
  border: none;
}
.header {
  background-color: #85a6b7;     /* Blue, different color than content */
  color: #000000;
  margin: 0;
  padding: 0% 0%;
  height: 172px;      /*178px; */
}

.main {
  width: 100%;
  margin: 0 0 0 0;
  padding: 0;
  border-top: thin solid #FFFFFF;
  border-bottom: thin solid #FFFFFF;
  color: #000;
  background: #ffffff; /*  White behind content */
}
.content {
  max-width: 550px;         /*67%;width of .main container */
  text-align: left;
  float: left;        /* left side of window */
  margin: 0;
  padding: 1% 2%;
  font-size:100%;
  font-weight: 500;
}
h2 {
  margin: .2em 0;
  font-size: 150%;
}
pre {
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.sidebar {
  position: relative;
  float: right; 
  width: 160px;
  height: 160px;
  padding: 0 0 .5% 1.5%;
  font-size: 90%;
  font-weight: bold;
  background-color: #f4f4f4;
}
.sidebar ul {
  list-style-type: none;
  margin-left: 1em;
  padding-left: 0;
}
.sidebar li {
  padding-top: 10px;  
}

.clear {
  clear: both;        /* extend height of .main to longest column */
  height: 1px;
  overflow: hidden;   /* prevent IE expanding the container */
  margin: 0;          /* keep flush with surrounding blocks */
}
.footer {
  background-color: #85a6b7;  /* blue */ /* same color as header bottom*/
  color: #000000;
  width: 98%;
  margin: 0;          /* flush with .main */
  padding: 8px 0 22px 2%;
  font-size: 70%;
  font-weight: bold;
}
.footer-left {
  float: left;
  width: 60%;
}
.footer-right {
  float: right;
  width: 16%;
}
.footer-bottom {
position: absolute;
clear: both;
background-color: #e5e5e5;
margin: 0 0 0 1px;
padding: 0;
width: 800px;
height: 5px;
border: none;
}

#navcontainer {
float: right;
margin: 0;
padding: 0 0 3px 0;
}

/* Following code based on Listamatic Pure CSS Hover List  to create a horizontal Fly-out nav menu*/
ul#navlist { font-family: sans-serif; 
  list-style: none;
}

ul#navlist a
{
font-weight: bold;
text-decoration: none;
}

ul#navlist, ul#navlist ul, ul#navlist li
{
  margin:0;
  padding:0;
}

ul#navlist li { float: left; 
  margin: 0px 0 0px 0px;
  padding: 0px 0px 0px 20px;
  list-style-position: outside;
  list-style-type: none;
  list-style-image: none;
  background: url(../images/navlinkbackround26.png) no-repeat 10px -4px;
}

ul#navlist li a
{
color: #ffffff;
background-color: #2c6aa3;
padding: 3px;
/*  border: 1px #ffffff outset; */
  }

ul#navlist li a:hover
{
color: #f3d762; /* Gold */
background-color: transparent;
}

ul#navlist li a:active
{
color: #cccccc;
background-color: #003366;
border: 1px #ffffff inset;
}

ul#navlist li a#current {
color: #cccccc;
}

ul#subnavlist1 { display: none; 
  list-style-image: none;
}
ul#subnavlist1 li { float: none; 
}

ul#subnavlist1 li a
{
padding: 0px;
margin: 0;
}

ul#navlist li:hover ul#subnavlist1
{
display: block;
position: absolute;
font-size: 8pt;
padding-top: 5px;
}

ul#navlist li:hover ul#subnavlist1 li a
{
display: block;
border: none;
padding: 2px;
width: 8em;
}
ul#navlist li:hover ul#subnavlist1 li a#subcurrent
{
color: #cccccc;
}
ul#subnavlist2 { display: none; 
  list-style-image: none;
}
ul#subnavlist2 li { float: none; }

ul#subnavlist2 li a
{
padding: 0px;
margin: 0px;
}

ul#navlist li:hover ul#subnavlist2
{
display: block;
position: absolute;
font-size: 8pt;
padding-top: 5px;
}

ul#navlist li:hover ul#subnavlist2 li a
{
display: block;
width: 10em;
border: none;
padding: 2px;
}
ul#navlist li:hover ul#subnavlist2 li a#subcurrent
{
color: #cccccc;
}
a#current {
color: #000000;
}
a#subcurrent1 {
color: #000000;
}
a#subcurrent2 {
color: #000000;
}

/*  End code from Listamatic */
#bottomnavcontainer {
max-width: 550px;         /*67%;width of .main container */
text-align: left;
float: left;
margin: 0;
padding: 0;
font-size: 8pt;
}

/* Following code based on Listamatic Pure CSS Hover List  to create a horizontal Fly-out nav menu*/
ul#bottomnavlist { font-family: sans-serif; 
  list-style: none;
}

ul#bottomnavlist a
{
font-weight: bold;
text-decoration: none;
}

ul#bottomnavlist, ul#bottomnavlist ul, ul#bottomnavlist li
{
  margin:0;
  padding:0;
}

ul#bottomnavlist li { float: left; 
  margin: 0px 0 0px 0px;
  padding: 0px 0px 0px 20px;
  list-style-position: outside;
  list-style-type: none;
  list-style-image: none;
  background: url(../images/navlinkbackround26.png) no-repeat 10px -6px;
}

ul#bottomnavlist li a
{
color: #ffffff;
background-color: #2c6aa3;
padding: 3px;
/*  border: 1px #ffffff outset; */
  }

ul#bottomnavlist li a:hover
{
color: #f3d762; /* Gold */
background-color: transparent;
}

ul#bottomnavlist li a:active
{
color: #cccccc;
background-color: #003366;
border: 1px #ffffff inset;
}

ul#bottomnavlist li a#bottomcurrent
{
color: #cccccc;
}

a#bottomcurrent {
color: #000000;
}
/*  End code from Listamatic */


ul.compassbullet {
  list-style-image: url('../images/bullet10x10.png');
}
ul.compassbullet li {
margin: 8px 0 0 0;
}
#logo { float:left; 
border-style: none;
}
.geographicalheader { font-weight: bold; 
}
.smaller {
font-size: 80%
}
} /* end @media rules */