/* CSS Document */
/* TUNDRA INTERACTIVE */
	
	
	html {
		height: 100%;
	}
	
	/*
	 *	THE FOLLOWING BLOCK OF TAGS NEED TO BE
	 *	CUSTOMISED FOR EACH PROJECT
	 *
	 *	BACKGROUND-COLOR IS NEEDED FOR VALID CSS
	 */
	p { 	
		font-family: verdana, sans-serif;
		color: #000000;
		
		text-align: left;
		background-color: #FFF;
	}
	
	H1 {
		font-family: Verdana, Arial, sans-serif;
		color: #000000;
		
		font-size: 2em;
		text-align: left;
		background-color: #FFF;
		margin: 0px;
	}
	
	h2{
		font-family: Verdana, Arial, sans-serif;
		color: #000000;
		font-weight:100;
		font-size: 1.4em;
		text-align: left;
		background-color: #FFF;
	}
	
	h3{
		font-family: Verdana, Arial, sans-serif;
		color: #000000;
		font-weight:100;
		font-size: 1.2em;
		text-align: left;
		background-color: #FFF;
	}
	
	a:link {
		color: #e21010;
		text-decoration: underscore;
	}
	a:Hover {
		text-decoration: none;
	}
	
	a:visited {
		color: #710808;
	}
	
	
	img.displayed {
		display: block;
		padding: 10px;
		margin-left: auto;
		margin-right: auto;
		border:none;
	}	
	
	/**
	 *	THIS DIV GETS REPLACE WITH FLASH
	 *
	 ***********************************
	 *	DO NOT CHANGE ANYTHING HERE	   *
	 ***********************************
	 *
	 */
	#flashcontent {
		position: absolute;
		top: 0px;
		left: 0px;	
		height: 100%;
		width: 100%;
	}
	
	/***************************************
	 *
	 *	IN ORDER FOR SWFFORCESIZE TO WORK
	 *	THE BODY TAG _MUST_ BE STYLED
	 *	
	 *	DO NOT CHANGE EXCEPT FOR BACKGROUND COLOR
	 *
	 *	SERIOUSLY DO NOT CHANGE ANYTHING EXCEPT FOR BACKGROUND COLOR
	 *
	 *	SERIOUSLY DON'T
	 *
	 ***************************************/
	body {
		height: 100%;
		margin: 0;
		padding: 0;
		background-color: #000;
		overflow: auto;
		font-size: 0.9em;
		font-family: Verdana, Arial, sans-serif;
		
	}	


	/***************************************
	 *
	 * Additional Tags
	 *
	 ***************************************/
	#header 
	{
		vertical-align: top;
		display: table;
		height: 100px;
		width: 100%;
	}
	DIV.logo
	{
		margin: 29px 20px 20px 150px;
		width: 222px;
	}
	DIV.installFlash
	{
		position: absolute;
		color: #FFF;
		font-weight: 900;
		font-size: 0.70em;
		margin: 5px;
		padding: 5px;
		border: 2px solid #e21010;
		background-color: #e21010;
		width: 110px;
	}
	DIV.installFlash .message 
	{
		width: 80px;
	}
	
	.Navigation 
	{
		position: absolute;
		width: 200px;
	}
	.SiteComponent > .Display 
	{
		background-color: White;
		margin-left: 200px;
		padding: 10px;
		min-height: 250px;
	}
	.Navigation LI 
	{
		list-style-type: none;
		padding-left: 5px;
	}
	.Navigation LI.active > A
	{
		color: #FFF;
		font-weight: 800;
		border-left: 3px solid #FFF;
	}
	.Navigation UL 
	{
		margin: 0px;
		padding-left: 0px;
	}
	.Navigation A
	{
		display:block;
		color: #8b919a;
		font-weight: 200;
		text-decoration: none;
		padding: 2px 5px 2px 13px;
	}
	.Navigation A:Hover
	{
		background-color: #FFF;
		color: #000;
	}
	.Navigation LI.active > A:Hover
	{
		color: #000;
	}
	.footer 
	{
		text-align: right;
		margin: 20px 5px 5px 210px;
	}
	.footer A
	{
		color: #333;
	}

	.mediaTypeImage1 
	{
		display: inline;
		float: right;
	}
	.colourWayCode 
	{
		color: #999;
		margin-bottom: 10px;
	}
	DIV.description 
	{
		margin-top: 5px;
		border-top: 1px solid #CCC;
		padding-top: 3px;
	}
	.media DIV.description 
	{
		margin-top: 0px;
		border-top: 0px !important;
		padding-top: 0px;
	}
	.Image 
	{
		clear: right;
		float: right;
	}