/* works for all browsers but IE6 */
/* as 7-18-07 this style sheet is working for all browsers includeing IE6 */

body{
	background: url("../images/bgimage.jpg") repeat-x top;
	margin: 2px 0 0 0;
    font-family: arial, sans-serif;
	font-size: 12px;
    color: #444444;
	}

a{
	color: #333333;
}

table, th, td, tr {
    color: #444444;
	border-collapse:collapse;
}

h1 {
	border-bottom: 1px solid #FFFFFF;
	padding: 10px 10px 0px 10px;
    font-size: 20px;
	font-style: italic;
	font-weight: normal;
	color: #666666;
}

h2 {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
    color: #444444;
}

h3, h4, h5 {
    color: #444444;
}

form {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

/************************/
/************************/
/* frontend page styles */
/************************/
/************************/

/*****************/
/* layout styles */
/*****************/

#page {
	width: 766px;
	background-color: #FFFFFF;
	border-top: 0px;
	border-bottom: 2px solid #CCCCCC;
	border-left: 2px solid #CCCCCC;
	border-right: 2px solid #CCCCCC;
	color: #FFFFFF;
}

/* header area styles */

#header {
	background-color: #DE2628;
	height: 80px;
	width: 762px;
	padding: 0px 0px 0px 0px;
}

#header_logo, #header_menu {
	height: 75px;
}

#header_logo {
	float: left;
	width: 279px;
}

#header_logo a, #header_logo a img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#header_menu {
	float: right;
	width: 477px; /* has to be this or it won't display correctly */
	margin: 0px;
	padding: 0px 6px 0px 0px;
	background-image: url('../images/header_menu.jpg');
	background-repeat: no-repeat;
}

#highlight a {
	color: #DE2628;
}

/* menu styles */

#menu {
	position: relative;
	width: 472px; /* has to be this or it won't display correctly */
	top: 49px; 
	margin: 0px 3px 0px 2px;
	
}

#menu .menuItem {
	width: 81px; 
	height: 25px;
	margin: 0px; 
	padding: 0px;
	line-height: 12px;
	text-align: center;
	vertical-align: middle;
}

.menuItem a {
	text-decoration: none;
	color: #333333;
	font-size: 12px;
	font-style: italic;
    font-family: arial, sans-serif;
}

/* main area styles */

#main {
	clear: both;
	margin: 0px;
	padding: 10px 5px 10px 5px; 
	background-color: #FFFFFF;
}

#main_header, #main_properties, #main_utility, #main_mission {
	width: 745px;
}

#main_header {
	height: 198px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

/* utility area styles */

#main_utility {
	height: 120px;
	margin: 1px 0px 0px 0px;
	padding: 0px;
}

#utility_search_sale {
	float: left;
	height: 120px;
	width: 245px;
	background: url("../images/search_sale_bg.jpg") repeat-x;
	background-color: #E54444;
	text-align: right;
	margin: 0px 2px 0px 0px;
	padding: 0px;
}

#utility_search_lease {
	float: left;
	height: 120px;
	width: 244px;
	background: url("../images/search_lease_bg.jpg") repeat-x;
	background-color: #6C80A3;
	text-align: right;
	padding: 0px;
}


#utility_market {
	float: right;
	height: 120px;
	width: 252px;
	background: url("../images/market_bg.jpg") repeat-x;
	background-color: #A3A6AB;
	font-size: 10px;
	padding: 0px;
	vertical-align:middle;
}


#utility_market p {
	font-size:12px;
	color: #FFFFFF;
	font-weight:bold;
	margin:9px;
	padding:0;
}

.boldText {
	font-weight: bold;
}

#utility_search_sale p, #utility_search_lease p {
	margin: 0px;
	padding: 10px 10px 5px 10px;
	color: #FFFFFF;
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
    font-family: arial, sans-serif;
	text-align: right;
}


#utility_search_sale select, #utility_search_lease select {
	border: 1px solid #999999;
	font-size: 10px;
	/* background: url('../images/dropdown_button.gif');
	background-color: #D6DADA; /* attention: bg-color here deletes img! bg-color is in the image: #F5FCFF  */
	*/
	color: #333333;
	width: 125px;
}

#utility_search_sale option, #utility_search_lease option {
	background-color: #D6DADA; /* attention: bg-color here deletes img! bg-color is in the image: #F5FCFF  */
	color: #333333;
}

#utility_search_sale input.button, #utility_search_lease input.button {
	margin: 2px 13px 0px 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10px; 
	border: 1px solid #D6D6D6;
	padding: 0px;
	color: #FFFFFF;
}

#utility_search_sale input.button {
	background-color: #E54444;
}

#utility_search_lease input.button {
	background-color: #6C80A3;
}

