/* STYLESHEET FOR TIO Ltd.

	---------------------------------
	# FILE CHARACTERISTICS & DETAILS
	---------------------------------
	Ver:		1.0
	Altered:	31st Jan 2007
	Author:		Sam Hampton-Smith
	---------------------------------
	Altered: 	28 Oct 2007
	Author:		Colin Campbell
	---------------------------------
	# ISSUES LOG
	---------------------------------

*/

	* {
		margin:			0;
		padding:       		0;
		cursor:			default;
	}

	a {
		cursor:			pointer;
	}

	div, img, p, strong, h1, h2, h3, h4 {
		cursor:			default;
	}

	a img, map, area {
		cursor:			pointer;
	}

	body {
		margin:			0;
		padding:		0;
		background:		#ffffff url(homebg.jpg) no-repeat top center;
		color:			#000000;
		font-family:		arial, helv, sans-serif;
		font-size:		66%;
		cursor:			url("carrot.cur");
	}

	body.fun {
		background:		#ffffff url(kidsbg.jpg) no-repeat top center;
	}	

/*
	body.about {
		background:		#ffffff url(aboutbg.jpg) no-repeat top center;
	}	
*/

	#homelink {
		cursor:			pointer;
		cursor:			hand;
	}

	h1 {
		display:		block;
		margin:			0px;
		padding:		0px;
		text-align:		left;
		color:			#17221B;
		text-indent:		-10000px;
		width:			223px;
		height:			149px;
		background:		transparent url(logo.png) no-repeat top left;
	}

	h1 a {
		display:		block;
		text-indent:		-10000px;
		width:			223px;
		height:			149px;
	}

	h2 {
	z-index:		400;
	position:		absolute;
	top:			103px;
	left:			202px;
	font-size:		1.8em;
	color:			#000000;
	margin-left:		25px;
	padding-top:		7px;
	font-family:		papyrus, arial, helv, sans-serif;
	z-index:		500;
	}

	h3 {
		font-size:		1.6em;
		color:			#000000;
		margin-left:		25px;
		margin-bottom:		10px;
		font-family:		papyrus, arial, helv, sans-serif;
	}

	p {
		display:		block;
		width:			380px;
		font-size:		1.2em;
		text-align:		justify;
		line-height:		1.8em;
		letter-spacing: 	0.1em;
		margin-left:		25px;
	}

	a img {
		text-decoration:	none;
		border:			none;
	}

	
/*	Block level elements 	*/

	#header {
		padding:		0px;
		margin:			0px;
		position:		relative;
		display:		block;
		height:			152px;
		width:			760px;
		margin:			auto;
		background:		transparent url(boxtop.png) no-repeat top left;
		z-index:		100;
	}

	#header.nonav {
		background:		transparent url(boxtopnonav.png) no-repeat top left;
	}

	#header.navalt {
		background:		transparent url(boxtop.png) no-repeat top left;
	}

	#header.navfun {
		background:		transparent url(boxtopfun.png) no-repeat top left;
	}
	
	#header.navalt #pagenav a, #header.navfun #pagenav a {
		color:			#ffffff;
	}



	#content {
		position:		relative;
		display:		block;
		width:			760px;
		min-height:		510px;
		margin:			auto;
		padding-bottom: 	20px;
		background:		transparent url(boxmiddle.png) repeat-y top left;
		z-index:		1;
	}
	
	#paging {
		display:		block;
		width:			300px;
		float:			right;
		margin-right:		25px;
	}
	
	#footer {
		position:		relative;
		width:			760px;
		height:			100px;
		background:		transparent url(boxbottom.png) no-repeat top left;
		margin:			auto;
	}
	
	#primarynav {
		position:		absolute;
		top:			65px;
		right:			-15px;
		width:			58px;
		height:			477px;
		z-index:		150;
	}
	
	#primarynav li {
		list-style:		none;
		margin-top:		-25px;
	}

	#quote {
		float:			right;
		margin-right:		210px;
		margin-top:		40px;
	}

	#navTio {
		display:		block;
		text-indent:		-10000px;
		overflow:		hidden;
		width:			40px;
		height:			100px;
		background:		transparent url(navTioOff.png) no-repeat center left;
	}
	
	#navTio:hover, #navTio.active {
		background:		transparent url(navTioOn.png) no-repeat center left;
	}

	#navFun {
		display:		block;
		text-indent:		-10000px;
		overflow:		hidden;
		width:			40px;
		height:			100px;
		background:		transparent url(navFunOff.png) no-repeat center left;
	}
	
	#navFun:hover, #navFun.active {
		background:		transparent url(navFunOn.png) no-repeat center left;
	}
	
	#navFarms {
		display:		block;
		text-indent:		-10000px;
		overflow:		hidden;
		width:			40px;
		height:			100px;
		background:		transparent url(navFarmsOff.png) no-repeat center left;
	}
	
	#navFarms:hover, #navFarms.active {
		background:		transparent url(navFarmsOn.png) no-repeat center left;
	}

	#navRecipes {
		display:		block;
		text-indent:		-10000px;
		overflow:		hidden;
		width:			40px;
		height:			140px;
		background:		transparent url(navRecipesOff.png) no-repeat center left;
	}
	
	#navRecipes:hover, #navRecipes.active {
		background:		transparent url(navRecipesOn.png) no-repeat center left;
	}

	#navPress {
		display:		block;
		text-indent:		-10000px;
		overflow:		hidden;
		width:			40px;
		height:			140px;
		background:		transparent url(navPressOff.png) no-repeat center left;
	}
	
	#navPress:hover, #navPress.active {
		background:		transparent url(navPressOn.png) no-repeat center left;
	}

	#navTesco {
		display:		block;
		text-indent:		-10000px;
		overflow:		hidden;
		width:			40px;
		height:			140px;
		background:		transparent url(navTescoOff.png) no-repeat center left;
	}
	
	#navTesco:hover, #navTesco.active {
		background:		transparent url(navTescoOn.png) no-repeat center left;
	}
	#navTech {
		display:		block;
		text-indent:		-10000px;
		overflow:		hidden;
		width:			40px;
		height:			100px;
		background:		transparent url(navTechOff.png) no-repeat center left;
	}
	
	#navTech:hover, #navTech.active {
		background:		transparent url(navTechOn.png) no-repeat center left;
	}

	#navSchools {
		display:		block;
		text-indent:		-10000px;
		overflow:		hidden;
		width:			40px;
		height:			140px;
		background:		transparent url(navSchoolsOff.png) no-repeat center left;
	}
	
	#navSchools:hover, #navSchools.active {
		background:		transparent url(navSchoolsOn.png) no-repeat center left;
	}

	#navLinks {
		display:		block;
		text-indent:		-10000px;
		overflow:		hidden;
		width:			40px;
		height:			100px;
		background:		transparent url(navLinksOff.png) no-repeat center left;
	}
	
	#navLinks:hover, #navLinks.active {
		background:		transparent url(navLinksOn.png) no-repeat center left;
	}

	#pagenav {
		position:		absolute;
		top:			30px;
		left:			202px;
		width:			500px;
		height:			35px;
		line-height:		35px;
		z-index:		100;
	}
	
	#nextpage {
		display:		block;
		float:			right;
		margin-right:		50px;
		width:			49px;
		height:			17px;
		text-indent:		-10000px;
		overflow:		hidden;
		background:		transparent url(next.gif) no-repeat top left;
	}
		
	#prevpage {
		display:		block;
		float:			left;
		width:			49px;
		margin-left:		50px;
		height:			17px;
		text-indent:		-10000px;
		overflow:		hidden;
		background:		transparent url(prev.gif) no-repeat top left;
	}

