/* tvnstyles.css global styles */


	body  
	{	
	font-size: 100%;
	font-family: verdana,arial,sans-serif;
	color: #758060;
	margin: 0px;
	padding: 0px;
	text-align: center;
	}
	#header 
	{ 
		background:#C3D39F;
		width: 100%; 
		height: 100px; 
		margin: 0px; 
		padding: 0px; 
		text-align: left;
		border-bottom: 
		3px solid #8781BA; 
	}

	#headcontainer 
	{ 
		width: 770px; 
 		margin-top: 0px; 
		margin-right: auto; 
		margin-left: auto;
		padding: 0px; 
		text-align: left;
	}
#logo { position: absolute; width: 142px; height: 74px; z-index: 100; float: left; clear: both; margin-top: 10px; margin-left: 0px; padding: 0px; }
#logohead { position: absolute; width: 770px; height: 90px; float: left; clear: both; margin-top: -100px; }
#strap { color: #000000; font-size: 12px; line-height: 15px; background-color: #C3D39F; text-decoration: none; text-align: right; position: relative; width: auto; height: auto; visibility: visible; float: right; clear: both; margin-top: 15px; padding: 10px 35px 0 0; }
.white { color: #fff; }
.red { color: #990000; }
#sitemap { color: #00702a; font-size: 10px; background-color: #C3D39F; text-align: right; position: relative; float: right; margin-top: 25px; margin-right: 0px; }
#sitemap a { color: #00702a; text-decoration: none }

	#headernav
	{ 
		background-color: #8781BA; 
		width: 100%; 
		height: 80%;
		margin: 0px; 
		padding: 0px; 
		text-align: left;
		border-bottom: 
		3px solid #8781BA; 
	}

	#headcontainernav
	{ 
		width: 770px; 
 		margin-top: 0px; 
		margin-right: auto; 
		margin-left: auto;
		padding: 0px 0px 0px 0px; 
		text-align: left;
	}
	
	
		/* boxed text size and colour */
	#box
	{

		width: 770px;
		height: 100%;
	}
	#containerall
	{	
		text-align: center;
		padding: 5px;


	}
	#content
	{
		font-size: 90%;
	}
	/* column colour and height */
	#col1
	{

	width: 125px;
	float: left;

	margin-top: 20px;
	padding: 0em 0 5px 0;
	font-size: 80%;
	text-align: left;
	}
	
	#col1 a:link { color: #000000; text-decoration: none}
	#col1 a:visited { color: #000000; text-decoration: none}
	#col1 a:hover { color: #8781BA; text-decoration: none}
	
	p.colpic
	{
	margin-top: 0px; 
	margin-left: auto; 
	float: left;
	padding: 0px 0px 5px 0px; 	
	width: 430px;
	height: 225px;
	display: block;
	}
	
	
	#col2
	{
	width: 430px;
	height: 100%;
	float: left;

	margin-top: 20px;
	padding: 0 0 5px 15px;
	font-size: 90%;
	text-align: left;
	}

		#col2pic
	{
	background: #cccccc;
	width: 430px;
	height: 500px;
	float: left;

	margin-top: 20px;
	padding: .0em;
	font-size: 90%;
	text-align: left;
	}
	#col3
	{

	width: 125px;
	height: 100%;
	float: right;

	margin-top: 20px;
	padding: 0em 0 5px 0;
	font-size: 80%;
	text-align: left;
	}
	.colspace
	{
	float: left;

	margin-top: 20px;
	padding: .5em;
	}
	#col4
	{
	width: 65%;
	float: left;

	padding: .0em;
	font-size: 90%;
	text-align: left;
	}	
		#colavail
	{
	width: 700px;
	height: 550px;


	padding: .5em;
	font-size: 90%;
	text-align: left;
	}
		#colmap
	{
	width: 70%;


	padding: .5em;
	font-size: 90%;
	text-align: left;
	}
		#colbook
	{
	width: 40%;
	float: left;

	padding: 2.5em;
	font-size: 90%;
	text-align: left;
	}
		#jas-tags
	{

	width: 125px;
	height: 100%;
	float: left;

	margin-top: 20px;
	padding: .0em;
	font-size: 90%;
	text-align: left;
	}
	
	
	/* column3 thumbnailviewer */	
.thumb1 
	{ 
	color: #fff; 
	font-size: 100%;
	width: 100px; 
	height: 125px; 

	margin-top: 15px;
	padding: 1px 10px 8px 10px; 
	border: solid 1px #b2b2b2; 
	}

	h1	
	{
		margin: 0px;
		padding: 0px;
	}
	
	h1.header	
	{
		font-size: 130%;
		font-weight: bold;
		color: #608060;
		padding: .5em 3px .5em 0px;
		text-align: center;

	}

	h2 
	{
		font-size: 100%;
		color: #333333;
		padding: .5em;
		text-align: left;
		margin-top: 0px;
	}
	h2.main
	{
		font-size: 100%;
		color: #758060;
		padding: 0px 5px;
		text-align: left;
		margin-top: 0px;
	}
	h2#nav
	{
	text-align: left;
	margin-top: 0px;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #608060;
	}
	
	h3
	{
		font-size: 100%;
		color: #fff;
		padding: 1px;
		text-align: left;
		margin-top: 0px;
	}

	p
		{
		font-size: 100%;
		color: #000000;
		text-align: left;
		margin-top: 0px;
		padding: 0px 5px;
		}
	p.right
		{
		font-size: 100%;
		color: #000000;
		text-align: right;
		margin-top: 0px;
		padding: 0px 5px;
		}
	p.break
		{
		font-size: 100%;
		text-align: left;
		margin-top: 0px;
		padding: 0px 0px 0px 0px;
		}
		
	a:link { color: #00702a; text-decoration: none}
	a:visited { color: #000000; text-decoration: none}
	a:hover { color: #808000; text-decoration: none}

.pic { 	font-size: 95%;
		text-align: center;
		}
	
	UL
		{
		margin-left: 100px;
		}
    .gutter
		{
		margin-left: 50px;
		}		
	LI
		{
		font-size: 100%;
		text-align: left;
		margin-top: 0px;
		margin-left: 0px;
		padding: 0px 10px 0px 10px;
		}
	LI.site
		{
		font-size: 100%;
		text-align: left;
		color: #000000;
		margin-top: 0px;
		margin-left: 0px;
		padding: 0px 10px 0px 100px;
		}	
	LI.list
		{
		font-size: 100%;
		text-align: left;
		color: #000000;
		margin-top: 0px;
		margin-left: 0px;
		padding: 0px 10px 0px 10px;
		}

	/* footer columns colour and height */

	#footer 
	{ 
		background:#C3D39F;
 		width: 100%;
 		margin: 0px; 
		padding: 0px;
		clear: both; 

	}
		
	#footercol2
	{
	background: #C3D39F;
	width: 770px;
	height: 40px;

	margin-top: 0px;
	font-size: 90%;
	text-align: center;

	}		
	#design 
	{ 
	width: 430px;
	color: #333333; 
	font-size: 9px; 
	margin-top: 10px; 
	margin-left: 0px;
	text-align: center;
 	padding: 0px 0px 0px 0px;
	}
	#design a 
	{ 
	color: #990000; 
	font-size: 9px; 
	}
	#design a:visited 
	{ 
	color: #00702a; 
	font-size: 9px; 
	}
	
/* staff layout */
		#staff1
	{ 
		width: 430px; 
 		margin-top: 0px; 
		margin-right: auto; 
		margin-left: auto;
		padding: 0px; 
		text-align: left;
	}
		#staff2
	{ 
		width: 430px; 
 		margin-top: 105px; 
		margin-right: auto; 
		margin-left: auto;
		padding: 0px; 
		text-align: left;
	}
		#staff3
	{ 
		width: 430px; 
 		margin-top: 105px; 
		margin-right: auto; 
		margin-left: auto;
		padding: 0px; 
		text-align: left;
	}
			#staff4
	{ 
		width: 430px; 
 		margin-top: 105px; 
		margin-right: auto; 
		margin-left: auto;
		padding: 0px; 
		text-align: left;
	}
			#staff5
	{ 
		width: 430px; 
 		margin-top: 105px; 
		margin-right: auto; 
		margin-left: auto;
		padding: 0px; 
		text-align: left;
	}
			#staff6
	{ 
		width: 430px; 
 		margin-top: 105px; 
		margin-right: auto; 
		margin-left: auto;
		padding: 0px; 
		text-align: left;
	}
		#pic 
	{ 
	position: absolute; 
	width: 100px; 
	height: 100px; 
	float: left; 
	margin-top: 10px; 
	margin-left: 0px; 
	padding: 0px; 
	clear: both;	
	}
	
			.pic1
	{ 
	position: absolute; 
	width: 100px; 
	height: 100px; 
	float: left; 
	margin-top: 10px; 
	margin-left: 0px; 
	padding:  100px 0px 0px 0px; 
	clear: both;	
	}
	
		#profile 
	{ 
	position: absolute; 
	width: 315px; 
	float: left; 
	padding: 0px 0px 0px 110px; 
	margin-top: 10px; 
	margin-left: 0px;
	clear: both; 
	}