@charset "UTF-8";
/* CSS Document */

#boatbldg_menu {
	width: 96%;
	background-color: #FFF;
	margin: 0 auto;
	padding-bottom: 10%;
	height: auto;
	overflow: auto;
}

#newsletter_outerblock {
	width: 100%;
	margin: 0 auto;
	padding-bottom: 7%;
}

#newsletter_block {
	width: 96%;
	margin: 0 auto;
	display: block;
	overflow: auto;
	background-color: #c1ddeb;
}
	
#newsletter_header {
	display: block;
	background-color: #000;
	padding-top: 2%;
	padding-bottom: 2%;
	padding-left: 0%;
	padding-right: 0%;
	margin: 0;
}

#volunteer_block {
	width: 96%;
	margin: 0 auto;
	display: block;
	overflow: auto;
	background-color: #d7d3c8;
}
	
#volunteer_header {
	display: block;
	background-color: #000;
	padding-top: 2%;
	padding-bottom: 2%;
	padding-left: 0%;
	padding-right: 0%;
	margin: 0;
}

#newsletter1 {
	float: none;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	padding-bottom: 0%;
	padding-top: 0%;
	margin: 0 auto;
}

#newsletter2 {
	float: none;
	width: 98%;
	padding-left: 0%;
	padding-right: 0%;
	padding-bottom: 1%;
	padding-top: 0%;
	margin: 0 auto;
}

#volunteer1 {
	float: none;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	padding-bottom: 0%;
	padding-top: 0%;
	margin: 0 auto;
}

#volunteer2 {
	float: none;
	width: 98%;
	padding-left: 0%;
	padding-right: 0%;
	padding-bottom: 1%;
	padding-top: 0%;
	margin: 0 auto;
}

#newsletter_text {
	font-family: Verdana, Geneva, sans-serif;
	color: #333;
	font-size: medium;
}

#newsletter_text a:link, #newsletter_text a:visited {
	color: #069;
	text-decoration: none;
}

#newsletter_text a:hover {
	color: #cd4b2d;
}

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
	background-color: #d7d3c8;
	cursor: pointer;
	padding: 1%;
	width: 100%;
	border: thin solid #FFF;
	outline: none;
	transition: 0.4s;
	text-align: left;
}

.fake_accordion {
	background-color: #069;
	cursor: pointer;
	padding: 1%;
	width: 100%;
	border: thin solid #069;
	outline: none;
	transition: 0.4s;
	text-align: left;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #79a1b8;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
	padding: 2%;
	background-color: #efede9;
	width: inherit;
	display: none;
	overflow: hidden;
	font-family: Verdana, Geneva, sans-serif;
	color: #333;
	font-size: medium;
	line-height: 17pt;
}

.panel a:link, .panel a:visited {
	text-decoration: none;
	color: #069;
}

.panel a:hover {
	color: #cd4b2d;
}

.panel_membership {
	padding: 2%;
	background-color: #FFF;
	width: inherit;
	display: none;
	overflow: hidden;
	font-family: Verdana, Geneva, sans-serif;
	color: #333;
	font-size: medium;
	line-height: 17pt;
}

.panel_membership a:link, .panel_membership a:visited {
	text-decoration: none;
	color: #069;
}

.panel_membership a:hover {
	color: #cd4b2d;
}

.panel_newsletter {
	padding-left: 35%;
	padding-bottom: 2%;
	padding-right: 2%;
	padding-top: 2%;
	background-color: #FFF;
	width: auto;
	display: none;
	overflow: hidden;
	font-family: Verdana, Geneva, sans-serif;
	color: #333;
	font-size: medium;
	line-height: 20pt;
}

.panel_newsletter a:link, .panel_newsletter a:visited {
	text-decoration: none;
	color: #069;
}

.panel_newsletter a:hover {
	color: #cd4b2d;
}

.panel_volunteer {
	padding-left: 3%;
	padding-bottom: 3%;
	padding-right: 1%;
	padding-top: 2%;
	background-color: #FFF;
	width: auto;
	display: none;
	overflow: hidden;
	font-family: Verdana, Geneva, sans-serif;
	color: #333;
	font-size: medium;
	line-height: 16pt;
}

.panel_volunteer a:link, .panel_volunteer a:visited {
	text-decoration: none;
	color: #069;
}

.panel_volunteer a:hover {
	color: #cd4b2d;
}