html {background-color: #245375;}

body { margin: 0 auto; width: 100%; border: 1px solid #ffffff; border-left: 0; border-right: 0; border-bottom: 0;
	text-align: center; background-color: #245375; background-image:url('/img/bgd_water.png'); padding: 0;
	background-repeat: repeat-x; background-position: top center; }

img { border: 0; }

h1 {font-size: 1.4em;}
h2 {font-size: 1.2em;}
h3 {font-size: 1em;}
h4 {font-size: .9em;}
a {color: #ffffff; }

a:visited { color: #bbeeff; }
a:active { color: #ffffff; }
a:hover {color: #edf2b3; }

.red-arr-up { font-size: 1.8em; line-height: 1em; color: #be1e2d; }


img.cover {float: right; }
div#layout_content{ color: #ffffff; margin: 0 auto 0 auto; text-align: left; padding: 220px 0 0 0; width: 745px; /* background-color:  #e3fafa; */   }
div#header { margin: 0; position: absolute; left: 0; top:0; width: 100%; background-image:url('/img/watercolor_header.jpg'); padding:0; background-repeat: no-repeat;
	background-position: top center; height: 284px; }
div#site_title { width: 363px; position: relative; right: 0; left: 372px; top:19px; z-index: 10; }
#main_img img { margin: 25px 0 10px 0; border: 1px solid #888888; }
#thumbnails img { margin: 0 5px; border: 1px solid #888888; }
div#primary { float: left; width: 455px; margin: 0 40px 0 0; }

div#secondary { margin: 20px 0 0 0; background-image: url('/img/boxtop_grad.png'); background-repeat: no-repeat;
	background-position: top center; 
	/* background-color: #1b6971; */ padding: 0 15px 0 15px; float: left; width: 190px; }

div#secondary h3 { margin: 30px 0 5px 0; }
div#secondary p { margin: 3px 0 10px 0; }

div.publication { clear: both; }
div.publication img {float:right; margin: 0 0 10px 10px;}

p.breadcrumb { margin: 0 0 45px 0; }
p.welcome { margin: 15px 0 20px 0; font-weight: bold; padding: 20px 0 20px 0; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}

div.update_item { margin: 0 0 40px 0; }
h2 { margin:0; }
p.update_infoline { font-size: .9em; margin: 0; }
p { margin: 5 0 0 0; }

div#footer { background-color: #043355; width: 100%; color: #ffffff; padding: 8px 0 8px 0; margin: 20px 0 0 0; text-align: center; }

div.image_gallery img { margin: 0 0 25px 0; }

div.graphs img { margin: 0 0 25px 0; }

div.graphs h2 { font-size: 1.3em; margin: 30px 0 15px 0; }
div.graphs img.graph { margin: 20px 0 15px 0; }
div.graphs img.thumb_icon { float: left; margin: -10px 10px 0 0; }
div.graphs p.thumb_info { font-size: .95em; float: left; width: 390px; margin: -10px 0 15px 0; }

div.lake_stats_chlorophyll { padding: 5px; width: 180px; background-color: #006838; }
div.lake_stats_chlorophyll h4 { font-size: 1em; margin: 0; padding: 0 0 5px 0; border-bottom: 1px solid #ffffff; }
div.lake_stats_chlorophyll p { font-size: .85em; margin: 0; padding: 0; }

div.lake_stat_box p { font-size: .8em; margin: 0 0 0 10px; padding: 0; float: left; clear: right;	}
div.lake_stat_box h4 { margin: 0 0 3px 0; padding: 0; font-size: 1em; }
div.lake_stat_box img { margin: 0 5px 0 0; float: left; clear: left;}

div.alert {width:100%; background-color: #ffffff; margin: 0 0 15px 0; padding: 5px; text-align: left; }
div.alert h2 { color: #cc3300; }
div.alert p { color: #000000; }
div.alert * a, div.alert * a:visited { color: #333355; }