#advertiseHere{
  background:#EEE;
  border:1px solid #333;
  margin:20px 0px;
  padding:5px;
  text-align:left;
}

#advertiseHereTitle{
  background:#0F6AC1;
  color:#FFF;
  font-weight:bold;
  text-align:center;
}

/*      original code replaced by code at the end of this file
body{
  background:#EEE;
  font-family:arial;
  margin:0px;
}
*/

.bulletinContent{
  border-left:1px solid #CCC;
  border-right:1px solid #CCC;
  clear:both;
/*  height:100px;     */
  overflow:hidden;    
	min-height: 100px;
	height: auto;
  padding:23px 7px 10px 7px;
}

.bulletinPhoto{
  border:1px solid #CCC;
  float:left;
  margin-right:7px;
  padding:2px;
}

.bulletinPhotoLarge{
  cursor:pointer;
}

.bulletinPhoto img{
  display:block;
}

.bulletinText{
  float:left;
  width:calc(100% - 150px);     /* cluggie - assumes photo is < 150 px wide    */
}

#content{
  background:#FFF;
  clear:both;
  padding-top:10px;
  text-align:right;
}

#contentColumns{
  text-align:left;
  max-width:976px;  /*  for 2 side by side --> stacked  
	width:976px;     */
}

#contentLeft{
  float:left;
  width:634px;        /* value found empirically so 2 columns until @media (max-width: 979px) */  								
	margin-left: 5px;		
	margin-right: 5px;   
	max-width:inherit;
}

#contentRight{
  float:left;
  margin-left:20px;
  margin-top:30px;
  width:300px;
}

#contentRight img{
  border:none;
  display:block;
  margin-bottom:20px;
}

.director{
  clear:both;
  padding-top:30px;
}

.directorName{
  font-size:16pt;
}

.directorPosition{
  font-style:italic;
  padding-bottom:12px;
}

.discussionBreadCrumbTrail{
  margin-bottom:20px;
}

.discussionThreadAuthor{
  border-left:1px solid #CCC;
  border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
  color:#777;
  font-size:8pt;
  margin:0px 0px;
  padding:0px 5px;
}

.discussionThreadReplyCount{
  font-size:10pt;
  font-style:italic;
  font-weight:normal;
  float:right;
  padding:2px 3px;
}

.discussionThreadText{
  border-left:1px solid #CCC;
  border-right:1px solid #CCC;
  padding:23px 7px 0px 7px;
}

.discussionTopic{
  margin-bottom:20px;
}

.discussionTopicFooter{
  background:url(../PNGs/discussionFooter.png) no-repeat;
  background-size: 100% 13px;   /* stretch jpeg to 100% width  */
  height:13px;
  width:100%;
}

.discussionTopicHeader{
  background:url(../PNGs/discussionHeader.png) no-repeat;
  background-size: 100% 32px;   /* stretch jpeg to 100% width  */
  height:32px;
  width:100%;
}

.discussionTopicText{
  border-left:1px solid #CCC;
  border-right:1px solid #CCC;
  padding:2px 7px;
}

.discussionTopicThreadCount{
  font-size:10pt;
  font-style:italic;
  font-weight:normal;
  float:right;
  padding:2px 3px;
}

.discussionTopicTitle{
  color:#FFF;
  cursor:pointer;
  font-weight:bold;
  padding:4px 8px;
}

#donate{
  background:#EEE;
  border:1px solid #333;
  padding:5px;
}

#donateTitle{
  background:#008000;
  color:#FFF;
  font-weight:bold;
  text-align:center;
}

.emailAddress{
  color:blue;
}

.formBulletinPhoto{
  border:1px solid #CCC;
  float:left;
  margin-right:5px;
  padding:10px;
  text-align:center;
}

.formBulletinPhoto div{
  margin:10px 0px;
  width:201px;
}

.formButtons{
  text-align:right;
}

.formFile{
  cursor:pointer;
  float:left;
  margin:7px 15px;
  text-align:center;
}

.formFile:hover .formFileName{
  background:#CCC;
  color:#000;
}

.formFileName{
  background:none;
  color:#777;
  font-size:8pt;
  padding:0px 2px;
}

.formFileNameSelected{
  background:#333;
  color:#FFF;
  font-size:8pt;
  padding:0px 2px;
}

.formInputText{
  width:100%;
}

.formInputFile{
  margin-bottom:7px;
  width:100%;
}

.formInstructions{
  border-top:1px solid #CCC;
  color:#777;
  font-size:8pt;
  margin:3px 0px;
  padding:3px 0px;
}

