/* CLIP style sheet using boxes 09.06.2006 */


/* set body text style to centered */
/* allows auto margin to work with IE browsers */

body		{ 	text-align: 		center}


/* set element sizes and positions */
/* border setting as below stops page slipping in Netscape etc when browser window */
/* is less than the page width */


#container	{	margin:			auto;
			width: 			640px;
			border:			1px solid white;
			text-align: 		left; 
		  	background: 		white;
		}


#containerwide	{	margin:			auto;
			width: 			900px;
			border:			1px solid white;
			text-align: 		left; 
		  	background: 		white;
		}

#containeropen	{	margin:			auto;
			border:			1px solid white;
			text-align: 		left; 
		  	background: 		white;
		}

#banner		{	position:		relative;
			display:		block;
			top:			0px;
			width:			96%;
			height:			59px;
			background:		white;
			margin:			auto;
			padding:		0px 0px 0px 0px;
		}


#headerstrip	{	position: 		relative; 
		  	top: 			0px;
			width:			100%;
			background: 		white;
		}

#linksmenu	{ 	position: 		relative;
		  	top:			0px;
		  	left:			0px;
		 	width: 			160px;
		  	height:			400px;
		  	background: 		white;
			z-index:		2
		}

#linksmenuwide	{ 	position: 		relative;
		  	top:			0px;
		  	left:			0px;
		 	width: 			400px;
		  	height:			400px;
		  	background: 		white;
			z-index:		2
		}

#linkstrip	{	position:		relative;
			top:			0px;
			left:			0px;
			height:			28px;
			border:			0px;
			margin:			0px 0px 10px 0px;
			padding:		2px 0px 1px 0px;
			width:			96%;
			text-align:		center;
			background: 		#33cccc;
		}


#text		{	position: 		relative; 
		  	top: 			-400px;
		  	left: 			160px;
		  	width: 			470px;
		  	padding-top:		2px;
			padding-left: 		5px;
		  	padding-right:		5px;
	  	  	border-right:		1px;
			background: 		white;
		  	text-align: 		left;
		  	font-family: 		Arial, sans-serif;
		  	font-size: 		10pt;
			z-index:		2
		}

#caption	{	font-family: 		Arial, sans-serif;
			color:	 		white;
		  	font-size: 		11pt;
			font-weight:		bold;
			text-align: 		center;
			background-color:	#33cccc;
			margin:			0px 1% 10px 1%; 
			padding:		5px 5px 5px 5px;
		 }


#message	{	font-family: 		Arial, sans-serif;
		  	font-size: 		10pt;
			font-weight:		normal;
			background-color:	white;
			margin:			10px 5% 10px 5%; 
			padding:		0px 0px 0px 0px;
		  	text-align:		center;
		}


#footer		{ 	position:		relative;
		  	top:			0px;
			left:			-160px;
			width: 			620px;
	  	  	background: 		white;
		  	text-align: 		center;
		  	font-family: 		Arial, sans-serif;
		  	font-size: 		8pt;
			z-index:		1
		}


#footerwide	{ 	position:		relative;
		  	top:			0px;
			left:			-160px;
			width: 			860px;
	  	  	background: 		white;
		  	text-align: 		center;
		  	font-family: 		Arial, sans-serif;
		  	font-size: 		8pt;
			z-index:		1
		}

#footertext	{ 	background: 		white;
		  	text-align: 		left;
		  	font-family: 		Arial, sans-serif;
		  	font-size: 		10pt;
			z-index:		1
		}

#extext		{ 	position:		relative;
		  	top:			0px;
			left:			-160px;
			width: 			620px;
	  	  	background: 		white;
		  	text-align: 		left;
		  	font-family: 		Arial, sans-serif;
		  	font-size: 		8pt;
			z-index:		1
		}


/* set links menu width, using description list */
/* as basis for the menu */
dl#links	{ 	width: 			150px}

dl#linkswide	{ 	width: 			390px}



/* set general button styles */
dt.btn 		{ 	margin-bottom:		0px;
			text-align: 		left
		}

/* set general anchor styles */
dt.btn a	{ 	display: 		block;
		  	background-color: 	white;
		  	font-weight:  		bold;
		  	text-decoration: 	none
		}

/* specify state styles for the buttons... */

