/* general elements */

	body {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		line-height: 18px;
		color: #000000;
		background-color: #ffffff;
		background-image:url("/images/common/page-bg.jpg");
		background-position: top center;
		background-repeat: repeat-x;
	}
	
	.clearBoth {
		clear: both;
		margin-top: -1px;
		height: 1px;
		overflow:hidden;
	}
	
	p {
		margin: 0px 0px 12px 0px;
	}
	
/* structure */

	#fullBrowserWidth {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 100%;
		text-align: center;
	}
	
	#centredPage {
		display: block;
		margin: 0px auto 0px auto;
		padding: 0px 0px 0px 0px;
		width: 930px;
		text-align: left;
	}
	
/* header */

	#header {
		display: block;
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 930px;
		height: 136px;
	}
	
	#headerLogo {
		display: block;
		position: absolute;
		top: 19px;
		left: 0px;
		width: 75px;
		height: 105px;
		background-image: url("/images/common/header/header-logo.gif");
		background-repeat: none;
		cursor: pointer;
	}
	
    #headerLogoTitle {
		display: block;
		position: absolute;
		top: 20px;
		left: 88px;
		width: 207px;
		height: 21px;
		background-image: url("/images/common/header/header-logo-text.gif");
		background-repeat: none;
		cursor: pointer;
	}
	#headerLogoTitle span {
		display: none
	}
	
    #headerAddress {
		display: block;
		position: absolute;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 8px 0px;
		top: 50px;
		left: 88px;
		font-size: 13px;
		line-height: 14px;
		color: #ffffff;
	}
    #headerAddress a, #headerAddress a:visited {
		color: #ffffff;
		text-decoration: none;
	}
    #headerAddress a:hover {
		color: #ffffff;
		text-decoration: underline;
	}
	
    #menuButton, #menuButton:visited {
		display: block;
		position: absolute;
		top: 13px;
		left: 609px;
		width: 87px;
		height: 78px;
		overflow: hidden;
		background-image: url("/images/common/header/menu-button-sprite.gif");
		background-position: 0px 0px;
		background-repeat: none;
		cursor: pointer;
	}
    #menuButton:hover {
		background-position: 0px -78px;
	}
	#menuButton span {
		position: absolute;
		top: -1000px;
		left: -1000px;
		visibility: hidden;
	}
	
    #lettersButton, #lettersButton:visited {
		display: block;
		position: absolute;
		top: 15px;
		left: 703px;
		width: 112px;
		height: 77px;
		overflow: hidden;
		background-image: url("/images/common/header/letters-button-sprite.gif");
		background-position: 0px 0px;
		background-repeat: none;
		cursor: pointer;
	}
    #lettersButton:hover {
		background-position: 0px -77px;
	}
	#lettersButton span {
		position: absolute;
		top: -1000px;
		left: -1000px;
		visibility: hidden;
	}
	
    #calendarButton, #calendarButton:visited {
		display: block;
		position: absolute;
		top: 13px;
		right: -7px;
		width: 115px;
		height: 78px;
		overflow: hidden;
		background-image: url("/images/common/header/calendar-button-sprite.gif");
		background-position: 0px 0px;
		background-repeat: none;
		cursor: pointer;
	}
    #calendarButton:hover {
		background-position: 0px -78px;
	}
	#calendarButton span {
		position: absolute;
		top: -1000px;
		left: -1000px;
		visibility: hidden;
	}
	
    #videosButton, #videosButton:visited {
		display: block;
		position: absolute;
		top: 17px;
		left: 505px;
		width: 100px;
		height: 71px;
		overflow: hidden;
		background-image: url("/images/common/header/videos-button-sprite.gif");
		background-position: 0px 0px;
		background-repeat: none;
		cursor: pointer;
	}
    #videosButton:hover {
		background-position: 0px -71px;
	}
	#videosButton span {
		position: absolute;
		top: -1000px;
		left: -1000px;
		visibility: hidden;
	}
	
