/* no page margins */
body {	
	margin-left: 0px;	
	margin-top: 0px;	
	margin-right: 0px;	
	margin-bottom: 0px; 	
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* new styles for thr new design */
#branding {
	background-image:url(../images/mastHead_top.jpg);
	height:85px;
	background-repeat:no-repeat;
	}
#branding h1{
	float:right;
	margin:0 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	padding:65px 10px 0px 0px;
	font-size:.9em;
	}

#content {
	padding-right:14px;
	margin-left:220px;
	}

#footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	}
#footer p {
	text-align:center;
	padding:0 0 0 0;
	margin:0 0 0 0;
	}
#footer ul {
	text-align:center;
	list-style-position:inside;
	}
#footer ul li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display:inline;
	}
#footer ul a {
	padding:10px 5px 0 0;
	}
		
#navigation {
	background-image:url(../images/mastHead_bottom.jpg);
	background-repeat:no-repeat;
	height:62px;
	background-color:#354463;
	}
	
/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
}
.floatrightimg {float: right; margin: 0 0 10px 10px; clear:right;}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/**/
.clearfix:after{ content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; } 
.clearfix {display: inline-block;}  

 /* Holly Hack Targets IE Win only \*/
    * html .clearfix {height: 1%;}
      .clearfix {display: block;}
 /* End Holly Hack */
.alert {color:#CC3300; font-weight:bold; margin-top:2px; margin-bottom:2px;} 
.slogan {color:#003333; margin-bottom:3px; margin-top:3px;}
/*utility pane styles */
#util {
	float:left;
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
	padding:0 10px 0px 10px;
	background-image:url(../images/search.jpg); background-repeat:no-repeat;
	min-width:200px;
	}
#searchHead h3 {font-size:1em; text-align:right;  padding-right:10px; padding-bottom:0px; margin-bottom:0px; color: #CC0000;  }
#searchHead p {font-size:0.67em; color:#000099; padding-top:0px; margin-top:0px; }


fieldset#paneSearch {
	font-size:.8em;
	text-align:left;
	padding-bottom:4px;
	padding-top:2px;
	margin-bottom:4px;
	}	
fieldset#paneSearch legend {
	font-weight:bold;
	}
fieldset#paneSearch span {
	font-size:.85em;
	color: #000066;
	}
fieldset#tracking, fieldset#toolbox, fieldset#toolbox {	
	font-size:.6em;
	text-align:left;
	padding-bottom:0px;
	padding-top:0px;
}		
fieldset#tracking legend, fieldset#toolbox legend{
	font-weight:bold;
	}	
fieldset#toolbox ul {list-style:none; margin-left:2px;}
fieldset#toolbox ul li img {margin-right:10px}
ul#paneSearch  {
	margin:2px 0px 0px 3px;
	padding:0px 0px 0px 0px;	
	}
		
ul#paneSearch li	{
	list-style:inside;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
	}
ul#paneSearch li a	{
	font-size:.85em;
	color: #003333;
	}
ul#paneSearch li a:active, ul#paneSearch li a:visited	{
	color: #003333;
	}
ul#paneSearch li a:hover	{
	color: #990000;
	}
	
/*end utility pane styles */
/* navigation menu */
#navigation ul#navlist {
	float:right;
	list-style:none;
	list-style-position:inside;
	text-align:left;
	background-color:transparent;
	}
#navigation ul#navlist li {
	padding:20px 0px 0 5px;
	text-align: left;
	float: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-variant:small-caps;
	font-weight:bold;
	}
#navigation ul#navlist a {
	color:#FFFFFF;
	padding:10px 5px 0 0;
	text-decoration:none;
	}
#navigation ul#navlist a:hover {
	color:#CCCCCC;
	}

/*features properties */

#featuredHead {
	background-image:url(../images/Featured.jpg);
	background-repeat:no-repeat;
	height:92px;
	margin:0px 0px 0px 0px;
	}

#featuredHead h3 {
	font-size:1.1em; 
	color: #006666;  
	font-family: Arial, Helvetica, sans-serif;
	margin-left:100px;
	margin-top:20px;
	padding-top:20px;
	padding-bottom:0px;
	margin-bottom:0px;
	}
#featuredHead p {
	font-size:.7em;
	color:#000066;
	padding-top:0px;
	padding-left:0px;
	padding-right:20px;
	padding-bottom:0px;
	margin-left:100px;
	margin-top:0px;
	margin-bottom:0px;
	}
#nonfeatured h3{
	font-size:.9em;
	color:#003333;
	background-color:#E8EEEB;
	display:block;
	padding:10px 10px 10px 10px;
	margin:10px 0 0 0;
	border-top-color:#003333;
	border-top-style:solid;
	border-top-width:thin;
	position:relative;
	}	

#propertyBody dt, .propdspheader, .propdspheadernoimg {
	background-color: #545488;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	border-top-width: 3px;
	border-right-width: 0px;
	border-bottom-width: 3px;
	border-left-width: 0px;
	border-style:solid;
	border-color:#FFFFFF;
	padding:2px 2px 2px 2px;
	}
	
#propertyBody dt p, .propdspheader p, .propdspheadernoimg p {
	color:#FFFFFF;
	padding:2px 2px 2px 2px;
	margin:0px 0px 0px 0px;
	font-size:.75em;
	font-weight:bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	}
.propdspheader {margin-right:300px;}	
#propertyBody dt p a, #propertyBody dt p a:active, #propertyBody dt p a:visited, #propertyBody dt p a:link, #propertyBody dt p a:hover {
	text-decoration:none;
	color:#FFFFFF;
}

