﻿/*-- Default Link Colors --*/

.default { 
	font-family:inherit; 
	font-weight:600
}
	a.default:link 		{color:  #6699FF; text-decoration: none}
	a.default:visited	{ color : #6699FF; 	text-decoration: none}
	a.default:hover 	{ color : red;	text-decoration: none}
	a.default:active 	{ color : yellow; text-decoration: none}


/* Begin of Styles For Header */

#horiznavbox1 { width = 100%; text-align: center}
.hoznav1 {
	margin: 0px 0px 0px 0px;
	height: 18px;
	font-family: Arial;
	font-size: 12px;
	font-weight: 600;
	background-color: #DCE2EB;
	text-align: center;
	text-decoration: none;
	padding-top: 3px;
}
a.hoznav1:link 		{ color : navy;}
a.hoznav1:visited	{ color: navy}
a.hoznav1:hover 	{ color: red}
a.hoznav1:active 	{ color: gray}


/*-- Menu Option 2 Link Colors --*/
#horiznavbox2 { 
	margin: 3px 0 0 0;
	padding: 0 0 0 0;
	width: 100%; 
	text-align: center; 
	color: white; 
	background-image:url('../images/1-Nav2Background.gif');
	height: 21px;
}
.hoznav2 {font-size: 8pt; font-family: Tahoma; color: yellow; text-decoration: none; font-weight: 600;}
a.hoznav2:link 	    { color: #FFFF00}
a.hoznav2:visited 	{ color: #FFFF00}
a.hoznav2:hover 	{ color: #66CCFF}
a.hoznav2:active 	{ color: #FFFFFF;background-color: white}

/* End of Styles For Header */


h1	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #003399;
	font-weight: 600;
	text-align: left;
}

h2	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: black;
	font-weight: 600;
	text-align: left;
}

#header {
	padding: 8px;
	width: 765px;
	text-align: center;
	background-color: #FFFFFF;
}

#footer{
	border: 7px solid white;
	background-color: #FFFFFF;
	text-align: center; 
	width: 800px;
}

#footer1 {
	background-color: #FFFFFF;
	text-align: center;
}

#footer2 {
	padding: 8px;
	text-align: center;
}

#Cent-Hdr {
	width: 400px;
	height: 90px;
	margins: 0px;
}

#Cent-HdrL {
	float: left;
	width: 150px;
	height: 100px;
	text-align: center;
	background-color: #FFFFFF;
}

#Cent-HdrR{
	width: 185px;
	float: left;
	text-align: center;
	background-color: #FFFFFF;
	margin-left: 0;
	height: 95px;
}

#CentHdrR-T1 {
	width: 350px;
	height: 45px;
	text-align: left;
	float: left;
	text-align: left;
	background-color: #FFFFFF;
	margin-left: 0;
}
	
#CentHdrR-T2 {
	width: 350px;
	height: 45px;
	text-align: left;
	float: left;
	text-align: center;
	background-color: #FFFFFF;
	margin-left: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 900;
	color: #C0C0C0;
	vertical-align: middle;
}

#midcontent {
	border: 7px solid white;
	background-image: url('../images/10wht-170LtBlu-1770wht.png');
	width: 800px;
	margin-bottom: 10px;
	table-layout: fixed;
}

#footercontent {
	border: 7px solid white;
	background-image: url('../images/10wht-170LtBlu-1770wht.png');
	width: 800px;
	margin-bottom: 10px;
}

#middlecontainer{
	background-color: #9cc;
	overflow: hidden;
	width: 800px;
	margin-bottom: 10px;
}

#middlewrapper{
	border-left: 160px solid #DCE2EB;
	background-color: white;
	float: right; /* The width and color of the rail *//* Hat tip to Ryan Brill */;
	width: 640px;
	margin-left: -160px;
	text-align: left;
}

#propdetailpage-middlewrapper { 
	background-color:white;
	text-align:center; 
	width:800px;
	border:7px;
    border-style:solid;
    border-color:white;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10pt;
    margin: auto;
}

#propdetailpage-middlecontainer1 {
font-size: 10pt; 
font-family: Arial, Helvetica, sans-serif; 
font-weight: 700; 
}

#propdetailpage-middlecontainer1-left { 
	float:left;
	width:499px;
}

#propdetailpage-middlecontainer1-right {
	float: left;
	width: 295px;
	background-color: #B6C8ED;
}