/* footer area styles */

#footer {
  width: 500px;
  margin: -12px 0px 0px 0px;
  text-align: center;
  color: #333333;
  font-family: arial, sans-serif;
  font-size: 10px;
}

.bottom {
  width: 765px;
  margin: 8px 0px 0px 0px;
}

.hidden {
	text-decoration: none;
}

#foot_left {
	float: left;
}

#foot_right {
	float: right;
}

/********************/
/* home page styles */
/********************/

/* property area styles for home page */

#main_properties {
	margin: 0px;
	padding: 0px;
	background: url("../images/properties_bg.jpg") repeat-x;
	background-repeat: repeat-x;
	background-color: #E0E0E0;
}

#property_header {
	margin: 0px;
	padding: 0px;
}

#property_listings {
	clear: both;
	text-align: left;
	width: 745px;
}

/* property listing styles */

#listings {
	position: relative;
	top: 5px;
	width: 100%;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	text-align: left;
	color: #FFFFFF;
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
    font-family: arial, sans-serif;
}
.listingText  {
	margin: 0px;
	padding: 0px 5px 0px 5px;
}

.listingText h3 {
	margin: 0px 0px 7px 0px;
}

.listingText a {
	color: #D12728;
}

.listingImage {
	float: left;
	background: url('../images/listing_bg.jpg');
	width: 113px;
	height: 73px;
	margin: 0px 5px 5px 0px;
	padding: 0px;
}

.listingImage img {
	position: relative;
	border: 0px;
	top: 3px;
	left: 7px;
	height: 65px;
	width: 101px;
}

.listingImage img a {
	border: 0px;
	text-decoration: none;
}

#listings .listingBox1 {
	border-right: 2px solid #FFFFFF;
}

#listings .listingBox1, #listings .listingBox2 {
	/* width: 248px; */
	height: 83px;
	padding: 0px 0px 10px 0px;
	vertical-align: top;
	color: #333333; 
}

#listings .listingBox1 {
	width: 33%;
}

#listings .listingBox2 {
	width: 34%;
}


/* featured property styles */

.featurePrice {
	margin: 10px 0px 10px 0px;
	padding: 0px;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
}

.featureSummary, .listingText .featureSummary {
	clear: both; /* must be like this to display correctly */
	margin: 0px;
	padding: 0px;
	font-style: normal;
	font-weight: normal;
}

.featureSummary p, .listingText .featureSummary p {
	clear: both; /* must be like this to display correctly */
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
}

.moreInfo {
	text-decoration: none;
}

/* mission statement styles for home page */

#main_mission {
	clear: both;
	height: 121px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	background: url("../images/mission_bg.jpg") repeat-x;
}

#mission_statement {
	float: left;
	width: 460px;
	height: 121px;
	margin: 0px;
	padding: 0px;
	color: #333333;
	vertical-align: top;
}

#mission_statement img {
	position: relative;
	top: 0px;
	left: 0px;
	height: 19px;
	margin: 0px;
	padding: 0px;
}

#mission_statement p {
	clear: both;
	height: 88px;
	margin: 0px;
	padding: 12px 10px 10px 10px;
	vertical-align: top;
	text-align: left;
    font-size: 11px;
    font-family: arial, sans-serif;
}

#mission_image { 
	float: right;
	width: 285px;
	height: 95px;
	background: url("../images/mission_image2.jpg") no-repeat;
}

#mission_image .mission_testimonial {
    margin: 10px 12px 0px 42px;
	font-size: 18px;
	font-style: italic;
	text-align: center;
}

.news_teaser {
	padding-left: 5px;
	font-size: 10px;
}

.teaser_hdr {
	margin: 15px 0px 10px 0px;
	padding: 0px;
	font-size: 14px;
}

.teaser_hdr a {
	color: #D12728;
	text-decoration: none;
}

/************************/
/* inside layout styles */
/************************/

#main_content {
    width: 745px;
	margin: 0px;
	padding: 5px 0px 10px 0px;
    background-color: #D9DCDF;
	vertical-algin: top;
    text-align: left;
    color: #444444; 
}

#main_content h2 {
	margin: 0px;
	padding: 0px 10px 10px 0px;
	font-size: 20px;
	font-weight: bold; 
	text-align: left;
}

h2.sectionHeader {
	margin: 2px 0px 0px 5px;
	text-align: left;
}

h2.sectionHeaderRt {
	margin: 2px 5px 0px 0px;
	text-align: right;
}

h2.sectionHeader, h2.sectionHeaderRt {
	padding: 0px 5px 4px 0px;
	color: #FFFFFF;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
    font-family: arial, sans-serif;
}

#main_content p {
	padding: 5px 10px 5px 10px;
}

