/* this is all to do with getting the full height of the page in the wrapper */
html, body { height: 100%; }

body {
	/*
	font-family: Arial, Helvetica, sans-serif;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-family: "Times New Roman", serif;
	font-family: Georgia, serif;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	line-height: 140%;
	letter-spacing: 0.5px;
	margin: 0px;
	background-color: #E8F1FF;
	background-color: #FFFFFF;
}


/*  ############# STANDARD LINK REMOVAL AND STANDARD HTML ELEMENTS ########### */

A:link {color: #3399ff}
A:visited {color: #3399ff;}
A:active {color: #3399ff;}
A:hover {color: #3399ff;}

li {margin-bottom: 10px;}

sup {font-size: 7px; }

hr {border: thin solid #66ccff;}

p {
	margin-top: 4px;
	margin-bottom: 4px;
}

table {
	font-size: 12px;
}

/* ########## MAIN LAYOUT ELEMENTS ########## */

#wrapper {
	text-align: left;
	overflow: hidden; /* leave this; it's for full height; if it causes scrollbars then use overflow: hidden */
	background-color:#FFFFFF;
	padding-bottom: 0px;
	min-height: 100%;
	width: 100%;
}

#header {
	z-index: 50;
	width: 909px;
	height: 312px;
}

#languages {
	position: absolute;
	left: 700px;
	top: 100px;
	z-index: 100;
	text-align: right;
	width: 200px;
}

#pageBodyTitle {
	position: absolute;
	left: 350px;
	top: 200px;
	z-index: 60;
	padding-bottom: 10px;
	text-align: right;
}

#menu {
	position: absolute;
	top: 260px;
	z-index: 100;
	margin-left: 280px;
}

#vmenu {
	position: absolute;
	left: 50px;
	top: 250px;
	width: 250px;
	overflow: hidden;
	z-index: 50;
}

#content {
	clear: both;
	position: relative;
	left: 0px;
	top: -25px;
	margin-right: 50px;
	margin-left: 280px;
	min-height: 747px;
	margin-bottom: 0px;
}

#pageBody {
}

#footer {}

#copyright {
	position: relative;
	float: left;
	top: -17px;
	left: 0px;
	width: 100%;
}

#sidebar {
	position: relative;
	float: left;
	height: 0px;
	z-index: 10;
	width: 250px;
	/* this to make it stretch down in FF */
	clear: both;
	top: -757px;
}

#sitedesign {
	position: relative;
	float: left;
	top: -17px;
	left: 0px;
	width: 100%;
	padding: 5px;
	padding-bottom: 0px;
}

#flashcontent {
	z-index: 1;
}

/* ########## MAIN TEXT FORMATTING ########## */

.flag1 {
	color: #FF0000;
}

.pageBodyTitle {
	font-size: 25px;
	color: #00AEEF;
	line-height: 100%;
}

.propertyTitle {
	font-size: 20px;
	color: #00AEEF;
	line-height: 100%;
	/* the new red colour */
	color: #CC3300;
}

.pageBodySubTitle {
	font-size: 20px;
	margin-left: 10px;
	font-weight: bold;
}

.pageBody {
	font-size: 12px;
	text-align: justify;
}

.pageBodySmall {
	font-size: 10px;
}

.pageBodyClickHere {
	font-size: 9px;
	color:#666666;
}

.pageCopyright {
	color: #FFFFFF;
}

.pageSiteDesign {
font-size: 10px;
}

.txtMSG {
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
}

.pageSummary {
	font-size: 11px;
	color:#666666;
}

.pageUpdate {
	font-size: 10px;
	color:#666666;	
}

.usermenu {
	font-size: 11px;
	line-height: 140%;
}

.siteBlue {
	color: #3399ff;
}

.siteBlue2 {
	color: #66ccff;
}

.siteRed {
	color: #CC3300;
}


/* ########## BUTTONS AND FORM INPUTS ########## */

