body {
		background-color: #000000;
		margin: 10;
		font: normal 9pt Verdana, Arial;
	}

	/* ================================================================
	This copyright notice must be untouched at all times.

	The original version of this stylesheet and the associated (x)html
	is available at lightbox.html
	Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
	This stylesheet and the associated (x)html may be modified in any
	way to fit your requirements.
	=================================================================== */

	/* slides styling */

	.photo {
		width:635px; height:550px; text-align:left; position:relative; margin:0 auto; font-family:verdana, arial, sans-serif;
	}

	.photo ul.topic {padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;}

	.photo ul.topic li {display:block; width:125px; height:31px; float:left;}

	.photo ul.topic li a.set {
		display:block; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px;
		color:#000; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0;
		background:#ccc; font-family:verdana, arial, sans-serif;}

	.photo ul.topic li a ul,
	.photo ul.topic li ul {display:none;}

	.photo ul.topic li.active a {color:#000; background:#bbb;}

	.photo ul.topic li a:hover,
	.photo ul.topic li:hover a {color:#fff; background:#aaa;}

	.photo ul.topic li.active ul {
		display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px;
		background:#ddd; width:464px; padding:40px 60px; border:20px solid #bbb; z-index:1;}

	.photo ul.topic li a:hover ul,
	.photo ul.topic li:hover ul{
		display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px;
		background:#ddd; width:464px; padding:40px 60px; border:20px solid #aaa; z-index:100;
	}

	.photo ul.topic li ul li{
		display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;
	}

	.photo ul.topic li ul li a	{
		display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444;
		border:1px solid #888;}

	.photo ul.topic li ul li a img{display:block; width:100px; height:75px; border:5px solid #eee;}

	.photo ul.topic li a:hover ul li a:hover,
	.photo ul.topic li:hover ul li a:hover{white-space:normal; position:relative;}

	.photo ul.topic li a:hover ul li a:hover img,
	.photo ul.topic li:hover ul li a:hover img{
		position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#fff;
	}

	a {color:blue;}
	a:hover {text-decoration:underline;}
	a:visited {color:blue;}

	.linkcolumn:link {COLOR: blue; TEXT-DECORATION: none;}
	.linkcolumn:visited {COLOR: blue; TEXT-DECORATION: none;}
	.linkcolumn:hover {COLOR: black; TEXT-DECORATION: underline}

	.linkcolumnGray:link {COLOR: #C0C0C0; TEXT-DECORATION: none; font: normal 9pt Verdana, Arial;}
	.linkcolumnGray:visited {COLOR: #C0C0C0; TEXT-DECORATION: none; font: normal 9pt Verdana, Arial;}
	.linkcolumnGray:hover {COLOR: #C0C0C0; TEXT-DECORATION: underline; font: normal 9pt Verdana, Arial;}

	.linkcolumnBlue:link {COLOR: LIGHTBLUE; TEXT-DECORATION: none;}
	.linkcolumnBlue:visited {COLOR: LIGHTBLUE; TEXT-DECORATION: none;}
	.linkcolumnBlue:hover {COLOR: LIGHTBLUE; TEXT-DECORATION: underline}

	.linkcolumnGold:link {COLOR: GOLD; TEXT-DECORATION: none;}
	.linkcolumnGold:visited {COLOR: GOLD; TEXT-DECORATION: none;}
	.linkcolumnGold:hover {COLOR: GOLD; TEXT-DECORATION: underline}

	.copyright {color: #C0C0C0; font: normal 9pt Verdana, Arial;}
	.pageHeader{FONT-WEIGHT: bold; font-size:16px; text-align: center; nowrap; vertical-align: top; COLOR: GOLD;}
	.pageSubHeader{FONT-WEIGHT: bold; font-size:12px; text-align: center; nowrap; vertical-align: top; COLOR: GOLD;}
	.caption{font-size:10px; text-align: center; nowrap; vertical-align: top; COLOR: GOLD;}
	.captionBlack{font-size:10px; text-align: center; nowrap; vertical-align: top; COLOR: #000000;}
	.textblack09{color:000000;  font-size: 09pt}
	.textblack10{color:000000;  font-size: 10pt}

	.linkcolumnGoldfFlashText:link {COLOR: GOLD; TEXT-DECORATION: blink; TEXT-DECORATION: none;}
	.linkcolumnGoldfFlashText:visited {COLOR: GOLD; TEXT-DECORATION: blink; TEXT-DECORATION: none;}
	.linkcolumnGoldfFlashText:hover {COLOR: GOLD; TEXT-DECORATION: blink; TEXT-DECORATION: underline}

	#header {
		height: 100px;
	}

	#centreposition {
		padding-right: 20px;
		padding-left: 22%;
		background-color: #FFFFF7;
	}

	/* The centrecontent style is set up for a 2 column layout.
	If you want a 3 column layout then change the centreposition style like this:   padding-right: 200px;
	<div id="right"> Write the content for your right hand column inside an id-"right" div like this </div> */

	#centrecontent {
		z-index: 100;
		min-width: 1px;
		background-color: #FFFFFF;
		border: 1px solid #999999;
		padding: 10px;
	}

	#footer {
		padding-left: 175px;
		background-color: #FFFFF7;
	}

	#left {
		width: 20%;
		position: absolute;
		top: 100px;
		left: 0px;
		padding: 10px 0px 10px 6px;
	}



	#right {
		width: 130px;
		position: absolute;
		top: 100px;
		right: 0px;
		height: 200px;
	}

	.pageSubHeaderNotice{FONT-WEIGHT: bold; font-size:12px; text-align: center; nowrap; vertical-align: top; COLOR: #E6680F;}