.formPhotos{
  border:1px solid #000;
  height:300px;
  margin:7px 0px;
  overflow-y:scroll;
  width:100%;
}

.formRadioDiv{
  margin:3px 10px;
}

.formSection{
  margin-bottom:30px;
}

.formSelect{
  width:100%;
}

.formStatus{
  color:#333;
  font-size:10pt;
  margin-top:20px;
  text-align:right;
}

.formStatusError{
  color:#F00;
  font-size:10pt;
  margin-top:20px;
  text-align:right;
}

.formTextarea{
  resize:none;
  width:100%;
}

.formUploadFrame{
  display:none;
}

#footer{
  background:#FFF;
}

#footerFade{
  background:#EEE;
  background-image:url(../PNGs/footerFade.png);
  height:40px;
}

#footerText{
  clear:both;
  color:#777;
  font-size:8pt;
  padding-top:30px;
}

#header{
  background:#B5D5F3 url(../PNGs/header.jpg) no-repeat;
	background-size: auto 154px;   /* streach jpeg to 154 px height  */
  width:100%;
	height:154px;
	}

label{
  font-size:10pt;
  font-weight:bold;
}

#loginButton{
  background:#008000 url(../PNGs/menuHighlight.png);
  border-radius:8px;
  box-shadow:0px 0px 0px #888;
  color:#fff;
  cursor:pointer;
  height:32px;
  margin-bottom:20px;
  padding-top:8px;
  text-align:center;
  transition:box-shadow 0.5s ease-in;
}

#loginButton:hover{
	box-shadow:0px 0px 12px #888;
}

#loginButton a{
	color:#fff;
	font-size:14pt;
	text-decoration:none;
}

.mapImage{
  border:1px solid #CCC;
  padding:3px;
 	max-width: 95%; 
	height: auto;
}

#menuBanner{
  background:#057205;   
  background-image:url(../PNGs/menuHighlight.png);
  height:40px;
}

.menuFooter{
  background:url(../PNGs/menuFooter.png);
  height:13px;
}

.menuHeader{
  background:url(../PNGs/menuHeader.png);
  height:13px;
}

.menuMain{
  background:#008000 url(../PNGs/menuHighlight.png);
  color:#FFF;
  cursor:pointer;
  font-size:16pt;
  float:left;
  height:32px;
  margin-right:2px;
  padding-top:8px;
  text-align:center;
  width:164px;
}

.menuMain:hover .menuSub{
  display:block;
}

.menuMain:hover{
  background:#00C000 url(../PNGs/menuHighlight.png);
}

#menus{
  width:1000px;
	margin:auto;
}

.menuSub{
  border-top:1px solid #595959;
  display:none;
  margin-top:7px;
  position:absolute;
  width:164px;
}

.menuSubItem{
  background:#F2F2F2;
  border-left:1px solid #595959;
  border-right:1px solid #595959;
  color:#000;
  font-size:12pt;
  font-weight:bold;
  padding:4px 4px;
  text-align:left;
}

.menuSubItem:hover{
  background:#333 url(../PNGs/subMenuHighlight.png);
  color:#FFF;
}

.newsPost{
  
}

.newsPostDate{
  color:#777;
  float:right;
  font-size:10pt;
  padding-top:5px;
}

.newsPostTitle{
  border-bottom:1px solid #CCC;
  font-size:18pt;
  font-weight:bold;
  margin-top:10px;
  margin-bottom:10px;
}

.newsPostTitleMedium{
  border-bottom:1px solid #CCC;
  font-size:14pt;
  font-weight:bold;
  margin-top:30px;
  margin-bottom:10px;
}

.newsPostTitleSmall{
  border-bottom:0px solid #CCC;
  font-size:14pt;
  font-weight:bold;
  margin-top:35px;
  margin-bottom:10px;
}

.photoFooter{
  clear:both;
  margin-top:20px;
}

.photoThumbnail{
  cursor:pointer;
  float:left;
  margin:15px 15px;
  padding:0px 2px;
  text-align:center;
}

.photoThumbnail:hover{
  background:#EEE;
}

.photoThumbnailCaption, .photoThumbnailTimestamp{
  background:none;
  color:#777;
  font-size:8pt;
  padding:0px 2px;
}

.photoThumbnailImage{
  border:1px solid #CCC;
  height:100px;
  padding:2px;
}

.previousNextLinkDisabled{
  color:#CCC;
  cursor:default;
  text-decoration:none;
}

.previousNextLinks{
  float:right;
}

#weather{
/*  width and height are max values, 
	  height is dependent on content and could be less than 154, 
	  width is not restricted and will always be 287  */
  height:auto;
  width:300px;