.groovyinput {
	color:#CC3300;
	background-color:#FFFFFF;
	padding: 1px;
	border: 1px solid #00AEEF;
}
.groovybutton {
	color:#FFFFFF;
   	background-color:#00AEEF;
   	border-style:solid;
   	border-color:#FFFFFF;
   	border-width:1px;
	padding: 1px;
}


/* ########## SPECIFICALLY FOR THE BOXOVER JS ########## */
.cssheader {
	font-weight: bold;
	width: 250px;
	border: 1px solid #666666;
	padding: 5px;
	fontSize: 11px;
	color: #FFFFFF;
	background-color: #0099FF;
	text-align:left;
	filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;
}
.cssbody {
	width: 250px;
	font-size: 11px;
	padding: 5px;
	color: #1B4966;
	text-align:left;
	background-color: #FFFFFF;
	filter:alpha(opacity=85); -moz-opacity:.85;	opacity:.85;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #00CCFF;
	border-right-color: #00CCFF;
	border-bottom-color: #00CCFF;
	border-left-color: #00CCFF;
}


/* ########## CATEGORIES FORMATTING ########## */

.catPath {
	margin: 10px;
}
.catMenu {
	margin: 10px;
	width: 100%;
	font-size: 11px;
}

/* ########## OTHER FORMATTING ########## */
.displayItems {
	margin: 0px;
	width: 100%;
	font-size: 12px;
}
.displayTable {
	width: 180px;
	height: 180px;
	font-size: 11px;
	background-color:#FFFFFF;
	border-top: 1px solid #0099FF;
	border-right: 1px solid #0000CC;
	border-bottom: 1px solid #0000CC;
	border-left: 1px solid #0099FF;
}
.displayTable td {
	padding: 5px;
}
.displayTable A {
	color: blue;
}

.bottomTable{
	font-size: 12px;
	width: 100%;
	cell-spacing: 1px;
}

.topCellLeft {
	height: 6px;
	background-color: #66CCFF;
}

.topCellMiddle {
	height: 6px;
	background-color: #66CCFF;
}

.topCellRight {
	background-color: #66CCFF;
	height: 6px;
}


.bottomCellTop {
	border-top: 5px solid #00CCFF;
	height: 1px;
}

.bottomCellLeft {
	height: 22px;
	border-top-height: 3px;
	border-top-style: solid;
	border-top-color: #000000;
	background-color: #3399ff;
	width: 247px;
	text-align: center;
}

.bottomCellSpacer {
	border-top-height: 3px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	background-color: #FFFFFF;
	width: 1px;
}

.bottomCellMiddle {
	height: 22px;
	border-top-height: 3px;
	border-top-style: solid;
	border-top-color: #66CCFF;
	background-color: #3399ff;
	text-align: center;
}

.bottomCellRight {
	height: 22px;
	border-top-height: 3px;
	border-top-style: solid;
	border-top-color: #66CCFF;
	background-color: #3399ff;
	text-align: center;
}

#vmenu-map {	
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px -56px;
}

#vmenu-map p a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}


#vmenu-map p a:link {color: #CC3300; }
#vmenu-map p a:visited {color: #CC3300; } 
#vmenu-map p a:active {color: #CC3300; }
#vmenu-map p a:hover {color: #CC3300; }

#mainTable tr td {
	vertical-align: top;
}

#footerTable {
	width: 100%;
}

#footerTable tr td {
	vertical-align: center;
}

#footerTable tr td#counters {
	padding-left: 40px;
}

.h1-big-blue {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
color: #3399ff;
}

.h2-14-grey {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
}

.h2-12-red {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #CC3300;
padding-top: 20px;
}

.h2-16-red {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #CC3300;
padding-bottom: 5px;
padding-top: 5px;
margin: 0px;
}

.h1-middle-blue {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #3399ff;
}

.h1-middle-red {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #CC3300;
}