@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {

}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	15;
	
	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/
*/

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: right;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* Mobile Layout: 480px and below. //////////////////////////////////////*/
  
.gridContainer {
	/*position:relative;  to set footer absolutely at bottom  This may be obsolete*/
	margin-left: auto;
	margin-right: auto;
	width: 92.5217%;
	height:auto;
	/*min-height: 768px;*/
	padding-left: 1.2391%;
	padding-right: 1.2391%;
	clear: none;
	float: none;
}

/* my GLOBAL code /////////////////////////////////////////////////////////*/

body	{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #70C87F;	/* dark green  #2D8E25*/
}
.gridContainer {
	background-color: #70C87F; /* light green*/
}
a	{
	text-decoration:none;
}
.linkText	{
	/*clear: both;*/
	font-size:.9em;
	color:#369;
	margin-top: 1em;
}
#header img	{
	border: thin solid #000000;
	width: 100%;/*was 95%*/
	height: auto;
}
.pgTopPhoto    { 
    margin-top: 15px;
}
#commPgTopSpacer    {
    margin-top: 40px;
}
.nav { 	
	height: 50px;
	margin-top: 15px;
	position: static;
	width: 100%;
	margin-left: 0;
}
#centeredmenu {	/* CREDIT: http://matthewjamestaylor.com/blog/beautiful-css-centered-menus-no-hacks-full-cross-browser-support*/
	float: left;
	width: 100%;
	background-color: #70C87F;	/*lt Green*/
	overflow: hidden;
	position: relative;
}
#centeredmenu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;			/*PART 1 of TWO FOR  CENTERING NAV*/
   text-align:center;
}
#centeredmenu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;			/*PART 2 of TWO FOR  CENTERING NAV*/
}
#centeredmenu ul li a {
	display: block;
	margin: 0 0 0 10px; /*SPACE BETWEEN LINKS - was "1"*/
	padding: 3px 10px;
	background-position: 8;
	color: #369; /* was "000"*/
	text-decoration: none;
	line-height: 1.0em; /*was "1.3"*/
	height: 50px;    /*added to accomodate second line of text*/
}
#centeredmenu ul li a:hover {
	background-color: #2D8E25;	/* dark green , same as body color*/
	color: #8BC4E9; /* */
}
#centeredmenu ul li a.active,
#centeredmenu ul li a.active:hover {
	color: #FFFFFF;
	background-color: #70C87F; /* active & active-hover b/g same as gridcontainer #70C87F b/g ="invisable" */
	font-weight: normal; /* was bold*/
}
.subMenu ul li a	{	/* supliment to centeredMenu of mission / docs page*/
	font-size:0.7em;	
}
.subMenu{	/* supliment to centeredMenu of mission / docs page*/
	height:30px;	
}.contentHm contentAb_Co {
	margin-left: auto;
	margin-right: auto;
	font-size: 1.2em;
	font-weight: normal;
	max-width: 100%;
}
.contentHm p, 
.about_info p	{
	padding: 0em 2em;
}
#contact_info	{
	text-align:center;
}
.about_info h3	{
	text-align:center;
}
#about_info {
	text-align:left;
	padding-left: 20px;
}
h1	{	/*welcome page*/
	padding: 0; margin: 0;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-size: 2em;
	text-align:center;
	/*background-color: red;*/	
}
.dropcap	{
	float: left;
	/* [disabled]width: 2.5em; */
	font-size: 1.5em;
	line-height: 80%;
}
h2	{	/* so far only defined by default, and .greenSubHeader below*/
}
.visioning.h2    {
    text-align: center;
}
#dataMap    {     /*Wrap text */
float: right;
    margin-left: 10px;
    margin-top: 10px;
}
.centerText    {
    text-align: center;
}
 .greenSubHeaderText     {    /*   3 themes*/
    text-align: center;
}
.greenSubHeader	{	/* h2 subtitles mission/docs, etc */
	padding: 0; margin: 0;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-size: 1.5em;
	text-align:center;
	position:relative;
	margin-top: 10px; /* for mission statement*/
	color:#2D8E25;
}
.greenSubHeader-small	{	/* h2 subtitles mission/docs, etc */
	padding: 0; margin: 0;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-size: 1.2em;
	text-align:center;
	position:relative;
	margin-top: 10px; /* for mission statement*/
	color:#2D8E25;
}
.centerImage    {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.Lmenu-Img    {
    margin-top: 10px;
    display: block;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}
h3.headline {
	margin-left: auto;
}

h3 {
	/* [disabled]padding: 0; */
	clear:right;
	margin-left: 5%;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h4	{
	margin: 0;
	padding:0;
}
h5_article	{	/*articleAuthors*************************************************************************/
	float: left;
	clear:right;
	color: #444444;
	font-size:.0.8em;
	margin-left: 5%;
	margin-top: -20px;
}
hr  {    /*border-color works in Chrome and Safari
background-color works in Firefox and Opera
color works in IE7*/
    /*display: block;*/
    background-color: #2D8E25; /*works on firefox*/
    height: 4px;
   /* border: 0*/
   /* border-top: 1px solid #ccc;*/ /* works but not useful unless??*/
    margin: 1em 0;
    padding: 0; /*works to fatten line*/
    margin-left: 3%;
    margin-right: 3%;
}
.red	{	/* annual mtg announcement & Featured Article*/
		color: red;
		text-align:center;
}
ul	{
	margin-left: 10%;
}
#about span	{
	font-size:.9em;
	color:#369;
}
#leftMenu ul li a.active { /* active links on all left menu pages*/
	color: #FFFFFF; 
	font-weight: normal; /* was bold*/
}
#leftMenu ul li a:hover { /* active links on all left menu pages*/
	color: #2D8E25; 
	font-weight: normal; /* was bold*/
}
.leftMenu_club {
    color: black;
    font-size: 20px;
    width: 25%;
    height: auto;
    margin-left: 0em;
    margin-right: .5em;
    margin-bottom: 1em; /* this seems to be doing nothing at bottom of "public documents"*/
    float: left;
    opacity: 0;
}
.gridContainer.clearfix .fluid.floatContainer #pgTop {
}
.leftMenu_noFloat {
	color:black;
	font-size:20px; 
	width: 25%;
	height:auto;
	margin-left: 0em;
	margin-right: .5em;
	margin-bottom:1em; /* this seems to be doing nothing at bottom of "public documents"*/
	float: none;
	clear: left;
}
.clubContent {
		width: 68%;
		height:auto;
		float: right;
		/*padding: 1em;*/
		padding-right: 1em;
		padding-left: 1em;
		border-left: 2px solid #2D8E25;
		bacground-color: #D7E453;		/*XXXXXXXXXXXX B/G color ??? not needed*/
}
height:     {
    color: #2d8e25;
}
span.horisontalText {
    display: inline; /* the default for span */
    width: 100px;
    height: 100px;
    padding: 5px;
    border: 1px solid blue;    
    background-color: yellow; 
}
#anualMtg	{
	margin-top: 30px;
}

