/* LAYOUT */
* {margin:0;padding:0}
body {padding: 0px;}
.greenbackground { background-color: #479676; }
.spacer {clear:both;}
.sideSep {background-color: #D9E9E0}

.floatleft { float:left; }
.floatright { float:right; }
.floatleftmargin { float:left; margin-right: 10px}
.floatrightmargin { float:right; margin-left: 10px}
.leftborder { border-left: 1px solid green; padding-left:10px}

/* LAYOUT - HEADER */
#header { width:100%; height:154px; margin-bottom: 10px; }
	#header.holidays { background: url("/images/template/header/holidays.jpg") no-repeat; }
	#header.properties { background: url("/images/template/header/properties.jpg") no-repeat; }
	#header #site-logo { margin-left: 25px;}

	/* NAV - top horizontal nav */
	#nav, #nav ul {padding: 0;margin: 0;list-style: none}
	#nav {font: normal 12px 'Verdana'; letter-spacing: -1px; height:37px; margin-bottom: 10px;}
	#nav li {display:inline; position:relative; float: left; width: 138px; height: 37px; text-align: center; padding:0; margin:0;}
	#nav a { display: block; text-decoration:none; color:#ffffff; width: 138px; height: 27px; padding-top: 10px; margin-left: 1px;}
	#nav a.first {margin-left: 0px;}
	#nav a:link, #nav a:visited { background: url("/images/template/nav/nav.gif") no-repeat; }
	#nav a:hover, #nav a:active { background: url("/images/template/nav/navActive.gif") no-repeat; }
	#nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover, #nav li.active a:active {background: url("/images/template/nav/navActive.gif") no-repeat; }

	/* hide from IE mac \*/
	#nav li {width:auto}
	#areaselect li {width:auto}
	/*end hiding from IE5 mac */


/* INPAGEMENU SUBMENU */
	#inPageNav {	padding: 4px 0px;margin-left: 0; margin:0; font: bold 96% arial;}
	#inPageNav li { list-style: none;  margin: 0; padding:0px; display: inline; } 

	#inPageNav li a { padding: 4px 8px 4px 5px; margin-left: 0px; background:url("/images/template/menu/inpagemenu_norm_right.gif") no-repeat right top; text-decoration: none; }
	#inPageNav li a:link { }
	#inPageNav li a:visited { }

	#inPageNav li a:hover { color: #FFFFFF; background:url("/images/template/menu/inpagemenu_right_on.gif") no-repeat right top; } 
	#inPageNav #currentTab a { color: #FFFFFF; font-weight: bold; background:url("/images/template/menu/inpagemenu_right_on.gif") no-repeat right top;}

	#inPageMenu { border: 1px none #000000; }
	#inPageContent { background: #FFFFFF url(/images/template/bg.gif) no-repeat; border: 1px none #929D99; height:100%; padding:10px;}

/* LAYOUT - main body of page */
#wrap {position:relative; width:1010px; background: url("/images/template/mainbg.gif") top center repeat-y; text-align: left; margin-left: auto; margin-right: auto}
#wrapSplash {position:relative; width:1010px; text-align: left; margin-left: auto; margin-right: auto}
#wrap2 {position:relative; width:972px; background-color: #FFFFFF; text-align: left; margin-left: auto; margin-right: auto; padding-top: 11px; }
#content-wrap {position:relative; width:100%; text-align:left; margin-top: 1px; }
	#content-wrap2 {position:relative; width:100%; text-align:left; background: #FFFFFF;}
	#content-wrap3 {position:relative; width:100%; text-align:left;}
	#lhsbar {position:relative; float: left; width:235px; } * html #lhsbar { display:inline; }

#infobar {position: relative; font: bold 11px Verdana; width:100%; height:25px; margin-bottom: 10px;}
	#infobar .breadcrumb {position: relative; font-weight:bold; padding: 6px 0px 0px 0px; height:13px; overflow:hidden;}
	#infobar .breadcrumb ul {position: relative; margin: 0; padding: 0; display: inline; } 
	#infobar .breadcrumb ul li {position: relative; margin: 0; padding:0px; list-style: none; display: inline;}
	#infobar .breadcrumb a:link, #infobar .breadcrumb a:visited {text-decoration:none;}
	#infobar .breadcrumb a:hover, #infobar .breadcrumb a:active {text-decoration:underline}

#content {position: relative; float: right; width: 729px; } * html #content { display:inline; }
	.thumbnail {margin: 0 0 0 10px;position:relative;z-index:9999;border: 1px solid #eee;float:right;width:100px;padding:5px;background:#ffffff} * html .thumbnail { display:inline; }
	.thumbnail img {border: 1px solid #000}

	.related {color:#333333;padding: 5px 5px 5px;border-top: 1px solid #d7d7d7;margin: 0 0 1.5em;background: #FFFFFF url(/images/feature_bg_off.gif) bottom right; border-top:1px solid #929D99;border-left:1px solid #929D99;}
	.related p, .related h1, .related h2, .related h3, .related h4, .related h5, .related h6 {margin: 0 0 .3em;border-bottom: 1px solid #737373;color:#737373;	font-variant: small-caps;}
	.related p {border:none;margin: 0 0 1em;color:#444}
	.related a {font-weight:bold}

/* CAROUSEL */
#carousel { width:729px; height: 295px; margin-bottom: 10px}

/* LINKS */
#sideLinks { padding: 3px 20px 5px 20px;}
#footerLinks { float: left; width: 690px; height: 120px; overflow: hidden; }

/* TAB CONTENT */
#tabContent { padding: 3px 10px 0px 10px; }
#tabContent ul {margin-left: 20px; }
#tabContentTabs { height: 37px; }
#tabContentTabs ul { margin: 0; }
#tabContentTabs li {display:inline; position:relative; float: left; width: 168px; height: 37px; text-align: center; padding:0; margin:0 1px 0 0;}
#tabContentTabs a { display: block; position:relative; top: 1px; text-decoration:none; color:#ffffff; width: 168px; height: 27px; padding-top: 10px;}
#tabContentTabs a:link, #tabContentTabs a:visited { background: url("/images/template/tabs/tab.gif") no-repeat; }
#tabContentTabs a:hover, #tabContentTabs a:active { background: url("/images/template/tabs/tabactive.gif") no-repeat; }
#tabContentTabs li.active a:link, #tabContentTabs li.active a:visited, #tabContentTabs li.active a:hover, #tabContentTabs li.active a:active {background: url("/images/template/tabs/tabactive.gif") no-repeat; }
#enquiryTab a:link, #enquiryTab a:hover, #enquiryTab a:active, #enquiryTab a:visited { background: url("/images/template/tabs/specialtab.gif") no-repeat; font-weight: bold; color: #2E7B4A;}

#tabPropertyTabs { height: 37px; }
#tabPropertyTabs li {display:inline; position:relative; float: left; width: 100px; height: 37px; text-align: center; padding:0; margin:0 1px 0 0;}
#tabPropertyTabs a { display: block; position:relative; top: 1px; text-decoration:none; color:#ffffff; width: 100px; height: 27px; padding-top: 10px;}
#tabPropertyTabs a:link, #tabPropertyTabs a:visited { background: url("/images/template/tabs/tabsmall.gif") no-repeat; }
#tabPropertyTabs a:hover, #tabPropertyTabs a:active { background: url("/images/template/tabs/tabsmallactive.gif") no-repeat; }
#tabPropertyTabs li.active a:link, #tabPropertyTabs li.active a:visited, #tabPropertyTabs li.active a:hover, #tabPropertyTabs li.active a:active {background: url("/images/template/tabs/tabsmallactive.gif") no-repeat;}


/* PROMO BOXES */
#promoBoxContainer { margin-bottom: 0px; }
.promoBox { float:left; width:237px; margin-left: 9px;}
.promoBox a { font-weight: bold;}
.promoBox h2 { border: 0px none; padding: 0;}
.promoBox h2 a { text-decoration: none; color: #025B36; font-weight: normal;}
.nomargin { margin: 0; }

/* PAGE ELEMENTS */
#featurebox	{ padding: 3px 10px 3px 10px;}
#projectbox	{ padding: 3px 0px 3px 10px;}
.maincat	{ position: relative; float:left; width:103px; border: 1px solid #D5DDE0; margin: 5px 4px 5px 5px;} * html .maincat { display:inline; }
.subcat		{ position: relative; float:left; width:217px; border: 1px solid #D5DDE0; margin: 5px 4px 5px 5px;} * html .subcat { display:inline; }
.maincat a:link, .maincat a:visited, .subcat a:link, .subcat a:visited, #featurebox a:link, #featurebox a:visited, .fake-a	{font: bold 14px 'verdana'; color: #333333; text-decoration: none;}
.maincat a:hover, .maincat a:active, .subcat a:hover, .subcat a:active, #featurebox a:hover, #featurebox a:active	{text-decoration: underline;}
.projlist	{ padding: 3px 10px 3px 10px; }
#areaSwitch	{ text-align:center; margin-bottom: 10px;}
#areaSwitch	a:link, #areaSwitch	a:visited, #areaSwitch a:hover	{font-size: 14px; font-weight: bold; text-decoration: underline;}

#calendarBox {position: absolute; z-index: 100; left: 300px; top: 300px; background: #FFF; padding: 10px; margin: 5px; border: 1px solid #D5DDE0;}

#newsWidget { padding: 3px 10px 3px 10px;}
#newsWidget a { font-weight: bold; }

.boldgreen	{ font-weight: bold; color: #289569;}

#categoryForm1 { text-align: right; padding-bottom: 10px; border-bottom: 1px solid #D5DDE0;}

/* CARDS */
#cards dl { background: url("/images/template/cards/cardBot.gif") bottom left no-repeat; width: 165px; padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px;}
	.cards div { padding: 0px 10px 0px 0px; margin: 0px 0px 0px 0px; }
	.cards dt { background: url("/images/template/cards/cardTop.gif") top left no-repeat; font-weight: bold;padding: 5px 0px 5px 8px; margin: 0px 0px 0px 0px; }
	.cards dd { padding: 0px 18px 0px 8px; margin: 0px 0px 0px 0px; background: url("/images/template/cards/cardMid.gif") top left repeat-y; }

.az {PADDING-BOTTOM:20px}
.az A {padding:3px 5px 3px 5px;BORDER:1px solid;FLOAT:left;MARGIN:2px;TEXT-DECORATION:none}
.az A:hover {BORDER:1px solid;}
.az P {CLEAR:both}
.az SPAN {LEFT:-500px;POSITION:absolute;TOP:-500px}

/* NEXT PREVIOUS BTN*/
#nextPrevious	{ clear:both; padding-top:10px; border-top: 1px solid #D5DDE0;}
#btnNextprevious	{}
#btnPrev	{ float:left; }
#btnNext	{ float:right; }
#btnIndex	{ text-align:center; padding-top:5px;}
#btnIndex a	{ font-weight: bold; }
	
	#resultslist-wrap {margin: 0 0 1.5em;font-size:92%}
	#resultslist-wrap dt, #resultslist-wrap dl {margin: 0}
	#resultslist-wrap dt {font: bold 85% arial;padding: 3px 0}
	#resultslist-wrap li {padding: 0 0 1em;margin:0 0 0 1.2em;font: bold 145% arial}
	#resultslist-wrap li dd {font: normal 73% arial}
	#resultslist-wrap li dl {margin:0}
	#resultslist-wrap dd {line-height:1.3}
	#resultslist-wrap dd.filetype, #resultslist-wrap dd.date {color:#999;display:inline;padding-right:.5em}
/*
	#gallery{float:left; padding-bottom: 10px; width:370px;}
	#gallery, #gallery li{list-style:none;margin-bottom:10px;padding:0;font: .9em 'verdana'; }
	#gallery li{background: none; float:left;display:inline;margin: 0 0 10px 10px;width:120px;text-align:center;width:110px;}
	#gallery img{display:block;width:100px;border:0px solid;margin:0 auto 5px}
	#gallery a{display:block;height:140px;padding: 10px 0;background: #FFFFFF url(/images/feature_bg.gif) bottom right; border-top:1px solid #4F9CD2;border-left:1px solid #4F9CD2;text-decoration: none}
	#gallery a:hover{background: #4F9CD2 url(/images/feature_bg_on.gif) bottom right; border-top:1px solid #000000;border-left:1px solid #000000;color: #FFF;}	
*/
	/* TABLES */
	.table1 {border: 2px solid #900;border-collapse:collapse;width:100%}
		.table1 td {background: #ffffff url("/images/sprites.gif") repeat-x 0 -1600px;padding:3px;border: 1px solid #fff}
		.table1 th {text-align:left;border: 1px solid #ffffff}
		.table1 thead th {color:#ffffff;font-size:145%;background: #900 url("/images/sprites.gif") repeat-x 0 -1300px;padding: 10px 6px}
		.table1 tbody th {color:#ffffff;font-size:115%;background: #88b8db url("/images/sprites.gif") repeat-x 0 -1400px;padding: 6px}
		.table1 tbody th.sub {font-size:100%;color:#000;background: #efefef url("/images/sprites.gif") repeat-x 0 -1500px;padding: 6px}

	/* TABLES - calendar */
	.calendar {width:200px;font-size:92%}
		.calendar td {text-align:center;border: 1px solid #ddd}
		.calendar th {text-align:center}
		.calendar thead th {padding: 3px 2px}
		.calendar tbody th {padding: 2px}
		.calendar tbody th.sub {padding: 2px}
		
	/* 'MORE' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
		a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active {background: transparent url("/images/sprites.gif") no-repeat 5px -500px;padding-left:21px}
		a.morelink:hover {background: transparent url("/images/sprites.gif") 5px -400px}
		.morelink span {position:absolute;left:-9999px;width:900px}

	/* 'ENLARGE IMG' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
		a.enlargeImg:link, a.morelink:visited, a.morelink:hover, a.morelink:active {background: transparent url("/images/sprites.gif") no-repeat 0px -2015px;padding-left:21px;font-size:92%}
			.enlargeImg span {position:absolute;left:-9999px;width:900px}

/* SITEMAP */
ul.sitemap ul{
	padding: 5px 0px 0px 5px;
	margin: 0px 0px 0px 10px;
}
ul.sitemap li a:link, ul.sitemap li a:visited{
	text-decoration: none;
	color: #333333;
}
ul.sitemap li a:hover{
	color: #289569;
	text-decoration: none;
}
ul.sitemap li{
	list-style: none;
	background-image: url("/images/template/sitemap/dotted.gif");
	background-repeat: repeat-y;
	padding: 2px 0 2px 20px;
	text-indent: -19px;
	background-position: 9px 0;
}
ul.sitemap li:last-child	{ background-repeat: no-repeat; }


/* LAYOUT - FOOTER */
#footer {clear:both; font-family: 'arial'; font-size: 11px; letter-spacing: 0px; margin-bottom: 10px;}
	#copyright { float:right; width: 200px; margin-left: 20px; padding-left:20px; border-left: 1px solid #7B7F80;}

	.footerFeature { position: relative;font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #616161; line-height: 120%; overflow: hidden; float: left; height: 100px; width: 181px; padding: 5px; background: url(/images/template/footer/bg.gif) bottom left repeat-x; border-top: 1px solid #7F7F7F ;}
	.footerFeatureLink { width: 180px; padding: 0px; font-size: 12px; height: 18px; padding-right: 5px; font-weight: bold; text-align: right; bottom: 2px; position: absolute; }


/* FORMS */
legend {
	color:#289569;
	}
div.row {
	padding-top: 5px;
	border: 1px none #000000;
	vertical-align: top;
	clear: both;
	}
div.row span.formLabel {
	float: left;
	width: 30%; 
	text-align: left;
	border: 1px none #000000;
	font: normal 13px 'Verdana';
	color: #015532;
	}
div.row span.formLabelSlim {
	text-align: left;
	border: 1px none #000000;
	font: normal 13px 'Verdana';
	color: #015532;
	}
div.row span.formLabel2 {
	float: left;
	width: 92%; 
	text-align: right;
	border: 1px none #000000;
	margin-top: 4px;
	color: #289569;
	}
div.row span.formLabel3 {
	float: left;
	width: 65%; 
	text-align: right;
	border: 1px none #000000;
	margin-top: 4px;
	color: #289569;
	}
div.row span.formLabelHighlighted {
	float: left;
	width: 30%; 
	text-align: left;
	color:#FABA00;
	font-weight: normal;
	}
div.row span.formLabelHighlightedSlim {
	text-align: left;
	color:#FABA00;
	font-weight: normal;
	}
div.row span.formLabelLeft {
	float: left;
	width: 30%; 
	text-align: left;
	}
div.row span.formField {
	float: right;
	width: 63%; 
	text-align: left;
	border: 1px none #000000;
	padding: 0px 10px 0px 0px;
	}
div.row span.formFieldSlim {
	text-align: left;
	border: 1px none #000000;
	padding: 0px 10px 0px 0px;
	}
div.row span.formField2 {
	float: right;
	width: 5%; 
	text-align: right;
	border: 1px none #000000;
	padding: 0px 10px 0px 0px;
	}
div.row span.formField3 {
	float: right;
	width: 30%; 
	text-align: left;
	border: 1px none #000000;
	padding: 0px 10px 0px 0px;
	}
div.row span.formBack {
	float: left;
	width: 25%; 
	text-align: left;
	}
div.row span.formEnd {
	float: right;
	width: 65%; 
	padding: 0px 7px 0px 0px;
	text-align: right;
	}
div.formEnd {
	clear: both;
	padding: 5px 0px 0px 0px;
	margin: 0px 8px 0px 0px;
	text-align: right;
	}
div.row span.formRequired {
	color:#FABA00;
	font-weight: bold;
	}
.error {
	color:#FABA00;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	}
.error A:link, .error A:visited, .error A:hover {
	color:#FABA00;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	text-decoration: underline;
	}

/* FORM FIELDS */
.formTextarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #3B4642;
	border: 1px solid #7F9DB9;
}
.formText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	width:100%;
	color: #3B4642;
	border: 1px solid #7F9DB9;
	padding: 1px;
}
.formSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	width:60px;
	color: #3B4642;
	border: 1px solid #7F9DB9;
}
.formMed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	width:120px;
	color: #3B4642;
	border: 1px solid #7F9DB9;
}
.formCal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	width:115px;
	color: #3B4642;
	border: 1px solid #7F9DB9;
	padding: 1px;
}
.formSelect {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:100%;
	height: 20px;
	font-weight: normal;
	color: #3B4642;
	padding: 0px 0px 0px 0px;
	border: 1px solid #7F9DB9;
}
.formRequired {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FABA00;
	padding: 0px 2px 0px 0px;
}

.categorySelect {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #3B4642;
	margin:0px 5px 6px 0px;
}
.searchText {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #3B4642;
	width: 175px;
	border: 1px solid #929D99;
	margin: 0px 4px 0px 0px;
	padding: 2px 2px 2px 2px;
}

/* LANDING PAGES (NEW) */
#LP_top { position: relative; width: 994px; height: 30px; background-image: url('/images/template/landing/top.jpg'); margin-left: auto; margin-right: auto}

#LP_header { width: 100%; overflow: hidden; margin-bottom: 10px; }

#LP_left { float: left; width: 230px; overflow: hidden; margin-right: 10px; margin-bottom: 10px; }

#LP_main { float: left; width: 485px; overflow: hidden; margin-right: 10px; margin-bottom: 10px; }
#LP_main ul {margin-left: 20px;}

#LP_right { float: left; width: 235px; overflow: hidden; margin-bottom: 10px; }

#LP_footer { clear: both; width: 100%; overflow: hidden; margin-bottom: 10px; }

#LP_bottom { position: relative; width: 994px; height: 4px; background-image: url('/images/template/landing/bottom.jpg'); margin-left: auto; margin-right: auto}
