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

	h1, h2, h3, h4, h5, h6 {font-size: 16px;}

	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: 1023px;
		background-color: #412300;
		color: #000000;
		font-family: Times New Roman, serif;
		text-align: right;
	}
  div.wrapper {text-align: left;}
  
	div.content {
		position: relative;
		width: 95.11%;
		height: 720px;
		margin: 10px auto;
		margin-bottom: 0;
		background-color: #a1e6fc;
		background-image: url(./index_files/MainTree.gif);
		background-repeat: no-repeat;
		border: none;
	}

	/* Header */
	/*Use this h1 for banner heading only*/
	h1{
		margin-left: 28.78%;
		color: #006400;
		font-family: Times New Roman, Arial;
		font-style: italic;
		font-size: 225%;
	}
	h2 {
	clear: right;
	color: #006400;
  font-size: 110%;
  text-align: center;
  }

	#headflash{
		padding-top: 0;
		margin-left: 16.44%;
	}

	/*Fergy's Website Logos */
	#fergylogo {
		margin-top: 20px;
		margin-left: 20.55%;
	}
	#fergylogo img{width: 38.81%;}

	#logo {
		position: absolute;
		top: 20px;
		right: 17.47%;
	}

	/* Main Navbar - great grandson of Suckerfish*/
	#backcol {
	  position:relative;
	  clear: right;
		margin-right: -28.88%;
		width: 100%;
	  background-image: URL(./index_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(./index_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.4em;
}
#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: 69.17%;
		height: 495px;
		overflow: hidden;
		margin-top: 10px;
		text-align: justify;
	}
	div#main li#genTree {margin-left: 260px; margin-bottom: 5px; width: 57.95%;}
	div#main li#tutor {margin-left: 280px; margin-bottom: 5px; width: 54.98%;}
	div#main li#books {margin-left: 300px; margin-bottom: 5px; width: 52.00%;}
	div#main li#photos {margin-left: 320px; margin-bottom: 5px; width: 49.03%;}
	div#main li#One-Name {margin-left: 52.01%; margin-bottom: 5px; width: 46.06%;}
	div#main img { float: left; margin-right: 1.5%; margin-bottom: 5px; width: 17%;}
	div#main img#OneName_Logo {float: left; margin-left: 74.29%; margin-top: -7px; margin-bottom: 0; width: 4.93em;}
	
		h4 {color: #fff; text-align: center; margin-bottom: 5px;}
	  h6 {margin-left: 10px; font-size: 50%;}
	  h3 {font-weight: bold;}
/* Right Column */
	#right { clear: right;
		position: absolute;
		top: 205px;
		right: 1.03%;
		width: 29.80%;
		height: 495px;
		overflow: hidden;
	}
	
	div#right form {float: right; margin-top: 10px; margin-right: 20.69%;}	
	div#right p {text-align: justify;}
	div#right h1 {clear: right; margin-left: 3em;}
	input#btn{ background-color: #C5CCD0; color: #1e6d9f; Font-weight: bold;}

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

	#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: 95%;
		color: #fff;
		background-color: #380d11;
	}
	
	#license {
    clear: right;
    float: right;
    margin-right: 1.03%;
    margin-top: -30px;
    width: 10.59%;
  }
	
	div.clear {clear: both;}
	div#post a:hover { background-color: #380d11; color: #fff;}
  div#post img { float: left; margin-right: 1em; margin-top: 5px; width: 5.03%;}
	img#val {margin-left: 2.06%; width: 9.04%;}
	div#counter {float: right; margin-top: -15px; margin-right: 1.03%;}
  #bookmark {float: right; margin-top: 25px; margin-right: 1.03%; width: 12.85%}
  #LegAd {margin-left: 18em; margin-top: 10px; width: 41.11%;}
  #ffhs { clear: right; float: right; margin-right: 1.54%; margin-top: 15px;}
	#rss {margin-left: 3.60%; }
	#twitter {margin-left: 2.06%; margin-bottom: 10px;}
	div#shop { margin-left: 15.8em; margin-top: -110px;}
	div#shop a:hover {background-color: #380d11;}
	.txtmid {clear: right; text-align: center; margin-top: 50px;}
	
