@import "realEstate.css";
/*

Three Palms Real Estate
Stylesheet for http://www.threepalms.com
©2005 PensaWorks, inc. All rights reserved.

1. Content Type
2. General Hyperlinks
3. Interface
	3.a Header
	3.b Left Column
	3.c Content
	3.d Footer
4. Main Navigation
6. Misc
	6.a General Misc
	6.b Error Styles
	6.c Colors
	6.d Drop Shadows
	6.e Tables
7. Main Form
	7.a Basic Elements
	7.b Check Box List
	7.c Check Box Row
	7.d Check Box Grid
	7.e Fieldsets
*/


/* !i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i


1. Content Type
!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i */
body, html {
	font: normal normal 12px/1.25em "Trebuchet MS", sans-serif;
	font-weight: normal;
	color: #666;
}
h1, h2, h3, h4 {
	font: normal normal 24px/1.25em "Trebuchet MS", sans-serif;
	font-weight: normal;
	color: #00330F;
	margin: .75em 0 0 0;
	padding: .1em 0;
}
h1 {
	color: #093;
	font-weight: bold;
	margin: 0;
}
h2 {
	font-size: 20px;
}
h3 {
	font-size: 16px;
}
h4 {
	font-size: 12px;
	font-weight: bold;
}
p {
	margin: 0 0 .75em 0;
	padding: 0;
}


/* !i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i


2. General Hyperlinks
!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i */
a {
	color: #009933;
	text-decoration: underline;
}
a:hover {
	color: blue;
}


/* !i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i


3. Interface
!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i */
body, html {
	margin: 0;
	padding: 0;
	text-align: center;
	background: url(images/interface/bg.gif) repeat-x 0 140px;
}
#shell {
	width: 990px;
	margin: 0 auto;
	text-align: left;
}
#head, #main, #side, #foot {
	position: relative;
}
/*


3.a Header
*/
#head {
	background: #fff;
	height: 140px;
}
#head h1 {
	display: none;
}
#head img {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}
#head h2 {
	position: absolute;
	top: 47px;
	right: 5px;
	margin: 0;
	padding: 1px;
	width: 350px;
	font: italic normal 22px/1.05em Georgia, Times, serif;
	font-weight: normal;
	text-align: right;
	color: #335C3F;
}
#head p {
	position: absolute;
	bottom: 30px;
	right: 5px;
	margin: 0;
	padding: 0;
	font: normal normal 12px/1.25em "Trebuchet MS", sans-serif;
	color: #829EB4;
}
#main {
	width: 840px;
	float: right;
	z-index: 1;
}
.m {
	margin: 30px;
}
/*


3.b Left Column
*/
#side {
	width: 149px;
	float: left;
	margin-left: 1px;
	z-index: 1;
	padding-bottom: 65px;
	background: #C2DAE9 url(images/interface/side_bg.gif) repeat-x 0 bottom;
}
#side h1 {
	font: normal normal 14px/1.5em "Trebuchet MS", sans-serif;
}
#side h2 {
	font: normal normal 13px/1.5em "Trebuchet MS", sans-serif;
}
#side h3 {
	font: normal normal 12px/1.5em "Trebuchet MS", sans-serif;
}
#side h4, #side h3, #side h2, #side h1 {
	font: normal normal 11px/1.5em "Trebuchet MS", sans-serif;
	font-weight: bold;
	color: #036;
	margin: 10px 5px 0 5px;
}
#side p {
	font: normal normal 11px/1.5em "Trebuchet MS", sans-serif;
	font-weight: normal;
	color: #036;
	margin: 0 5px;
}
#side a {
	color: #063;
}
#side a:hover {
	color: #00f;
}
/*


3.c Content
*/
#membrane {
	background: url(images/interface/shell_bg.gif) repeat-y;