#propdetailpage-middlecontainer2 {
font-size: 10pt; 
font-family: Arial, Helvetica, sans-serif; 
font-weight: 700; 
background: white;
}

#leftsiderail{
	background-color: #DCE2EB;
	width: 159px;
	float: left;
	text-align: left;
}

#railcontent {
	padding-left:5px;
	padding-right:5px;
	}

.tagline1 {
	font-family: Tahoma;
	text-align: center;
	font-size: 10px;
	font-weight: 500;
	color: white;
	text-align: center;
}

.agentidbox {
	float: right;
	width: 300px;
}
	
.agentidboxleft {
	margin-top: 15px;
	float: left; 
	width: 232px; 
	height:53%; 
	text-align:right;
}

.agentidboxright {
	float: right;
	width: 76px;
	height: 100%;
	text-align: left;
}

.agentidboxphoto {
	margin-right: 15px;
	border: 3px solid white; 
	float:right; 
	width: 72px; 
	height:90px;
}

.agentemail {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right:  0px;
	font-size: 9pt;
	font-family: Tahoma;
	color:  #FFFF99;
	text-decoration: none;
	font-weight: 600;
	height: 18px;
	width: 100%;
	padding-top: 0;
	float: right;
	text-align: right;
}
a.agentemail:link 		{ color: #FFFF99}
a.agentemail:visited	{ color: #FFFF99}
a.agentemail:hover 	    { color: red}
a.agentemail:active 	{ color: #6699FF}

.agentemail2 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right:  0px;
	font-size: 9pt;
	font-family: Tahoma;
	color:  blue;
	text-decoration: none;
	font-weight: 600;
}
a.agentemail2:link 		{ color: blue}
a.agentemail2:visited	{ color: navy}
a.agentemail2:hover 	{ color: red}
a.agentemail2:active 	{ color: #6699FF}


.agentname {
	width: 100%;
	font-size: 14px;
	font-weight: 800;
	color: #FFFFFF;
	text-align: right;
	margin-top: 0px;
	font-family: Tahoma;
	margin-bottom: 3px;
}
.agentphoto{
	width: 72px;
	height:89px;
}	

.agenttitle{	
	font-family: Tahoma;
	font-size: 11px;
	font-weight: 800;
	color:black; 
	text-align: right;
	margin-top: 3px;
	margin-bottom: 3px;
}
.agentlocalphone {
	font-family: Arial;
	height: 13px;
	font-size: 12px;
	font-weight: 800;
	color: #990000;
	text-align: right;
	margin-top: 3px;
	margin-bottom: 3px;
}

.agenttollfreephone{
	font-family: Arial;
	height: 13px;
	font-size: 13px;
	font-weight: 800;
	color: #990000; 
	text-align: right;
	margin-top: 8px;
	margin-bottom: 3px;
}

body{
	text-align: center;
	margin: 5px;
	background-image: url('../images/PageBackground.gif');
}

.contentwrapper{
	background-color: white;
	width: 816px;
	height: 100%;
}

.horizspacer-8{
	background-color: white;
	width: 816px;
	height: 10px;
	margin-bottom: 10px;
}


.centerpagecol {
	border-left: 10px;
	border-color: white;
	vertical-align: top;
	float: right;
	width: 620px;
	border-left-style: solid;
	background-color: white;
}

.centhdrtext1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #3399FF;
	text-align: left;
	vertical-align: middle;
	width: 100%;
	font-weight: 600;
	height: 36%;
}
	
.centhdrtext2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #808080;
	text-align: left;
	vertical-align: middle;
	width: 100%;
	height: 36%;
}

.copyright {
	text-align: center;
	width: 730px
}

.copyrighttext {
	font-family:Arial, 
	Helvetica, sans-serif;
	color:#3366CC;
	font-size: 10px
}

.floatingrightcol-inner{
border:: 2px solid #6699FF;
	padding: 6px;
	float: right;
	width: 170px;
	background-color:  #DCE2EB;
}

.floatingrightcol-outer{
	padding: 0 0 0 10px;
	float: right;
	width: 170px;
	margin-left: 10px;
}

.footerrow {
	text-align: center;
	background-color: white;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.footeraddressbox {
	height: 100px; 
	width: 100%;
	background-color: #DAE3E9;}

.footeraddresstextnorm {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color:#336699;
	font-weight: 500;
}
	
.footeraddresstextbold {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: navy;
	font-weight: 800;
}

.headerrow {
	width: 100%;
	height: 205px;
	vertical-align: top;
	border: 0px,0px,0px,0px;
	margin: 0px,0px,0px,0px;
	padding: 0px,0px,0px,0px;
	border-color: white;
	background-color: white;
}

.headercontent {
	width: 100%;
	text-align: left;
	height: 160px;
	background-image: url('../images/AgentHeaderGraphic.png');
}

.headertitle1 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 800;
	color: orange;
	text-align: left;
}

.headertitle2 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-family:Arial, Helvetica, sans-serif;font-size:18px; 
	font-weight:800;
	color: white; 
	text-align: left;
}

.headertitle3 {
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	padding-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: yellow;
	text-align: left;
	font-weight: 700;
}

.headeremaildiv {
	width:220px;
	padding-top:115px;
	padding-left:555px;
}

.headeremailtext {
	font-family: Tahoma;
	font-size:12px;
	font-weight:800;
	color: #3366CC;
	text-decoration:none;
}

#inventable {
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px
}


