﻿* 
{
	margin:0;
	padding:0;
	font-family:Verdana;
}

body
{
    margin: 10px;
}

.header
{
	margin:10px auto 0; /* the auto to centre the element */
	width:780px;
	background-color:#b8d8b8;
	text-align:center;
}

.main
{
	margin:0 auto;
	width:780px;
}

.rounded
{
	padding:8px;
}

.rounded_small
{
	padding:5px;
}

.main .column
{
	float:left;
	margin:5px 5px 0px 0px;
}

.main .menucolumn
{
	width:160px;
	background-color:transparent;
	margin-left:-8px;
}

.main .menucolumn .menuitem
{
	width:160px;
	background:#b8d8b8;
	margin-bottom:5px;
	margin-left:0px;
	text-align:center;
	font-size:1.0em;
	padding-left:0;
	padding-right:0;
	padding-bottom:-10px;
}

.main .menucolumn .sub
{
    margin-left:20px;
    width:135px;
    
    background:#d0d0b0;
	margin-bottom:5px;
	text-align:center;
	font-size:1.0em;
	padding-right:0;
	padding-bottom:-10px;
}

.menuitem a, .sub a, a.propertyLink
{
    color:Navy;
    background-color:transparent;
    padding:0;
    margin:0;
    text-decoration:none;
    font-size:0.7em;
    font-weight:bold;
    border:dashed 0px white;
    display:block;
}

.menuitem a
{
    width:160px;
}

.sub a
{
    width:135px;
}

a.propertyLink
{
    width:614px;
    font-size:0.8em;
}

.main .menucolumn .activelink
{
    background-color:#6699CC;
}

.menuitem a:hover, .sub a:hover, a.propertyLink:hover
{
    text-decoration:underline; /* underline only when hovering */
}

.menuitem a:visited, .sub a:visited, a.propertyLink:visited
{
    color:Navy;
}
.main .columns
{
	margin:0px 0px 0px 157px;
}

.main .col1
{
	width:296px;
	background-color:#f0f0f0;
}

.main .col2
{
	width:296px;
	background-color:#f0f0f0;
	margin-right:-8px;
}

.main .under
{
	margin:5px -8px 0px 0px; 
	width:614px;
	background-color:#f0f0f0;
}

.main .over
{
	margin:5px -8px 0px 0px; 
	width:614px;
	background-color:#f0f0f0;
}

.footer
{
	margin:5px auto;
	width:780px;
	clear:both;
	background-color:#b8d8b8;
	text-align:right;
	font-size:.7em;
	/*border-bottom:solid 5px transparent; */
}

.tandc
{
    float:left;
    padding-left:10px;
    
}

.copy
{
    float:right;
    padding-right:10px;
}

.hidden
{
    display:none;
}

.centered
{
    text-align:center;
}

h1
{
    font-size:1.2em;
    padding-left:30px;
}

h3
{
    font-size:1em;
}

h4
{
    font-size:0.9em;
}

p
{
    font-size:0.8em;
	margin-bottom:10px;
}

/* general use bulleted list */
.bullet li
{
	list-style-type:disc;
	list-style-position:inside;
	font-size:0.8em;
	padding-bottom:5px;
}

/* listing on information pages */
.phonelist li
{
	list-style-type: none;
	list-style-position:outside;
	font-size:0.8em;
	padding-top:7px;
	padding-bottom:2px;
	border-bottom:solid 1px #aaaaaa;
	width:280px;
}

.phonenumber
{
	display:inline;
}

.phonelisting
{
	float:left;
	width:180px;
}

/* Feature list for properties */
.features li
{
	list-style-type: none;
	list-style-position:outside;
	font-size:12px;
	padding-top:7px;
	padding-bottom:2px;
	border-bottom:solid 1px #aaaaaa;
	width:200px;
	height:12px;
}

.features .True
{
	background-image:url('../images/True.gif');
	width:10px;
	height:8px;
	background-repeat:no-repeat;
	float:left;
}

.features .False
{
	background-image:url('../images/False.gif');
	width:10px;
	height:8px;
	background-repeat:no-repeat;
	float:left;
}

.features .Name
{
	float:left;
	width:180px;
}

/* properties list */
.address
{
    float:left;
    width:300px;
    cursor:pointer;
}

.price
{
    float:left;
    width:120px;
    border-left:dashed 2px black;
    padding-left:5px;
    cursor:pointer;
}

.avail
{
    float:right;
    width:150px;
    border-left:dashed 2px black;
    padding-left:5px;
    cursor:pointer;
}

.clearfix
{
    clear:both;
}