/* CSS  - Borne Homes CSS */

/* -------------------------------------------------------------------------------------------------------- body */
body {
background-color: #660000;
background-image:  url("../graphics/background.gif");
background-position: center center;
background-repeat: repeat-y;
margin: 0px; 
padding: 0px;
text-align: center; /*tricks IE5.x into centering the page*/
text-decoration: none;
font: 101% Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* stops shorter pages from jumping when there is no scrollbar */
html { min-height:100%; margin-bottom:1px; }

/* -------------------------------------------------------------------------------------------------------- nav bar */
/*wrapper div styles the wrapper around the nav bar*/
#wrapper {
	position: relative;
	margin:auto;
	width:750px;
	text-align: left;
}

/*dropwdown 3 div - to change the coordinates for dropdown menu*/
#dropdown3 {
position:absolute; 
left:255px; 
top:108px; 
width:153px; height:96px; 
z-index:5; 
visibility: hidden;}

/*dropwdown 4 div - to change the coordinates for dropdown menu*/
#dropdown4 {
	position:absolute;
	left:375px;
	top:108px;
	width:153px;
	height:95px;
	z-index:5;
	visibility: hidden;
}

/*closer div - this is needed so that on mouseout the dropdowns close*/
#closer {left:0px; position:absolute; margin-top:148px;visibility:hidden ;width:750px;	z-index:1;}

/*This is the background image for the navbar*/
#navbar td{
background-image:  url("../graphics/buttons/buttonback.gif");
background-repeat: repeat-x;
}

/* styles the menu table inside the dropdown div*/
.menu {
border-right: 1px solid #AEAF49;
font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
width: 150px;
}

.propertylink {
border-top: 1px solid #AEAF49;
border-right: 1px solid #AFA592;
border-bottom: 3px solid #AFA592;
border-left: 3px solid #AFA592;
text-align: center;
font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
width: 55px;
}

.menu, .propertylink a{
background: #CCD5DC;
display: block;/*needed so that the whole cell is highlighted on mouseover*/
text-decoration: none;
width: 100%;
}

.menu, .propertylink a:link{
background: #EEEAE2;
border-bottom: 1px solid #AFA592;
color:#000033;
padding: 2px 2px 2px 2px;  
}

.menu, .propertylink a:visited,.menu a:active{
background: #EEEAE2;
border-bottom: 1px solid #AFA592;
color: #666666;
padding: 2px 2px 2px 2px;
}

.menu, .propertylink a:hover{
background: White;
border-bottom:1px solid #AFA592;
color: #990000;
padding: 2px 2px 2px 2px;
}

 /*declares the styles for cells, paragraphs, and lists */  
 td, p {
 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #666666;
 }

.imgleft {float: left;
padding: 6px;
}
.imgright {float: right;
padding: 6px;
}

/* -------------------------------------------------------------------------------------------------------- right sidebar */
#rightsidebar {
	border-left: 1px solid black;
	border-left-color: #996633; 
	width: 175px;
	background-image:  url("../images/template_pics/sidebar_back.gif");	
	padding: 10px;
	margin-top: 0px;
	vertical-align: top;
	text-align: center;
}
#rightsidebar img {
	border: 0px solid black;
	padding: 3px;
}

/* -------------------------------------------------------------------------------------------------------- main content area */
#contenttable, #textonly, #textsidebar, #propertytable, #showheader {	
	background-color: #EAE6DB;
	text-align: left; /*re-aligns the text for IE5+*/
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
/*padding: 10px;*/ /*gives a bit of breathing space between the edge and text*/
}

#contenttable, #textonly, #textsidebar, #propertytable, #showheader td {
	padding: 16px; /*gives a bit of breathing space between the edge and text*/
	color: #666666;
	text-decoration: none;
}
/* spaces the paragraph text in the content table */
#contenttable, #textonly, #textsidebar, #propertytable, #showheader p{
	line-height: 1.2em;
	text-decoration: none;
}
/*styles the content area links*/
#contenttable, #textonly, #textsidebar, #propertytable, #showheader a:link {
	color: #5D5D29;
 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#contenttable, #textonly, #textsidebar, #propertytable, #showheader a:visited {
	color: #000066;
 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#contenttable, #textonly, #textsidebar, #propertytable, #showheader a:hover {
	color: #510037;
 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#contenttable, #textonly, #textsidebar, #propertytable, #showheader a:active {
	color: #707031;
 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

/* -------------------------------------------------------------------------------------------------------- heading styles */
  h1 {
 	color: #600041;
	font-size: 16px;
	margin-bottom: 3px;
	text-shadow:#FFFFFF 2px 2px;
 }
 
 h2{
 	color: #AE5E5E;
	font-size:13px;
 }
  
h3{
 	color: #75809E;
	font-size: 12px;
 }

/* -------------------------------------------------------------------------------------------------------- link bar at page bottom */
 #linkbar {
 background-color: #DAD3C1;	
 color: #660000;
 padding-top: 2px;
 padding-bottom: 2px;
 border-top: 1px solid #660000;
 height: 35px;
 text-decoration: none;
 }
 /*to keep NS4 happy define styles for the td*/
  #linkbar td{
 background-color: #DAD3C1;	
 color: #707031;
 }
 
 #linkbar a:link {
	color: #510037;
	font: 12px Arial, Verdana, Geneva, Helvetica, sans-serif;
	text-decoration: none;
}

#linkbar a:visited {
	color: #680047;
	font: 12px Arial, Verdana, Geneva, Helvetica, sans-serif;
	text-decoration: underline;
}
#linkbar a:active {
	color: #510037;
	font: 12px Arial, Verdana, Geneva, Helvetica, sans-serif;
	text-decoration: none;
}

#linkbar a:hover {
	color: #64829F;
	font: 12px Arial, Verdana, Geneva, Helvetica, sans-serif;
	text-decoration: underline;
}

/* -------------------------------------------------------------------------------------------------------- background colors */
/* sets the background color when focus is on the following parts of the form */
textarea:focus, input:focus, select:focus {
	background-color: #F4F4F4;
	color: #000;
}

/*This styles a bulleted list*/
li {
	color: #666666;
	list-style-type: circle;
	line-height: 2em;
}

ul {
	color: #660000;
	list-style-type: square;
}

/* -------------------------------------------------------------------------------------------------------- contact form */
/*styles for the contact form*/
#divform {
	width: 90%;
	margin: auto auto;
}

form { 
margin: 0;
padding: 0;
}

label,span.spacer {
width:140px;
padding: 0;
margin: 0;
}
/*styles the form fields*/
label{
font-weight: bold;
color: #5A5F76;
font-weight: bold;
}
fieldset{
padding:0px;
border: 1px solid #BCAF8D;
padding:5px;
}
/*styles the 'contact form' text at top of contact form*/
legend {
color: #AE5E5E;
font-weight: bold;
font: 14px Arial, Verdana, Geneva, Helvetica, sans-serif;
padding-top: 10px;  /*gives a bit of padding between the border and the text*/
}

input,textarea {
	background-color: #E4DFD2;
	padding: 0;
	margin: 0;
border: 1px solid #BCAF8D;
}
.submit {
border: 1px solid #BCAF8D;
}