/* what is the optimal page size for an average screen size? */

/* start by resetting all margins to their defaults at the top of the CSS file*/
*
{
	margin: 0;
	padding: 0;
}
body 
{
	width: 800px;
	height: 600px;
}

div#HeaderDiv
{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 150px;
	width: 800px;
	background-image: url("../images/logo.gif");
	border: none;
}

div#MenuDiv
{
	text-align: left;
	position: absolute;
	top: 150px;
	left: 0px;
	height: 30px;
	width: 800px;
	border: none;
	font-family: Arial;
}

/* menu stuff: link colours, rollover colours, selected link colours... */
div#MenuDiv table tr td
{
	text-align: center;
}
div#MenuDiv a
{
	font-size: 75%;
	text-decoration: none;
	color: #A4A7AC;
}
div#MenuDiv a:hover
{
	font-weight: bold;
}
/* make selected links appear bold and purple */
div#Index div#MenuDiv a#Index, 
div#AboutUs div#MenuDiv a#AboutUs,  
div#Commercial div#MenuDiv a#Commercial,
div#Personal div#MenuDiv a#Personal,
div#ContactUs div#MenuDiv a#ContactUs,
div#News div#MenuDiv a#News
{
	font-weight: bold;
	color: #524A95;
}


div#BodyDiv
{
	position: absolute;
	top: 190px;
	left: 0px;
	height: 367px;
	width: 775px; /* reduced by 25 pixels to allow for padding-left */
	border: none;
	text-align: left;
	padding-left: 25px;
	/* now style to locate the background image (if used) */
	background-repeat: no-repeat; 
	background-position: 520px 30px;
}

div#BodyDiv h1
{
	font-size: 150%;
	font-weight: bold;
	font-family: Arial;
	color: #524A95;
	margin-top: -5px;
	margin-bottom: 5px;
}
div#BodyDiv p, div#BodyDiv pre
{
	font-family: Arial;
	font-size: 75%;
	color: #524A95;
	line-height: 14px;
	padding-top: 2px;
}
div#BodyDiv pre
{
	padding-bottom: 4px;
}
div#BodyDiv ul
{
	margin-left: 20px;
	font-family: Arial;
	font-size: 75%;
	color: #524A95;
}
div#BodyDiv ul li
{
	padding: 1px;
}

div#BodyDiv table
{
	font-family: Arial;
	color: #524A95;
	font-size: 75%;
}

div#TopFooterDiv
{
	position: absolute;
	top: 547px;
	left: 0px;
	height: 3px;
	width: 800px;
	background-color: #A3A7AC;
}

div#BottomFooterDiv
{
	position: absolute;
	top: 550px;
	left: 0px;
	height: 45px; /* 5 px removed for padding-top */
	width: 795px; /* 5 px removed for padding-left */
	background-color: #524A95;
	text-align: left;
	vertical-align: middle;
	font-family: Arial;
	font-size: 80%;
	color: #FEFEFE;
	padding-left: 5px;
	padding-top: 5px;
}