/***************/
/* news styles */
/***************/

#news {
	margin: 10px;
    text-align: left;
    color: #444444; 
}


#news h3 {
	color: #D12728;
}

#news hr {
	margin-top: 10px;
	border:1px solid #FFFFFF;
}

/***************************/
/* property manager styles */
/***************************/

#main_content h2 {
	padding: 0px 10px 10px 10px;

}

.action {
	margin: 10px;
}

table#propertyTable {
	border: 0px;
	margin: 10px;
	padding: 0px;
	font-size: 12px;
	width: 97%;
}

#propertyTable th, #adminPropertyTable th {
	font-weight: bold;
	text-align: left;
	border-bottom: 2px solid #CC0000;
}

#propertyTable td, #adminPropertyTable td {
	border-bottom: 1px solid #CC0000;
	padding: 10px 5px 10px 5px;
	font-size: 10px;
	text-align: left;
	vertical-align: top;
}

#propertyTable td.prop_img {
	padding: 10px 0px 10px 0px;
}

.image_msg {
	width: 300px;
}
#propertyTable td.prop_dsc {
 	width: 320px;
	whitespace: wrap;
	padding: 10px 10px 5px 0px;
}

.prop_dsc img {
	float: left;
	border: 1px solid #CC0000;
	margin: 0px 15px 10px 0px;
}

.prop_dsc p {
	clear: both;
	margin: 0px;
	padding: 0px;
}
td.prop_add {
	font-style: italic;
	font-weight: bold;
	width: 500px;
	whitespace: nowrap;
}

/* medium image styles */
.prop_img_main {
	border: 0;
	float: left;
	margin: 0;
}
.prop_img_main img {
	border: 0;
	margin: 0; 
	padding: 0;
}

.prop_img_add {
	float: right;
}
/*
Property Table width
983px
*/

/* thumbnail image styles */
.prop_img_row {
	clear: both;
	height: 64px;
	margin: 0 0 10px 0;
}
.prop_dtl_images_lt {
	float: left;
}
.prop_dtl_images_rt {
	float: right;
}


.prop_add .prop_contact {
	margin: 5px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
}

#propertyTable h2, .tagline {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	color: #CC0000;
	font-style: normal;
	font-weight: bold;
}

a.tagline {
	font-size: 12px;
	text-decoration: none;
}


#propertyTable td.prop_price {
	font-weight: bold;
}

div.prop_price {
	font-size: 16px;
	font-style: normal;
	width: 200px;
}

th.prop_other, td.prop_other {
	width: 60px;
	text-align: center;
}

#propertyTable td img, #adminPropertyTable td img {
	border: 1px solid #CC0000;
}

#propertyTable a, #propertyDetailTable a {
	border: 0px;
	text-decoration: none;
	color: #CC0000;
}
#propertyTable a img.pdf, #propertyDetailTable a img.pdf {
	border: 0px;
	text-decoration: none;
}
.propResults {
	color: #333333;
}

#propertyTable td p {
	margin: 0px;
	padding: 10px 0px 5px 0px;
}

table#propertyDetailTable {
	border: 0px;
	border-top: 2px solid #CC0000;
	margin: -10px 10px 10px 10px;
	padding: 0px;
	font-size: 14px;
	width: 720px;
}

#propertyDetailTable th {
	padding: 10px 0px 10px 0px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

#propertyDetailTable td {
	padding: 10px 0px 10px 0px;
	text-align: left;
	vertical-align: top;
}

/* property description styles */

#propertyDetailTable td.prop_dsc {
	margin: 0px;
	padding: 0px;
}

#propertyDetailTable td.prop_dsc p {
	margin: 0px;
	padding: 0px;
	whitespace: wrap;
}

#propertyDetailTable td.prop_dsc p.picutre_wrap {
	float: right;
}


.prop_img {
	text-align: center;
}

/*******************/
/* cms form styles */
/*******************/

.main_part {
	margin: 0px 20px 0px 20px;
	padding: 0px;
}

.main_part table {
	font-size: 12px;
}

.main_part .required_field {
	color: #CC0000;
}

/************************/
/************************/
/* backend page styles */
/************************/
/************************/


/*************************/
/* property admin styles */
/*************************/

table#adminPropertyTable {
	border: 0px;
	margin: 10px;
	padding: 0px;
	font-size: 12px;
	width: 720px;
}

table#propertyAdminForm {
}

#propertyAdminForm td h1 {
	margin-left: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}
#propertyAdminForm th {
	background-color: #A1ACB0;
	border: 0px;
	margin: 0px;
	padding: 3px;
	color: #FFFFFF;
	font-size: 14px;
}

