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: #021C4D;
	text-decoration: none;*/
	font-size: 12px;
	font-family: tahoma, Arial, Helvetica, sans-serif;
}
a:hover{ /* Mouseover any link */
	text-decoration: underline;
	color: #4D0F02;
}
a.nav{ /* nav links */
	color: #021C4D;
	text-decoration: none;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: #4D0F02;
}
h1{ 
	color: #021C4D;
	font-size:25px;
	margin: 0;
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom: solid 1px #D0D0D0;
}
h2{
	color: #021C4D;
	font-size:20px;
	margin: 0;
}
h3{
	color: #021C4D;
	font-size:15px;
	margin: 0;
}
h4{
	font-size:10px;
	margin: 0;
}
.caption
{
    font-style:italic;
    font-weight:bold;
    text-align:center;
}