/* 	Classes and inline elements 	*/

	/* Alter the below to add different background images on each page by specifying a different class name in the header div */

	#content p, #content h2, #content h3 {
		padding:			10px;
		padding-bottom:		0px;
		letter-spacing:		0px;
		z-index:		101;
	}

	#content table {
		margin-left:		35px;
		width:			400px;
	}

	#content table td, #content table th {
		padding:		3px;
	}

	#content ul {
		margin-left:		15px;
		padding-left:		20px;
	}

	#content ol {	
		font-size:		1.1em;
		margin-left:		35px;
		padding-left:		20px;
	}


	#content ul ul {
		margin-left:		0px;
		padding-left:		5px;
	}

	#content ul li {
		margin-left:		10px;
		padding-left:		15px;
		font-size:		1em;
		width:			370px;
	}

	#content ol li {
		margin-right:		40px;
		list-style-position:	outside;
		vertical-align:top;
	}

	#content ul#sitemap li {
		margin-left:		5px;
		list-style:		none;
		background:		transparent url(sitemapbullet.gif) no-repeat top left;
		line-height:		25px;
		text-indent:		5px;
	}

	#content ul li a:hover {
		text-decoration:	underline;
	}

	#content ul.nodisc li {
		margin-bottom:		10px;
		list-style:		none;
		font-weight:		bold;
	}

	#content ul.nodisc li a {
		font-weight:		500;
	}


	ul li a {
		position:		relative;
		color:			#000000;
		font-weight:		bold;
		text-decoration:	none;
	}

	#footer ul {
		width:			778px;
		text-align:		center;
		line-height:		3em;
		margin:			0px;
		padding:		0px;
	}
	
	#footer ul li, #pagenav li {
		display:		inline;
		margin:			0px;
		padding:		0px;
		padding-left:		5px;
		padding-right: 		5px;
		list-stlye:		none;
		font-size:		1.2em;
		border-right:		1px solid #000000;
	}
	
	#footer ul li.lastli, #pagenav li.lastli {
		border-right:		none;
	}

	#footer ul li a:hover, #pagenav li a:hover {
		text-decoration:	underline;
	}

	#footer p {
		width:			780px;
		height:			41px;
		color:			#7E7E7E;
		font-size:		1em;
		text-align:		center;
		line-height:		1em;
		margin:			0px;
		padding:		0px;
		padding-top:		10px;
		letter-spacing: 	0em;
	}


	form {
		margin-left:		40px;
	}
	label, input, textarea {
		display:		block;
	}
/*###CEC - 28 Oct 2007: styles for the tech.html page for improved layout of gallery images ###*/
	#techGallery
	{
	width: 683px;
	margin-left: 25px;
	}
	
	p.techGallery
	{
	/*width: 655px;*/
		
	}
	#techGallery img
	{
		margin: 6px;
		border: #333333 1px solid;
	}
/*### END CEC - 28 Oct 2007 ### */