#propertyAdminForm .prop_images_lt, #propertyAdminForm .prop_images_rt {
	border: 1px solid #CC0000; 
	height: 250px;
	margin: 10px; 
	padding: 5px; 
	width: 340px;
}
#propertyAdminForm .prop_images_lt {
	float: left; /* must be like this to display correctly */
}
#propertyAdminForm .prop_images_rt {
	float: right; /* must be like this to display correctly */
}
#propertyAdminForm #clearall, #propertyAdminForm .clearall {
	clear: both; /* must be like this to display correctly */
}

#propertyAdminForm td.align_right {
	text-align: right;
}

#propertyAdminForm #text_right {
	float: right;
	width: 50%;
	text-align: right;
}

#propertyAdminForm .required_field {
	color: #CC0000;
	white-space: nowrap;
}
.required_field, .required, .error {
	color: #CC0000;
}

#propertyAdminForm #text_left {
	float: left;
	width: 50%;
	text-align: left;
}

#propertyAdminForm td {
	margin: 0px;
	padding: 5px;
}

#propertyAdminForm td#type, #propertyAdminForm td#status, #propertyAdminForm td.cell_type {
	text-align: left;
	white-space: nowrap;
}

#propertyAdminForm td.cell_checkbox {
	text-align: right;
}

.note_hide, .note_portfolio, .note_featured {
	display: block;
	margin: 0px 0px 2px 0px;
	padding: 0px;
	font-weight: bold;
	text-align: center;
}

.note_hide {
	color: #990000;
}

.note_portfolio {
	color: #000099;
}

.note_featured {
	color: #009900;
}

/****************/
/* admin styles */
/****************/


body.admin a {
	color: #CC0000;
}

.admin_header{
	padding:5px 10px 0 10px;
	border-bottom:solid 2px #CC0000;
}
.admin_content{
	background-color:#D6DADA;
	padding:10px;
}
.admin_footer{
	padding:5px 10px 0 10px;
	border-top:solid 2px #CC0000;
}

.admin_content h1 {
	border: 0px;
	padding: 0px 10px 0px 10px;
	font-style: italic;
	font-weight: normal;
	color: #FFFFFF;
	font-size: 18px;
}

table.menus td{
	border: 1px solid  #CC0000;
	padding: 0 3px 0;
}
.left{
	float:left;
	width:25%;
}
.right{
	float:left;
	width:50%;
	padding:10px;
}
.farright{
	float:right;
	width:15%;
}
table.admin{
	border: 1px solid #CC0000;
}
table.admin td{
	padding:3px;
	color:#CC0000;
}
.admin tr#main td{
	border-bottom: 1px solid #CC0000;
	background-color:#D6DADA;
	font-size:105%;
	padding:5px;
	color:#FFFFFF;
}
tr#main td a{
	color:#FFFFFF;
}
tr#main td span#red{
	font-weight:normal;
}

tr#highlight td{
	background-color:#FFCC86;
	font-weight:bold;
	color:#1E73A3;
}


.teasers{
	border-right: 1px solid #464646;
	border-left: 1px solid #464646;
	border-bottom: 1px solid #464646;
}
.teaser{
	text-align:center;
	border-top: 1px solid #CC0000;
}
.teaser a:hover{
	text-decoration:none;
	color:#CC7E05;
}


table.newsletter{
	background-color:#DEDEE7;
	border: 1px solid #CC0000;
}
.newsletter td{
	padding:3px 10px 3px 10px;
	color:#CC0000;
}
tr#greyrow{
	background-color:#8ECADA;
}

#red{
	color:#CC0000;
}



/* tiny mce */

.tablestyle1{
	border-collapse:collapse;
	border:1px solid #9B9A98;
}
.tablestyle1 td{
	border:1px solid #9B9A98;
	padding:3px;
}
.tablestyle1 thead{
	background-color:#9B9A98;
	color:#ffffff;
	font-size:110%;
	font-weight:bold;
}
.tablestyle1 thead td{
	color:#ffffff;
}
.tablestyle1 table td{
	border:0;
}
.header1{
	color:#158936;
	font-size:120%;
	font-weight:bold;
}
.header2{	
	color:#2667AB;
	font-size:110%;
	font-weight:bold;
}
.header3{
	color:#D28918;
	font-weight:bold;
	font-size:100%;
}
.small{
	font-size:80%;
}
hr{
	border:1px solid #CFD7EA;
}
.greyrow{
	background-color:#BCD9E0;
}
.small{
	font-size:80%;
}

#webdevelopment {
	color: #333333;
	font-size: 80%;
	margin: 0px;
	padding: 5px 0 0 0;
	text-align: right;
	width: 750px;
}

/* fixes it so the HD logo doesn't have a border around it */

img.noborder {
	border: 0;
}