body {
	background: #2CB9D7 url(/img/bg1a.gif) repeat-x top center;
	margin: 0;
	padding: 0;
	font: small Verdana, Arial, sans-serif;
	color: #000;	}
#wrapper {
	display: block;
	width: 1039px;
	margin: 0 auto;
	background: url(/img/main_bg.jpg) repeat-y top center;	}
#layout {
	width: 1039px;
	margin: 0 auto;
	background: url(/img/header_bg1a.jpg) no-repeat top center;	}
#sidebar {
	padding: 13px 0 0 0;
	width: 234px;	}
#sidebar #nav {
	padding: 20px 20px 0 26px;	}
#layout #main {
	float: right;
	width: 779px;
	padding: 13px 26px 0 0;	}
#layout #main #header {
	width: 779px;
	height: 91px;	}
#layout #main #header a {
	display: block;
	width: 779px;
	height: 91px;
	background: url(/img/header1a.jpg) no-repeat top left;
	text-indent: -9999px;	}
#layout-wide {
	width: 1039px;
	margin: 0 auto;
	background: url(/img/header_wide.jpg) no-repeat top center;	}
#layout-wide #main {
	width: 1014px;
	padding: 25px;	}
#layout-wide #main #header {
	width: 1039px;
	height: 150px;	}
#layout-wide #main #header a {
	display: block;
	width: 1039px;
	height: 150px;
	text-indent: -9999px;	}
#sac-photo {
	float: right;
	margin-left: 10px;
	padding: 15px;
	width: 300px;
	height: 685px;	}

a:link, a:active, a:visited {  	
	color: #006699;
	text-decoration: none;	}
a:hover {
	color: #006699;
	text-decoration: underline;	}
#sidebar #nav ul.nav {
	font-size: 14px;
	line-height: 1em;
	list-style: none;
	margin: 0;
	padding: 0;	}
#sidebar #nav ul.nav li {
	border-bottom: 1px solid #BFD4E2;
	margin: 0 0 4px 0;
	padding: 0 0 6px 0;	}
#sidebar #nav ul.nav ul,
#sidebar #nav ul.nav ul li ul {
	font-size: 12px;
	line-height: 1em;
	list-style: none;
	margin: 0;
	padding: 0;	}
#sidebar #nav ul.nav li ul li {
	border-bottom: none;
	margin: 0 0 0 14px;
	padding: 4px 0 4px 0;	}
#sidebar #nav ul.nav li ul li ul li {
	border-bottom: none;
	margin: 0 0 0 24px;
	padding: 0 0 6px 0;	}
#sidebar #nav input#query {margin: 0 0 5px 0}
#sidebar #nav input {font-family: Georgia, Trebuchet MS, Verdana, Arial, sans-serif}
#sidebar #side-search {margin: 40px 0 40px 0}
#sidebar #side-search #searchBox {font-size: 12px}
#sidebar #side-search input#query {margin: 0 0 5px 0}
#sidebar #side-search input {font-family: Trebuchet MS, Verdana, Arial, sans-serif}
#sidebar #side-search .search-options {margin: 0 0 0 40px}
#sidebar #side-logos {text-align: center}
#sidebar #side-logos img {
	float: left;
	border: none;
	margin: 0 15px 0 14px;	}
#content .contentBlock {padding: 20px 40px 20px 20px}
#content .contentBlock h1,
#content .contentBlock h2 {
	font-size: 140%;
	color:#006699;
	text-align: left;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: .25em;	}
