/* Booom! Fireworks Style Sheet */
/* with thanks to Josh King-Farlow http://www.king-farlow.com */

/* Colour scheme:
	1 #204658(darkest)
	2 #587482
	3 #8fa2ab
	4 #c7d1d5
	5 #e9ecee (palest)
 */

/* basics */

html, body	{
		margin: 0;
		padding: 0;
		background-color: #000000;
		color: #000;
		font: 0.85em/1.4em Arial, Helvetica, Geneva, Verdana, sans serif;
		text-align: center;
		}
		
.clear	{
		clear: both;
		}
		
img, form, fieldset		{
		margin: 0;
		border: 0;
		padding: 0;
		}

.hidden	{
		display: none;
		}
		
.thumbnail
		{
		float: left;
		width: 200px;
		border: 1px solid #999;
		margin: 0 15px 15px 0;
		padding: 5px;
		}



/* main divs */

#wrapper	{
			width: 80%;
			margin: 0 auto 0 auto;
			padding: 0 10px 0 10px;
			text-align: left;
			background-color: #fff;
			}

#accessmenu		{
			width: 80%;
			margin: 0 auto 0 auto;
			padding: 0 0 0 10px;
			text-align: right;
			}

#head		{
			width: 100%;
			border-bottom: 1px solid #fff;
			margin: 0;
			padding: 10px 0 0 0;
			}

#title		{
			width: 100%;
			margin: 0;
			padding: 0;
			}

#submenu	{
			border-bottom: 1px solid #8fa2ab;
			width: 100%;
			margin: 0;
			padding: 0;
			text-align: right;
			}

#logo		{
			float: left;
			width: 203px;
			margin: 0;
			padding: 0;
			}

#menu		{
			float: right;
			width: 20%;
			margin: 0;
			padding: 52px 180px 0 0;
			text-align: right;
			}

#content	{
			margin: 0;
			padding: 0;
			background: #fff;
			border-top: 1px solid #ffffff;	
			border-bottom: 1px solid #ffffff;
			}

#left		{
			float: left;
			width: 100px;
			margin: 0;
			padding: 0;
			}

#main		{
			height: 1%;
			margin: 0 20px 0 110px;
			padding: 10px 0 10px 0;
			}

#mainfull	{
			margin: 0 20px 0 110px;
			padding: 10px 0 10px 0;
			}

#right		{
			float: right;
			width: 200px;
			margin: 0;
			padding: 10px 0;
			}

#rightacc	{
			float: right;
			width: 200px;
			margin: 0;
			padding: 10px 0;
			}

#foot		{
			height: 35px;
			margin: 0;
			padding: 0;
			text-align: right;
			background-color: #fff;
			}

#support	{
			margin: 0;
			padding: 10px 0;
			border-top: 1px solid #8fa2ab;
			text-align: center;
			}

.logobox	{
			margin: 0 0 10px 0;
			padding: 10px;
			border: 1px solid #e9ecee;
			text-align: center;
			background-color: #fff;
			}

/* basic link colours */

a:link		{
			color: #587482;
			}

a:visited	{
			color: #8fa2ab;
			}

a:hover		{
			color: #204658;
			}

/* access menu */

#accessmenu ul	{
			margin: 0;
			padding: 5px 0;
			line-height: 1em;
			}

#accessmenu li	{
			display: inline;
			list-style-type: none;
			margin: 0 0 0 5px;
			padding: 0;
			}

#accessmenu a	{
			text-decoration: none;
			}

#accessmenu li.selected	{
			color: #204658;
			}

/* main menu */

#menu ul	{
			margin: 0;
			padding: 0;
			font-size: 140%;
			line-height: 1.4em;
			}

#menu li	{
			display: inline;
			list-style-type: none;
			margin: 0 0 0 5px;
			padding: 0;
			}

#menu a		{
			text-decoration: none;
			}

#menu li.selected	{
			color: #c7d1d5;
			}