.inventablehdr {
	border: 1px solid #6699FF; 
	float: left; 
	padding: 3px; 
	width:13%; 
	height: 32px; 
	background-color:#B7E8FF;
	color: black; 
	font-weight:700
}

.inventable-gray {
	border: 1px solid #6699FF; 
	float: left; 
	padding: 3px; 
	width:27%; 
	height: 13px; 
	background-color:#CCCCCC; 
	color: navy; 
	font-weight:700;
}

.inventable-white {
	border: 1px solid #6699FF; 
	float: left;
	padding: 3px;
	width:13%;
	height: 13px;
	background-color:white;
	color: black;
	font-weight:500;
}

.inventable-yellow {
	border: 1px solid #6699FF; 
	float: left;
	padding: 3px;
	width:13%;
	height: 13px;
	background-color:#FFFFCC;
	color: black;
	font-weight:700;
}

.leftnavcolumn {
	width: 170px;
	vertical-align: top;
	float: left;
	border-color: #EBF2F7;
	background-color: #DCE2EB;
	height: 100%;
}

.leftnavtitlebox {
	text-align: center;
	width: 160px;
	height: 50px;
	vertical-align: top;
	border-color: #003366;
	background-color: #003366;
	margin-bottom: 10px;
}

.leftnavtitletext1 {
	font-size: 22px; 
	font-weight: 800; 
	font-family:Arial; 
	color: white;
	}
	
.leftnavtitletext2  {
	font-size: 14px;
	font-family: Arial;
	font-weight: 700;
	color: yellow;
}
	
.leftnavcitytext{
	margin-left: 3px;
	margin-top: 16px;
	margin-bottom: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 800;
	color: navy;
	text-align: left;
}


