html,body{
	color: #021C4D; /* Main Text Colour */
	background-image: url(images/bgtile.jpg); /* Main Background Image */
	background-repeat:repeat-x; /* Tile along x axis only otherwsie gradient repeats halfway down */
	background-color:#FFFFFF; /* Main background colour for when the gradien stops*/
	font-family: tahoma, Arial, Helvetica, sans-serif; /* Fonts, use first if available, otherwise next etc, etc */
	font-size: 12px; /* Main font size */
	height: 100%; /* Set body height so that tables set to 100% height use full screen */
	margin: 0; /* Remove default page margin */
}
td,p{
	font-family: tahoma, Arial, Helvetica, sans-serif; /* Need to set default font for pararaphs and table cells seperately */
	font-size: 12px; /* and font size */
}
a, a:visited{ /* any link and any visited link */
	color: #711228;
	text-decoration: none;
	font-size: 12px;
	font-family: tahoma, Arial, Helvetica, sans-serif;
}
a:hover{ /* Mouseover any link */
	text-decoration: underline;
	color: #711228;
}
a.nav{ /* nav links */
	display: block; /* block elent, makes the next element start new line */
	background-image: url(images/nav.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 140px;
	text-indent: 20px;
	line-height: 30px;
}
a.nav:hover{ /* Mouseover nav links */
	display: block;
	background-image: url(images/navhover.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 140px;
	text-indent: 20px;
	line-height: 30px;
	color: #711228;
}
h1{ 
	color: #021C4D;
	font-size:28px;
	margin: 0;
	text-align: left;
}
h2{
	color: #021C4D;
	font-size:20px;
	margin: 0;
	text-align: left;
}
h3{
	color: #021C4D;
	font-size:20px;
	margin: 0;
	text-align: right;
}
h4{
	font-size:11px;
	margin: 0;
}