@charset "utf-8";
			/* CSS Document */
			* {padding: 0; margin: 0;}  /* sorts out positioning differences between browsers */
			
			html {background:#04000f;
				 /* continues background colour after image length has been exceeded*/} 
			
			#headertag h4 {margin: 0;}
			body { 
			/* for IE; otherwise, BG isn't fully stretched */ 
				margin: 0px; 
	font-family:tahoma, sans-serif;
			/*	background-image: url(image/background-sky.jpg);
				background:center, top, no-repeat, scroll;
			
				background-position:top;
				background-attachment:scroll;
				background-repeat: no-repeat;
				background-position: top center;
				background-color: #565164;*/
			}
			
			#background{position:static; z-index:1; width:100%; height:100%; background-attachment:scroll; }
			#scroller {
				position:absolute;
				width:100%;
				height:100%;
				top:-10px;
				bottom:-3px;
				overflow:auto;
				z-index:2;
			} 
			#content {padding:5px 300px 20px 200px;  }
			p {
			font: tahoma, sans-serif; 			
			line-height:1.8em; letter-spacing:0.1em;
			}
			
			#bg { 
			  position: fixed; 
			  margin: 0px; 
			  border: 0px; 
			  padding: 0px; 
			  : 0px; 
			  top: 0px; 
			  width: 100%; 
			  height: 100%; 
			  overflow: hidden; 
			  z-index: 0; 
			} 
			
			#bg img { 
			  width: 100%; 
			} 
			
			#body {
				position: absolute;
				top: -17px;
				width: 98%;
				height:98%;
				padding: 1%;
				z-index: 10;
				left: 1px;
				font: tahoma, sans-serif; 
				font-size:medium;
			
			} 
			/*-------------------------------------------------------------------------------------------------*/
			
			#header		{
				background-image: url(image/blank.gif);
			}
			img{
				behavior:url('pngbehavior.htc');
			}
			
			/*-------------------------------------------------------------------------------------------------Navigation List*/
			#navlist
			{
				margin-bottom: 30px;
				margin: 0;
				padding-left: 20px;
				font:  Tahoma bold;
				font-size: xx-large;
				color:#FFFFFF;	 
				padding-bottom: 2px;
				padding-top: 6px;
			}
			
			#navlist a, #navlist a:link /*unvisted link */
			{
				border-right : 1px solid white;
				border-left : 1px solid white;
				padding: 1px;
				padding-left: 0.5em;
				padding-right: 0.5em;
				color: #FFFFFF;
				font-weight: bold;
				text-decoration: none;
				font-variant: small-caps;
			}
			
			#navlist a:visited  /*visted link */
			{
				color: #EBEBEB;
				
			}
			
			#navlist a:hover /*hover link */
			{
				border-top: 6px solid white;
				/*border-bottom: 5px solid white;*/
				padding: 0px;
				padding-left: 0.5em;
				padding-right: 0.5em;
				text-decoration: none;
				color: #FFFFFF;
				
			}
			
			#navlist a:active {
			
				border-bottom : 1px solid white;
				color: #FFFFFF;
			}
			
			
	
			
			#navlist li
			{
				padding-right: 1px;
				display: inline;
				font-size: 0.5em;
			}
			
			#navlist ul
			{
				margin: 0px;
				padding: 0px;
			}
			
			#navlist #active1 a {
				border-top: 5px solid #FFFFFF;
				background-color: transparent;
			}
			
		
	/*-------------------------------------------------------------------------------------------------Navigation*/	
		 a:visited {
				color: #CC0000;	
			}
			
		 a:link {
				color: red;
				font-weight: bold;
			}
			
		 a:hover {
				color: #CC0000;	
				font-weight: bold;
			}
		/* solves anchor name problem */
		a[name]:hover {
						color: #FFFFFF;	
		} 
	
			
			
			/*-------------------------------------------------------------------------------------------------Structure Setup */
			.container {
				font-size: 14px;
				color:#FFFFFF;
			}
			
			.left {float: left; clear:right;  padding-left: 15%; }
			.right {float: right; clear:none; padding-right: 15%;}
			.center {float: inherit; clear:none;  padding-left: 15%; padding-right: 15%;  }
			.leftnopad {float: left; clear:right; }
			
			.rightnopad {float: right; clear:none; }
			.centernopad {float: inherit; clear:none; }
	/*-------------------------------------------------------------------------------------------------whatsnew*/		
		#whatsnew
		{
		/*	margin: 0 0 30px;
			padding-left: 20px;*/
		/*	width: 56%; */	
			width: 46%;
				height: 260px;
			padding-left: 2%;
			padding-right : 2%;
			text-align:center;
		}
			
		.col3,.col3center {
	
			float:left; clear:right;
			width: 23%;
			padding-left: 3%;
			padding-right: 3%;
			padding-bottom: 3%;
			background-color: #FFFFFF;
		}
		.col3center {	
	
			margin: 0 2.9%; 
			background-color: #FFFFFF;
			/*border-left: 1px dashed #262626;
			border-right: 1px dashed #262626;*/
		}
	/*-------------------------------------------------------------------------------------------------align*/		
			
			#leftmenu
			{
			/*	margin: 0 0 30px;
				padding-: 20px;*/
				width: 40%;
				height: 260px;
				/*background-color: yellow;*/
			}
			
			#description{
				float: right; clear:none; 
				width: 100%;
				height: 260px;			
			}
			
			#fiction{
				padding-top: 6px;
			}
					
			#ficnav{
				padding-top: 6px;
				width: 150px;
				display: inline;			
			}
			
			.ficnav p{
				border-left: 5px solid #FFFFFF;
				border-right: 5px solid #FFFFFF;
			}
			
			
	
		
			/*-------------------------------------------------------------------------------------------------*/
			/* Opacity */
		.transbox
		 {
			background-color: #000033;
			border: 1px #FFFFFF;
			display:marker;
			/* for IE */
			filter:alpha(opacity=80);
			 /* CSS3 standard */
			opacity:0.8;
			 /* for Mozilla */
			-moz-opacity:0.8;
	  }
	  
		.transbox p
		{ 
			top:auto;
			margin: 30px 40px;
			font-weight: bold;
			color: white;
			elevation:above;
		}
	
		
		#image{
			position: absolute ;
			margin:0;/*filter: alpha(opacity=10);; -moz-opacity:0.5;
			   opacity: 0.5;*/
		}
			
		#text{
			position:absolute;
			background: #000066;
			width:100%;
		}
			
		#text {
			filter: alpha(opacity=50);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
			-moz-opacity: 0.50;
			opacity:0.4;
		}
			
		#dimensionstop{
			width: 100%;
		}
			
		#dimensionindex{
			width: 100%;
			height: 280px;
		}
			
		.dimensionsdescription{
			width: 100%;
			height: 218px;
		}
			
		.dimensionsnew{
			width: 100%;
			height: 260px;
		}
			
		#dimensionfilm{
			width: 100%;
		}
			
		#words{
			padding-top: 6px;
			position:relative;
			background:transparent;
		}
			
	/*------------------------------------------------------------------------------------------------- table code from http://robertdenton.org/reference/css-tables-tutorial.html
	used in fiction star writers*/
		table
		{
			width:100%
		}	
	
		table.writer
		{ 
			border-collapse: collapse;
			border-spacing: 0px;
		}
	
	
	
		td.header
		{ 
			background-color: #6633FF;
			border: 1px #000000 solid;
			font-family: tahoma, sans-serif;
			font-weight: bold;
			font-size: 12px;
			color: #FFFFFF;
		}
	
	
		td.writer
		{
		border-bottom: 1px #6699CC dotted;
		text-align: left;
		font-family: tahoma, sans-serif;
		font-weight: normal;
		font-size: .7em;
		color: #404040;
		background-color: #fafafa;
		padding-top: 4px;
		padding-bottom: 4px;
		padding-left: 8px;
		padding-right: 0px; 
		}
	
	
		table.writer a:visited {
				color: #660099;
			}
			
		table.writer a:link {
				color: #6633FF;
				font-weight: bold;
			}
			
		table.writer a:hover {
				color: #660099;
				font-weight: bold;
			}
	
			/*-------------------------------------------------------------------------------------------------*/	/* footer */
			
		.footer {
			clear: both;
			border-top: 1px solid #444;
			color: #FFFFFF;
			padding: 3% 3% 1%;
		}
		
		.footer ul {
			border-top: 1px solid #262626;
			margin: 0;
		}
		
		.footer li {
			border-bottom: 1px solid #262626;
			list-style: none;
		}
		
		.footer li a {
			display: block;
			line-height: 2em;
			padding-left: 4%;
			width: 96%;
		}

		
		.test {
			background-color: #6374AB;
			width: 100%;
		}
		
		.opaque {
			opacity: 0.5;
			filter: alpha(opacity=50);
		}
		/*-------------------------------------------------------------------------------------------------*/
	/* misc */
		.clearer {clear: both;}
		

		.explorerNavMain{
	
			font-variant: small-caps; 
			text-decoration:none; 
		
			cursor:hand; 
			width:100%;  
		}
		
		.explorerNavMain_active{
	
			font-variant: small-caps; 
			text-decoration:none; 
	
			cursor:hand; 
			width:100%;  
		}
	
		.explorerNavSub{
	
			font-variant: small-caps; 
			white-space: pre-wrap;
			margin-left:15%;
			
		}
	
		.explorerNavSub_active{
	
			font-variant: small-caps; 
			text-decoration:none; 

			cursor:hand; 
			white-space: pre-wrap;
			margin-left:15%; 
		}
	
		.explorerNavSub_over{
		
			font-variant: small-caps; 
			text-decoration:none; 
			cursor:hand; 
			white-space: pre-wrap;
			margin-left:15%;
		}
	
		.explorerNavSub_down{
	
			font-variant: small-caps; 
			text-decoration:none; 
		
			cursor:hand; 
			white-space: pre-wrap;
			margin-left:15%;
		}  
		
 
	
		.explorer_active{
	
			font-variant: small-caps; text-decoration:none; 
			cursor:hand; 
			width:100%;  
		}  
	
		.menu{
			font-family:tahoma, sans-serif; font-variant: small-caps;
			font-size: small;
		
			text-decoration:none;
		}