body { color: black; text-decoration: none; font: 10pt/normal Times New Roman, Times, serif; vertical-align: top; background: #99F; margin: 0; }

h1 { font: bold 14pt/14pt Arial, Helvetica, sans-serif; margin: auto; color: black; }
/* h1 { color: black; font-size: 18pt; font-weight: bold; line-height: 10pt; } */
h2 { color: white; font-size: 16pt; font-weight: bold; line-height: 12pt; }
td { vertical-align: top; text-align: left; }

a:link { color: #30F; text-decoration: none; }
a:visited { color: #e7ea5f; text-decoration: none; }
a:hover { color: #030; text-decoration: none; }
a:active { color: #CFF; text-decoration: none; }

#page { position: relative; width: 900px; background: url(../images/bggreen.gif) repeat-y; margin-top: 0; margin-left: 0; }
#header { position: relative; width: 730px; text-align: center; }
#left { background-color: #030; }
#content { position: relative; width: 670px; padding: 30px; }
.contentleft { width: 400px; padding: 0 10px; }
.contentright { padding: 0 10px; }
.contentright table { border: 1px solid #000; margin: 30px 0; background: #CCF; }
.contentright td { padding: 5px; }
#footer { position: relative; width: 670px; padding: 30px; text-align: center; }
#content img { border: 0px solid #000; }
.contact td { padding: 10px; }
.black80 { color: #000; width: 80%; }
.agentimg { float: right; }

/*
#listings { position: relative; width: 420px; padding: 0px; }
#listingleft { position: absolute; top: 30px; left: 0px; width: 140px; padding: 5px; }
#listingcenter { position: absolute; top: 0px; left: 140px; width: 140px; padding: 5px; }
#listingright { position: absolute; top: 30px; left: 280px; width: 140px; padding: 5px; }
#listing { position: relative; height: auto; }
*/

#listings { position: relative; margin: 5px 0 0 0; height: 280px; width: auto; vertical-align: top; font-size: 10pt; color: #336; float:left;}
#listingleft { position: absolute; top: 5px; left: 0; width: 200px; padding: 4px; }
#listingcenter { position: absolute; top: 5px; left: 220px; width: 200px; padding: 4px; }
#listingright { position: absolute; top: 5px; left: 440px; width: 200px; padding: 4px; }
/* TJH 2009-06-08 These were overriding the menu colors*/

#home { margin-left: 0; margin-top: 0; background-color: #030; width: 960px; height: 765px; padding-left: 0;}
/**/
/*
#home a:link { color: #FFFFFF; }
#home a:visited { color: #FFFFFF; }
*/
#homeleft { position: relative; width: 160px; padding-left: 0px; margin-left: 0px;}
#homecenter { position: relative; background: url(../images/pondbarnlogo.jpg) no-repeat; width: 600px; }
#homeright { position: relative; padding: 10px 15px;}
#homemostviewed {
	position: relative;
	top: 390px;
	left: 280px;
	background: url(../images/grey.png) repeat;
	width: 305px;
	height: 180px;
	text-align: right;
	padding-top: 2px;
	border: 1px solid #666;
}
/* TJH 2009-06-08 New to replace the #home a: styles remmed above */
#homemostviewed a:link { color: #FFFFFF; }
#homemostviewed a:visited { color: #FFFFFF; }

#homeagents {
	position: absolute;
	top: 604px;
	width: 599px;
	height: 65px;
	text-align: center;	
}
#homesearch {
	position: absolute;
	top: 683px;
	left: 169px;
	width: 600px;
	height: 28px;
	text-align: center;
}
#homesearch a:link { color: #E7EA5F; }
#homesearch a:visited { color: #E7EA5F; }
#homesearch a:hover { color: #FFFFFF; }
#quicksearch { color: #E7EA5F; text-align: center; }
#quicksearch select { margin-top: 2px; }
#quicksearch p { font: 12px Arial, Helvetica, sans-serif; letter-spacing:1px; margin: 5px; }
#homesearch h2 { font: 16pt Arial, Helvetica, sans-serif; margin: 5px; }
#footerhome { position: relative; width: 770px; padding: 20px 80px; text-align: center; }

#pagepop { position: relative; width: 900px; margin-top: 0; margin-left: 0; }
#contentpop { position: relative; padding: 15px; }
#contentpop td { padding: 3px; }
#footerpop { position: relative; width: 850px; padding: 30px; text-align: center; }
#accent img { border: 0px; float: left; padding: 10px; }
#listingspop { position: relative; width: 420px; padding: 0px; }
#tnleft { position: absolute; top: 50px; left: 0px; width: 140px; }
#tncenter { position: absolute; top: 20px; left: 140px; width: 140px; }
#tnright { position: absolute; top: 50px; left: 280px; width: 140px; }
#listingspop img { border: 0px solid #000; margin: 5px; }
#footer img, #footerpop img, #footerhome img { float: right; }

#tnleft_admin { position: absolute; top: 80px; left: 0px; width: 140px; }
#tncenter_admin { position: absolute; top: 50px; left: 140px; width: 140px; }
#tnright_admin { position: absolute; top: 80px; left: 280px; width: 140px; }

/*
#nav { position: relative; font-family: Arial, Helvetica, sans-serif; }
#nav ul { margin: 0; padding: 0 0 0 10px; width: 100px; }
#nav li { padding: 0 0 15px 0; list-style-type: none; }
#nav a { font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-size: 9pt; font-weight: bold; }
#nav a:link { color: #696; }
#nav a:visited { color: #696; background: inherit; }
#nav a:hover { color: #CCC; background-color: inherit; }
#nav a:active { color: #CCFFFF; background-color: inherit; }
*/

.text { text-align: left; color: white; margin-right: .5em; font: normal normal 10pt/13pt Arial, Helvetica, sans-serif; }
.textblack { text-align: left; color: black; margin-right: .5em; font: normal normal 10pt/13pt Arial, Helvetica, sans-serif; }

.links { text-align: left; color: black; margin-right: .5em; font: normal normal 12pt/14pt Arial, Helvetica, sans-serif; }

.textctr { text-align: center; color: white; margin-right: .5em; font: normal normal 10pt/13pt Arial, Helvetica, sans-serif; }

.headline { font: bold 14pt/14pt Arial, Helvetica, sans-serif; margin: auto; color: white; }
.headlight { font: bold 14pt/146pt Arial, Helvetica, sans-serif; margin: auto; color: #8eb394; }
.headblack { font: bold 14pt/14pt Arial, Helvetica, sans-serif; margin: auto; color: black; }

.quote { font: 10pt/12pt Arial, Helvetica, sans-serif; margin: auto; color: #333; text-align: center; border: 2px solid #FF9; padding: 10px 35px 10px 35px; }

.adhead { font: bold 14pt/14pt Arial, Helvetica, sans-serif; margin: auto; text-align: center; color: black; }
.subhead { text-align: center; text-decoration: none; margin: .5em; color: #8eb394; font: 12pt/14pt Arial, Helvetica, sans-serif; }

.subblack { text-decoration: none; margin: .5em; color: black; font: normal 12pt/14pt Arial, Helvetica, sans-serif; }
.subwhite { text-decoration: none; margin: .5em; color: white; font: normal 12pt/14pt Arial, Helvetica, sans-serif; }
.subblackleft { text-align: left; text-decoration: none; color: black; font: 12pt/14pt Arial, Helvetica, sans-serif; }

.desctitle { font-weight: bold; }
/*
.desctitle { text-align: left; text-decoration: none; margin: .5em; font-style: normal; color: black; line-height: 12pt; font-size: 10pt; font-weight: bold; }
.description { text-align: left; text-decoration: none; margin: .5em; font-style: normal; color: black; line-height: 12pt; font-size: 10pt; }
*/
.description { text-align: left; font-style: normal; color: black; line-height: 12pt; font-size: 10pt; }
.descprice { text-align: left; font-style: italic; color: black; line-height: 12pt; font-size: 10pt; font-weight: bold; }

.emphasis { margin: auto; font-size: 12pt; font-style: italic; font-weight: bold; color: black; }

.featextra { font: bold 8pt/normal Arial, Helvetica, sans-serif; margin: auto; text-decoration: none; letter-spacing: .125em;
	color: #8eb394; padding-left: 1em; text-align: left; }

.highbox { font: 8pt/normal Arial, Helvetica, sans-serif; text-align: center; background: transparent; margin: auto;
	padding: .5em; border: 1px solid white; color: white; }
	
.style5 { font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.style6 { font-size: 13px; color: #FFFFFF; }
.style7 { font-family: Arial, Helvetica, sans-serif; font-size: 16pt; font-weight: bold; color: #FFFFFF; text-align: center; line-height: 18pt; } 
.style10 {font-size: 11pt}
.style15 { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #FFFFFF; text-align: center; letter-spacing: 1px; line-height: 13pt; }   

.style55 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; color: #FFF;}
.style56 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-align: center; color: #FFF; font-weight: bold; padding-bottom: 0px; margin: 15px 0px 10px 0px;}
.style58 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; color: #FFF; padding: 0px 0px 0px 0px; margin: 0px; line-height: 24px}
.style58 a:hover {font: #E7EA5F;}
.style59 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; color: #FFF; font-style: italic; padding-top: 10px; letter-spacing: 0px; margin: 0px;}
.style59 a:hover {color: #E7EA5F; text-decoration:underline;}
.style60 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align: center; color: #FFF;  padding: 0px; letter-spacing: 1px; margin: 0px; padding-bottom: 0px}
.style61 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; color: #FFF;  padding: 0px; letter-spacing: 1px; margin: 0px; padding: 5px 0px 5px 0px;}
.yellow {color: #E7EA5F;}

.disclaimer { font: normal 8pt/normal Arial, Helvetica, sans-serif; text-align: left; }
.footer { font: normal 8pt/normal Arial, Helvetica, sans-serif; text-align: center; }
.footextra { font: italic 8pt/normal Arial, Helvetica, sans-serif; text-align: center; color: black; }

p.border img { border: 1px solid #000; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.pad10 { padding: 10px; }

.indexmenu { list-style-type: none; padding-left: 0; margin-left: 0; width: 160px; }
.buttonscontainer { width: 160px; padding: 10px 5px; background-color:#030; }

.buttons a { letter-spacing:1px; color: #696; padding: 2px 4px 2px 10px; margin-top: 7px; display: block;
			font: 12px Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; text-align: left; }
.buttons a:hover { color: #FFF; padding-left: 5px; text-decoration: none; border-left: 5px solid #e7ea5f; }
.buttons a.menuspecial { color: #e7ea5f; }
.buttons a.menuspecial:hover { color: #FFF; }

div.spacer { clear: both; }
.white_on_red { color:#fff; background:#f00; padding:4px; font-weight:bold; border:1px solid #000; }
.black_on_green { color:#000; background:#0c0; padding:4px; font-weight:bold; border:1px solid #000; }
.red_text { color:#D00; }

/* #listingsnav { position: relative; padding: 7px 0px 7px 13px; background-color: #030; width: 625px; border: #000 solid 1px;} */
#listingsnav { position: relative; padding: 7px 2px; font: 10pt Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; }
#listingsnav a:link { color: #030; }
#listingsnav a:visited { color: #030; }
#listingsnav a:hover { color: #FFF; }
#listingsnav a:active { color: #CFF; }
.navspace { color: #030; }

#hplogo {
	position: absolute;
	margin: 580px 0px 0px 00px;
	width: 270px;
	top: -115px;
	}

.style59 a {color: #FFF; }

.iphonep {
	font: 16px Arial, Helvetica, sans-serif; font-weight: bolder; text-decoration: none; text-align: center; color: #FFF; padding: 10px 0px 20px 0px; margin: 0px;}
	
	.iphonep a:hover {color: #fff; text-decoration: underline;}

/* google api maps button */
.myButton {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7a0000), color-stop(1, #ba0000) );
	background:-moz-linear-gradient( center top, #7a0000 5%, #ba0000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7a0000', endColorstr='#ba0000');
	background-color:#7a0000;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #c7c7c7;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:0px 8px;
	text-decoration:none;
}.myButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ba0000), color-stop(1, #7a0000) );
	background:-moz-linear-gradient( center top, #ba0000 5%, #7a0000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ba0000', endColorstr='#7a0000');
	background-color:#ba0000;
}.myButton:active {
	position:relative;
	top:1px;
}
