body {
	margin: 10px;
	padding: 0;
	border: 0;
	background-color: #fff;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100.01%;
}

#outerWrapper {
border: 2px solid #000;
}

#header {
	background-image: url(../i/headerBackground.jpg);
	background-repeat: repeat-y;
	background-position: right;
	background-color: #00AECE;
}

#headerTop {
	background-image: url(../i/headerLogoTop.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#headerBottom {
	height: 30px;
	background-image: url(../i/headerLogoBottom.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #18289C;
}

#headerTop img {
	margin: 10px;
	padding: 0;
}
#headerImage1 {
	border: 3px solid #FF2400;
}
#headerImage2 {
	border: 3px solid #FF7908;
}
#headerImage3 {
	border: 3px solid #fff;
}
#headerImage4 {
	border: 3px solid #FF7908;
}
#headerImage5 {
	border: 3px solid #182894;
}

/* border colours for images */
.borderRed {
	border-color: #FF2400;
}
.borderOrange {
	border-color: #FF7908;
}
.borderWhite {
	border-color: #fff;
}
.borderBlue {
	border-color: #182894;	
}
.borderGreen {
	border: #009900;
}

#innerWrapper {
	background-color: #18289C;
	background-image: url(../i/whiteBar.jpg);
	background-repeat: repeat-y;
	background-position: 20% 0%;
}

#content {
	float: right;
	width: 80%;
	background-color: #fff;
	font-size: 85%;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../i/bg.jpg);
	/*background-repeat: no-repeat;
	background-position: left top;*/
	padding-top: 10px;
}

#content ul li {
	padding: 5px;
}

/*generic float rules for our images in the content area*/

#content .left{
float: left;  /*float the image to the left*/
/*border: 1px solid #000;  add a black border 1 pixel wide to all 4 sides*/
margin: 20px;  /*set the margins to give some "air" around the text*/
padding: 3px;
border-width: 3px;
border-style: solid;
}
#content .tightenUp {
	margin: 10px;
}

#content .right {
float: right;  /*float the image to the right*/
/*border: 1px solid #000;  add a black border 1 pixel wide to all 4 sides*/
margin: 20px;  /*set the margins to give some "air" around the text*/
padding: 3px;
border-width: 3px;
border-style: solid;
}

#content p {
	margin: 0;
	padding: 10px 15px 10px 15px;
	border: 0;
	line-height: 140%;
	text-align: justify;
}
#content cite {
	margin: 0;
	padding: 0px 15px 10px 15px;
	border: 0;
	line-height: 140%;
	text-align: justify;
	font-size: 90%;
}
#content h1 {
	margin: 0;
	padding: 0 0 0 15px;
	border: 0;
	/*color: #FF7D08;*/
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
}
#content h2 {
	margin: 0;
	padding: 25px 0 0 15px;
	border: 0;
	/*color: #FF7D08;*/
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
}
#content h3 {
	margin: 0;
	padding: 10px 0 0 15px;
	border: 0;
	/*color: #FF7D08;*/
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
}
.contentSidePanelWrapper {
	width: 250px;
	float: right;
	margin: 20px;
	padding: 0;
	border: 3px solid #00AECE;
	background-color: #18289C;
}
.contentSidePanelContent {
	margin: 10px;
	border: 3px solid #FF7D08;
	padding: 3px;
	background-color: #fff;
	text-align: center;
}

.contentSidePanelContent h1 {
	font-size: 100%;
}

#content #topOfPageLink {
	clear: both;
	text-align: right;
}

.linkButton {
	display: block;
	background-color: #FF7D08;
	color: #fff;
	text-align: center;
	border: 3px solid #FF7D08;
	text-decoration: none;
	font-weight: bold;
	font-size: 130%;
}

.imageButtonWrapper {
	text-align: center;
	clear: right;
}
.imageButton {
	margin: 3px 3px 3px 10px;
	border: 0;
}

