/* newstyle.css */

/* Universal selector */
/* Remove all default margins and padding */
* {
margin:0;
padding:0;
}

body {
 background-color: #5e7e5e;
 font-family: "trebuchet ms",helvetica,sans-serif;
 }
  
/* wrapper to set width and alignment for whole page content */
#wrapper{
width: 50em;
margin: auto; /* this centers the page */
margin-top: 1em; 
background-color: #ffffff;
border: .1em solid #000000;
}
/* Add some space to the sides in the main section */


/* Page header style */
#header{
  width: 100%;
  position: relative;
  height: 15.7em;
  background-color: #194719;
  }
#header img{
width: 100%;
position: absolute;
display: block;
}
#header img.logo{
width: 75%;
top: 2em; 
right: 7em;
}
#header img.sublogo{
width: 60%;
right: 2em;
top: 4.5em;
}

#header .subbox{
background-color: #194719; 
width: 11em;
height: 5em;
position: absolute;
top: 5em; 
left: 2em;
padding: 0 1em;
z-index: 100;
}  
#header p.section{
font-family: "monotype corsiva"; 
color: #ffffff;  
font-size: 2em; 
border-top: thin solid #ffffff; 
border-bottom: thin solid #ffffff;
padding: 0;
margin: .5em 0;
}
/* styles for tabs on navigation bar */
#navbar {
width: 100%;
background-color: #d1dad1;
height: 1.6em;
border-bottom: .5px solid #194719;
}
#navbar ul{
list-style-type: none;
}
#navbar li{
float: left;
}
/* style for links on main nav bar */
#navbar a, #navbar a:link, #navbar a:visited{
  text-decoration: none;
  font-family: arial,helvetica,sans-serif;
  font-size: 80%;
  background-color: #d1dad1;
  color: #000000;
  width: 8em;
  border-right: .2em solid #fef886;
  text-align: center;
  display: block;
  line-height: 2em;
  outline-style: none;
  }
 #navbar a:hover, #navbar a:active{
  background-color: #fef886;
  color: #000;
  }
 /* style for nav bar tab on active page */
  #navbar li.here a:link, #navbar li.here a:visited{
  background-color: #194719;
  color: #ffffff;
  } 
  
#main{
margin: 0;
/* margin-left (or right) must equal total width of left sidebar - these styles are executed in order*/
margin-left: 13em;
background-color: #ffffcc;
padding: 1em 1.5em 1.5em 1.5em;
position: relative;
}

/* style for headings in main section */
#main h1, #main h2{
font-family: georgia,times,serif;
padding: 0 0 .3em 0;

text-indent: .2em;
}
#main h1{
font-style: italic;
margin: .25em .25em 0 .25em;
border-bottom: .2em double #009aef;
font-size: 1em;
}
#main h2{
font-style: bold;
margin: 1em .25em 0 .25em;
font-size: 90%;
}
#main h4{
font-size: 60%;
color: #a0a0a0;
margin-left:.75em;
}

/* Style for text in information paragraphs */
#main p, #main p.ref{
font-size: 90%;
margin: .75em .5em;
} 
#main p.ref, #main p.news{
border-bottom: 1px solid #194719;
margin-top: .25em;
padding-bottom: 1em;/* space between text and line at bottom of section */
}
#main p.news{
font-size: 70%;
}

/* styles pertaining to parts of the side bar */

/* Style rule for left column - use float left to keep it to the left of the main section */
/* Total width - padding + margin + width - must match margin setting on main style, */
#sidebar{
  float: left;
  display: inline;
  padding: .5em;
  width: 12em;
  background-color: #ffffff;
  }

#sidebar h1, #sidebar h2{ 
   margin: 1em 1em 0 1em;
   padding: 0;
   font-weight: bold;
   }
#sidebar h1{
   font-family: georgia,times,serif;
   font-size: 90%;
   color: #000000;
   }
 #sidebar h2{
   font-size: 80%;
   font-weight: bold;
   color: #194719;
   }
#sidebar p, #sidebar ul.o{
  color: #194719;
  font-size: 80%;
  margin: 1em 1em 0 1em;
  }
#sidebar ul.o{
margin-left: 3em;
}
#sidebar p.dates, #sidebar p.news{
margin: .25em 0 0 1.25em;
font-size: 70%;
}
 
/* division for navigation buttons on sidebar */   
#sidenav{
width: 90%;
margin: 1em auto; /* center horizontally */ 
text-align: center;
}  
#sidenav ul{
list-style-type: none; /* remove bullets from ul in sidenav */
}
  
/* style for buttons on sidebar on subpages */  
#sidenav a, #sidenav a:link, #sidenav a:visited{
   text-decoration: none;
   display: block;
   height: 2em;
   color: #000;
   font-size: 75%;
   outline-style: none;
   background: #ececec;
   border: .25em ridge #009aef;
   line-height: 2em;
   margin-bottom: .5em;
   }
   