/*  position:absolute;
  right:0px;
  top:0px;   */
/*  float:right;  */
}

#webcam{
  width:640px;
	max-width: 98%;
  height:480px;
  right:0px;
  top:0px;
}

.welcomeSection{
  color:#999;
  font-style:italic;
  font-weight:bold;
  margin-top:20px;
}

.welcomeSectionSubHeading{
  color:#6495ED;
  font-weight:bold;
	font-size:12pt;
}
.welcomeSectionEvent{
  color:crimson;
  font-style:italic;
	font-size:16pt;
  font-weight:bold;
  margin-top:20px;
}

#welcomeText{
  border-bottom:1px solid #CCC;
  font-size:18pt;
  font-weight:bold;
  margin-top:10px;
}

ul.bulletList {
	list-style-position:outside;
}

.welcomeImage {
	width: 500px;     /* upscale if width < 500 px, downscale if width > 500 px   */
	max-width: 95%; 	/* downscale if container < 525 px   */
	height: auto;			/* maintain aspect ratio   */
}

.historyImage {
	max-width: 95%; 	/* downscale if container < 525 px   */
	height: auto;			/* maintain aspect ratio   */
}

/***********************************************************/
/*added Eric's deug code                                   */
/***********************************************************/

#ruler1920{
  background:#86F72B url(../PNGs/ruler1920.jpg) no-repeat;
  height:68px;
  width:100%;
}

/***********************************************************/
/*added css code for responsive web sites from DreamWeaver */
/***********************************************************/

html * {			/* ensure all browsers have the same default  */
	padding: 0;
	margin: 0;
/*	box-sizing: border-box;        - casues padding to be ignored   */
/*	font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";    */
}


body {
	margin-left: auto;			/* suggested by Dreamweaver  */
	margin-right: auto;			/* suggested by Dreamweaver  */
	background: #e6f4f8;    /* was #EEE   */
	font-family:arial;			/* original */
	max-width: 1200px;
}

/*
.button {
	border: 2px #FFFFFF solid;
	padding: 8px 30px;
	border-radius: 30px;
	color: #FFFFFF;
	text-decoration: none;
}
*/

.col {
	width: 100%;
}
.row:before, .row:after {
	content: "";
	display: table;
}
.row:after {
	clear: both;
}



/****************************/
/*	css for new style menu  */
/****************************/


/*	menu item		member of (class):

	welcome    		navbar, a

	Events     		navbar, dropdown,  dropbtn, button

	BLA Events 		navbar, dropdown,  dropdown-content, a
	
	
*/
	
	

.navbar {
       overflow: hidden;   
    background-color: #057205;
   background-image:url(../PNGs/menuHighlight.png);  
  height:40px;
	height:auto;
	align-content: center;
	width:auto ;
	width:972px;
	margin:auto;
	}

	
.navbar a {                                                   /* applies to: Welcome  */
    background:#008000 url(../PNGs/menuHighlight.png);     
	cursor:pointer;
	float: left;
    font-size: 16pt;			                                /* 22 px    */
  	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";  
	color: white;
    text-align: center;
    height:33px;
	width:160px;
    margin-right:2px;
	/*	min-width: 160px;     */
/*	padding: 0px 16px;      */                               /* top, right, bottom, left    */
    padding-top:7px;  
	text-decoration: none;
align-self: center;
}   

.dropdown {													/* applies to:  Events, BLA Events  */
    float: left;
    overflow: hidden;
}

   .dropdown .dropbtn {                                                   /* applies to:  Events  */
   	 border: none;
    outline: none;
    background:#008000 url(../PNGs/menuHighlight.png);  
    cursor:pointer;
		font-size: 16pt;   		                               	/* 22 px  */ 
		font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
		 color:white;
    text-align:center; 
    height:40px;
    width:160px;
    margin-right:2px;
    padding-top:0px;
	align-self: center;
		}

.navbar a:hover, .dropdown:hover .dropbtn {        /* applies to: Welcome, Events  */
    background:#00C000 url(../PNGs/menuHighlight.png);
}

.dropdown-content {                                /* applies to:  BLA Events  */
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);    z-index: 1;
	width:160px;
}

.dropdown-content a {                               /* applies to:  BLA Events  */     
  float: none;   
  text-decoration: none;
  display: block;
  background:#F2F2F2;
  border-left:1px solid #595959;
  border-right:1px solid #595959;
  color:#000;
  font-size:12pt;									/* 16 px  */ 
  font-weight:bold;
  height:20px;
	padding:4px 4px;
  text-align:left;
	width:157px;
}