/* the property listings page */
#propertyListingWrapper {
	font-family: Arial, Helvetica, sans-serif;
}
#propertyListingWrapper .propertyListing {
	margin: 20px auto;
	border: 1px solid #18289C;
	padding: 0;
	width: 96%;
}
#propertyListingWrapper .propertyListing h1 {
	margin: 0;
	padding: 2px 0 2px 5px;
	color: #000;
	background-color: #B1CBFE;
	font-size: 130%;
	background-image: url(../i/propertyListingHeaderBg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#propertyListingWrapper .propertyListing .thumbnail {
	float: left;
	margin: 10px;
	border: 1px solid #000;
	padding: 2px;
	width: 160px;
}
#propertyListingWrapper .propertyListing p {
	margin: 10px;
	padding: 0;
	font-weight: bold;
}
#propertyListingWrapper .propertyListing .description {
	font-weight: normal;
	font-size: 90%;
}
#propertyListingWrapper .propertyListing .button {
	float: right;
	padding: 10px;
}
#propertyListingWrapper .propertyListing .imageButton {
	float: right;
	padding: 2px;
	clear: right;
}
#pageResultsNavigation ul {
	text-align: center;
	font-family: Helvetica, sans-serif;
}
#pageResultsNavigation ul li{
	display: inline;
}
#pageResultsNavigation ul li a {
	background-color: #FF7D08;
	color: #fff;
	text-align: center;
	border: 3px solid #18289C;
	text-decoration: none;
	font-weight: bold;
	font-size: 100%;
	padding: 3px;
}
#pageResultsNavigation ul li a:hover {
	border: 3px solid #FFCC00;
}
/* the property detail page */
#propertyDetailsWrapper {
	font-family: Arial, Helvetica, sans-serif;
}
#propertyDetailsWrapper .propertyDetails {
	margin: 20px auto;
	border: 1px solid #18289C;
	padding: 0;
	width: 96%;
}
#propertyDetailsWrapper .propertyDetails h1 {
	margin: 0;
	padding: 2px 0 2px 5px;
	color: #000;
	background-color: #FFCC99;
	font-size: 130%;
	background-image: url(../i/propertyListingHeaderBg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#propertyDetailsWrapper .propertyDetails #thumbnailWrapper {
	float: left;
	width: 166px;
}

#propertyDetailsWrapper .propertyDetails .thumbnail {
	float: left;
	margin: 10px;
	border: 1px solid #000;
	padding: 2px;
	width: 140px;
}
#propertyDetailsWrapper .propertyDetails #majorFacilities {
	float: right;
	width: 150px;
}
#propertyDetailsWrapper .propertyDetails #majorFacilities img {
	margin: 0 10px 0 10px;
	vertical-align: middle;
}

#propertyDetailsWrapper .propertyDetails #majorFacilities p {
	margin: 10px;
}

#propertyDetailsWrapper .propertyDetails h2 {
	margin: 0 0 0 166px;
	padding: 0 0 0 0px;

}

#propertyDetailsWrapper .propertyDetails p {
	margin: 0 10px 10px 166px;
	padding: 0;
	font-weight: bold;
}
#propertyDetailsWrapper .propertyDetails .location {
	margin-top: 10px;
}
#propertyDetailsWrapper .propertyDetails .smallerText {
	font-weight: normal;
	font-size: 90%;
}
#propertyDetailsWrapper .propertyDetails .button {
	float: right;
	padding: 10px;
}

#propertyDetailsWrapper .propertyDetails #paymentInfo img {
	margin: 0 10px 0 10px;
	vertical-align: middle;
}
#propertyDetailsWrapper .propertyDetails .imageButtonWrapper {
	margin-left: 166px;
}

.guestBookComment {
	padding: 0 0 30px 30px;
	color: #009;
}
.guestBookComment cite{
	color: #006;
}

/* Clearing element for a float: this fix uses a break in the markup as a clearing element, but it ensures that the break does not disturb the layout by reducing its values to 0. Add this class to breaks as needed to clear a float. Please note that the container of the break needs a dimension on it. */
.brclear { 
     clear:both; 
     height:0; 
     margin:0;
     font-size: 1px;
     line-height: 0;
}


