/* ABOUT: css stylesheet developed by Dr Adam Moolna for GIANT-TORTOISE.co.uk */
/* USE: screen display */
/* DATE: first developed 28th November 2009; latest version 4th November */


	
/* set margins */

	html, body
	{
	height: 100%;
	margin: 0;
	padding: 0;
	}


/* PAGE STYLING */
	
	body
	{
	background-image: url('paper-white.gif');
	font-family: Verdana, Arial, sans-serif;
	font-size:14px;
	line-height: 150%;
	}

	.italics
	{font-style: italic;}

	.spacer {
	clear:left;
	}


	h1, h2, h3 {
	font-weight: bold;
	letter-spacing: 0.1em;
	text-align: left;
	}

	h1 {
	font-size: 130%;}

	h2 {
	font-size: 110%;}

	h3 {
	font-size: 100%;
	}

	p {
	font-size: 100%;
	clear:right;
	}	

	a {
	color: #000084;
	}


/* HEADER AND FRAME */
	
	a img {
	text-decoration: none;
	border: 0 none;
	}

	#GT
	{
	z-index: 13;
	position: fixed;
	left: 35px;
	top: 30px;
	height: 40px;
	width: 250px;
	}

	#sub
	{
	z-index: 11;
	position: fixed;
	left: 244px;
	top: 30px;
	height: 40px;
	width: 250px;
	}

	#sitemeter
	{
	z-index: 10;
	position: fixed;
	left: 35%;
	top: 36px;
	}

	#banner
	{
	z-index:12;
	position:fixed;
	left: 50%; top: 30px; height:40px;
	}

	#header
	{
	z-index:3; position:fixed; width:100%; height: 80px;
	background-color: white;
	overflow:hidden;
	}

	#brush
	{
	z-index:8;
	position:fixed;
	width:100%; height:100%;
	top:0; left:0; overflow:hidden;
	}


/* MENU */

	#menu1 {
	z-index: 10;
	position: fixed;
	left: 35px;
	top: 100px;
	width: 175px;
	height: 375px;
	font-size:14px;
	padding-top: 10px;
	padding-left: 5px;
	background-color: black;
	background-image: url('paper-black.gif');
	}

	#menu2 {
	z-index: 10;
	position: fixed;
	left: 35px;
	top: 285px;
	width: 175px;
	height: 200px;
	font-size:14px;
	padding-top: 20px;
	padding-left: 5px;
	}

	#email {
	z-index: 10;
	position: fixed;
	left: 35px;
	top: 405px;
	width: 175px;
	height: 200px;
	font-size:14px;
	padding-top: 20px;
	padding-left: 5px;
	}

	ul {
	margin:0px;
	padding:0px;
	}

	ul li {
	height: 25px;
	line-height: 25px;
	list-style: none;
	padding-left: 10px;
	color: red;
	border-bottom: #333 solid;
	border-width :1px;
	cursor: pointer;
	}  

	ul a:link, ul a:visited, ul a:active {
	text-decoration: none;
	color:#FFF;
	}

	ul a:hover {
	color:red;
	}


/* VERSION */

	#version {
	z-index: 9;
	position: fixed;
	left: 35px;
	bottom: 60px;
	width: 175px;
	text-align: center;
	}

/* W3C */

	#W3C {
	z-index: 9;
	position: fixed;
	left: 35px;
	bottom: 20px;
	width: 200px;
	overflow: hidden;
	}


/* CONTENT CONTAINER */

	#content {z-index:15; position:absolute; top:100px; left: 230px; right: 30px; bottom: 25px; padding: 20px; height:auto; width:auto; overflow-y: auto; overflow-x: hidden;
	}

	.image_float {
	float:left;
	width: 50%;
	border: 1px solid;
	margin: 5px 10px 5px 10px;

	clear: left;
	}