body, html {margin: 0px; padding: 0px; height: 100%}

body, td {
	color: black;	/* Text colour in the page */
	font-family: arial; font-size: 9pt; text-align: justify}

DIV.page {margin: 0px auto 0px; position: relative;
	  background: url('images/gradientbg.jpg') white repeat-x 0px 40px; /* middle section */
	  height: 100%; position: relative}

#spec td {border-bottom: 1px solid #808080; color: #808080;}


#contentframe {padding: 0; position: absolute; top: 129px; width: 100%; left: 0px; right: 0; margin: 0 auto; bottom: 31px; 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 - 160) + "px");}

#content {padding: 1px 15px; margin: 0 40px}

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

#content p {margin: 1em 0px}

#content img{padding-top: 7px; padding-bottom: 7px; padding-left: 15px; padding-right: 0px;}

#footer {
	background-color: #DB9C8D; /* background colour of footer at the edges */
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 31px
}

#footercontent {
	background-color: #C26249; /* background colour of footer in the middle */
	margin: 0 auto
	}

#masthead {background-color: #DB9C8D;	/* background colour of top section */
	}


A {color: #000080}		/* Link colours in the page */
A:hover {color: #0000C0}	/* Hovered link colours in the page */

H1 {text-align: center; margin: 0; padding: 0; font-size: 30px; font-weight: bold; font-family: "Arial Black", sans-serif;
background: url('images/header_wide.jpg') white repeat-x top left; height: 112px; width: 100%;}

H1 SPAN {display: none}

#menubar {color: black;				/* Text colour of menu bar */
	  background-color: #B02816;	/* background colour of menu bar */
	  border-right: solid white 1px;		/* Menu bar separator colour */
	  margin-left: 0;
  		}

#menubar a {padding: 0px 24px 3px 24px;		/* Horizontal spacing for menu items is 2nd and 4th numbers */
	    text-decoration: none;
	    color: white;
	    border-left: solid white 1px;	/* Menu bar separator colour */
    		}
		
#menubar ul a {
	color: black;				/* Foreground colour for drop-down menus */
}

#menubar ul {border: solid white 1px;			/* Border colour for drop-down menus */
       background-color: #C26249;	/* Background colour for drop-down menus */
	}
	
#menubar ul A:hover,
#menubar ul A:focus {
	color: white;				/* Foreground colour for selected menu items */
	background-color: #B02816;	/* Background colour for selected menu items */
}

#menubar a.selected {
	color: black;			/* Foreground colour for open menu hierarchy highlight */
	background-color: #B84828 /* Foreground colour for open menu hierarchy highlight */
}

.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}
#footer.img{border: 1px;}


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

.centered {text-align: center}


h1,h2,h3,h4,h5,h6 {color: #58150A}

h2 {font-size: 100%; text-align: center}

img.right {float: right; clear: right}

li {margin-bottom: 1em}