#content .contentBlock h2 {font-size: 110%}
.contentBlock h3 {
	color:#006699;	}
.mediadate {
	font-size: 85%;
	color: #999999	}
#footer {
	clear: both;
	text-align: center;
	font-size: 10px;
	line-height: 18px;
	padding: 15px 0 30px 0;	}
.caption  {
	font-family: Verdana;
	color:#003366;
	font-size: 80%}
.caption2 {font-family: Verdana; color:#ff0000; font-size: 80%}
.align_left {text-align: left}
.align_right {text-align: right}
.bigletter {font-size:250%}

/*image styles*/
.img_floatLeft {
	float: left;
	margin: 4px 4px 4px 4px;
	border: 1px solid #CCC}
.img_floatRight {float: right; margin: 4px 0px 4px 8px; padding: 5px; border: 1px solid #CCC}
.imgrelease {
	background: none repeat scroll 0 0 #FFFFFF;
	float: right;
	margin: 0 10px 0 10px;
	padding: 0 15px 0 15px;
	width: 200px;}
.imgrelease p {
	font-size: 75%;
	padding: 0 4px;
	margin: 0 0 15px;}
.imgrelease img {
	border: 1px solid #CCC;
	padding: 5px;}
.imgright {
	background: none repeat scroll 0 0 #FFFFFF;
	float: right;
	margin-right: 10px;
	padding: 15px;
	width: 300px;}
.revimgright {
	background: none repeat scroll 0 0 #FFFFFF;
	float: right;
	padding: 5px;
	width: 250px;
	margin: 0px;}
.imgright p {
	font-size: 75%;
	padding: 0 4px;}
.imgright img {
	border: 1px solid #CCC;
	padding: 5px;}
.imgfull_banner {
	background: none repeat scroll 0 0 #FFFFFF;
	position: relative;
	width: 100%; /*for IE6*/}
.imgfull_banner h1 {
	position: absolute;
	top: 30px;
	left: 0;
	width:100%}
.imgfull_banner h1 span {
   color: #FFF;
   letter-spacing: -1px;
   font-family: Century Gothic, Verdana, sans serif;
   background: #666;; /* fallback color */
   background: #666;;
   padding: 10px;}
.imgleft_full {
	background: none repeat scroll 0 0 #FFFFFF;
	padding: 10px;
	width: 700px;}
.imgleft_full p {
	font-size: 75%;
	padding: 0 4px;}
.imgleft_full img {
	border: 1px solid #CCC;
	padding: 8px;}
.img_moreinfo {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #CCC;
	margin-bottom: 20px;
	padding: 5px;
	width: 700px;}
.img_moreinfo p {
	font-size: 75%;
	padding: 0 4px;}
.mediacontact {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #CCC;
	margin: 0 0 20px 20px;
	padding: 10px;
	float: right;
	width: 250px;}
.mediacontact p {
	font-size: 85%;
	padding: 0 4px;}
.mediacontact h3 {
	font-size: 85%;
	color:#666;	}
.img_slidercap {
	background: none repeat scroll 0 0 #FFFFFF;
	border: none;
	margin-bottom: 20px;
	padding: 5px;
	width: 650px;}
.img_slidercap p {
	font-size: 75%;
	padding: 4px 4px;}
.cap_question {
	float: left;
	font-size: 1.4em;
	background: #00ffff;
	border: 3px outset #2e8b57;
	margin-top: 0;
	margin-right: .25em;
	margin-bottom: 0;
	margin-left: 0.15em;
	padding-top: 0;
	padding-right: 0.15em;
	padding-bottom: 0;
	padding-left: 0.15em; }
#map {font-size: 12px}
.acronym {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000099;
	cursor: help;}
.thumbitem{min-height:130px;}
.thumbitem img{float:left; border: 1px solid #ccc; padding:5px; margin-top:2px;}
.thumbitem h2, .thumbitem h3, .thumbitem p{margin-left:130px;}
.clear {clear: both;}

/*nivo slider styles*/
#slider-wrapper {
padding: 10px;}
#slider {
    position:relative;
    width:600px; /* Change this to your images width */
    height:400px; /* Change this to your images height */
    background:url(/images/loading.gif) no-repeat 50% 50%;}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;}
#slider a {
    border:0;
    display:block;}
.nivo-controlNav {
	position:absolute;
	bottom: -30px;}
#about_slideshow .nivo-controlNav {
	left: 197px;	}
#etiquette_slideshow .nivo-controlNav {
	left: 159px;	}