/* navigation */

	#navigation {
		display: block;
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 930px;
	}
	#navigation dl {
		display: block;
		position: relative;
		width: 930px;
		height: 30px;
		overflow: hidden;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	#navigation dl dd {
		display: block;
		float: left;
		height: 30px;
		margin: 0px 15px 0px 0px;
		padding: 0px 0px 0px 0px;
		font-family: "Times New Roman", Times, serif;
		font-size: 18px;
		line-height: 30px;
		font-weight: normal;
	}
	#jsActive #navigation dl dd {
		float: none;
		position: absolute;
		top: 0px;
		margin: 0px 0px 0px 0px;
	}
	#navigation dl dd a, #navigation dl dd a:visited {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 10px 0px 10px;
		background-color: #114a4a;
		color: #eae7d2;
		text-decoration: none;
	}
	#navigation dl dd a:hover {
		background-color: #114a4a;
		color: #ffffff;
	}
	#navigation dl dd strong a, #navigation dl dd strong a:visited, #navigation dl dd strong a:hover {
		background-color: #196666;
		color: #ffffff;
		font-weight: normal;
	}

	#subNavigation {
		display: block;
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 930px;
		height: 30px;
		overflow: hidden;
	}
	#subNavigation dl {
		width: 930px;
		height: 30px;
		margin: 0px 0px 0px 0px;
		background-color: #196666;
	}
	#subNavigation dl dt {
		display: none;
	}
	#subNavigation dl dd {
		display: inline;
		margin: 0px 20px 0px 10px;
		padding: 0px 0px 0px 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 13px;
		line-height: 30px;
		font-weight: normal;
		color: #eae7d2;
	}
	#subNavigation dl dd a, #subNavigation dl dd a:visited {
		color: #eae7d2;
		text-decoration: none;
	}
	#subNavigation dl dd a:hover, #subNavigation dl dd strong a {
		color: #ffffff;
		text-decoration: none;
		font-weight: normal;
	}
	
/* top images */

	#topImages {
		display: block;
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 930px;
		height: 188px;
		overflow: hidden;
	}

	#topImages img {
		border: none;
	}

	#topImages #topImagePanel0 {
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 210px;
		height: 188px;
		overflow: hidden;
	}
	#topImages #topImagePanel0fader {
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 210px;
		height: 188px;
		overflow: hidden;
	}

	#topImages #topImagePanel1 {
		display: block;
		position: absolute;
		top: 0px;
		left: 210px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 210px;
		height: 188px;
		overflow: hidden;
	}
	#topImages #topImagePanel1fader {
		display: block;
		position: absolute;
		top: 0px;
		left: 210px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 210px;
		height: 188px;
		overflow: hidden;
	}

	#topImages #topImagePanel2 {
		display: block;
		position: absolute;
		top: 0px;
		left: 360px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 210px;
		height: 188px;
		overflow: hidden;
	}
	#topImages #topImagePanel2fader {
		display: block;
		position: absolute;
		top: 0px;
		left: 360px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 210px;
		height: 188px;
		overflow: hidden;
	}

	#topImages #topImagePanel3 {
		display: block;
		position: absolute;
		top: 0px;
		left: 570px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 210px;
		height: 188px;
		overflow: hidden;
	}
	#topImages #topImagePanel3fader {
		display: block;
		position: absolute;
		top: 0px;
		left: 570px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 210px;
		height: 188px;
		overflow: hidden;
	}

	#topImages #topImagePanel4 {
		display: block;
		position: absolute;
		top: 0px;
		left: 720px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 210px;
		height: 188px;
		overflow: hidden;
	}
	#topImages #topImagePanel4fader {
		display: block;
		position: absolute;
		top: 0px;
		left: 720px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 210px;
		height: 188px;
		overflow: hidden;
	}
	
/* content styles */

	h1 {
		margin: 20px 0px 20px 0px;
		padding: 0px 0px 0px 0px;
		font-size: 24px;
		line-height: 28px;
		font-weight: normal;
	}

	h2 {
		margin: 20px 0px 12px 0px;
		padding: 0px 0px 0px 0px;
		font-size: 18px;
		line-height: 22px;
		font-weight: normal;
		color: #196666;
	}

	h3 {
		margin: 12px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		font-size: 15px;
		line-height: 18px;
		font-weight: normal;
		color: #196666;
	}

	h1 .runningTime {
		font-size: 14px;
		color: #196666;
	}
	
	.picRight {
		float: right;
		margin: 0px 0px 10px 10px;
	}
	
	.picLeftt {
		float: left;
		margin: 0px 10px 10px 0px;
	}

