body
{
	margin: 0;
	border: 0px none;
	padding-top: 85px;
	
	font-family: "Comic Sans MS", Arial, Verdana, Helvetica, "san-serif";
	font-size: 90%;
	background-color: #F7F2EA
}


h1
{
	text-align: center;	
}

h3
{
	text-align: left;	
}

h2
{
	text-align: center;	
}

h4
{
	text-align: center;	
}

a
{
	color: black;
	display:inline-block;
	/* text-decoration: none; */
}

a:active
{
	color: black;
	display:inline-block;
}

a:hover
{
	color: black;
	display:inline-block;
	/* text-decoration: underline; */
}

a:visited
{
	color: black;
	display:inline-block;
}

p
{
	text-align: justify;
}


#main
{
	width: 1010px;
	text-align: center;
	margin: auto;
	
}

.imageleft
{
	float: left;
	padding: 5px 5px 5px 10px;
	overflow: hidden;
	width: 210px;
}

.imageright
{
	float: right;
	padding: 5px 5px 5px 10px;
	overflow: hidden;
	width: 310px;
}

.cottagelinks
{
	width: 80%;
}

.homepagetable
{
		padding: 0px 0px 15px 0px;
		width: 200px;
}

.adright
{
	float: right;
	width: 40px;
	padding: 5px 15px 5px 5px;
	display: none;
}

.centered
{
	text-align: center;
}

.left
{
	text-align: left;
}

.right
{
	text-align: right;
}

.tablecenter
{
	text-align: center;
}

/*
 *
 * Top Level Navigation
 *
 */

.nav {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.nav__list {
  width: 100%;
  padding: 0;
  margin: 0;
}

.nav__item {
  box-sizing: border-box;
  display: inline-block;
  width: 24%;
  text-align: center;
  line-height: 24px;
  padding: 24px;
  text-transform: uppercase;
}

.nav a {
  text-decoration: none;
  color: #616161;
  min-width: 48px;
  min-height: 48px;
  padding: 1.5em;
}

.nav a:hover {
  text-decoration: underline;
  color: #212121;
}


.navlistcenter  
{
	
	list-style-type: none;
	float: center;
	
	
	min-width: 48px;
	min-height: 48px;

}


.navlistcenter li 
{
	display: inline;
	list-style-type: none;
	float: center;
	
	background-color: #f0ddb0;
	border-top: 1px solid #aaaaaa;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #aaaaaa;
	text-align: center;
	min-width: 48px;
	min-height: 48px;
	
}

.navlistcenter li a
{
	text-decoration: none;
	
	padding: 1.5em;

	
}

.navlist li 
{
	display: inline;
	list-style-type: none;
	float: left;
	margin: 0px 5px 4px 5px;
	background-color: #f0ddb0;
	border-top: 1px solid #aaaaaa;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #aaaaaa;
	text-align: center;
}

.navlist li a
{
	padding: 2px 20px 2px 20px;
	text-decoration: none;
}

.navlist li a:hover
{
	background-color: #ddd0aa;
}

.nav select {
  display: none;
}

table#sample {
    margin-left:5px; 
    margin-right:5px;	
    table-layout: fixed;
    background-color:#FFFFFF;
    border: solid #A4A4A4 3px;
    width: 750px;
 }
 table#sample td {
    padding: 5px;
    border: solid #A4A4A4 1px;
 }
 table#detail {
    margin-left:5px; 
    margin-right:5px;	
    table-layout: fixed;
    background-color:#FFFFFF;
    border: solid #A4A4A4 3px;
    width: 750px;
 }
 table#detail td {
    padding: 5px;
    font-family: "Comic Sans MS", Arial, Verdana, Helvetica, "san-serif";
	font-size: 100%;
    text-align: left;
    border: solid #A4A4A4 1px;
 }
  table#sold {
    margin-left:5px; 
    margin-right:5px;	
    table-layout: fixed;
    background-color:#DEDEDE;
    border: solid #A4A4A4 3px;
    width: 750px;
 }
 table#sold td {
    padding: 5px;
    font-family: "Comic Sans MS", Arial, Verdana, Helvetica, "san-serif";
	font-size: 100%;
    text-align: left;
    border: solid #A4A4A4 1px;
 }
 .data1 {
    color: #000000;
    text-align: left;
    width: 80px;
    background-color: #F7F2EA;
 }
