/* Main body declarations */

body{
 background: #CEC8CA;
 background-image: URL('images/inner_page_bg.gif');
 background-repeat: repeat-x;
 margin: 0;
 padding: 0;
 font-family: arial, helvetica, sans-serif;
 font-size: 10pt;
 min-width: 880px; /* Avoids problems resizing in Mozilla */
}

/* The container to hold content and menu (to be centred) */
div#container{
 width: 880px;
 height: 659px;
 margin: 0 auto; /* centers div in FF and IE7 */
 position: relative;
 background: #5E0501;
}
div#innercontainer{
 width: 880px;
 min-height: 300px;
 margin: 0 auto; /* centers div in FF and IE7 */
 position: relative;
 background: #5E0501;
}

div#heading{
 width: 880px;
 height: 330px;
 left: 1px;
 position: relative;
}
div#innerheading{
 width: 880px;
 height: 123px;
 background-image: url('images/inner_page_header.jpg');
 background-repeat: no-repeat;
 background-position: 248px 0px;
 text-align: left;
 position: relative;
}
/* Main content div -- most important text styles etc */

div#content{
 position: relative;
 background: #FFFFFF;
 left: 1px; /* ensures that we see 1px either side of the white content area */
 width: 878px;
 height: 260px;
}

div#content h1{
 color: #000;
 font-size: 1.2em;
 font-weight: bold;
 margin-bottom: 0;
}

div#content p{

}
div#innercontent{
 position: relative;
 background: #FFFFFF;
 left: 1px; /* ensures that we see 1px either side of the white content area */
 width: 878px;
 min-height: 300px;
 text-align: left;
}
div#innercontent h1{
  margin: 15px 15px 5px 15px;
  font-size: 14pt;
}
div#innercontent h2{
  margin: 5px 15px 5px 15px;
  font-size: 12pt;
  font-weight: bold;
  color: #B30839;
}
div#innercontent p, li, td {
  margin: 5px 15px 5px 15px;
}
div#innercontent a, a:link, a:active, a:visited {
 color: blue;
 font-weight: bold;
 font-family: arial;
 text-decoration: none;
 font-size: 11pt;
}
div#innercontent a:hover {
 color: #0099FF;
}
div#innercontent fieldset {
    margin: 5px;
}
div#innercontent legend {
    font-size: 8pt;
    font-variant: small-caps;
}

div#sloganbox {
    position: relative;
    top: 5px;
    left: 10px;
    height: 111px;
    width: 203px;
    /* background-image: url('images/the_difference_in_property_matters_fp.gif');
    background-repeat: no-repeat; */
}
div#searchbox {
    position: absolute;
    top: 155px;
    left: 10px;
    height: 45px;
    width: 212px;
    background-image: url('images/searchbox.gif');
    background-repeat: no-repeat;
}

div#featuredpropertybox {
    position: absolute;
    top: 5px;
    left: 227px;
    height: 195px;
    width: 212px;
    background-image: url('images/greybox.gif');
    background-repeat: no-repeat;
}
div#featuredpropertyimage {
    position: relative;
    top: 6px;
    left: 6px;
    height: 150px;
    width: 200px;
    background-repeat: no-repeat;
}
div#forsalebox {
    position: absolute;
    top: 5px;
    left: 444px;
    height: 195px;
    width: 212px;
    background-image: url('images/greybox.gif');
    background-repeat: no-repeat;
}
div#forsaleimage {
    position: relative;
    top: 6px;
    left: 6px;
    height: 150px;
    width: 200px;
    background-repeat: no-repeat;
}
div#forleasebox {
    position: absolute;
    top: 5px;
    left: 661px;
    height: 195px;
    width: 212px;
    background-image: url('images/greybox.gif');
    background-repeat: no-repeat;
}
div#forleaseimage {
    position: relative;
    top: 6px;
    left: 6px;
    height: 150px;
    width: 200px;
    background-repeat: no-repeat;
}
div#addresses {
    position: relative;
    font-size: 11pt;
    color: #2e2e2e;
    top: 90px;
    left: 15px;
    width: 850px;
    height: 40px;
}

div#content a, a:link, a:active, a:visited {
 color: white;
 font-family: arial;
 text-decoration: none;
 font-size: 11pt;
}

div#content a:hover {
 color: #FFE513;
}

/* Declarations for the menu bar */

div#navigation{
 width: 880px;
 background: #5E0501;
 height: 40 px;
 text-align: center;
 position: relative;
 z-index: 1;
}

div#navigation a:hover {
    color: #FFE513;
}

.menu, .menu ul {
	margin: 0;
	padding: 0px;
    text-align: left;
	list-style-type: none;
	display: block;
	z-index: 6;
}

.menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
	position: relative;
	z-index: 7;
}

.menu li:hover {
	z-index: 10000;
	white-space: normal;

}

.menu li li {
	float: none;
	background:#5E0501;
	z-index: 8;
}

.menu ul {
	visibility: hidden;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
}

.menu li:hover>ul {
	visibility: visible;
	top: 100%;
}

.menu li li:hover>ul {
	top: 0;
	left: 100%;
}

.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}

.menu, .menu ul {							/* float clear ie7 */
	min-height: 0;
}

.menu ul {
	background-image: url(empty.gif);		/* fix for internet explorer hover bugs */
	padding:0;
	margin:0;
}

.menu ul ul {								/* positioning for sub drop down */
	padding: 0px 0px 0px 0px;
	margin: 0px 0 0 0px;
}

.menu ul li:hover {
	background:#2E2E2E;
	color:#FFF;
}

.menu ul li a, .menu ul ul li a {
	color: #FFF;
	padding:0px 0px 3px 0px;
    font-size: 10pt;
}
.menu a:visited {
    font-size: 10pt;
}


.menu ul {
	width:200px;
	margin-top:0px;
	margin-left:0px;
}

.menu a {
	text-decoration: none;
	color: #eee;
	padding:0;
	display: block;
	position: relative;
}

.menu img {
	border:none;
	margin:0 0px 0 0px;  /* this controls the space between each menu image */
}

.result {
	color: #990000;
}

.mandatory {
	background-color: #FFFFBE;
}

.footer td{
 color: #FFFFFF;
 font-weight: bold;
 font-size: 13pt;
 padding: 3px 0 0 5px;
}

.error {
  color: red;
  font-weight: bold;
}