body {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

h1 { 
	text-shadow: 2px 2px black; 
	font-style: italic; 
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	color: white; 
	background-color: #31769f; 
	background-image: url(../images/header_bkg.png);
	text-align: center;
	padding: 10px;
	margin-bottom: 10px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;	
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-width: 1px;
	border-color: #999999;
	border-style: outset;
}

.left_text {float: left;}
.right_text {float: right;}

.official {
	text-align: center;
	text-shadow: 1px 1px black; 
	font: 0.6em Helvetica, Verdana, Arial, sans-serif; 
	color: red;
	padding-top: 10px;
}


.figure {
	float: left;
	border: 1px solid gray;
    padding: 0.25em;
    margin: 1em; 
}

.figcaption {
    text-align: center;
    font: italic 0.9em Georgia, "Times New Roman", Times, serif;
}

#nav {
    position: relative;
	width: 220px;
	left: 0px;
}


#nav_sidebar {
    margin: 0px;
	border-style: none;
	width: 200px;
    height: 2000px; 
	float: left;
    padding: 0px 10px; 
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;	
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-image: url(../images/sidebar_bkg.png);
	background-repeat: repeat-x;
}


#nav_sidebar ul {
	position: relative;
	left: 0px;
	top: 0px;
	list-style: none;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

#nav_sidebar li {
	position: relative;
	left: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

#nav_sidebar ul li a {
   text-decoration: none;
   display:block;
   color: white;
   line-height: 1.8em;
   font-size: 0.82em;
   text-align:left;
   width: 180px;
   padding-right: 10px;
   padding-left: 10px;
}

#nav_sidebar ul li a:hover {
   background-image: url(../images/header_bkg.png);
   color: black;
   	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;	
	-moz-border-radius: 4px;
}


#home_content {
	background-position: right 60px;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto; 
    color: white;
	background-color: #31769f;
	/* background-image: url(../images/bkg.png); */
    width:740px;
	float: right;
	min-height: 503px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;	
	-moz-border-radius: 4px;
	border-radius: 4px;
    padding: 15px;
}

#home_content p { font-size: 1em; letter-spacing: 0.1em; padding: 0px 20px; }

#home_content img { padding: 20px; }

#recent img { position: relative; left: -17px; }

.frame { 
	border-color: black; 
	border-width: 1px; 
	border-style: solid; 
	background-color: white; 
	padding: 10px; 
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;	
	-moz-border-radius: 8px;
	border-radius: 8px;
}

#image_links {	
    margin-left: auto;
	margin-right: auto;
}

#footer {
	color: white;
}

#footer img {
	position: relative;
	left: 0px;
	top: -10px;
}

#footer p {
    margin-top: 0px;
	padding-left: 10px;
}


#intro {
    margin-bottom: 0px;
    padding-top: 5px;
    padding-bottom: 0px;
	padding-right: 20px;
	padding-left: 20px;
	background-color: white;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;	
	-moz-border-radius: 4px;
	border-radius: 4px;	
	font-family: Helvetica, Verdana, Arial, sans-serif; 
}

#intro a:link { color: blue; }
#intro a:visited { color: purple; }

#slide_intro {
	border-width: 1px;
	border-color: #999999;
	border-style: inset;
	width: 245px;
	min-height: 550px;
    float: right;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-left: 0px;
	background-color: #26618c;
	color: white;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;	
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: .95em;
}

#slide_intro  h2 {text-align: center; }

#slide_viewer {
	border-width: 1px;
	border-color: #666666;
	border-style: inset;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 10px;
	width: 475px;
	min-height: 540px;
    margin-left: 235px;
	background-color: #26618c;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;	
	-moz-border-radius: 4px;
	border-radius: 4px;
}



.photoset
{
  margin-right: auto;
  padding-left: 10px;
  padding-bottom: 20px;
  padding-right: 10px;
  padding-top: 0px;
  background-color: white;
  width: 650px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;	
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.gallery
{
	cursor: default;
	list-style: none;
	margin-left: auto;
	margin-bottom: 20px;
	margin-right: auto;
	margin-top: 5px;
}

.gallery img
{
	background: white;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
}

.gallery img.landscape
{
    width: 100px;	
}

.gallery img.portrait
{
	height: 100px;
}

.gallery table

{
	margin-bottom: 0px;
	text-align: center;
	border-spacing: 5px 5px;
}

.gallery td
{
	border-width: 2px;
	border-style: outset;
	width: 120px;
	height: 120px;
	text-align: center;
	background: #ececec;
	margin: 3px;
	padding: 5px;
	-webkit-border-radius: 4px;
    -khtml-border-radius: 4px;	
    -moz-border-radius: 4px;
    border-radius: 4px;	
}

#tabs 
{
	margin-left: auto;
	margin-right: auto;
    font-size: 0.85em; 
	color: black;
	padding: 10px;
	width:750px;
	float: right;
	min-height: 503px;
}

#logoshow {	
    margin-right: auto;
	margin-left: auto; 
	clear: both;

}

#logohelp {
	text-align: left;
}


#cardshow {		
    margin-right: auto;
	margin-left: auto; 
	clear: both;
}

#card_nav {
	border-color: #cccccc;
	border-left-style: none;
	border-bottom-style: ridge;
	border-right-style: none;
	border-top-style: ridge;
	border-width: 1px;
	margin-bottom: 20px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto; 
	text-align: center;
}
#card_nav a { 
	border: 1px solid #ccc; 
	background: #31769f; 
	text-decoration: none; 
	margin-bottom: 20px;
	margin-top: 10px;
	margin-right: 5px;
	margin-left: 5px; 
	padding: 3px 5px; 
	color: white; 
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;	
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#card_nav a.activeSlide {
	background: #66ccff;
	color: black;
}
#card_nav a:focus { 
	outline: none; 
}

#cardhelp {
	text-align: left;
}

#photoshow {		
    margin-right: auto;
	margin-left: auto; 
	height: 500px;
	/* width: 700px; */
}

#photoshow img.portrait
{
	height: 480px;
}

#photoshow img.landscape
{
    height: 480px;
}

#photo_nav, #logo_nav { margin: 0px }
#photo_nav li, #logo_nav li { width: 18px; float: left; margin: 8px; list-style: none }
#photo_nav a, #logo_nav a { 	
    border: 1px solid #ccc; 
	background: #31769f; 
	text-decoration: none; 
	margin-bottom: 20px;
	margin-top: 10px;
	margin-right: 5px;
	margin-left: 5px; 
	padding: 3px 5px; 
	color: white; 
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;	
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#photo_nav a.activeSlide, #logo_nav a.activeSlide { 
    background: #66ccff;
	color: black;
}
#photo_nav a:focus, #logo_nav a:focus { outline: none; }

#wetlands_gallery {
	margin-right: auto;
	margin-left: auto;
}

.catalog {
	margin-right: auto;
	margin-left: auto;
	border-width: 0px;
	padding: 10px;
}