/*	border-right: 1px solid black;
	border-left: 1px solid black;*/
}
.clearme {
	clear: both;
	height: 1px;
	margin-top: -1px;
	font-size: 0;
	line-height: 0;
}
.col-home {
	float:left;
	width:375px;
}
.col-home h1 {
	font-size: 16px;
	font-weight: bold;
}
.col-interior {
	float: left;
	width: 350px;
}
.col-side {
	float: left;
	margin-left: 10px;
	border-left:1px solid #829EB4;
	padding-left: 10px;
	width: 169px !important;
	width /**/: 190px;
}
.col-side dl {
	margin: 0;
	padding: 0;
}
.col-side dl dt {
	font: normal normal 16px/1.25em "Trebuchet MS", sans-serif;
	font-weight: bold;
	color: #335C3F;
	margin: 10px 0 0 0;
	padding: 0;
}
.col-side dl dd {
	margin: 0;
	padding: 0;
}
.savedSearchtable th {
    border: solid 1px #829EB4;
}

.savedSearchtable td {
    border: solid 1px #829EB4;
}

/*


3.d Footer
*/
#footgap {
	display: block;
	height: 139px;
	width: 768px !important;
	width /**/: 770px;
	border-left: solid 1px #829EB4;
	border-right: solid 1px #829EB4;
}
#foot {
	clear: both;
	height: 100px;
	margin: 0 0 0 0;
	background: url(images/interface/footer_bg.jpg) no-repeat;
}
#footNav {
	position: absolute;
	top: 10px;
	margin: 0;
	padding: 0;
	height: 20px;
	font: normal normal 13px/1.25em "Trebuchet MS", sans-serif;
}
#footNav li {
	display: inline;
	list-style: none;
}
#footNav li a {
	display: block;
	float: left;
	padding: 0 1em;
	color: #335C3F;
	text-decoration: none;
}
#footNav li a:hover {
	color: blue;
	text-decoration: underline;
}
#foot p {
	position: absolute;
	top: 30px;
	height: 20px;
	margin: 0 0 0 1.2em;
	padding: 0;
	font-size: 11px;
}
#foot div {
	position: absolute;
	left: 1px;
	height: 139px;
	width: 372px;
	top: -139px;
	background: url(images/interface/footer_tree.jpg) no-repeat;
}
#pw {
	display: block;
	position: absolute;
	top: 41px;
	right: 0;
	width: 106px;
	height: 34px;
	font: normal normal 0px/0em Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	background: url(images/interface/jp.jpg) no-repeat;
}


/* !i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i


4. Main Navigation
!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i */
#mainNav {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 0 0 0 150px;
	width: 838px !important;
	width /**/: 770px;
	height: 29px !important;
	height /**/: 30px;
	border: 1px solid #829EB4;
	background: #fff url(images/interface/mainNav_bg.gif) repeat-y;
	font: normal normal 13px/1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
}
#mainNav li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}
#mainNav li a {
	display: block;
	height: 29px;
	float: left;
   padding: 0 9px;
	margin: 0;
	color: #7C7602;
	text-decoration: none;
	text-align: center;
	background: #fff;
}
/* talking to ie with "* html" */
* html #mainNav li a {
	display: block;
	width: 102px;
	height: 30px;
	float: left;
	padding: 0;
	margin: 0;
	color: #7C7602;
	text-decoration: none;
	text-align: center;
	background: #fff;
}
#mainNav li a:hover {
	color: #00330f;
	background: #E0ECF4;
}



/* !i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i


6. Misc
!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i */

/*


6.a General Misc
*/
.h10 {
	height:10px;
}
.h20 {
	height:20px;
}
.h30 {
	height:30px;
}
.clear {
	clear:both;
}
.odd {
	background:#f2f2f2;
}
.shd{
	margin:0 auto;
	width:85px;
	height:85px;
	background:url(/images/shadow.gif) right bottom no-repeat;
}
.odd .shd{
	background:url(/images/oddShadow.gif) right bottom no-repeat;
}
.error {
	display:block;
	width:auto;
	background:#ffc;
	border:2px solid #06c;
	color:red;
	font-size:110%;
	margin:10px auto;
	padding:.3em;
	text-align:center;
}
#gotomain {
	display: none;
}




/* !i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i


7. Main Form
!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i */


