body  {  font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;  background: #42413C;  margin: 0;  padding: 0;  color: #000;  }
	img.BRG_logo  {  width: 103px;    }
	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 ~~ */
	ul, ol, dl { 	padding: 0;	margin: 0;	line-height: 150%;}
	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;}
	a:hover, a:active, a:focus { 	text-decoration: none;}
	
	/* ~~this fixed width container surrounds the other divs~~ */
	#container {	width: 100%;     overflow: hidden;	background: #eeeeee;	margin: 0 auto; }
	.header {	background: #eeeeee;}
	.sidebar1 {display: none;}
	.sidebar2 {display: block;	text-align: center;	margin-left: auto;	margin-right: auto;	width: 210px;	background: #eeeeee; font-family: arial; font-size: 18px; margin-top: 5px; }
	.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 ~~ */
	.content ul, .content ol { 	padding: 0 0px 0px 15px; }
	.content {	padding: 0px 5px 0px 5px;	max-width: 350px; margin-left: auto;	margin-right: auto;	background: #fff;}

	/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
	ul.nav {	list-style: none; 	border-top: 1px solid #666;	margin-bottom: 15px; }
	ul.nav li {	border-bottom: 1px solid #666; }
	ul.nav a, ul.nav a:visited { 	padding: 5px 5px 5px 5px;	display: block;	width: 200px;  	text-decoration: none;	background: #C6D580;	color: #666; line-height: 100%;}
	ul.nav a:hover, ul.nav a:active, ul.nav a:focus { 	background: #ADB96E;	color: #FFF;}
	ul.nav2 {	padding: 0px 0px 0px 0px; list-style: none; 	border-top: 1px solid #666; 	margin-bottom: 15px; }
	ul.nav2 li {	border-bottom: 1px solid #666; }
	ul.nav2 a, ul.nav2 a:visited { 	padding: 5px 5px 5px 5px;	display: block; 	text-decoration: none;	background: #C6D580;	color: #666; line-height: 100%;}
	ul.nav2 a:hover, ul.nav2 a:active, ul.nav2 a:focus { 	background: #ADB96E;	color: #FFF;}
	.mytitle1{	font: 20px times, serif; text-align: center;}          
	.mytitle1sans{	font: 20px arial, sans-serif; text-align: center;}          
	.mytitle1sansleft{	font: 20px arial, sans-serif; text-align: left;}          
	.mytitlesans{	font: 28px arial, sans-serif; text-align: center;}          
	.mytitle2{	font: 14px arial, sans-serif; text-align: center;}          
	.mytitle2left{	font: 14px arial, sans-serif; text-align: left;}          
	.mytitle3{	font-style: italic;	color: #CC6699;	font-size: 12px;	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; text-align: center;}          
	
	#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;}
	table.logotable { 	text-align: center;	margin-left: auto;	margin-right: auto; }
	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;}  

	.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; }
.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 { width: 150px; display:inline-block; padding: 1px 8px 1px 8px; text-align: center; font-size: 14px; border: 0px solid black; }
.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;}
.mymain_img { max-width: 350px; }

	
@media screen and (min-width: 700px)
	{
	body  {  font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;  background: #42413C;  margin: 0;  padding: 0;  color: #000;  }
	img.BRG_logo  {  width: 206px;    }
	td.mytable_logo_cell    {  width: 20%;    }  
	td.mytable_text_cell    {  width: 80%;    }
	#logo-1  {  display: block;  text-align: center;  }
	#logo-2  {  display: none;  }
	.mymain_img { max-width: 800px; }

	/* ~~ Element/tag selectors ~~ */
	ul, ol, dl { 	padding: 0;	margin: 0;	line-height: 150%;}
	
	/* ~~this fixed width container surrounds the other divs~~ */
	#container {	max-width: 930px;	text-align:center;    }
	.header {	max-width: 9100px;}
	.sidebar2 {display: none;}
	.sidebar1 {display: block;	text-align: left;	float: left;	width: 210px;	background: #eeeeee; font-family: arial; font-size: 18px; }
	.content {	padding: 10px 10px;	max-width: 710px; margin-left: 210px;	background: #fff;}
	
	/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
	ul.nav { font: 18px arial, sans-serif;}
	ul.nav a, ul.nav a:visited { 	padding: 5px 5px 5px 15px;		width: 190px;  }
	
	#footer  {  padding: 10px 0;  background: #CCC49F;  position: relative;  clear: both;  font: 15px arial, sans-serif;  }
	.mytitle1  {  font: 50px times, serif; }          
	.mytitle2  {  font: 18px arial, sans-serif;  }          
	.mytitle3  {  font-size: 16px;  }          
         
}