body  {  max-width: 900px; margin-left: auto; margin-right: auto; margin-top: 0; padding: 0; background: #cccccc; font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;   color: #000;  }  
	img { border: 0; }
	td.mytable_logo_cell    {  width: 110px;   }  
	td.mytable_text_cell    {  width: 310px;   }
	#logo-1 { display: none; }
	#logo-2 { display: block; text-align: center; }
	
	/* ~~ Element/tag selectors ~~ */

	h1, h2, h3, h4, h5, h6, p {	margin-top: 0;		padding-right: 0px;	padding-left: 0px; }
	a img { 	border: none;}
	/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
/*	a:link {	color: #5555FF;	text-decoration: underline; }
	a:visited {	color: #6E6C64;	text-decoration: underline;}    2024 03 17   */
	a:link {	color: #0000EE;	text-decoration: underline; }
	a:visited {	color: #551A8B;	text-decoration: underline;}
	a:hover, a:active, a:focus { 	text-decoration: none;}
	
	/* ~~this fixed width container surrounds the other divs~~ */
	#container {	width: 100%;     overflow: visible;	background: #eeeeee;	margin: 0 auto; }
	.mytwitter {	text-align: center;	margin-left: auto;	margin-right: auto;}
     .myIndexTitle1 {font-family: arial; font-size: 28px; text-align: left; }
     .myIndexTitle2 {font-family: arial; font-size: 20px; text-align: left; }
     .myIndexTitle3 {font-family: arial; font-size: 12px; text-align: left; }
     .myIndexListingTitle {font-family: arial; font-size: 18px; text-align: left; }	 
     .myIndexListing {font-family: arial; font-size: 14px; text-align: left; }	 
     .myIndent1 { margin-left: 10px; }	 
     .myIndent2 { margin-left: 20px; }	 
     .myIndent3 { margin-left: 30px; }	 
	/* ~~ This grouped selector gives the lists in the .content area space ~~ */


/*  KNOWN ACTIVE STYLES - small screen  */
/*	.myRRBody [ max-width: 900px; margin-left: auto; margin-right: auto; padding: 0; background: #420000; ] */
#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #555;
}
	.header {	background: #eeeeee;}
	img.BRG_logo  {  width: 103px;    }
	#container2 {	max-width: 800px; padding: 0px 40px 0px 40px;    overflow: hidden;	background: #eeeeee;	margin: 0 auto; }
.column {   float: left;   width: 33.33%;   padding: 5px; }
.row::after {   content: "";   clear: both;   display: table; }
* {  box-sizing: border-box; }
	.myEntirePage {max-width: 800px; padding: 10px 10px 10px 10px;    overflow: hidden;	background: #eeeeee;	margin: 0 auto;}
	.myRRbody { font: 18px times, serif; font-weight: normal; text-align: left; text-indent: 10px; padding-top: 10px;}
	.myRRbodyTight { font: 18px times, serif; font-weight: normal; text-align: left; text-indent: 10px; padding-top: 0px;}
.myRRNav {width: 100%; font-family: arial; font-size: 10px; color: grey; font-weight: bold;}
.myRRIndexPageImg{ max-width: 100px;}
.public_notices  ul li {  font-size: 12px; margin-left: 25px;   font-weight: normal;  padding: 5px;}  
.myRRbody  ul li {  text-indent: 0px; margin-left: 35px;   font-weight: normal;  padding-left: 0px; padding-top: 2px; padding-bottom: 0px; list-style-position: outside;}  
	.myRRpost { font: 8px arial, sans-serif; font-weight: normal; color: grey; text-align: left; font-style: italic; margin-left: 10px;}
	.myRRtitle { font-family: arial; font-size: 16px; color: black; font-weight: bold; text-align: left; margin-left: 5px;}
	.myRRtitleSmall { font-family: arial; font-size: 8px; color: black; font-weight: normal; text-align: left; margin-left: 5px;}
	.myRRtitle2 {width: 100%;  font-family: arial; font-size: 16px; color: black; font-weight: bold; text-align: left; margin-left: 5px;}
	.myRRClickForPastIndex { font-family: arial; font-size: 16px; color: red; font-weight: bold; }
	.myRRClickForPastEmail { font-family: arial; font-size: 16px; color: red; font-weight: bold;  text-align: center; }
	table.Nav { width: 100%; margin-left:auto;  margin-right:auto; }
	.myNoraUrls{ font-family: arial; font-size: 10px; color: black; font-weight: bold;  padding-top: 5px;}
	.myNoraTitles{ font-family: arial; font-size: 16px; color: black; font-weight: bold; }
	.nora_list{ font-family: arial; font-size: 12px; color: black; font-weight: bold; margin-left: 20px; text-indent: -9px;}
	.myList{ font-family: arial; font-size: 12px; color: black; font-weight: bold; margin-left: 10px; }
	.myCWTitles{ font-family: arial; font-size: 20px; color: black; font-weight: bold; margin-left: 80px; text-align: left;}
	.myCWPoem{ font-family: arial; font-size: 16px; color: black; font-weight: normal; margin-left: 60px; text-align: left;}
	.myCWPoemCentered{ font-family: arial; font-size: 16px; color: black; font-weight: normal; text-align: center;}
	.myPoem{ font-family: arial; font-size: 16px; color: black; font-weight: normal; margin-left: 60px; text-align: left;}
	.myAlanTitles{ font-family: arial; font-size: 16px; color: black; font-weight: bold;   padding-top: 10px;}
	.myJillTitles{ font-family: arial; font-size: 18px; color: black; font-weight: bold;   padding-top: 10px;}
	.myBrandtTitles{ font-family: arial; font-size: 18px; text-align: center; color: black; font-weight: bold;   padding-top: 10px;}
	.myMorseTitles{ font-family: arial; font-size: 18px; color: black; font-weight: bold; }
	.myMorseIngredients{ font-family: arial; font-size: 14px; color: black; font-weight: bold;  margin-left: 20px;}
	.myMorseDirections{  font: 18px times, serif; font-weight: normal; text-align: left; text-indent: 10px; padding-top: 0px;}
	.myRRbyline { font-family: times; font-size: 12px; color: black; font-weight: bold; text-align: left; margin-left: 15px;}
	.myQuizHeader { font-family: arial; font-size: 18px; color: black; font-weight: bold; text-align: left; margin-left: 15px;}
	.myQuizTitle { font-family: arial; font-size: 14px; color: black; font-weight: bold; text-align: left; margin-left: 15px;}
	.myQuizTitleSub { font-family: arial; font-size: 10px; color: black; font-weight: normal; text-align: left; margin-left: 25px; font-style: italic;}
	.myQuizQuestion { font-family: arial; font-size: 12px; color: black; font-weight: normal; text-align: left;  padding-left: 50px ;  text-indent: -22px ;}
	.myQuizAnswer { font-family: arial; font-size: 12px; color: black; font-weight: normal; text-align: left; margin-left: 25px;}
	.myColTitles{ font-family: arial; font-size: 8px; color: black; font-weight: bold; }
hr.new1 {  border-top: 2px dotted gray;  margin-left: 5px; margin-right: 100px;}	
hr.myRRImageDivider {  border-top: 1px dotted gray;  margin-left: 5px; margin-right: 5px;}	
	.myClickForAlbum{ font-family: times; font-size: 12px; color: red; font-weight: normal; font-style: italic;}
	.myColBio{ font-family: times; font-size: 12px; color: black; font-weight: normal; font-style: italic;}
.myRegUrls{ font-family: times; font-size: 14px; color: black; font-weight: bold;  padding-top: 5px;}
.mygallery_row2 { margin-left: auto;  align: bottom; margin-right: auto; width: 90%;  padding: 5px 5px 5px 5px; text-align: center; font-size: 16px; border: 0px solid black;}
	.myRRbody2hold { overflow: auto; font: 18px arial; font-weight: normal; text-align: left; text-indent: 10px; padding-top: 20px;}
	.myRRbody2 { font: 18px times, serif; font-weight: normal; text-align: left; text-indent: 10px; padding-top: 10px;}
	.myRRbodyQuote { overflow: auto; font: 16px times; font-weight: normal; text-align: left; text-indent: 10px;  padding: 0px 30px 0px 50px; font-style: italic;}
img { max-width: 100%;  height: auto;  border: 0px solid green;  }
img.RR_img { width: 150px;  height: auto;  float: left;  border: 0px solid blue;   padding: 0px 15px 0px 5px; }
	.RandomRippling_content{ max-width: 100%; }
	.mytitle2left{	font: 14px arial, sans-serif; text-align: left;}          
	.mytitle2indent{	font: 14px arial, sans-serif; text-align: left; margin-left: 40px;}          
	.mytitle1sansleft{	font: 20px arial, sans-serif; text-align: left;}          
.mySubscribeButton {margin-left: auto; margin-right: auto; padding: 3px;}
	table.logotable { 	text-align: center;	margin-left: auto;	margin-right: auto; }
	.mytitle1  {  font: 20px times, serif; text-align: center; color: black; font-weight: bold;}          
	.mytitle2  {  font: 14px arial, sans-serif; text-align: center;  font-style: normal;  color: #333333;}          
	.mytitle3  {  font: 12px arial, sans-serif;  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; text-align: center; font-style: italic; color: #CC6699;}          
	.myRRFooterLink  {  font: 16px arial, sans-serif; text-align: center;  font-style: normal; font-weight: bold; padding-top: 0px; padding-bottom: 10px;}          
.mygallery_img { width: 100%; height: auto; display:inline-block; padding: 1px 8px 1px 8px; text-align: center; font-size: 14px; border: 0px solid black; }
.mygallery_row { margin-left: auto; margin-right: auto; width: 100%;  padding: 5px 5px 5px 5px; text-align: center; font-size: 16px; border: 0px solid black;}
.mygallery_img_text { max-width: 100%; padding: 1px 1px 1px 1px; text-align: center; font-size: 14px; font-weight: bold; border: 0px solid black;}
.mygallery_img_credit { max-width: 100%; padding: 1px 1px 1px 1px; text-align: right; font-size: 8px; font-weight: bold; border: 0px solid black;}
.myRRCalendarTDDate {width:80px; height: 60px; vertical-align: text-top; padding: 8px 0px 0px 8px;}
.myRRCalendarTDDay {width:60px; height: 60px; vertical-align: text-top; padding: 8px 0px 0px 3px;}
.myRRCalendarTDInfo {width:400px; height: 60px; vertical-align: text-top; padding: 8px 0px 0px 0px;}
.myRRCalendarTDLogo {width:80px;}
.myRRCalendarTDLogoImg {padding: 0px 0px 0px 0px; display:block;}
.myRRCalendarTitle {font: 18px arial, sans-serif;  text-align: left; font-weight: bold;}
.myRRCalendarAddr {font: 14px arial, sans-serif;  text-align: left; font-weight: bold; padding: 2px 0px 0px 15px;}
.myRRCalendarSubject {font: 12px arial, sans-serif;  text-align: left; font-style: italic; padding: 5px 0px 0px 30px; }
.myRRCalendarHeader {display: block; margin-left: auto; margin-right: auto;}
.myRRCalendarTable {background: white; border-spacing: 0px; margin-left:auto; margin-right:auto;}
.myRRNavText {font-family: arial; font-size: 10px; color: grey; font-weight: bold;}
.myRRTitle3 {font-family: arial; font-size: 24px; color: red; font-weight: bold;}
.myRRLowerNav {font-family: arial; font-size: 24px; color: red; font-weight: bold;  margin-left: auto; margin-right: auto;}
.myRRTitle4 {font-family: arial; font-size: 12px; color: red; font-weight: normal; text-indent: 10px;}


/*  END of KNOWN ACTIVE STYLES   */
	.content {	padding: 0px 5px 0px 5px;	max-width: 350px; margin-left: auto;	margin-right: auto;	background: #fff;}

	
/*.mygallery_img { width: 150px; display:inline-block; padding: 1px 8px 1px 8px; text-align: center; font-size: 14px; border: 0px solid black; }*/
	
	.mytitle1sans{	font: 20px arial, sans-serif; text-align: center;}          
	.mytitlesans{	font: 28px arial, sans-serif; text-align: center;}          
	.mytitle3{	font-style: italic;	color: #CC6699;	font-size: 12px;}          
	
	#footer {	padding: 10px 0;	background: #CCC49F;	position: relative;	clear: both; 	font: 15px arial, sans-serif;}
	#footer table{	margin-left: auto;	margin-right: auto; text-align: center; max-width: 500px;}
	img.myimg_classified_logo { 	display: block; 	margin-left: auto;	margin-right: auto; }
	img.myimg_classified_logo2 { 	display: block; padding: 5px 5px 5px 5px;}
	table, th, td {   border: 0px solid black;}  
/*	table.myBorderTable, td.myBorderTable {   border: 1px solid black;   border-collapse: collapse;}  */
	.myBorderTable  table tr td {   border: 1px solid black;   border-collapse: collapse; padding:  5px;}  

	.mylarge{ font-family: arial; font-size: 36px; color: black; }
	.mytitle{ font-family: arial; font-size: 24px; color: black; font-weight: bold;}
	.mynormal{ font-family: arial; font-size: 16px; color: black; }
	.mysmaller{ font-family: arial; font-size: 12px; color: black; }
	.mysmaller_ital{ font-family: arial; font-size: 12px; color: black; font-style: italic;}
	.mygallery_title1 { width: 100%; display: block; float: left; padding: 5px 5px 5px 5px; text-align: center; font-size: 22px; font-weight: bold;}
.mygallery_title2 { width: 100%; display: block; float: left; padding: 5px 5px 5px 5px; text-align: center; font-size: 18px; font-weight: bold;}
.mygallery_img form {padding: 0px 0px 20px 0px;}
.mygallery_row_title { width: 100%; display: block; float: left; padding: 15px 5px 0px 5px; text-align: center; font-size: 20px;  font-weight: bold; }
.myLargerImageText { font-size: 10px; padding: 0px 0px 15px 0px;}
.imagenumber { font-size: 12px; }
/*.mygallery_img_text { width: 150px; padding: 1px 1px 1px 1px; text-align: center; font-size: 14px; font-weight: bold; border: 0px solid black;}*/
.mygallery_icon {  display:inline-block; padding: 1px 8px 1px 8px; text-align: center; font-size: 12px; border: 0px solid black; vertical-align:top;}
	img.myImageHeader  {  width: 300px; border: 0px solid red;   }
@media screen and (min-width: 700px)
	{
/*	body  {  font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;  background: #42413C;  margin: 0;  padding: 0;  color: #000;  } */
.mygallery_img2 { max-width: 100%;  height: auto;  border: 0px solid red;  }
	img.BRG_logo  {  width: 206px;    }
	img.myImageHeader  {  width: 500px; border: 0px solid blue;   }
	td.mytable_logo_cell    {  width: 20%;    }  
	td.mytable_text_cell    {  width: 80%;    }
	#logo-1  {  display: block;  text-align: center;  }
	#logo-2  {  display: none;  }
	.myRRtitle { font-family: arial; font-size: 16px; color: black; font-weight: bold; text-align: left; margin-left: 5px;}
	.myRRpost { font: 10px arial, sans-serif; font-weight: normal; color: black; text-align: left; font-style: italic; margin-left: 10px;}
	.myRRclick { font: 10px arial, sans-serif; font-weight: normal; text-align: left; }
	.myRRbody { font: 18px times, serif; font-weight: normal; text-align: left; text-indent: 10px; padding-top: 10px;}
	.myPNtitle { font-family: times; font-size: 14px; color: black; font-weight: bold; text-align: left; }
	/* ~~ Element/tag selectors ~~ */
	ul, ol, dl, li { 	padding: 0;	margin: 0;	line-height: 130%; list-style-position: inside;}
.public_notices  ul li {  font-size: 16px; margin-left: 25px;   font-weight: normal;  padding: 5px;}  
	
	
	/* ~~this fixed width container surrounds the other divs~~ */
	#container {	max-width: 930px;	text-align:left;    }
	.header {	max-width: 9100px;}
	.content {	padding: 10px 10px;	max-width: 710px; margin-left: 210px;	background: #fff;}
.myRRIndexPageImg{ max-width: 150px;}
	.myEntirePage {max-width: 800px; padding: 10px 40px 10px 40px;    overflow: hidden;	background: #eeeeee;	margin: 0 auto;}
	

	
	#footer  {  padding: 10px 0;  background: #CCC49F;  position: relative;  clear: both;  font: 15px arial, sans-serif;  }
	.mytitle1  {  font: 35px times, serif; text-align: center; color: black; font-weight: bold;}          
	.mytitle2  {  font: 18px arial, sans-serif; text-align: center;  font-style: normal;  color: #333333;}          
	.mytitle3  {  font: 14px arial, sans-serif;  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; text-align: center; font-style: italic; color: #777777;}          
         
}