.propListOddBG {background-color: #E8EEEB; display:block;}
.propListEvenBG {background-color: #FFFFFF; display:block;}
.propListFeaturedBG {background-color: #BECCAA;	display:block;}


#propertyBody dd {
	margin:0px 0px 0px 0px;
	padding:2px 2px 2px 2px;
	font-size:.7em;
}

#thumbnail {
	padding:2px 2px 8px 10px;
	width:112px;
	float:left;
	}	
#propInfo {
	margin-left:120px;
	}
#propertyBody dd table p {
	margin:0;
	padding:3px 0 3px 0;
	font-weight:bold;
	}

ul#propinfolist {
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-color:transparent;
	}
ul#propinfolist li{
	display:inline;
	}
#address {font-size:.8em; margin-top:0px; margin-bottom:4px;}
#address h5 {margin-bottom:2px; color:#000066;}
#address p {margin:0}

#propinfodsp {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	}	
#propinfodsp dt {font-weight:bold;}	
	/*footer menu */
#footer ul#navlist {
	list-style:none;
	list-style-position:inside;
	text-align:left;
	background-color:transparent;
	}
#footer ul#navlist li {
	padding:0px 0px 0 5px;
	text-align: left;
	float: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
/*end new styles */

/* old styles for property displays */
.text {font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #003366;}
.textVerdana11 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #003366;}
.textVerdana11Bold {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #003366; font-weight:bold}
.textVerdana12 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color: #003366;}
.textVerdana12Bold {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color: #003366; font-weight:bold}
.BoldSubTitle {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold}
.TopNote {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold}
.FieldTitles {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #FFFFFF; background-color: #000000}
.Fields {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold}
.editTitle {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: bold; color: #FFFFFF; background-color: #000000}
.inActive {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #999999}

/* Left List Menu style */
.leftList { font-size: 10px;  background: #c8d4d0;  font-family:  Arial, Helvetica, sans-serif; }
.leftList td {	text-align: left; padding: 0px;	border-top: 1px solid #fff;	border-right: 1px solid #000;	border-bottom: 1px solid #000;	border-left: 1px solid #fff;	background-color: #c8d4d0; }
.leftList td a { text-decoration:none; display:block; color:#000033; width:100%}
.leftList td a:link,
.leftList td a:visited{background-color: #c8d4d0}
.leftList td a:hover { /* How do the buttons in leftList menu appear when hover */
  background-color: #d8e4e0}
  
/* Top Menu style */
.topMenu {
	font-size: 14px;
	background: #002157;
	font-family:  Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 4px; 
	font-weight:bold; 
	text-transform:uppercase 
}
.topMenu a:link,
.topMenu a:visited{background-color: #002157}
.topMenu a:hover { /* How do the buttons in top menu menu appear when hover */
  background-color: #002157; color:#FFFFFF}  
/* Generic list Style */
.listGeneric {font-family:Arial, Helvetica, sans-serif;font-size: 11px;color: #000033;}
.listGeneric  a:link {	color: #000033;}
.listGeneric  a:visited {	color: #000033;}
.listGeneric  a:hover {	color: #003399;}
.listGenericBold {font-family:Arial, Helvetica, sans-serif;	font-size: 11px; font-weight: bold}
/* Form Styles */
.editForm {	font-family:Arial, Helvetica, sans-serif;font-size: 11px;color: #000033;}
.editForm  a:link {	color: #000033;}
.editForm  a:visited {	color: #000033;}
.editForm  a:hover {	color: #003399;}
.editForm .whiterow{	background-color: #FFFFFF;}
.editForm .altrow{	background-color: #e8f4f0;}
.editForm .cfinput { font-family:Arial, Helvetica, sans-serif; font-size:10; }
.formFieldText {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #003366;}
.FieldTitlesCold {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #000066; background-color: #c8d4d0}

.tableHeadCold {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: bold; color: #FFFFFF; background-color: #6C9189}
.tableHeadCold a:link{
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: bold; color: #FFFFFF; background-color: #6C9189
}
.tableHeadCold a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: bold; color: #FFFFFF; background-color: #6C9189
}
.tableHeadCold a:hover{
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: bold; color: #FFFFFF; background-color: #6C9189
}
.tableHeadWarm {
font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 11pt;  color: #FFFF00 ; background-color: #006666  }
.tableHeadWarm a:link{
font-family: Arial, Helvetica, sans-serif; font-size: 11pt;  color: #FFFF00; background-color: #006666
}
.tableHeadWarm a:visited {
font-family: Arial, Helvetica, sans-serif; font-size: 11pt;  color: #FFFF00; background-color: #006666
}
.tableHeadWarm a:hover{
font-family: Arial, Helvetica, sans-serif; font-size: 11pt;  color: #FFFF00; background-color: #006666
}
.hugeNoDot {font-family:Arial, Helvetica, sans-serif; font-size:16px;  color:#000000; font-weight:bold}
.hugeYesDot {font-family:Arial, Helvetica, sans-serif; font-size:16px;  color:#FF0000; font-weight:bold}
.whiteMenu { font-family:Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF;}
.whiteMenu a:link{font-family:Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF; }
.whiteMenu a:visited {font-family:Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF;}
.whiteMenu a:hover{font-family:Arial, Helvetica, sans-serif; font-size: 10pt; color:#FFFF00}
.bigWhite {font-family:Arial, Helvetica, sans-serif; font-size: 36px; color:#FFFFFF}.tableHeadEM {

font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: bold; color: #CCFF00; background-color: #6C9189
}
.titleRedBold {
font-family:Arial, Helvetica, sans-serif; font-size:14px;  color:#FF0000; font-weight:bold
}