#sidenav a:hover, #sidenav a:active{
   background: #cccccc;
   border: .25em outset #ececec;
   }
 #sidenav li.here a:link, #sidenav li.here a:visited{
   background: #ececec;
   border: .25em solid #9dd05b;   
   }
   
 
/* Page footer style */
#footer{
width: 100%;
height: 7em;
background: #000 url("bkgrnd/grnwater.JPG");
border-top: .2em solid #000000;
clear: both;
}

#smallnav{
width: 100%;
clear: both;
background-color: #d1dad1;
height: 1.5em;
text-align: center;
}
#smallnav a, #smallnav a:link, #smallnav a:visited{
font-size: 8pt;
text-decoration: none;
outline-style: none;
color: #194719;
}
#smallnav a:hover, #smallnav a:active{
text-decoration: none;
color: #194719;
font-weight: bold;
}


/* Style for text in introductory paragraphs on home page and elsewhere */  
  .intro{
  font-family: georgia,times,serif;
  font-style: italic;
  margin-bottom: 1em;
  }
/* Style for white text in footer and elsewhere */ 
 p.white{
  font-size: .8em;
  color: #ffffff;
  text-align: left;
  padding: .5em 3em;
  }
  
 
/* style for emphasized text anywhere in paragraph use with span */ 
 .emp{
  font-weight: bold;
  font-style: italic;
  }
  
  /* styles for images */
img{
border: 0;
padding: 0 0 .5em 0;
}

#main img.line{
border: .1em solid #000000;
padding: 0;
margin-bottom: .5em;
}

#main img{
width: 100%;
} 
#main a{
outline-style: none
}
/* div for images in gallery */
#gallery{
margin: .3em;
font-family: 'comic sans ms',cursive;
font-size: .7em;
color: #000;
overflow: auto;
}
table.thumbs{
text-align: center;
border-collapse: collapse;
}
#gallery td{
border: solid 1px #000;
padding: 2px;
width: 10em;
}
#gallery img{
width: 100%;
}

/* Style for box with border and caption around map, etc. */
 .box{
  border: .1em solid #000000;
  background-color: #ffffcc;
  text-align: center;
  }
  
/* Style for box with no border and with caption */
 #main p.boxr, #main p.boxl, #main p.boxc{
  font-size: 70%;/* reduce size of text in caption in boxes */
  background-color: #ffffcc;
  color: #0285C7;
  font-family: 'comic sans ms',cursive;
  text-align: center;
  }  
.boxl{
  padding-right: 1em;
  float: left;
  }
.boxr, .boxrpdf{
  padding-left: 1em;
  float: right;
  }
.boxc{
  margin: 0 auto;
  }
.boxrpdf{
width:10%;
padding-right: 1em;
}

  
  /* style for more links */
  a.more{
  font-size: 80%;
  padding: 0 0 1em .5em;
  text-align: left;
  outline-style: none;
  }
  a.more:link {
  font-color: #009afe;
  }
  a.more:visited{
  font-color: #000000;
  }
  p.more{
  margin: .75em 0 1em 1.5em;
  font-size: 90%;
  }
  #main p.more{
 margin: 0 0 1em 0;
 }
 
 #sidebar p.more{
margin: .25em 0 .5em 1.5em;
 }
  
  /* style for picture caption */
  #main p.caption{
  color: #0285C7;
  font-family: 'comic sans ms',cursive;
  font-size: 80%;
  text-align: center;
  margin: 0 0 2em 0;
  text-align: center;
  }
  
  #main ul{
  font-size: 10pt;
  margin-left: 2em;
  }
  #main ul.sq{
  list-style-image: url(pics/cksm.jpg);
  }
  #main li{
  margin-bottom: .25em;
  }
  #blog img{
  width: 5%
  }
  
  /* adds dotted line under tool tips in IE */
  acronyn, abbr{
  border-bottom: dotted 1 px #ddd;
  cursor: help;
  }
  
  /* logo box - can be used as a link background */
  a.logolink, a.logolink:link, a:logolink:visited{
  text-decoration: none;
  font-size: 80%;
  border: dotted red 1px;
  }
  
  @media print{
  /* start printer-friendly styles */
  
  /* set wrapper to full page width */
  #wrapper{
  width: 100%;
  }
  /* Hide left column, nave bar and footer */
  #sidebar, #navbar,  #header, #smallnav{
  display: none;
  }
  
  /* get rid of content dive margins and padding, use a different font for print */
  #main{
  margin: 0;
  padding: 0;
  font-family: 'Century Schoolbook', times, serif;
  font-size: 1em;
  }
  
  
  /* end printer friendly styles */
  }