* {padding: 0; margin: 0;}

/*** From superfish.css ***/
.sf-menu, .sf-menu * {list-style: none;}
.sf-menu {display: block; background: url("/Images/nav-bg.png") repeat-x; line-height: 1;}
.sf-menu ul { position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */   }
.sf-menu ul li { width: auto;}
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float: left; position: relative;}
.sf-menu a { display: block; position: relative;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 3em; /* match top ul list item height */ z-index: 99;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0;}

/*** DEMO SKIN ***/
.sf-menu {float: left; margin-bottom: 1em; position: relative; font-family: "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; color: #f1efe4;}
.sf-menu a { padding: 0.6em 1em; text-decoration: none; background:url(Images/divider.png) no-repeat right center; text-shadow: 1px 1px 1px #000;}
.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #f1efe4;}
.sf-menu li {  }
.sf-menu li li a{ background: #E3E1CA; border-bottom: 1px solid #5b5652; text-transform: none; color: #000 !important; text-shadow: 1px 1px 1px #999;}
.sf-menu li li a:hover { background: #fff;}

.sf-menu li li li a{ background: #E3E1CA; color: #000;}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: #1f1915; outline: 0;}

/*** End from superfish.css ***/


<!--

	#main_nav
		{
		text-align: left;
		height: 2.2em;
		background: url("/Images/nav-bg.png") repeat-x;
		font-size: 16px;
		width: expression(document.body.clientWidth > 440? "440px" : "auto");
		display: block;
		position: absolute;
		left: 50%;
		margin-left: -300px;
		padding: 0px;
		}

	#overdiv
		{
		position: absolute;
		visibility: hidden;
		z-index: 1000;
		}

	body
		{
		color: white;
		background-image: url("/Images/textured-background.jpg");
		background-repeat: repeat-x;
		margin: 0px;
		text-align: left;
		}

	table
		{
		border-collapse: collapse;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		}

	tr
		{
		background-repeat: repeat-x;
		max-height: 25%;
		}

	tr#blue
		{
		background-image: url("/Images/Blue.png");
		background-size: contain;
		background-position: center center;
		}

	tr#red
		{
		background-image: url("/Images/Red.png");
		background-size: contain;
		background-position: center center;
		}

	td
		{
		border: 0px;
		padding: 0px;
		background-repeat: repeat;
		height: 200px;
		text-align: center;
		}

	td#centre
		{
		height: auto;
		max-height: 60px;
		text-align: center;
		padding: 10px;
		font-weight: bold;
		color: #332921;
		font: 18px Verdana, sans-serif;
		}

	#horizon
		{
		text-align: center;
		position: absolute;
		top: 50%;
		left: 0px;
		width: 100%;
		height: 0px;
		overflow: visible;
		visibility: visible;
		display: block;
		}

	#content
		{
		font-family: Verdana, Geneva, Arial, sans-serif;
		color: inherit;
		margin-left: 0px;
		position: absolute;
		top: -230px;
		left: 0%;
		width: 100%;
		height: 70px;
		visibility: visible
		}

	#info_box
		{
		position: absolute;
		text-align: left;
		margin-left: 40px;
		left: 0px;
		width: 350px;
		height: 460px;
		top: -230px;
		}

	#info_box_framed
		{
		position: absolute;
		text-align: left;
		margin-left: 40px;
		left: 0px;
		width: 350px;
		height: 420px;
		top: -220px;
		}

	#framed
		{
		background-color: #1f1915;
		position: absolute;
		top: 50%;
		margin-top: 105px;
		text-align: center;
		overflow: visible;
		height: 210px;
		width: 350px;
		border-style: double;
		border-width: 3px;
		color: #EDEACE;
		border-radius: 25px;
		padding: 10px;
		}

	#topdiv
		{
		position: relative;
		height: 140px;
		width: 350px;
		margin-top: 20px;
		top: 0px;
		background-color: #1f1915;
		border-style: double;
		border-width: 3px;
		border-radius: 25px;
		padding: 5px;
		}

	#centretext_top
		{
		position: absolute;
		top: 20px;
		text-align: center;
		overflow: visible;
		}

	#spacerdiv
		{
		height: 100px;
		}

	#centretext_bottom
		{
		position: absolute;
		top: 20px;
		text-align: center;
		overflow: visible;
		}

	#bottomdiv
		{
		position: relative;
		height: 140px;
		width: 350px;
		margin-bottom: 20px;
		background-color: #1f1915;
		border-style: double;
		border-width: 3px;
		border-radius: 25px;
		padding: 5px;
		}

	p
		{
		text-indent: 0;
		text-align: center;
		font-size: 16px;
		line-height: 110%;
		padding: 5px;
		width: 90%;
		margin-top: 0.5em;
		color: #EDEACE;
		}

	a , p#a, p#a:link, p#a:visited
		{
		color: #EDEACE;
		text-decoration: underline;
		}

	p.bottomalign
		{
		position: relative;
		}

	img
		{
		border-style: none;
		max-height: 200px;
		}


	#footer
		{
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		position: absolute;
		bottom: 10px;
		width: 100%;
		height: 90px;
		visibility: visible;
		display: block;
		}

	#footer a:link
		{
		text-decoration: none;
		}

	#footer a span
		{
		display: none;
		}

	#footer a:hover span
		{
		display: block;
		position: absolute;
		text-align: center;
		bottom: 0px;
		width: 150px;
		left: 50%;
		padding: 5px;
		margin-left: -75px;
		color: #f1efe4;
		background: #1f1915;
		font: 12px Verdana, sans-serif;
		}

	-->