.TODO
{
	border:solid 2px blue;
}

body
{
	font-family:Verdana, Sans-Serif;
	font-size:0.8em;
	border:0px;
	margin:32px 0px 32px 0px;
	padding:0px;
	color:#666666;
}

h1, h2, h3, h4, h5
{
	font-family:Lucida Sans, Verdana, Sans-Serif;
}

h1
{
	font-size:1.95em;
}

h2
{
	font-size:1.25em;
}

a
{
	color:#FF0000;
	text-decoration:none;
}

div
{
	text-align:left;
}

img
{
	border:none;
}

.canvas
{
	margin:auto;
	width:940px;
}

/* IE ignores margin:auto so use text-align on the body element to centre .canvas content */
* html body
{
	text-align:center;
}


#mainmessagecontainer
{
	color:#FFFFFF;
	background-color:#FF0000;
	background-image:url('drop-shadow.gif');
	background-repeat:repeat-x;
	background-position:bottom left;
	margin-bottom:32px;
}

/* IE doesn't recognise margin:auto for centering content */
* html #mainmessagecontainer
{
	text-align:center;
}

#mainmessage
{
	position:relative;
	margin-top:100px;
	padding-top:0px;
	padding-bottom:0px;
}

#mainmessage h1, #mainmessage p
{
	margin-left:250px;
	margin-right:350px;
}

#mainmessage h1
{
	padding-top:24px;
	color:#333333;
}

#mainmessage p
{
	padding-bottom:32px;
	line-height:1.6em;
	text-align:justify;
}

#logo
{
	position:absolute;
	top:-50px;
	left:8px;
}

/* The img element won't render transparently in IE but we still need it to size the enclosing div */
* html #logo img
{
	visibility:hidden;
}

#mainimage
{
	position:absolute;
	top:-90px;
	right:0px;
}

/* The img element won't render transparently in IE but we still need it to size the enclosing div */
* html #mainimage img
{
	visibility:hidden;
}

#maincontent
{
	font-family:Lucida Sans Unicode, Verdana, Sans-Serif;
	font-size:1.1em;
	line-height:1.6em;
	float:left;
	width:720px;
}

/* Fix the IE margin doubling bug */
* html #maincontent
{
	display:inline;
}

#maincontent p
{
	margin-top:0px;
}

#maincontent p.point
{
	text-align:justify;
	background-image:url('link-right-arrow.gif');
	background-repeat:no-repeat;
	background-position:left 5px;
	padding-left:20px;
}

div.group img
{
	margin-bottom:20px;
}

p.footnote
{
	padding-top:20px;
	font-size:.8em;
}

#contact
{
	float:right;
	width:220px;
	margin-top:0px;
	padding-top:100px;
	background-image:url("phone.gif");
	background-repeat:no-repeat;
	background-position:top center;
}

#contact div
{
	margin-bottom:20px;
	text-align:center;
}

#contact p
{
	font-size:1.2em;
	margin:0px;
	color:#333333;
}

#contact .number
{
	font-size:2em;
	color:#FF0000;
}

#morecontent
{
	float:right;
	clear:right;
	width:220px;
}

.blockmessage
{
	color:#222222;
	background-color:#EEEEEE;
}

.blockmessage p
{
	line-height:1.4em;
	margin:20px;
}

.alert
{
	font-size:1.5em;
	color:#FF0000;
	margin:0px;
	padding-top:0px;
	text-align:center;
}

.quote
{
    font-family:Serif;
	font-size:2em;
	letter-spacing:0.1em;
	line-height:1em;
	text-align:center;
	color:#BBBBBB;
}

.quote span
{
	color:#FF0000;
}