@charset "UTF-8";
/* CSS Document */ 
		body {
			background-color: #d1e0e0;
			align-content: center;
			}
		.content {
			max-width: 1024px;
			margin:auto;
			background-color: #d1e0e0;
			padding: 10px;
			border:5px solid #006666;
			border-radius: 40px; 
			}
		figcaption {text-align: center;
			padding: 5px
			}
		html *{
			font-family: Tahoma, Verdana, sans-serif;}
		h1, h2, h3 { 
  			display: block;
  			font-size: 2em;
 			margin: 0;
			font-weight: bold;
			font-variant: small-caps;
  			text-align: center;
			}
		h2 {font-size: 1.5em;
			}
		h3 {font-size: 1.3em;
			}
		hr {border:1px solid #006666;
			clear: both;
			width: 98%;
			display: block;
  			margin-top: 0.5em;
  			margin-bottom: 0.5em;
			}
		hr.dashed {
			border-top: 3px dashed #006666;
			border-bottom: 3px dashed #006666;
			width: 50%;
			}
		img.arb_logo_lite, img.c_r_logo_lite, img.hoa_logo_lite {
			width: 100px;
  			height: 80px;
			border: none;
			margin: auto;
			padding: inherit;
			}
		img.brd, img.fe, img.arb_pic, img.cw, img.t_collect, img.fbasket, img.wm_cir, img.lwn_care, img.att, img.gcpd_logo {
			float: right;
			border: 2px solid #2DA2FD;
			width: 200px;
			height:auto;
			margin-left: 5px;
            margin-right: 5px;
			padding: 5px;
			border-radius:30px;
			vertical-align: middle;
			}
		img.arb_pic {
			width: 200px;
			}
		img.brd, img.fence_clean, img.nno_gc {
			float: left;
			width: 175px;
			height: auto;
			margin-left: 10px;
            margin-right: 10px;
			padding: 5px;
			border: 2px solid #2DA2FD;
			border-radius: 30px;}
		img.cw {
			float: left;
			width: 150px;
			height:auto;
			}
		img.fbasket, img.gcpd_logo{
			float: right;
			width:155px;
			}
		/*img.gcpd_logo {
			float: right;
			width:155px;
			}*/
		img.t_collect {
			width: 150px;
			}
/*pond images*/
		.image2{
			align-content: flex-start;
			width: 350px;
			height: 275px;	
			float: center;
			padding: 10px;
			border: 2px solid #2DA2FD;
			border-radius: 30px;
			}
		
		a:hover{
			background: #b3cccc;
			color:#669999;
			}
		.nav{
    		border:1px solid #ccc;
    		border-width:2px;
   			list-style:none;
    		margin:0;
    		padding:5px;
			font-variant: small-caps;
			font-size: 1.25em;
    		text-align:center;
			background-color: #b3cccc;
			}
		.nav li{
    		display:inline;
			margin-left:15px;
  			margin-right:15px;
			}
		.nav a{
			display:inline-block;
			padding:0px;
			font-size: 1.25em;
			}
		tr:hover{
			background-color: #669999;
			}
		ul, ol, li  {font-size: 1.15em;
			margin-bottom: 10px;}

		p 	{
			margin: 20px;
			font-size: 1.15em;
			}
		p.clear {
			clear: left;
		}
		span.dc {
			float: left;
			width: .7em;
			font-size: 300%;
			font-family: algerian, courier;
			line-height: 80%;
			}
/* Tables*/
		#annce, #annce1 {
			border-collapse: collapse;
  			width: 40%;
			background-color: #e0ebeb;
			}
		#annce th, #annce1 th {
			background: #669999;
			padding-top: 10px;
			padding-bottom: 10px;
			}
		#annce td, #annce1 td {
			padding-border-top: 2px;
			padding-bottom: 2px;
			padding-left:5px;
			padding-right:5px; 
			}
		#brd_mbrs {
			border-collapse: collapse;
  			width: 40%;
			background-color: #e0ebeb;
			}
		#brd_mbrs td, #brd_mbrs th {
			border: 1px solid #ddd;
  			padding-right: 5px;
			padding-left: 5px;
			vertical-align: top;
			}
		#brd_mbrs th {
			background: #669999;
			padding-top: 10px;
			padding-bottom: 10px;
		}
		#contact_info{
			border-collapse: collapse;
  			width: 40%;
			background-color: #e0ebeb;
			}
		#contact_info td, #contact_info {
			border: 1px solid #ddd;
  			padding: 5px;
			vertical-align: top;
			}
		#contact_info th {
			background: #669999;
			padding-top: 10px;
			padding-bottom: 10px;
			}
		#hdr tr {border: collapse;
			background: #669999;}
		#mtg_loc{
			border-collapse: collapse;
  			width: 40%;
			background-color: #e0ebeb;
			}
		#mtg_loc td, #mtg_loc th {
			border: 1px solid #ddd;
  			padding: 10px;
			vertical-align: top;
			}
		#mtg_loc th {
			background: #669999;
			padding-top: 10px;
			padding-bottom: 10px;
			}
		#tbl_arb{
			background-color: #e0ebeb;
			border: 1px;
			/*padding-top: 10px;
			padding-bottom: 10px;*/
			width: 30%
			}
		#tbl_arb th{
			background:#669999;
			padding-top: 10px;
			padding-bottom: 10px;}
		#tbl_arb td
			{padding-left: 100px;
			}
		a:link {
 			color: darkgreen;
			}
		a:visited {
 			color: purple;
			}
		a:hover {
  			color: red;
			text-decoration: underline;
			}
		a:active {
  			color: blue;
			text-decoration: underline;
			}
/* Three image containers (use 25% for four, and 50% for two, etc) */
	* {
		box-sizing: border-box;
		}
	.row {display: flex;}
	
	.row::after {
  		content: "";
  		clear: both;
  		display: table;
		}
	.column {
		flex: 33.33%;
		padding: 5px;
		vertical-align: top;
		}