/*


7.a Basic Elements */
form.mainForm label {
	display: block;
	float: left;
	margin-bottom: 10px;
	margin-left:1em;
	line-height:1.25em;
	/* height:1.25em; */
	text-align:right;
	width:100px;
	font-weight:bold;
}
form.mainForm input.text, form.mainForm input {
	display: block;
	float: left;
	margin-bottom: 10px;
	margin-left:1em;
	line-height:1.25em;
	/* height:1.25em; */
}
form.mainForm textarea {
	display: block;
	float: left;
	margin-bottom: 10px;
	margin-left:1em;
	line-height:1.25em;
	/* height:1.25em; */
}
/* form.mainForm input {
	border:1px solid #ccc;
}
form.mainForm input:focus { causes weird shifting in mozilla firefox
	border:1px solid #069;
} */
form.mainForm select {
	display: block;
	float: left;
	margin-bottom: 10px;
	margin-left:1em;
	line-height:1.25em;
}
form.mainForm div.rightColumn {
	width:20em;
	float: left;
	margin-bottom: 10px;
	margin-left:0;
	line-height:1.25em;
}
form.mainForm div.rightColumn p {
	margin:0 0 1em 1em;
	padding:0;
}
form.mainForm br {
	clear:both;
}
form.mainForm input[type="radio"], form.mainForm .radio {
	width: auto !important;
	float: none;
	display: inline;
	margin: 0 .3em 0 1em;}
form.mainForm button {
	width:auto;
	border:auto !important;
	line-height:1.25em;
}

/*


7.b checkBoxList */
form.mainForm ul.checkBoxList, form.mainForm ul.checkBoxesRow, form.mainForm ul.checkBoxesGrid {
	float:left;
	display:block;
	margin: 0 0 10px 1em;
	padding:0;
}
form.mainForm ul.checkBoxList li {
	list-style:none;
}
form.mainForm ul.checkBoxList li input {
	width:auto;
	clear:both;
	margin:0;
	padding:0;
}


/*


7.c checkBoxesRow */
form.mainForm ul.checkBoxesRow li {
	list-style:none;
	display:inline;
	margin:0 1em 0 0;
}
form.mainForm ul.checkBoxesRow li input {
	display:inline;
	width:auto;
	float:none;
	margin:0 .25em 0 0;
}


/*


7.d checkBoxesGrid */

form.mainForm ul.checkBoxesGrid li {
	list-style:none;
	display:block;
	width:40%;
	float:left;
	margin:0 1em 1em 0;
}
form.mainForm ul.checkBoxesGrid li input {
	display:inline;
	width:auto;
	float:none;
	margin:0 .25em 0 0;
}


/*


7.e Fieldsets */
form.mainForm fieldset {
	border:1px solid #ccc;
	padding: 4px !important;
	padding /**/:5px;
	margin: 30px 5px 5px 5px;
}
form.mainForm fieldset legend {
	font-weight:bold;
	color:black;
}
form.mainForm fieldset label, form.mainForm fieldset input, {
	display: block;
	width: 12em;
	float: left;
	margin-bottom: 10px;
	margin-left:1em;
	line-height:1.25em;
}
form.mainForm fieldset textarea {
	display: block;
	float: left;
	margin-bottom: 10px;
	margin-left:1em;
	line-height:1.25em;
}

/* START LISTING STYLES */
.listBox_shell {
	clear: both;
	position: relative;
	height: 100%;
}
.listBox {
	clear: both;
	padding: 10px 0;
	margin: 0px 0px 0px 0px;
}
.listBox_title {
	width: 100%;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
}
.listBox a {
	text-decoration: none;
}
.listBox_text {
	width: 75%;
	margin: 0px;
	padding: 0px;
	float: right;
}
.listBox_agent_text {
	width: 75%;
	margin: 0px;
	padding: 0px;
	float: right;
}
.listBox_image_shell_right {
	float: right;
	text-align: center;
}
.listBox_image_shell_left {
	float: left;
	text-align: center;
}
.listBox_image {
	padding: 5px;
	border: 1px solid #000;
	background-color:#fff;
}
.listBox_table_right {
	width: 75%;
	margin: 0px;
	padding: 0px;
	float: right;
	line-height: 1.5em;
}
.listBox_table_left {
	width: 75%;
	margin: 0px;
	padding: 0px;
	float: left;
	line-height: 1.5em;
}
/* END LISTING STYLES */