/* mouseout (default) */
dt.btn a	{ 	border: 		1px solid white}

/* mouseover */
dt.btn a:hover	{ 	border: 		1px solid blue;}

/* mousedown */
dt.btn a:active	{ 	border: 		1px inset teal}


/* specify styles for text... */


span.BodyText	{	font-family: 		Arial, sans-serif;
		  	font-size: 		10pt; 
		  	font-weight:		normal;
			background-color:	white;
		  	text-align: 		left
		}

#Heading	{	background:		#baeeee;
			background-image:	url("links/faderight.gif");
			background-repeat:	no-repeat;	
			margin:			10px 0px 7px 0px;
			padding:		5px 50px 3px 5px;
			color:			white;
			font-size: 		11pt; 
		  	font-weight:		bold;
			font-family: 		Arial, sans-serif;
			z-index:		3			
		}

#HeadingWide	{	background:		white;
			background-image:	url("links/faderight.gif");
			background-repeat:	no-repeat;	
			margin:			10px 0px 7px 0px;
			padding:		5px 50px 3px 5px;
			color:			white;
			font-size: 		11pt; 
		  	font-weight:		bold;
			font-family: 		Arial, sans-serif;
			text-align:		left;
			z-index:		3			
		}


span.Headingtext
		{ 	font-family: 		Arial, sans-serif;
		  	font-size: 		10pt; 
			font-weight: 		bold;
			background:		white;
			text-align: 		left
		}

span.BodyTextRight
		{	font-family: 		Arial, sans-serif;
			font-size: 		13pt;
			text-align: 		right
		}

span.HeadingTNA
		{ 	font-family: 		Courier;
		  	font-size: 		12pt; 
			font-weight: 		bold;
			background:		white;
			text-align: 		left;
		}

div.captionbox
		{	font-family: 		Arial;
		  	font-size: 		10pt; 
			font-weight: 		bold;
			background:		#daf8f8;
			text-align: 		center;
			padding-left: 		5px;
		   	padding-right: 		5px;
		   	padding-top: 		2px; 
		   	padding-bottom: 	2px;
			margin-bottom:		10px;
			border:			5px solid #33cccc;

		}

div.wrap	{	width:			600px;
			float:			left;
			background:		#daf8f8; 
 		   	padding-left: 		10px;
		   	padding-right: 		10px;
		   	padding-top: 		10px; 
		   	padding-bottom: 	10px;
			margin:			10px 0px 10px 20px;
			font-family: 		Arial, sans-serif;
		  	font-size: 		10pt; 
			text-align: 		left
		}

div.floatbox	{	width:			300px;
			background:		#baeeee; 
 		   	padding: 		10px 10px 10px 10px;
			margin:			10px 0px 10px 20px;
			font-family: 		Arial, sans-serif;
		  	font-size: 		10pt; 
			text-align: 		left
		}

div.floatright	{	float:			right;}

div.boxed	{ 	padding: 		10px 10px 10px 10px;}

