/*CSS Document*/

	body, ul, li, h1, h2, h3, h4, h5, h6  {margin: 0; padding: 0;}

	h1, h2, h3, h4, h5, h6 {font-size: 100%;}

	ul {list-style-type: none;}

  a {text-decoration: none;}

	img {
		border: 0;
		margin: 0;
		text-decoration: none;
		display: block;
	}

		a:link {
		font-weight: bold;
		color: #1e6d9f;
	}
		a:hover {
		font-weight: bold;
	  color: #ffffff;
	
	}
		a:visited {
		font-weight: bold;
		color: #1e6d9f;
	}
	
	body {
		position: relative;
		width: 100%;
		background-color: #412300;
		color: #000000;
		font-family: Times New Roman, serif;
		text-align: right;
	/*IE text align normalisation*/
		font-size: 16px;
	}
  div.wrapper {text-align: left;}
  
	div.content {
		position: relative;
		width: 973px;
		height: 720px;
		margin: 10px auto;
		margin-bottom: 0;
		background-color: #a1e6fc;
		background-image: url(./gindex_files/MainTree.gif);
		background-repeat: no-repeat;
		border: none;
	}

	/* Header */

	/*Use this h1 for banner heading only*/
	h1.mid{
		margin-left: 280px;
		color: #006400;
		font-style: italic;
		font-size: 36px;
	/*	text-align: top; */
	}

	#headflash{
		padding-top: 5px;
		margin-left: 160px;
		width: 623px;
	}

	/*Fergy's Website Logos */
	#grimlogo {
		margin-top: 20px;
		margin-left: 200px;
	}

  #grimlogo img {
    width: 320px; 
    height: 55px;
    }
    
	#logo {
		position: absolute;
		top: 20px;
		right: 170px;
	}

	/* Main Navbar - great grandson of Suckerfish*/  
#backcol {
	  position:relative;
	  clear: right;
		margin-right: -281px;
		width: 973px;
	  background-image: URL(./gindex_files/NavBlueBar.jpg); background-repeat: repeat-x;
		margin-top: 10px;
		border-top: 1px solid #fff;
		height: 1.8em;
	}
#nav, #nav ul {
/* all lists */
	float: left;
	font-weight: bold;
	padding: 0;
	margin: 0;
	line-height: 1.8em;
}
#nav a {
	display: block;
	color: #fff;
	width: auto;
	padding: 0px 5px 0px 5px;
}
#nav li {
/* all list items */
	float: left;
	width: auto;
/* width needed or else Opera goes nuts */
}
#nav li ul {
/* second-level lists */
	position: absolute;
	background: #1E6D9F;
	width: 8.2em;
	left: -999em;
/* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li ul ul{ /* third-level lists */
  margin: -1.8em 0 0 8.1em;
}

#nav li a:hover {
	background-image: URL(./gindex_files/NavGrayBar.jpg);
	background-repeat: repeat-x;
}
#nav li:hover > ul {
/* shows lists nested DIRECTLY under hovered list item */
	left: auto;
}	
#nav li:hover > ul a:hover { /* ensures hover colour is full width */
width: 7.6em;
}
#nav li:hover > ul ul a:hover { /* ensures hover colour is full width */
width: 7.6em;
}
#nav .soasfhover {
/*Split up for IE6 Compatability*/
	left: auto;
}
#nav li:hover {
/*Fix for IE7*/
	position: static;
}
/* Main Section */
	#main {
		clear: both;
		float: left;
		width: 400px;
		margin-top: 10px;
		text-align: justify;
	}
	div#main li#genTree {margin-left: 260px; margin-bottom: 5px; width: 390px;}
	div#main li#tutor {margin-left: 280px; margin-bottom: 5px; width: 370px;}
	div#main li#books {margin-left: 300px; margin-bottom: 5px; width: 350px;}
	div#main li#photos {margin-left: 320px; margin-bottom: 5px; width: 330px;}
	div#main li#One-Name {margin-left: 350px; margin-bottom: 5px; width: 310px;}
	div#main img { float: left; margin-right: 10px; width: 70px; height: 60px; }
	
    h2 {clear: right; color: #006400;  font-size: 110%;  text-align: center;}
		h4 {color: #fff; text-align: center; margin-bottom: 5px;}
	  h6 {margin-left: 10px; font-size: 50%;}
	
/* Right Column */
	#right { clear: right;
		position: absolute;
		top: 215px;
		right: 10px;
		width: 290px;
		text-align: justify;
	}
	
	div#right form {float: right; margin-top: 10px; margin-right: 60px;}

	div#right h1 {clear: right; margin-left: 3em;}
	
	input#btn{ background-color: #C5CCD0; color: #006400; Font-weight: bold;}

/* Blog Box */
	#t3 {
		border: 2px solid Gray;
		margin: 0 auto;
		width: 275px;
	}

	#t3 td {padding: 10px;}

	.td5 {
    text-align: center;
		color: #006400;
		font-weight: bold;
	}

	/* footer */

	#footer {
	  clear: both;
		border: 0px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
    width: 973px;
		color: #fff;
		background-color: #380d11;
	}
	
	div#post a:hover { background-color: #380d11; color: #fff;}
  div#post img { float: left; margin-right: 1em; margin-top: 5px;}
	img#val {margin-left: 20px;}
	div#counter {float: right; margin-top: -15px; margin-right: 10px;}
  #bookmark {float: right; margin-right: 30px;}
  #LegAd {margin-left: 18em; margin-top: 10px;}
  #ffhs { clear: right; float: right; margin-right: 15px; margin-top: 15px;}
	#rss {margin-left: 35px; }
	#twitter {margin-left: 20px; margin-bottom: 10px;}
	div#shop { margin-left: 15.8em; margin-top: -60px;}
	div#shop a:hover {background-color: #380d11;}
	.txtmid {clear: right; text-align: center; margin-top: 50px;}