.access		{
			font-size: 80%;
			color: #8fa2ab;
			}

/* sub menu */

#submenu ul	{
			margin: 0;
			padding: 5px 0;
			font-size: 100%;
			}

#submenu li	{
			display: inline;
			list-style-type: none;
			margin: 0 0 0 5px;
			padding: 0;
			}

#submenu a		{
			text-decoration: none;
			}

#submenu li.selected	{
			color: #c7d1d5;
			}

/* sub sub menu */

#left ul	{
			margin: 10px 0 0 0;
			padding: 0;
			}

#left li	{
			display: block;
			width: auto;
			list-style-type: none;
			margin: 0;
			padding: 0;
			}

#left a		{
			display: block;
			width: auto;
			text-decoration: none;
			margin: 0;
			padding: 2px 5px;
			border-top: 1px solid #fff;
			border-left: 1px solid #fff;
			}

#left a:link		{
			background-color: #e9ecee;
			border-right: 1px solid #c7d1d5;
			border-bottom: 1px solid #c7d1d5;
			}

#left a:visited		{
			background-color: #e9ecee;
			border-right: 1px solid #c7d1d5;
			border-bottom: 1px solid #c7d1d5;
			}

#left a:hover		{
			background-color: #c7d1d5;
			border-right: 1px solid #8fa2ab;
			border-bottom: 1px solid #8fa2ab;
			}

#left li.selected	{
			display: block;
			width: auto;
			background-color: #c7d1d5;
			border-top: 1px solid #fff;
			border-left: 1px solid #fff;
			border-right: 1px solid #8fa2ab;
			border-bottom: 1px solid #8fa2ab;
			margin: 0;
			padding: 2px 5px;
			}

/* text formatting */

h1			{
			float: left;
			width: 100%;
			margin: 5px 0;
			padding: 5px 0;
			color: #8fa2ab;
			font-size: 180%;
			font-weight: normal;
			}

h2			{
			margin: 0;
			padding: 0 0 10px 0;
			font-size: 120%;
			font-weight: bold;
			color: #204658;
			}

p			{
			margin: 0 0 10px 0;
			padding: 0;
			text-indent: 0;
			}

#main ul	{
			margin: 0 0 10px 0;
			padding-left: 30px;
			}

#main ul.map	{
			margin: 0;
			padding-left: 30px;
			}

#main li	{
			list-style-image: url(assets/page/bullet.gif);
			}

.credit		{
			color: #587482;
			font-size: 80%;
			text-align: right;
			line-height: 1.2em;
			}

.sitecredit		{
			width: 80%;
			margin: 2px auto 2px auto;
			color: #587482;
			font-size: 80%;
			text-align: left;
			}

/* Form formatting */

.formrow	{
			float: left;
			width: 95%;
			padding: 0 4px 0 0;
			margin: 1px 0 1px 0;
			background-color: #c7d1d5;
			border-right: 1px solid #8fa2ab;
			border-bottom: 1px solid #8fa2ab;
			}	

.submitrow	{
			float: left;
			width: 95%;
			padding: 2px 4px 2px 0;
			margin: 1px 0 0 0;
			background-color: #c7d1d5;
			border-right: 1px solid #8fa2ab;
			border-bottom: 1px solid #8fa2ab;
			text-align: right;
			}		
			
.formdef	{
			float: left;
			width: 40%;
			margin: 0;
			padding: 1px 0 1px 4px;
			}		
			
.formfield	{
			float: left;
			width: 55%;
			margin: 0;
			padding: 1px 0 1px 0;
			}

/* image formatting */

#foot img	{
			float: right;
			width: 284px;
			margin: 0;
			border: 0;
			}

#right img	{
			margin: 0;
			padding: 0;
			border: 1px solid #8fa2ab;
			}

/* logos */

#support img	{
				margin: 0px 3px;
				}

.logobox img	{
				margin: 0px 2px;