@charset "utf-8";
/*  SWAMP Style Sheet September 9, 2017  */
/* @license
 * MyFonts Webfont Build ID 2373201, 2012-09-26T23:42:40-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Choc D by URW++
 * URL: http://www.myfonts.com/fonts/urw/choc/d/
 * Copyright: Copyright 2010 URW++ Design & Development Hamburg
 * Licensed pageviews: 150,000
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2373201
 * 
 * © 2012 Bitstream Inc
*/
@font-face {
	font-family: 'Choc D';
	src: url('/webfonts/choc_d/243651_0_0.eot');
	src: url('/webfonts/choc_d/243651_0_0.eot?#iefix') format('embedded-opentype'),
		url('/webfonts/choc_d/243651_0_0.woff') format('woff'),
		url('/webfonts/choc_d/243651_0_0.ttf') format('truetype'),
		url('/webfonts/choc_d/243651_0_0.svg#wf') format('svg');
}
@-ms-viewport{ width: device-width; }
img, object, embed, video { max-width: 100%; margin:8px 0; }
/* IE 6 */
.ie6 img {width:100%;}
/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	20;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */
html, button, input, select, textarea { font-family: "Comic Sans", "Comic Sans MS", "Lucida Grande", Verdana, Georgia, sans-serif; color: #003; }
body { margin: 0; font-family: "Comic Sans", "Comic Sans MS", Verdana, Georgia, sans-serif; background: #ff6; }
.gridContainer {margin-left: auto; margin-right: auto; width: 96%; padding-left: 1.82%; padding-right: 1.82%;}
h1, h2, h3, h4, h5, h6 {line-height: 1.0; margin-top: 0; margin-bottom: 0; padding: 10px 3px 5px 3px;}
h2, h3 {margin-top: 25px;}
h4, h5, h6 {margin-top: 20px;}
.first_h {margin-top: 0;}
header {clear: both; float: left; width: 100%; display: block;}
header h1 {text-align:center;}
#mainContent { }
footer { background-color: #CCCC52; margin-top: 15px; margin-bottom: 25px; clear: both; position:relative; }
a { padding: 2px 5px; color:#00e; text-decoration:none; }
a img { border: none; }
a:link, a:visited { }
a:active {color:#0a0b0d; background-color:#EEE; text-decoration:underline; outline: 0;}
a:hover {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;}

.notice {text-align: center;}
/*** Large Tag ***/
.chocd {font-family: "Choc D"; font-size: 105%; text-transform: uppercase;}
.l_tag, .s_tag {font-style:italic;}
.l_tag {
	font-family: "Tahoma", "Times Roman", serif;
	text-align:center;
	font-weight: normal;
	font-size:110%;
}

/*** Small Tag ***/
.s_tag { color:#046222; border: 0; font-size:smaller; line-height: 1em; margin-top: 0; margin-bottom: 0; }
/*** Copyright Tag ***/
.c_tag { font-family:Georgia, Tahoma, serif; text-align:center; color:#0a0b0d; font-size: 65%; }
p { margin-top: 0; margin-bottom: 0; padding: 5px 5px 5px 15px; }
/* Table Paragraph */
p.tp { margin-left:0; padding-left: 5px; }
/* Table */
.table { font-family:Georgia,serif; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
th {text-align:left;}

#nav {clear:both; padding:0; text-align:center; width: 100%; }
/***** button lists ******/
.button { border: 0px; border:none; }
.buttondiv {font-size:85%; line-height: 2em; border-bottom:1px solid #d5d5d5;}
.buttondiv ul {margin: 0.6em 1px 0.5em 0;}
.buttondiv ul li {display:inline;}
.buttondiv a {text-decoration:none;}

.buttondiv ul li a {
	background-color:#0B413C;
	color:#ff6;
	font-weight:bold;
	padding: 3px 7px;
	white-space:nowrap;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.buttondiv ul li a:hover { background-color:#558426; text-decoration:none; }

.cbutton a {
	background-color:#046222;
	color:#ffffb2;
	font-weight:bold;
	padding: 2px 5px;
	white-space:nowrap;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

#current a:link, #current a:visited { background-color:#558426; color:#ff6; }
iframe.calendar {
	border-width: 0;
	width: 95%;
	border:0;
	height:300px;
	margin:2px auto;
}
.content { padding: 3px 0; }

.content ul, .content ol {padding: 0 0 4px 40px; list-style-type: none; margin-top: 2px; margin-bottom: 2px;}
.content ol {list-style:decimal;}
.request {color: #DA251C;}
.floatright {float: right; margin-left: 10px;}
.floatleft {float: left; margin-right: 10px;}
img.floatright, img.floatleft, .shadow {
	border:1px solid rgba(0,0,153,0.7);
	-moz-box-shadow: 3px 3px 5px rgba(0,0,153,0.3);
	-webkit-box-shadow: 3px 3px 5px rgba(0,0,153,0.3);
	box-shadow: 3px 3px 5px rgba(0,0,153,0.3);
}
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
#graph1 {
	clear: both;
	margin-left: auto;
	margin-right:auto;
	width: 100%;
	min-width:240px;
	border:1;
	display: block;
	-webkit-overflow-scrolling:touch;
}
#graph2 { clear:both; width:100%; }
#Content1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Content2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Content3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Nav1, #Nav2, #Nav3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48%;
	min-width: 100px;
	text-align:center;
	display: block;
}
#Nav2, .mobile {display: none;}
#Nav2, #Nav3 {clear: none; margin-left:4%;}
#Image1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#map_container { clear:both; width:94%; }
#map_canvas { width:100%; height:100%; }
.ImageL, .ImageR {
	clear: both;
	width: 100%;
	display: block;
	margin-left: 0;
	margin-right: 0;
}
.ImageL { float: left; }
.ImageR { float: right; }
/* Tablet */
@media only screen and (min-width:481px) {
/*h1, h2, h3, h4, h5, h6 { line-height: 1.0; padding: 10px 3px 5px 3px; } */

.gridContainer { width: 96%; padding-left: 1.1625%; padding-right: 1.1625%; }

.content {padding: 5px 0;}
.buttondiv ul li {display:inline;}
iframe.calendar {width:689px; height:550px; margin:5px auto;}
#graph1 { clear: left; max-width:615px; display: block; }
#Content1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.2758%;
	display: block;
}
#Content2 {
	clear: none;
	float: left;
	margin-left: 3.4482%;
	width: 48.2758%;
	display: block;
}
#Content3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.2758%;
	display: block;
}
#Nav1, #Nav3 { width: 24%; }
#Nav2 { width: 50%; margin-left:1%; display:block;}
#Nav3 {margin-left:1%;}
#Image1 {
	clear: none;
	float: right;
	margin-left: 1.728%;
	width: 48.2758%;
	display: block;
}
#map_container {
	clear:none;
	float:right;
	margin-left: 1.1%;
	width:425px;
}
#map_canvas { width:425px; height:350px; }
.ImageL {
	clear: none;
	float: left;
	margin-right: 1.728%;
	width: 48.2758%;
}
.ImageR {
	clear: none;
	float: right;
	margin-left: 1.728%;
	width: 48.2758%;
}
}
/* Desktop */
@media only screen and (min-width:769px) {
.gridContainer {
	width: 90%;
	max-width: 1232px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
header {margin-top: 5px; margin-bottom: 6px;}
footer {padding: 8px 4px;}
/*h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 3px;
	padding: 6px 5px 3px 5px;
} */
.content { padding: 8px 0; }
.mobile {display: block;}
#graph1 {
	clear:none;
	float:left;
	margin-right: 1.5%;
	margin-left:0;
	width: 60%;
	max-width:615px;
}
#graph2 {
	clear:none;
	float:left;
	width:38.5%;
}
#Content1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 31.8181%;
	display: block;
}
iframe.calendar { width:100%; height:600px; margin:10px auto; }
#Content2 {
	clear: none;
	float: left;
	margin-left: 2.2727%;
	width: 31.8181%;
	display: block;
}
#Content3 {
	clear: none;
	float: left;
	margin-left: 2.2727%;
	width: 31.8181%;
	display: block;
}
#Image1 {
	clear: none;
	float: right;
	margin-left: 1.7241%;
	width: 31.8181%;
	display: block;
}
.ImageL {
	clear: none;
	float: left;
	margin-right: 1.7241%;
	width: 31.8181%;
	display: block;
}
.ImageR {
	clear: none;
	float: right;
	margin-left: 1.7241%;
	width: 31.8181%;
	display: block;
}
}