.new	{	/* Club page "New in this Issue section, in left menu"*/
		border: 1px solid red;
		margin-left: .5em;
}
.centerImage { /*not in use for top image in Community*/
	margin-left: 2em;
	margin-right: auto;
	margin-bottom: 2em;
	clear: left;
}
.centerImageLmenu { 
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2em;
	
}
#wonMap	{	/*<div for float -image of map* & link to enlarge*/
	width: 250px;
	float: right;
	margin-left:1em;
	margin-top: -10px;
	margin-bottom: 20px;
	text-align:center;
}
#spend	{
	/*position:relative;
	top:-50px;*/
}
/*#herley	{
	margin-left: 0em;	
}*/
.yellow-closePopup	{
	color: yellow;
	margin-left: 50%;
}
.beesButt	{	/*<div for float - image of Bees Button graphic*/
	color: black;
	width: 240px;
	height: 240px;
	float: left;
	margin-left: 0.5em;
    margin-right: 0.3em;
	margin-top: -10px;
}
#twoBees    {        /* two bees photo */
    float: right;
    margin-left: 10px;
    margin-top: 10px;
    margin-right: 10px;
}
#beeSidebar	{
	margin-top: 50px;	
	padding-Top: 50px;		/*V-Spacer*/
	padding-right: 0em;
	text-align:justify;
	text-justify:auto;/* many choices*/
}
#beeSidebar h3		{
	margin-top: 30px;
}
.leftMenu_Library {
	width: 25%;
	float: left;
	height:auto;
	margin-left: 2%;
}
.library_Content {
	width: 65%;
	height:auto;
	float: right;
	padding-right: 1em;
	padding-left: 2em;
	border-left: 2px solid #2D8E25;
	margin-bottom: 20px;
}
.under_content_library_spacer	{
	height: 500px;
}
#underConstruction	{	/* temp image on Library pg*/
	position:absolute;
	top: 445px;
	left: 230px;
}
#TempLibrary_B-margin	{
	margin-bottom:	200px;
}
.footer {	
	font-size: .8em;
	color: #369;
	text-align: center;
	margin: 1em;
	clear: both;
}
.floatContainer {	/*XXXXXXXXXXX ATTENTION Is this  needed*/
clear: both;
margin-left: 0;
display: block;
}
.MapContinued {
}
#wonMap {
}
.beePhoto {
	width: 300px;
	height:auto;
	float: right;
	padding: 0 0 0 1em;
	margin-left:0px;
	margin-top:-40px;
	margin-bottom: 20px;
}
.annual_meeting	{	/**/
	margin-bottom: 30px;
}
.corpDocs {
	list-style:circle;	
}
.corpDocs_li {
}
.greenSubHeaderDiv { /* Governing docs list div*/
    width: 400px;
	margin: 0 auto;
}
.aside {
}
.article {
}
#web {
}
#photoCredits {
	font-size: .7em;
	color:#133E10;
	text-align:center;
}
.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}
P.blocktext {
    margin-left: auto;
    margin-right: auto;
    width: 45em;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

.gridContainer {
	width: 93.451%;
	padding-left: 0.7744%;
	padding-right: 0.7744%;
	clear: none;
	float: none;
	margin-left: auto;
}
.contentHm {
}
/*.footer {
position: static;
height: auto;
width: 100%;
}*/
.title {
}
# l_menu {
	/*margin-bottom: 30px;*/
}
.rightClub {
/*width: 100%;*/
}
.menu_1 {
}
.floatContainer {
clear: both;
margin-left: 0;
display: block;
}
.MapContinued {
}
#wonMap {
}
#corpDocs {
}
#corpDocs_li {
}
.greenSubHeaderDiv {
}
.aside {
}
.article {
}
.beePhoto {
}
#web {
}
#photoCredits {
}
.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {


.gridContainer {
	width: 89.0217%;
	max-width: 1000px; /* was 1232px*/
	/*text-align:center;*/
	padding-left: 0.4891%;
	padding-right: 0.4891%;
	margin: auto;
	clear: none;
	float: none;
	/*margin-left: auto;
	margin-right: auto;*/
}
.gridContainer {
}
.nav {
	margin-left: 0;
	position: static;
	height: auto;
	width: 100%;
}
.contentHm {
	padding-top: 25px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
}
.footer {	
}
.title {
}
.LeftClub {
}
.rightClub {
	/*width: 100%;*/
}
.leftMenuClub {
}
.menu_1 {
}
.clubContent {
}
.floatContainer {
	clear: none;
}
.MapContinued {
}
#wonMap {
}
#corpDocs {
}
#corpDocs_li {
}
.greenSubHeaderDiv {
}
.aside {
}
.article {
}
.beePhoto {
}
#web {
}
#photoCredits {
}
.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}
}

.centerimage {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}
        
Margin-a 
}

#newLibrary {
    margin-top: 30px;
}

.leftMenu {
    border: 2px  solid  #FF0000;
    margin:0% 0% 0% 0%;
    align-content: center;  
    padding: 15px 0px 15px 0px;
}