#offwater_slideshow .nivo-controlNav {
	left: 225px;	}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(/images/nivobullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 0 2px 0 2px;
	float:left;}
.nivo-controlNav a.active {
	background-position:0 -22px;}
.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(/images/nivoarrows.png) no-repeat;
	text-indent:-9999px;
	border:0;}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;}
a.nivo-prevNav {
	left:15px;}

/*toggle styles*/
.toggle-view {
    list-style:none;
    margin:0;
    padding:0;
    width:650px;}
 
.toggle-view li {
	margin:10px;
	border-bottom:1px solid #999;
	position:relative;
	cursor:pointer;    }
.toggle-view h3 {
  margin:0;
  font-size:14px;}
.toggle-view span {
  position:absolute;
  right:5px; top:0;
  color:#777;
  font-size:13px;}
.toggle-view p {
  margin:5px 0;
  display:none;}   

/*tabs styles*/
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;}
ul.tabs li a {
	text-decoration: none;
	color: #006699;
	font-size: 85%;
	font-weight: bold;
	display: block;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;}
ul.tabs li a:hover {
	background: #ccc;}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/}
.tab_container {
	border: none;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;}
.tab_content {
	padding: 20px;}

/* mainnav page columns*/

#navcontent {
width: 720px;
	margin: 15px auto;	}
.navmain {
	float: left;
	width: 430px;
	margin: 0;
	padding: 0 5px;	}
.navitem {
	min-height: 130px;
	border-bottom:solid #aaa 1px;
	margin-top: 20px}
.navitem h3 {
	margin-top:10px;	}
.navitem img {
	float:right; 
	border: solid #aaa 1px;
	margin: 0 0 0 10px;}
.navitemlast {
	min-height: 130px;
	border:none;
	margin-top: 20px	}
.navitemlast h3 {
	margin-top:10px;	}
.navitemlast img {
	float:right; 
	border: 1px solid #ccc;
	margin: 0 0 0 10px;}
.navsidebar {
	float: right;
	width: 230px;
	padding: 0 15px;
	background: #F2F2F2;
	border: solid #aaa 1px;	}
.navsidebar h3 {
	color:#666666;
	font-family: Century Gothic, sans serif;
	font-size: 110%;
	padding: 10px 0 0 15px;	}
.navsidebar p {
	padding: 0 15px;
	font-size: 90%;	}
.navsidebar img {
	float: left;
	border: none;
	padding: 5px;	}
.sidebarright {
	float: right;
	width: 230px;
	padding: 0 15px;
	background: #F2F2F2;
	border: solid #aaa 1px;	}
.sidebarright h3 {
	color:#666666;
	font-family: Century Gothic, sans serif;
	font-size: 110%;
	padding: 10px 0 0 15px;	}
.sidebarright p {
	padding: 0 15px;
	font-size: 90%;	}
.sidebarright img {
	float: left;
	border: none;
	padding: 5px;	}

/* explore columns*/
#explorecontent {
	width: 720px;
	margin: 15px auto;	}
#explorecontent h3 {
color:#666666;
	font-family: Century Gothic, sans serif;
	font-size: 120%;
	padding: 15px 0 0 15px;	}
.explore4columns {
	float: left;
	width: 150px;
	margin: 0;
	padding: 0 15px;	}
.explore4columns p {
	font-size: 85%;
	padding: 0 5px 10px 5px;	}
