BODY,HTML {background-color: white; margin: 0px; padding: 0px; height: 100%}
BODY,TD {color: rgb(75,75,75); font-family: arial; font-size: 9pt; text-align: justify}

/* this does the colours of outer section of main page */
DIV.page {margin: 0px auto 0px; position: relative; background: url('images/harbour_bg.png') rgb(0,0,0) repeat-x; height: 100%;}

/* this determines the start postition of the text pages */
#contentframe {padding: 0; position: absolute; top: 131px; width: 771px; left: 21px; right: 0; margin: 0 auto; bottom: 0px; overflow: auto}

/* Daft old IE doesn't understand implement CSS positioning properly, so I'll compute the positioning information for it.*/
 * html #contentframe {height: expression((document.body.clientHeight - 108) + "px"); left: expression(((document.body.clientWidth - 750)/2) + "px");}

/* this determines the padding in the text pages i.e padding: 0 0; margin is no padding and : 20px 20px; - note you have to substract from width!*/
#content {width: 710px; padding: 20px 20px; margin: 0 auto 0 0; background-color: white}

#content object {display: block; width: 750px; margin-right: auto}

#content p {margin: 1em 0px}

#footer {background-color: rgb(218,95,52); position: absolute; bottom: 0; width: 100%; height: 20px}
#footercontent {background-color: rgb(75,75,75); width: 750px; margin: 0 auto}

/*
#masthead {background-color: rgb(0,0,0)}
*/

.contentpadding {padding: 2px 15px}

A {color: #b0bbbc}
A:hover {color: #0000C0}
H1 {text-align: center; margin: 0; padding: 0; font-size: 30px; font-weight: bold; font-family: "Arial Black", sans-serif}


.pagecontent {margin: 20px 50px 5px 50px}

.smallprint, .smallprint a:link, .smallprint a:visited, .smallprint a:hover {color: white; font-size: 8pt; padding: 3px; margin: 0}
.smallprint img {vertical-align: middle; padding-right: 20px}

H3 {border-bottom-style: solid; border-bottom-width: 0px}
H4 {text-align: center}
IMG {border: none}

TABLE.brokerage {width: 100%; font-size: 90%}

.centered {text-align: center}



UL.localnav, UL.localnav2 {display: block; text-align: left; padding: 5px; margin: 0; font-size: 8pt; margin-left: 0px; margin-right: 100px; position: absolute; bottom: 5px;}
UL.localnav LI, UL.localnav2 LI {display: inline; color: white; border-right: solid white 1px}
UL.localnav LI A, UL.localnav2 LI A {color: white; text-decoration: none; padding: 2px 10px; background-color: rgb(180,180,180)}
UL.localnav LI A:hover, UL.localnav2 LI A:hover {color: black; background-color: rgb(180,180,180); text-decoration: none}

UL.localnav3 {display: block; text-align: left; padding: 5px; margin: 0; font-size: 8pt; margin-left: 0px; margin-right: 100px;}
UL.localnav3 LI {display: inline; color: white; border-right: solid white 1px}
UL.localnav3 LI A {color: white; text-decoration: none; padding: 2px 10px; background-color: rgb(180,180,180)}
UL.localnav3 LI A:hover {color: black; background-color: rgb(0,0,0); text-decoration: none}

#menubar {
	background-color: rgb(228,96,48); 	/* background color for menu bar */
	border-right: solid white 1px;;	/* Separator colour for menu bar */
}

#menubar a {
	color: white;			/* Text colour for menu bar */
	border-left: solid white 1px;	/* Copy separator colour for menu bar */
}

#menubar ul {
       border: solid white 1px;			/* Border for drop-down menus */
       background-color: rgb(228,142,116);	/* Background colour in the drop-down menus */
}

#menubar ul a {
	color: white;				/* Text colour for drop-down menus*/
}

#menubar ul a:hover,
#menubar ul a:focus {
	color: white;				/* Text colour for menuitems when hovered */
	background-color: rgb(75,75,75)		/* Background colour for menu items when hovered */
}

#menubar a.selected {
	color: green;				/* Text colour for menu bar items with open menus */
	background-color: rgb(188, 71, 36)	/* Background for menu bar items with open menus */
}