/* forms */

	.formArea {
		display: block;
		position: relative;
		margin: 0px 0px 1px 0px;
		padding: 0px 0px 0px 0px;
		background-color: #E1EFEF;
	}
	
	.formArea input,textarea {
		margin: 2px 0px 2px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	.maxWidth {
		width: 400px;
	}
	
	.minWidth {
		width: 150px;
	}
	
	/* Standard area elements */
	
	.standard p {
		margin: 0px 0px 0px 0px;
		padding: 10px 0px 10px 10px;
	}
	
	.standard label {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 10px 10px 0px 10px;
		color: #0A3738;
		font-weight: bold;
	}
	
	/* Tabbed area elements */
	
	.tabbed p {
		margin: 0px 0px 0px 0px;
		padding: 10px 20px 10px 200px;
	}
	
	.tabbed label {
		display: block;
		position: absolute;
		top: 10px;
		left: 10px;
		width: 180px;
		color: #0A3738;
		font-weight: bold;
	}
	
	.tabbed dl {
		margin: 0px 0px 0px 0px;
		padding: 10px 20px 10px 200px;
	}
	
	.tabbed dd {
		margin: 0px 0px 4px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	/* form table */
	
	.formArea table {
		margin: 0px 0px 0px 200px;
		padding: 5px 0px 10px 0px;
	}
	
	.formArea th {
		font-size: 11px;
		line-height: 13px;
		color: #0F5154;
		font-weight: bold;
		text-align: left;
	}
	
	.formArea td {
		padding: 8px 0px 0px 0px;
	}
	
	.formArea td input {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	.formArea td input.table1 {
		width: 130px;
	}
	
	.formArea td input.table2 {
		width: 90px;
	}
	
	.formArea td input.table3 {
		width: 130px;
	}
	
	.formArea td input.table4 {
		width: 90px;
	}
	
	/* Other form elements */
	
	.formArea .helpText  {
		font-size: 10px;
		line-height: 12px;
		color: #0F5154;
		font-weight: normal;
	}
	
	.mandatory  {
		color: #ff3300;
		font-weight: bold;
	}
	
	#submitArea {
		display: block;
		width: 100%;
		margin: 1px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		background-color: #0F5154;
		text-align: center;
	}
	
	#submitArea p {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 20px 0px 20px 10px;
	}
	
	#submitArea input {
		margin: 0px 20px 0px 20px;
		padding: 0px 0px 0px 0px;
		font-size: 13px;
	}

/* video player */

	#videos {
		display: block;
		margin: 0px 0px 20px 0px;
		padding: 0px 0px 0px 0px;
		width: 930px;
	}

	#videoPlayer {
		display: block;
		margin: 0px 0px 30px 0px;
		float: left;
		width: 680px;
		border: 2px solid #585858;
	}
	
	#videoThumbs {
		display: block;
		float: right;
		width: 214px;
	}
	
	#videoThumbs a {
		display: block;
		background-color: #585858;
		border: 2px solid #585858;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
		color: #ffffff;
		font-size: 10px;
		line-height: 13px;
		text-align: center;
		text-decoration: none;
		color: #CCCCCC;
		width: 210px;
	}
	#videoThumbs a img {
		margin: 0px 0px 2px 0px;
		border: none;
	}
	
	#videoThumbs a strong {
		color: #FFFFFF;
		font-size: 11px;
	}
	#videoThumbs a:hover strong {
		text-decoration: underline;
	}

/* Footer */

	#footer {
		display: block;
		margin: 30px 0px 0px 0px;
		padding: 10px 0px 15px 0px;
		border-top: 1px solid #196666;
		text-align: center;
	}

	#footer p {
		margin: 0px 0px 0px 0px;
	}