.dropdown-content a:hover {                             /* applies to:  BLA Events  */     
  background:#333 url(../PNGs/subMenuHighlight.png);
  color:#FFF;
}

.dropdown:hover .dropdown-content {                       /* applies to:  BLA Events  */     
  display: block;
}

.closebtn{
position: absolute;
float: left;
left: 15px;
top: 10px;
font-size: 30px;
cursor: default;
color: #eee;
display:none;
}                                   /* menu symbol for small screen - hidden if width > 979  */

#bgBlue{
	background-color:#ffffff; 
	width: 100%;
	height: auto;
}

.logoImage {
	width: 1200px;     
	max-width: 100%; 
	height: auto;			/* maintain aspect ratio   */
}
	
/****************************************************/
/*Definition for Col1 and Col2 (screen width >= 980 */
/****************************************************/

.col1 {
	max-width: 400px;
}	

.col2 {
	width: 320px;
}	

@media (min-width: 980px){

#menuBanner{
 	display: block;
}	
	
}
/*********************************************/
/*  Stacked menu (screen width less than 980 */
/*********************************************/

@media (max-width: 979px){

.closebtn{
	display: block;
	}                                                         /*   display the menu item &#9776    */
	
#header{
  background:#B5D5F3 url(../PNGs/header480_78.jpg) no-repeat;
	background-size: auto auto;   
	width:100%;
	height:78px;
	}

#menuBanner{
  background:#B5D5F3;   
  height:auto;
	display:none;
}
	.navbar {
	background-color: #B5D5F3;
	height:auto;
	max-width: 160px;    									/* force 1 item per row, allow multiple rows, allow centering  */
	}

.navbar a , .dropdown .dropbtn{       /*      applies to:  all top level buttons  */	
	float:none;
	margin-left: auto;
	margin-right: auto;
	display: block;
	height: 30px;
	background:#008000;
	}

	.navbar a {
		height: 25px;
	}
	
	.dropdown {	
	float: none;
	margin-left: auto;
	margin-right: auto;	
	}	

	.dropdown-content  {  
	position: relative;
	}
	
	.dropdown-content a:hover {                             /* applies to:  BLA Events  */     
     background:#333 ;
  color:#FFF;
}
	
	
.col1 {
	max-width: inherit;
}

	.col2 {
	width: 100%;
}	

	#contentLeft{
  max-width:960px;
	width:auto;
}
	
#contentRight{
	/*  float: none;  needed for auto centering but Login button screws up   */
	width : 320px;
	/*    margin-left:auto;
  margin-right:auto;    */
}
	
.discussionTopicHeader{
  background-size: 100% 64px;   /* double the height  */
  height:64px;
} 

	
#bgBlue{
  height: auto;
}
	
#contentRight{
	margin-left: 290px;
	}

ul.bulletList {
	list-style-position:inside;
}	
		
}

/*********************************************/
/*  Only 1 column (screen width =< 800)      */
/*********************************************/

@media (max-width: 800px){

#contentRight{
	margin-left: 240px;
	}

}

/*********************************************/
/*  Only 1 column (screen width =< 600)      */
/*********************************************/

@media (max-width: 600px){

#contentRight{
	margin-left: 140px;
	}

}

/*********************************************/
/*  screen width =< 520                      */
/*********************************************/

@media (max-width: 520px){

#contentRight{
	margin-left: 100px;
	}


}

/*********************************************/
/*  screen width =< 480                      */
/*********************************************/

@media (max-width: 480px){

#contentRight{
	margin-left: 80px;
	}

}

/*********************************************/
/*  screen width =< 460                      */
/*********************************************/

@media (max-width: 460px){

#contentRight{
	margin-left: 70px;
	}

}

/*********************************************/
/*  screen width =< 420                      */
/*********************************************/

@media (max-width: 420px){

#contentRight{
	margin-left: 50px;
	}

}

/*********************************************/
/*  screen width =< 360                      */
/*********************************************/

@media (max-width: 360px){

#header{
  background:#B5D5F3 url(../PNGs/header360x66.png) no-repeat;
	background-size: auto auto;   
	width:100%;
	height:66px;
	}

#contentRight{
	margin-left: 20px;
	}
	
}

/*********************************************/
/*  screen width =< 320                      */
/*********************************************/

@media (max-width: 320px){

#header{
  background:#B5D5F3 url(../PNGs/header320.jpg) no-repeat;
	background-size: auto auto;   
	width:100%;
	height:52px;
	}
#contentRight{
	margin-left: 0px;
	}
	
}