.explore4columns img {
	border: 2px solid #D8D8D8;	}
.exploremain {
	float: left;
	width: 430px;
	margin: 0;
	padding: 0 15px;
	border-right: solid #aaa 1px;	}
.exploresidebar_dyk {
	float: right;
	width: 215px;
	padding: 0 15px;
	background: url(../img/dyk_background.jpg) no-repeat top center;	}
.exploresidebar_dyk h3 {
	color:#666666;
	font-family: Century Gothic, sans serif;
	font-size: 120%;
	padding: 15px 0 0 15px;	}
.exploresidebar_dyk p {
	padding: 0 10px 0 15px;	}
.exploresidebar_dyk img {
	padding: 0 10px 0 15px;	}
.regssidebar_dyk {
	float: right;
	width: 240px;
	padding: 0 5px;	}
.regssidebar_dyk h3 {
	color:#666666;
	font-family: Century Gothic, sans serif;
	font-size: 75%;
	padding: 15px 0 0 15px;	}
.regssidebar_dyk p {
	padding: 0 10px 0 15px;	}
.regssidebar_dyk img {
	padding: 0;	}
.morebutton {
	float: right;
	border:none;	}
.morebutton p {
	font-family: Century Gothic, sans serif;	}
#sideImg img {
	float:left; 
	padding:0 10px 7px 7px; 
	width:75px;
	border:none;	}
#sideImg {margin-top:20px;}

/*2column*/
.columnone {width:310px; float:left; padding:5px 10px 5px 0; margin:0 20px 0 30px;}
.columntwo {width:310px; float:left; padding:5px 10px 5px 0; margin:0 20px 0 5px;}
.columnone p, .columntwo p {width:300px;}
.columnonetxt {width:20%; float:left;}
.columntwotxt {width:80%; float:left;}

/*video*/
.containerVideo {float:right; background:#fff; padding:5px; width:220px; margin-left:10px; margin-top: 10px; margin-bottom: 10px; border: solid #aaa 1px;}
	.containerVideo p{font-size:75%; padding:0 4px;}
	.containerVideo h3 {font-size:85%; margin-top: 5px; text-transform:uppercase;}
.containerVideo300 {float:right; background:#fff; padding:5px; width:300px; margin-left:10px; border: solid #aaa 1px;}
	.containerVideo300 p{font-size:75%; padding:0 4px;}
	.containerVideo300 h3 {font-size:85%; margin-top: 5px; text-transform:uppercase;}
	
/* the following rule was added by MFB 10/12/11 to keep h2 text from bleeding into the + sign for expanding in toggle-view listings */	
.toggle-view li h2 {
	padding-right: 19px;}
.regrevbox {
	width: 450px;
	float: right;}
.navsidebar {
	margin-top: 20px;}
/* the following rule was added by MFB 10/12/11 to keep h2 text from bleeding into the + sign for expanding in toggle-view listings */	
.contentBlock p a:link,
.contentBlock p a:active,
.contentBlock p a:visited {
	color: #324fe1;
	text-decoration: underline;
}
.contentBlock .img_moreinfo p a:link,
.contentBlock .img_moreinfo p a:active,
.contentBlock .img_moreinfo p a:visited {
	text-decoration: none;}

/*bottom nav, back to top, and arrrow added 01/13/15 by RJP during creation of Historic Navigation Aids section but can be used for other internal navigation within other subsections of the site. */

/*back to top*/
#back-top {
	position: fixed;
	bottom: 30px;
	margin-left: 800px;
}

#back-top a {
	width: 75px;
	display: block;
	text-align: center;
	font: 11px/100% sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #414041;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}

/* arrow icon (span tag) */
#back-top span {
	width: 50px;
	height: 50px;
	display: block;
	margin-bottom: 7px;
	margin-left:10px;
	background: url(up-arrow.png) no-repeat center center;


	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

/*bottom nav styles*/

#bottom-nav {
	text-align: center;
	text-transform: uppercase;
	font-size: 9px;
	line-height: 18px;
	padding: 15px 0 30px 0;
}

	
.grid {
  background: white;
  margin: 0 0 20px 0;
}
.grid:after {
  /* Or @extend clearfix */
  content: "";
  display: table;
  clear: both;
}

[class*='col-'] {
  float: left;
  padding-right: 20px;
}
.grid [class*='col-']:last-of-type {
  padding-right: 0;
}
	.grid img {
		border: 1px solid #ccc;
    	padding: 5px;		
	}
.col-1-3 {
  width: 30%;
}

.col-1-2 {
  width: 47%;
}

.col-1-4 {
  width: 21%;
}