.leftnavtext {
	text-align: left;
	padding-left: 6px;
	padding-bottom: 3px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.leftnavlink {
	text-align: left;
	padding-left: 3px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	text-decoration: none;
	color:#003366
}
a.leftnavlink:link 		{ color : #316293}
a.leftnavlink:visited	{ color:  #316293}
a.leftnavlink:hover 	{ color: red}
a.leftnavlink:active 	{ color: red}


.mainpagehoznav { 
	margin-bottom:5px; 
	border-bottom-color: 
	white; background-color: #CEE7FF; 
	height: 22px; 
	text-align: center 
}
.maintable { 
	background-color:white;
	text-align:center; 
	width:800px;
	border:white solid 7px;
	margin-bottom:10px;
    border-style:solid;
    border-color:white;
    margin:auto;
}

.normal{
	padding: 8;
	margin: 10px 0 10px 10px;
	font-family: Arial;
	font-size: 12px;
	font-weight: 400;
	color: black;
	line-height: 150%;
	text-align: left;
	display: block;
}

.normalunderline{
	padding: 8;
	margin: 10px 0 10px 10px;
	font-family: Arial;
	font-size: 12px;
	font-weight: 400;
	color: black;
	line-height: 150%;
	text-align: left;
	display: block;
	text-decoration:underline
}

.normalbold{
	padding: 8;
	margin: 10px 0 10px 10px;
	font-family: Arial;
	font-size: 12px;
	font-weight: 700;
	color: black;
	line-height: 150%;
	text-align: left;
	display: block;
}

.noone {
	height: 21px;
	width: 100%;
	background-image: url('../images/1-Nav2Background.gif');
	margin-top: 5px;
	padding-top: 2px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 600;
}

.nooneintheworldbox {
	height: 21px;
	width: 100%;
	background-image:url('../images/1-Nav2Background.gif');
	margin-top: 5px; 
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: 600
}

.normal-ul {
	font-weight: 400;
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	font-size: 10pt;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 50px;
	margin-right: 10px;
	text-align: left;
	line-height: 150%;
}

.normalboldblack {
	font-family: Arial;
	font-size: 12px;
	font-weight: 900;
	color: black;
	text-align: left;
}

.normalred {
	font-family: Arial;
	font-size: 12px;
	font-weight: 400;
	color: red;
	text-align: left;
}

.normalboldred {
	font-family: Arial;
	font-size: 12px;
	font-weight: 900;
	color: red;
	text-align: left;
}

.statstable {
	text-align: center
}

		
.proplinktable {
	width: 100%;
	font-family: Tahoma;
	font-size: 8px;
	font-weight: 400;
	height: 224px;
}

.proptablecol {
	float:left; 
	width: 24%;
	height: 22px;
	margin-left: 2px;
	text-align: center;
	background-color:white;
	font-weight:700;
	font-family:"Tahoma";
	font-size: 8pt;
	color: white;
}

.proptablerow {
	padding-left: 15px;
	height: 18px;
	text-align: left;
	vertical-align: middle;
	background-color: white;
	font-weight:400;
	font-family:Tahoma;
	font-size: 8pt;
	color: black;
}

.proptablerowhdr {
	padding-left: 15px;
	height: 18px;
	text-align: center;
	vertical-align: middle;
	background-color: navy;
	font-weight:700;
	font-family:Tahoma;
	font-size: 8pt;
	color: white;
}


.rightcoltext {
	text-align: left;
	font-family: Arial;
	font-size: 8pt;
	font-weight: 400;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
}

.rightcol {
	border-left-color: #99CCFF;
	border-left-width: 2px;
	border-left-style: solid;
	border-top-color: #99CCFF;
	border-bottom-color: #99CCFF;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-top-width: 2px;
	border-right-color: #99CCFF;
	border-right-style: solid;
	border-right-width: 2px;
	margin-left: 10px;
}

.subdivlink {
	padding-left: 3px; 
	padding-bottom: 2px;
	text-align:left;
	text-decoration: none;
	width:100%; 
	font-family: tahoma;font-size:8pt;
	}
a.subdivlink:link 		{ color :  #3366FF}
a.subdivlink:visited	{ color: #3366FF}
a.subdivlink:hover 	    { color: red}
a.subdivlink:active 	{ color: red}

/* Begin of Styles For Table Data */

.centercol {
	vertical-align: top;
	background: white; 
	width: 620px; 
	font-weight: 900;
	float: right
}

.datarecord {
	width: 600px;
	margin: 0px 0px 0px 0px}

.datarowheader{
	height: 15px;
	background-color: #0066FF;
}
.mlsheader     {
	height: 15px;
	width: 45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 11px;
	color: white;
	font-weight: 900;
	text-align: center;
	margin-left: 2px;
	margin-right : 2px;
	vertical-align: middle;
	float: left;
}

.projectheader {
	height: 15px;
	width: 170px;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 11px;
	color: white;
	font-weight: 900;
	text-align: center;
	margin-left: 2px;
	margin-right : 2px;
	vertical-align: middle;
	float: left;
}

.cityheader    {
	height: 15px;
	width: 125px;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 11px;
	color: white;
	font-weight: 900;
	text-align: center;
	margin-left: 2px;
	margin-right : 2px;
	vertical-align: middle;
	float: left;
}

.sqftheader    {
	height: 15px;
	width: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 11px;
	color: white;
	font-weight: 900;
	text-align: center;
	margin-left: 2px;
	margin-right : 2px;
	vertical-align: middle;
	float: left;
}
		
.bedsheader    {
	height: 15px;
	width: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 11px;
	color: white;
	font-weight: 900;
	text-align: center;
	margin-left: 2px;
	margin-right : 2px;
	vertical-align: middle;
	float: left;
}

.bathheader    {
	height: 15px;
	width: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 11px;
	color: white;
	font-weight: 900;
	text-align: center;
	margin-left: 2px;
	margin-right : 2px;
	vertical-align: middle;
	float: left;
}

.priceheader   {
	height: 15px;
	width: 65px;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 11px;
	color: white;
	font-weight: 900;
	text-align: center;
	margin-left: 2px;
	margin-right : 2px;
	vertical-align: middle;
	float: left;
}

.priceSFheader {height: 15px;width:  55px;font-family: Arial, Helvetica, sans-serif; font-size : 11px; color: white; font-weight: 900;text-align: center;margin-left: 2px;margin-right : 2px;vertical-align: middle;background: #6D9FC5; float: left}

.datarow1 {
	height: 15px;
	padding-top: 5px;
	background: white
}

.mlsdata     {
	width: 45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 10px;
	color: black;
	font-weight: bold;
	text-align: center;
	margin-left: 2px;
	margin-right : 2px;
	vertical-align: middle;
	float: left;
	text-decoration: underline;
}

a.mlsdata:link 		{ color : blue}
a.mlsdata:visited	{ color:  blue}
a.mlsdata:hover 	{ color: red}
a.mlsdata:active 	{ color: blue}


.projectdata {
	height: 15px;
	width: 170px;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 10px;
	color: black;
	font-weight: 400;
	text-align: left;
	margin-left: 2px;
	margin-right : 2px;
	vertical-align: middle;
	float: left;
}

.citydata    {
	height: 15px;
	width: 125px;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 10px;
	color: black;
	font-weight: 400;
	text-align: left;
	margin-left: 2px;
	margin-right : 2px;
	vertical-align: middle;
	float: left;
}

.sqftdata    {
	height: 15px;
	width: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 10px;
	color: black;
	font-weight: 400;
	text-align: center;
	margin-left: 2px;
	margin-right : 2px;
	vertical-align: middle;
	float: left;
}

.bedsdata    {
	height: 15px;
	width: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 10px;
	color: black;
	font-weight: 400;
	text-align: center;
	margin-left: 2px;
	margin-right : 2px;
	vertical-align: middle;
	float: left;
}

.bathdata    {
	height: 15px;
	width: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 10px;
	color: #000000;
	font-weight: 400;
	text-align: center;
	margin-left: 2px;
	margin-right : 2px;
	vertical-align: middle;
	float: left;
}

.pricedata   {
	height: 15px;
	width: 65px;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 10px;
	color: #000000;
	font-weight: 400;
	text-align: center;
	margin-left: 2px;
	margin-right : 2px;
	vertical-align: middle;
	float: left;
}
				
		
.priceSF     {height: 15px;width:  55px;font-family: Arial, Helvetica, sans-serif; font-size : 10px; color: white; font-weight: 400;text-align: center;margin-left: 2px;margin-right : 2px;vertical-align: middle;float: left}

.datarow2 {
	height: 15px;
	background-color: white;
}
		
		
.spacer45px  {
	height: 15px;
	width: 45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: 400;
	text-align: center;
	margin-left: 2px;
	margin-right : 2px;
	vertical-align: middle;
	float: left;
}
		.addressdata {
	height: 15px;
	width: 195px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: gray;
	font-weight: 400;
	text-align: left;
	margin-left: 2px;
	margin-right : 2px;
	vertical-align: middle;
	float: left;
	padding-top: 2px;
}
		.officedata  {
	height: 15px;
	width: 320px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	font-weight: 400;
	text-align: right;
	margin-left: 2px;
	margin-right : 2px;
	vertical-align: middle;
	float: left;
	padding-top: 2px;
}

.datarow3 {
	height: 2px;
	background: #BFD6E6;}

.tableheader1 {
	margin: 0px 3px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	color: #003399;
	text-align: center;
}

.tableheader2 {
	margin: 3px 3px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 900;
	color: black;
	text-align: center;
}

.tableheader3 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 3px 3px 0px 0px;
	font-size: 16px;
	font-style: normal;
	font-weight: 900;
	color: red;
	text-align: center;
}

.tableemail {
	text-align:center; 
	margin-bottom: 15px;
	font-family:Tahoma; 
	font-size: 9pt;
	color:  #6699FF
}
}
/* End of Styles For Table Data */