#navigation {
	float: right;
	width: 20%;
	font-size: 85%;
}
#navigation ul {
	margin: 0 5px 20px 5px;
	padding: 0;
	color: #00AED6;
	list-style-type: none;
}
#navigation ul li {
	margin: 0;
	padding: 0;
}
#navigation ul li a {
	display: block;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	border: 1px solid #18289C;
	padding: 1px;
}
/* Adds a height to a button so that IE Win will allow it to be clickable across its full width. */
/* Hide from IE5-Mac \*/
#navigation ul li a {
     height: 1%;
} 
/* end hiding */ 
#navigation ul li a:hover {
	border: 1px solid #fff;
	background-color: #FF7D08;
}

#navigation .currentItem {
	border: 1px solid #fff;
	background-color: #C2E1F6;
	color: #182894;
}

#navigation ul ul {
	margin: 0 0 0 15px;
}


#clearIt {
	clear: both;
	height: 20px;
	background-color: #00AECE;
}

#footer {
	background-color: #18289C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;

}
/* The Holly Hack uses the Tan hack and the anti-Mac hack in conjunction with a stated dimension to keep various bugs from occurring in IE Win. Replace the placeholder with your own class name. 
This is applied so the outer wrapper border shows up under the footer in IE
*/
/* Hides from IE5-mac \*/ 
* html #footer {
     height: 1%;
} 
/* End hide from IE-mac */ 

#footer p {
	margin: 0;
	border: 0;
	padding: 5px;
}
#footer a {
	color: #FF7D08;
	text-decoration: none;
}
#footer a:hover {
	color: #FF7D08;
	text-decoration: underline;
}
#footer p.address {
	color: #fff;
	font-size: 90%;
}
#footer p.contact {
	color: #FF7D08;
	font-size: 90%;
}
#footer p.credits {
	color: #fff;
	font-size: 70%;
}
#footer p.copyright {
	color: #fff;
	font-size: 70%;
}
#footer p.designer {
	float: right;
	color: #fff;
	font-size: 60%;
}
#timer {
	margin: 10px 0 0 0;
	color: #999;
	text-align: right;
	font-size: 60%;
}
#programInfo {
	margin: 10px 0 0 0;
	color: #999;
	text-align: right;
	font-size: 60%;
}
/* FORMS */

#frmPropertyFinder {
	margin: 10px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 15px;
	font-size: 80%;
	/*text-align: center;*/
}
#frmPropertyFinder label {
	color: #fff;
	display: block;
	padding-bottom: 5px;
}

.formLayoutTable {
	margin: 15px auto;
	padding: 10px;
	border: 1px solid #999;
	background-color: #fff;
}
.formLayoutTable td {
	margin: 0;
	padding: 4px;
}

.formLayoutTable .label {
	text-align: right;
}
.formLayoutTable .sectionLabel {
	text-align: left;
	color: #00AECE;
	font-size: 120%;
	font-weight:bold;
	border-bottom: 1px solid #000;
	padding-top:30px;
}

.formLayoutTable .formButton {
	text-align: center;
}
.wideFormField {
	width: 25em;
}
.narrowFormField {
	width: 5em;
}



.formLayoutTable .message {
	margin: auto;
	width: 400px;
	font-size: 90%;
	text-align:justify;
	color: #000;
}
.standardTable {
	margin: auto;
	padding: 15px;
}
.standardTable td, .standardTable th {
	border: 1px solid #ccc;
	padding: 2px;
}

/*web cams */
div.webcam {
	text-align: center;
}
div.webcam h2 {

}
div.webcam img {
	border-width: 3px;
	border-style: solid;
	margin-bottom: 30px;
	width: 500px;
}

.captchaFailed {
	text-align: center;
	font-weight: bold;
	color: #f00;
	font-size: 180%;
}