.data2 {
    color: #000000;
    text-align: left;
    width: 275px;
    background-color: #F7F2EA;
 }
.data3 {
    color: #000000;
    text-align: left;
    width: 90px;
    background-color: #F7F2EA;
 }
 .data4 {
    color: #000000;
    text-align: left;
    width: 325px;
    background-color: #F7F2EA;
 }
 .data5 {
     display: none;
 }
 .data6 {
    color: #000000;
    text-align: left;
    width: 80px;
    background-color: #F7F2EA;
 }
 .toprow {
    text-align: center;
    font-weight: bold;
    background-color: #F7F2EA;
 }
 .toprowad {
    text-align: center;
    font-weight: bold;
    background-color: #F7F2EA;
 }
 .leftcol {
    
    text-align: left;
    width: 300px;
    background-color: #F7F2EA;
    
 }
 .leftcol2 {
    
    text-align: center;
    width: auto;
    background-color: #F7F2EA;
    
 }
.leftcol a
{
    color: #0000ff;
}


.leftcol a:active
{
    color: #0000ff;
}
table#test td {
    padding: 5px;
    border: solid #000 1px;
font-weight: bold;
 }

img, embed, object, video {
	max-width: 100%;
}
.container {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.rTable {   	
	display: block;   	
	width: 100%; 
} 
.rTableHeading, .rTableBody, .rTableFoot, .rTableRow{   	clear: both; 
} 
.rTableHead, .rTableFoot{   	
background-color: #DDD;   	
font-weight: bold; 
} 
.rTableCell, .rTableHead {   	
	border: 0px;   	
	float: left;   	
	height: 70px;   	
	overflow: hidden;   	
	padding: 3px 1.8%;   	
	width: 28%; 
} 
.rTable:after {   	
	visibility: hidden;   	
	display: block;   	
	font-size: 0;   	
	content: " ";   	
	clear: both;   	
	height: 0; 
}

#banner {
             margin-left:auto; 
             margin-right:auto; 
             width:1000px;  
          }

          #banner img { 
             max-width:1000px; 
             max-height:300px; 
          }
 
          #main2 {
            margin-left:auto;
            margin-right:auto;
            width:1000px; 
          }    

          #main-content {
            padding:20px;
            width:625px; 
            float:left;
          }  

          #widget-container {
            padding:15px;
            width:280px; 
            float:right;
          }   

          .widget-content {
             margin:20px; 
             padding:1px;
             width:250px;
             background-color:#DDDDDD; 
          }    

          .widget-title {
             font-weight:bold;
             padding:10px;
             background-color:#EEEEEE;  
          }    

          .widget-text {
             padding:10px;
             background-color:#FCFCFC;   
          }    

			.mobileonly {display:none;}
			
			img.displayed {
				display: block;
				margin-left: auto;
				margin-right: auto;
			}
 @media (min-width: 901px) and (max-width: 1280px) {
            #banner { width:1100px; }
            #banner img { max-width:1100px; max-height:222px; }
            #main { width:100%; }            
            #main-content { width:450px; float:left; }
            
            #widget-container { width:200px; float:right; }
            .widget-content { width:160px; }
            .adright {display: none;}
            table#sample {   
    			width: 90%;
    			    			margin-left:auto; 
    			margin-right:auto;

 						 }
			table#sample td {
    			height: 50px;
    			}
			.leftcol {width: 70px;}
			
			.data3 { width: 40px;}
			.data6 { width: 40px;}
			table#detail {
    			margin-left:5px; 
    			margin-right:5px;	
    			table-layout: fixed;
    			background-color:#FFFFFF;
    			border: solid #A4A4A4 3px;
    			width: 90%;
 				}
 			table#detail td {
    			padding: 5px;
    			font-family: "Comic Sans MS", Arial, Verdana, Helvetica, "san-serif";
				font-size: 100%;
    			text-align: left;
    			border: solid #A4A4A4 1px;
 				}
 			table#sold {
 			   margin-left:5px; 
    			margin-right:5px;	
    			table-layout: fixed;
    			background-color:#DEDEDE;
    			border: solid #A4A4A4 3px;
    			width: 90%;
 				}
			 table#sold td {
    			padding: 5px;
    			font-family: "Comic Sans MS", Arial, Verdana, Helvetica, "san-serif";
				font-size: 100%;
    			text-align: left;
    			border: solid #A4A4A4 1px;
 				}
          } 


          @media (min-width: 769px) and (max-width: 900px) {
            #banner { width:740px; }
            #banner img { max-width:740px; max-height:222px; }
            #main { width:100%; }            
            #main-content { width:450px; float:left; }
            
            #widget-container { width:200px; float:right; }
            .widget-content { width:160px; }
            .adright {display: none;}
            table#sample {   
    			width: 90%;
    			    			margin-left:auto; 
    			margin-right:auto;

 						 }
			table#sample td {
    			height: 50px;
    			}
			
			.leftcol {width: 70px;}
			.data1 { display: none;}
			.data2 { display: none;}
			 .toprowad { display: none; }
			.data3 { width: 40px;}
			.data6 { width: 40px;}
			table#detail {
    			margin-left:5px; 
    			margin-right:5px;	
    			table-layout: fixed;
    			background-color:#FFFFFF;
    			border: solid #A4A4A4 3px;
    			width: 90%;
 				}
 			table#detail td {
    			padding: 5px;
    			font-family: "Comic Sans MS", Arial, Verdana, Helvetica, "san-serif";
				font-size: 100%;
    			text-align: left;
    			border: solid #A4A4A4 1px;
 				}
 			table#sold {
 			   margin-left:5px; 
    			margin-right:5px;	
    			table-layout: fixed;
    			background-color:#DEDEDE;
    			border: solid #A4A4A4 3px;
    			width: 90%;
 				}
			 table#sold td {
    			padding: 5px;
    			font-family: "Comic Sans MS", Arial, Verdana, Helvetica, "san-serif";
				font-size: 100%;
    			text-align: left;
    			border: solid #A4A4A4 1px;
 				}
          } 

          
          @media (min-width: 481px) and (max-width: 768px) {
          	body {	padding-top: 50px;}
            #banner { width:740px; }
            #banner img { max-width:740px; max-height:222px; }
            #main { width:100%; }            
            #main-content { width:450px; float:left; }
            
            #widget-container { width:200px; float:right; }
            .widget-content { width:160px; }
            .adright {display: none;}
            table#sample {   
    			width: 90%;
    			    			margin-left:auto; 
    			margin-right:auto;

 						 }
			table#sample td {
    			height: 50px;
    			}
			
			.leftcol {width: 70px;}
			.data1 { display: none;}
			.data2 { display: none;}
			.toprowad { display: none; }
			.data3 { width: 40px;}
			.data6 { width: 40px;}
			.nonmobile {display:none;}
			.mobileonly {display:inline;}
			table#detail {
    			margin-left:5px; 
    			margin-right:5px;	
    			table-layout: fixed;
    			background-color:#FFFFFF;
    			border: solid #A4A4A4 3px;
    			width: 90%;
 				}
 			table#detail td {
    			padding: 5px;
    			font-family: "Comic Sans MS", Arial, Verdana, Helvetica, "san-serif";
				font-size: 100%;
    			text-align: left;
    			border: solid #A4A4A4 1px;
 				}
 			table#sold {
 			   margin-left:5px; 
    			margin-right:5px;	
    			table-layout: fixed;
    			background-color:#DEDEDE;
    			border: solid #A4A4A4 3px;
    			width: 90%;
 				}
			 table#sold td {
    			padding: 5px;
    			font-family: "Comic Sans MS", Arial, Verdana, Helvetica, "san-serif";
				font-size: 100%;
    			text-align: left;
    			border: solid #A4A4A4 1px;
 				}
          } 

          @media (min-width: 321px) and (max-width: 480px) {
          	body {	padding-top: 50px;}
            #banner { width:450px; }
            #banner img { max-width:450px; max-height:135px; }
            #main { width:100%; }            
            #main-content { width:400px;}
            
            #widget-container { width:400px; }
            .widget-content { width:120px; margin:5px; float:left;}
            .widget-text { display:none; } 
			.adright {display: none;}
			table#sample {   
    			width: 90%;
    			margin-left:auto; 
    			margin-right:auto;
 						 }
			table#sample td {
    			height: 50px;
    			}
			
			.leftcol {width: 70px;}
			.data1 { display: none;}
			.data2 { display: none;}
			.toprowad { display: none; }
			.data3 { width: 40px;}
			.data6 { width: 40px;}
			.nonmobile {display:none;}
			.mobileonly {display:inline;}
			table#detail {
    			margin-left:5px; 
    			margin-right:5px;	
    			table-layout: auto;
    			background-color:#FFFFFF;
    			border: solid #A4A4A4 3px;
    			width: 90%;
 				}
 			table#detail td {
    			padding: 5px;
    			font-family: "Comic Sans MS", Arial, Verdana, Helvetica, "san-serif";
				font-size: 100%;
    			text-align: left;
    			border: solid #A4A4A4 1px;
 				}
			table#sold {
 			   margin-left:5px; 
    			margin-right:5px;	
    			table-layout: fixed;
    			background-color:#DEDEDE;
    			border: solid #A4A4A4 3px;
    			width: 90%;
 				}
			 table#sold td {
    			padding: 5px;
    			font-family: "Comic Sans MS", Arial, Verdana, Helvetica, "san-serif";
				font-size: 100%;
    			text-align: left;
    			border: solid #A4A4A4 1px;
 				}	

          }

          @media (max-width: 320px) {
          	body {	padding-top: 50px;}
            #banner { width:275px; }
            #banner img { max-width:275px; max-height:83px; }
            #main { width:100%; }            
            #main-content { width:250px;padding:0px;}
            #widget-container { width:250px; padding:0px; }
            .widget-content { width:250px; margin:5px;}
            .widget-text { display:none; } 
			.adright {display: none;}
			table#sample {   
    			width: 90%;
    			    			margin-left:auto; 
    			margin-right:auto;

 						 }
			table#sample td {
    			height: 50px;
    			padding: 0px;
    			}
	
			.leftcol {width: 70px;}
			.data1 { display: none;}
			.data2 { display: none;}
			.toprowad { display: none; }
			.data3 { width: 40px;}
			.data6 { width: 40px;}
			.nonmobile {display:none;}
			.mobileonly {display:inline;}
			table#detail {
    			margin-left:5px; 
    			margin-right:5px;	
    			table-layout: auto;
    			background-color:#FFFFFF;
    			border: solid #A4A4A4 0px;
    			width: 90%;
 				}
 			table#detail td {
    			padding: 5px;
    			font-family: "Comic Sans MS", Arial, Verdana, Helvetica, "san-serif";
				font-size: 100%;
    			text-align: left;
    			border: solid #A4A4A4 1px;
 				}
			table#sold {
 			   margin-left:5px; 
    			margin-right:5px;	
    			table-layout: fixed;
    			background-color:#DEDEDE;
    			border: solid #A4A4A4 3px;
    			width: 90%;
 				}
			 table#sold td {
    			padding: 5px;
    			font-family: "Comic Sans MS", Arial, Verdana, Helvetica, "san-serif";
				font-size: 100%;
    			text-align: left;
    			border: solid #A4A4A4 1px;
 				}
			
			
          }