div.dark	{	background:		#baeeee;}

div.light	{	background:		#daf8f8;}

div.border	{	border:			2px solid #baeeee;} 

div.header	{	background:		#baeeee;
			background-image:	url("links/faderight.gif");
			background-repeat:	no-repeat;	
			margin:			10px 0px 7px 0px;
			padding:		5px 50px 3px 5px;
			color:			white;
			font-size: 		11pt; 
		  	font-weight:		bold;
			font-family: 		Arial, sans-serif;
			z-index:		3			
		}
	
/* Format for boxed text */

#Box		{ 	background:		#baeeee; 
 		   	padding-left: 		10px;
		   	padding-right: 		10px;
		   	padding-top: 		10px; 
		   	padding-bottom: 	10px
		}

#openBox	{ 	background:		white;
			border:			2px #baeeee; 
 		   	padding-left: 		10px;
		   	padding-right: 		10px;
		   	padding-top: 		10px; 
		   	padding-bottom: 	10px
		}


span.boxtext
		{ 	font-family: 		Arial, sans-serif;
		  	font-size: 		10pt; 
			background-color:	#baeeee;
			text-align: 		left
		}

span.CSVtext
		{ 	font-family: 		Courier;
		  	font-size: 		10pt; 
			background-color:	white;
			text-align: 		left
		}

/* Format for tables */
table.space	{	border-collapse:	collapse;
			background:		#daf8f8}

table.books	{	border-collapse:	collapse;
			width:			610px;
			background:		#daf8f8}

table.fixed	{	border-collapse:	collapse;
			width:			610px;
			table-layout:		fixed;
			background:		#daf8f8}

table.fixedwide	{	border-collapse:	collapse;
			width:			840px;
			table-layout:		fixed;
			background:		#daf8f8}

table.narrow	{	border-collapse:	collapse;
			width:			470px;
			table-layout:		fixed;
			background:		#daf8f8}

table.download	{	border-style:		solid;
			border-width:		1px}

table.TNAformat	{	border-style:		solid;
			border-width:		1px;
			width:			600px;}

tr.heading	{	background:		#33cccc;
			font-family: 		Arial, sans-serif;
			font-size: 		10pt;
			font-weight:		bold;
			color:			white;
			padding:		20px
		}


td.heading	{	background:		#33cccc;
			font-family: 		Arial, sans-serif;
			font-size: 		10pt;
			font-weight:		bold;
			text-align: 		left;
			color:			white;
			padding:		5px
		}

td.headingnopad{	background:		#33cccc;
			font-family: 		Arial, sans-serif;
			font-size: 		10pt;
			font-weight:		bold;
			text-align: 		left;
			color:			white;
			padding:		0px
		}

td.headingleft	{	background:		#33cccc;
			font-family: 		Arial, sans-serif;
			font-size: 		10pt;
			text-align: 		left;
			color:			white;
			padding:		5px;	
			width:			180px		
		}

td.headingright	{	background:		#33cccc;
			font-family: 		Arial, sans-serif;
			font-size: 		10pt;
			text-align: 		left;
			color:			white;
			padding:		5px;
			width:			290px
						
		}

td.headingrightsmall{	background:		#33cccc;
			font-family: 		Arial, sans-serif;
			font-size: 		10pt;
			font-weight:		bold;
			text-align: 		right;
			color:			white;
			padding:		5px;
			width:			100px;
			vertical-align:		middle; 
						
		}

td.headinginput	{	background:		#33cccc;
			font-family: 		Arial, sans-serif;
			font-size: 		10pt;
			font-weight:		bold;
			text-align: 		right;
			color:			white;
			padding:		5px
		}


td.odd		{	background:		#baeeee;			
			font-family: 		Arial, sans-serif;
			font-size: 		10pt;
			padding:		5px;
			text-align: 		left;
			vertical-align:		top;		
		}

td.even		{	background:		#daf8f8;
			font-family: 		Arial, sans-serif;
			font-size: 		10pt;
			padding:		5px;
			text-align: 		left;		
			vertical-align:		top;
		}

td.row		{	font-family: 		Arial, sans-serif;
			font-size: 		10pt;
			color:			black;
			padding:		2px 5px 2px 5px;
			vertical-align:		top;
		}

td.row2		{	font-family: 		Arial, sans-serif;
			color:			black;
			padding:		2px 5px 2px 5px;
			vertical-align:		top;
		}

td.small	{	font-size:		8pt;}

td.hdng		{	background:		#33cccc;
			font-family: 		Arial, sans-serif;
			font-size: 		10pt;
			font-weight:		bold;
			color:			white;
			padding:		5px;
			vertical-align:		top;
		}

td.dark		{	background:		#baeeee;}

td.darker	{	background:		#33cccc;}

td.light	{	background:		#daf8f8;}

td.lighter	{	background:		#f0ffff;}

td.white	{	background:		white;}

td.left		{	text-align:		left;}

td.right	{	text-align:		right;}

td.centre	{	text-align:		center;}

td.bold		{	font-weight:		bold;}

td.borderbottom {	border-bottom:		1px #baeeee dashed;}

td.borderleft	{	border-left:		5px black;}

td.padleft	{	padding-left:		20px;}

td.pad		{	padding:		5px;}

td.italic	{	font-style:		italic;}

td.middle	{	vertical-align:		middle;}

td.oddright	{	background:		#baeeee;			
			font-family: 		Arial, sans-serif;
			font-size: 		10pt;
			padding:		5px;
			text-align: 		right;
			vertical-align:		top;		
		}

td.evenright	{	background:		#daf8f8;
			font-family: 		Arial, sans-serif;
			font-size: 		10pt;
			padding:		5px;
			text-align: 		right;
			vertical-align:		top;		
		}

td.oddshort	{	background:		#baeeee;			
			font-family: 		Arial, sans-serif;
			font-size: 		10pt;
			padding:		2px;
			text-align: 		left;
			vertical-align:		middle;		
		}

td.evenshort	{	background:		#daf8f8;
			font-family: 		Arial, sans-serif;
			font-size: 		10pt;
			padding:		2px;
			text-align: 		left;		
			vertical-align:		middle;
		}

td.oddrightshort{	background:		#baeeee;			
			font-family: 		Arial, sans-serif;
			font-size: 		10pt;
			padding:		2px;
			text-align: 		right;
			vertical-align:		middle;		
		}

td.evenrightshort{	background:		#daf8f8;
			font-family: 		Arial, sans-serif;
			font-size: 		10pt;
			padding:		2px;
			text-align: 		right;
			vertical-align:		middle;		
		}


td.download	{	background:		white;
			font-family: 		Arial, sans-serif;
			font-size: 		8pt;
			border-style:		solid;
			border-width:		1px;
			padding:		1px;
			vertical-align:		middle;		
		}

td.TNAformatL	{	background:		white;
			font-family: 		Courier;
			font-size: 		10pt;
			border-style:		solid;
			border-width:		1px;
			padding:		5px;
			text-align: 		left;
			vertical-align:		top;
			width:			200px;		
		}

td.TNAformat	{	background:		white;
			font-family: 		Courier;
			font-size: 		10pt;
			border-style:		solid;
			border-width:		1px;
			padding:		5px;
			text-align: 		left;
			vertical-align:		top;
		}

td.TNAformatR	{	background:		white;
			font-family: 		Courier;
			font-size: 		10pt;
			border-style:		solid;
			border-width:		1px;
			padding:		5px;
			text-align: 		left;
			vertical-align:		top;
			width:			400px;		
		}

.TableText	{	font-family: 		Arial, sans-serif;
			font-size: 		10pt;
			text-align: 		left;
		}


.TableTextRight {	font-family: 		Arial, sans-serif;
			font-size: 		10pt;
			text-align: 		right
		}

/* Format for forms */

form.ON		{	font-family:		Arial, sans-serif;
			font-size:		10pt;
			font-style:		italic;
			background-color:	#baeeee;
			padding:		10px;
		}

span.formtext	{	font-family:		Arial, sans-serif;
			font-size:		10pt;
			font-style:		italic;
			background-color:	#baeeee;
		}

input:focus	{	background:		#33cccc;
			color:		black
		}

input:hover	{	background:		white	}

/* Link text */
span.LinkText	{ 	font-family: 		Arial, sans-serif;
			font-size: 		8pt;
			color: 			blue;
			text-align: 		center;
		}

/* Back Button */
span.backtext	{ 	font-family: 		Arial, sans-serif;
			font-size: 		10pt;
			color: 			blue;
			text-align: 		center;
		}

/* Copyright text */
span.copyright	{ 	font-family: 		Arial, sans-serif;
			color: 			red;
		  	font-size: 		8pt;
			text-align: 		center;
		}

/* Contact text */
span.contact	{ 	font-family: 		Arial, sans-serif;
			color: 			black;
		  	font-size: 		8pt; 
		}


/* Caption text */
span.caption	{	display:		block;
			color: 			white;
		  	text-align: 		center;
			font-family: 		Arial, sans-serif;
			font-size: 		12pt;
			font-weight:		bold;
			background-color:	#33cccc;
			padding:		5px 15px 5px 15px;
	  	}

img		{	border:			0}

img.menubutton	{	padding:		2px 0px 0px 0px;
			border:			0px;
			vertical-align:		text-top;		
		}

img.left	{float: left;}

img.right	{float: right;}

img.instrct	{	border: 		solid teal 2px;
			display:		block;
			margin-left:		auto;
			margin-right:		auto;
		}

img.icon	{	width:			16px;
			height:			16px;
		}

img.active	{	cursor:			pointer;}

img.active:hover{	background-color:	silver;}