@import "header.css";
@import "navigation.css";

/***********************************************/
/* HTML and Selector tag styles */
/***********************************************/

html {
	height: 100%;
} /* This 100% tag makes the height of the page stretch to 100% so that when you define the container background color/image it will fill the height of the browser window independent of how much content fills t he page - you also have to put it in the BODY tag */

body {
	background-color :#BFC6B6;
	height: 100%;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 14px;
} /* This 100% tag makes the height of the page stretch to 100% so that when you define the container background color/image it will fill the height of the browser window independent of how much content fills the page - you also have to put it in the HTML tag */

* html #container {
  height: 100%;
}  /* This unusual style is talking directly to Explorer, having the asterix before makes it a style that will be called up by Explorer. We need this style in here so that the container will stretch to fill the whole page, it is another part of the puzzle that works with the addition of the height 100% tags above and on the container id. */

.footer a,.footer a:link {
	color: #769B9F;
	text-align: center;
	font-size: 10px;
}

.footer a,.footer a:visited {
	color: #769B9F;
	text-align: center;
	font-size: 10px;
}

.footer a,.footer a:hover {
	color: #862074;
	text-align: center;
	font-size: 10px;
}

a:link {
	color:#B36842;
}

a:visited {
	color:#B36842;
}

a:hover {
	color:#B36842;
}


h1 {
	color:#B36842;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 3px 0px;
	padding:0px;
}

p {
	margin-top: 0px;
	margin-bottom: 10px;

}

li {
margin-top: 10px;
}

ul {
margin-top: 0px;
}

/***********************************************/
/* Classes */
/***********************************************/


.footer {
	color: #769B9F;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
}

.subheader1 {
	color:#B36842;
	font-size: 12px;
	font-weight: bold;
}

.subheader2 {
	color: #61773E;
	font-size: 13px;
	font-weight: bold;
}

.subheader3 {
	color: #61773E;
	font-size: 11px;
	font-weight: bold;
}

.propertyphoto {
	border: 3px solid #EDE6DC;
	 
}

.quote {
	color: #61773E;
	font-weight: bold;
}
.quoteby {
	color: #B36842;
	

}

.colortext1 {
font-weight: bold;
color: #618DA7;
}


.colortext2 {
	font-weight: bold;
	color: #697754;
	font-size: 12px;
}




/***********************************************/
/* Forms and tables                                */
/***********************************************/

.cellcolor1 {
background:#EBF0F0;
}

.cellbold {
color: #BA5915;
font-weight: bold;
}


.tableborder {
	padding-top: 7px;
	padding-bottom: 7px;
	margin-top: 7px;
	margin-bottom: 7px;
	border-top: 1px dotted #9C8D56;
}

.tablebordertop {
	padding-top: 7px;
	margin-top: 7px;
	border-top: 1px dotted #9C8D56;
}

.tableborderbot {
	padding-bottom: 7px;
	margin-bottom: 7px;
	padding-top: 7px;
	margin-top: 7px;
}

.tableheader {
	color: #943B28;
	font-weight: bold;
	background-color: #F2F1D6;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-top: 7px;
	margin-bottom: 7px;
	border-top: 1px dotted #9C8D56;
}

.vertical {
	background-image: url(../images/vertical_separator.gif);
	background-repeat: repeat-y;
}

.horizontal {
	background-image: url(../images/horizontal_separator.gif);
	background-repeat: repeat-x;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#container {
	width: 720px;
	height: auto;
	margin: auto;
	min-height: 100%;
}

#main {
	width: 720px;
	background-color: #FFFFFF;
	background-image: url(../images/background_content.gif)

}

#header {
	width: 720px;
}

#content {
	width: 720px;
	margin: auto;
	line-height: 15px;
}
	
#column1{
	width:156px;
	float:left;
}

#column2{
	width:23px;
	float:left;
}

#column3{
	width:518px;
	margin-top: 15px;
	float:left;
}

#column4{
	width:23px;
	float:left;
	
}

#include1 {
	width: 720px;
	height: 160px;
}

#pageEnd {
	width: 720px;
	margin: auto;
}

#title {
	width: 720px;
	height: 31px;
}



/***********************************************/
/* Print                                 */
/***********************************************/


.noprint {}
.printelement { display: none; }