/* Set the font and background color for site pages. */
body
{
  background-color:#669966;
  font-family:Arial,Verdana,Sans-serif;
  font-size:100%;
  text-align:center;
}

/* Settings for page size. */
#page
{
  margin:0 auto;
  width:1024px;
  text-align:left;
  position:relative;
  top:0px;
  left:0px;
}


#banner
{
  width:1024px;
  height:220px;
  margin-right:0px;
  position:absolute;
  top:0px;
  left:0px;
}

#map
{
  width:210px;
  height:150px;
  float:left;
  margin:10px;
  position:absolute;
  top:10px;
  left:0px;
}
/* Navigation pane */

#tabs
{
  width:790px;
  height:150px;
  position:absolute;
  top:5px;
  left:170px;
}

ul#list-nav 
{
  list-style:none;
  margin:10px;
  padding:0;
  width:100%;
  position:absolute;
  left:0px;
  top:125px;
}

ul#list-nav li 
{
  display:inline
}

ul#list-nav li a 
{
  text-decoration:none;
  padding:5px 0;
  width:120px;
  background:#006633;
  color:#CCFFCC;
  float:right;
  text-align:center;
  border-left:1px solid #CCCCCC;
  border-right:1px solid #CCCCCC
}

ul#list-nav li a:hover 
{
  background:#8FBC8F;
  font-weight:900;
  color:#006633
}

/* Set headings. */

  h1 {font-size:3em;text-align:center;position:relative;bottom:-30px}
  h2 {font-size:1.875em;text-align:center}
  h3 {font-size:1.25em;text-align:center}
  h4 {font-size:1em}
  h5 {color:#990000;text-align:center;font-style:italic;font-weight:bold}
 
 /* Content settings */
 
.content
{
  padding:20px;
  width:950px;
  position:absolute;
  margin-right:50px;
  top:190px;
  float:left;
}

.content-right
{
  padding:20px;
  width:600px;
  position:absolute;
  margin-left:300px;
  margin-right:50px;
  top:0px;
  float:right;
}

/* Description section */
/* Use class="desc" so that list will not appear differently in different browsers as with <ul>. */

.desc
{
  line-height:20%;
  font-weight:bold;
}

.sub-heading
{
  text-align:center;
  padding-bottom:20px;
}

.captioned-photo-r
{
  float:right;
  width:300px;
  margin-left:20px;
  margin-bottom:20px;
}
.captioned-photo-r p 
{
  margin: auto;
  padding: 8px 0;
  text-align:center;
}

.captioned-photo-l
{
  width:300px;
  margin-left:20px;
}

.captioned-photo-l p 
{
  margin: auto;
  padding: 8px 0;
  text-align:center;
}

img.border
{
  border-style:solid;
  border-width:2px;
  margin-top:20px;
  width:70px;
  height:70px
}

  
/* Paragraph and image classes to use under an image to credit the photographer. */

p.credit
{
  text-align:right;
  font-size:11px;
  line-height:90%;
  margin-right:0px;
}


img.credit
{
  position:relative;
  bottom:-5px;
  border-style:solid;
  border-width:2px
}

 
/* Lookout list for map page */
ul#list-lo 
{
  list-style:none;
  margin:1px;
  padding:0;
  width:120px;
}

ul#list-lo li a 
{
  text-decoration:none;
  padding:5px 3px;
  width:120px;
  font-size:11px;
  background:#006633;
  color:#CCFFCC;
  float:left;
  text-align:left;
  border-top:1px solid #CCCCCC;
  border-left:1px solid #CCCCCC;
  border-right:1px solid #CCCCCC
}

ul#list-lo li a:hover 
{
  background:#8FBC8F;
  color:#006633
}

/* Unnumbered list without bullets */
ul.list-info 
{
  list-style:none;
}

#footer
{
  position:absolute;
  width:1000px;
  left:0px;
  text-align:center;
  padding-top:10px;
  text-decoration:none;
}