
 
 
 
 
 /*	{{{
 	BLOCK ELEMENTS
 	}}} */
 html, body
 {
 	margin:		0 0 0 0;
 	height: 	100%;
 	background-color: #7FC31B;
 }
 
 
 h1, h2, h3, h4, h5, h6, h11, hblue
 {
 	font-family:	tahoma, helvitica, serif;
 }
 
 /* used at the top of pages */
 h1
 {
 	font-size:		14pt;
 	color:			#666666;
 	letter-spacing:	-0.5px;
 	margin-top:		20px;
 }
 
 /* used at the top of pages */
 h11
 {
 	font-size:		14pt;
 	color:			#FF7F00;
 	letter-spacing:	-0.5px;
 	margin-top:		20px;
 }
 
 /* Both h2 & h3 are used as paragraph headings in the main content areas */
 h2, h3
 {
 	font-size:		10pt;
 	color:			#FF7F00;
 	margin:			20px 0 20px 0;
 }
 
 /* As per Criag Request for top pages */
 hblue
 {
 	font-size:		10pt;
 	color:			#0000FF;
 	margin:			20px 0 20px 0;
 }
 
 h3
 {
 	color:			#969696;
 	margin:			20px 0 5px 0;
 }
 
 /* used on forms to divide form sections */
 h4
 {
 	margin-top:		-15px;
 	font-size:		10pt;
 	color:			#FF7F00;
 	margin:			10px 0 10px 0;
 	width:			95%;
 	border-bottom:	1px dotted #FF7F00;
 }
 
 /* used for econews item 1 and item 2 titles */
 h5, h6
 {
 	font-family:	times new roman, times, serif;
 	font-size:		14pt;
 	font-weight:	550;
 	color:			#1E5019;
 	margin:			0 0 0 0;
 }
 
 h6
 {
 	font-family:	tahoma, geneva, sans-serif;
 	font-size:		12px;
 }
 
 h5 img
 {
 	margin-right: 8px;
 }
 
 h6 img
 {
 	margin-right: 8px;
 }
 
 
 
 /*	{{{
 	Form Elements
 	}}} */
 
 label
 {
 	cursor:				pointer;
 }
 
 label.formnoerror
 {
 	color: #969696;
 }
 
 label.formerror
 {
 	color: #B75246;
 }
 
 
 input[type=text], textarea, select
 {
 	font-size:			8pt;
 	text-indent:		2px;
 	background-color:	#DCDCDC;
 	border:				1px solid #969696;
 }

 input[type=password]
 {
 	font-size:			8pt;
 	text-indent:		2px;
 	background-color:	#DCDCDC;
 	border:				1px solid #969696;
 }

 input[type=file]
 {
 	font-size:			8pt;
 	text-indent:		2px;
 	background-color:	#DCDCDC;
 	border:				1px solid #969696;
 }
 
 input[type=checkbox]
 {
 	vertical-align:		middle;
 }
 
 input[type=checkbox]:hover
 {
 	vertical-align:		middle;
 	cursor:				pointer;
 }
 
 input[type=text]:hover, textarea:hover, select:hover
 {
 	background-color:	#D9F4B0;
 }
 
 input[type=text]:focus, textarea:focus, select:focus
 {
 	background-color:	#C4C4C4;
 }

 input[type=password]:hover
 {
 	background-color:	#D9F4B0;
 }
 
 input[type=password]:focus
 {
 	background-color:	#C4C4C4;
 }

 input[type=file]:hover
 {
 	background-color:	#D9F4B0;
 }
 
 input[type=file]:focus
 {
 	background-color:	#C4C4C4;
 }


 
 input[type=submit], input[type=reset],input[type=file]
 {
 	font-family:	tahoma, verdana, sans-serif;
 	font-size:		8pt;
 	font-weight:	bold;
 	cursor:			pointer; 
 }
 
 
 /*	{{{
 	CONTAINER ELEMENTS
 	}}} */
 #container
 {
 	position:	relative;
 	width:		889px;
 	height:		727px;
 	margin:		0 auto 0 auto;
 	background: #FFFFFF url(../images/tile.jpg) repeat-y;
 }
 
#fcontainer
 {
 	position:	relative;
 	width:		889px;
 	height:		727px;
 	margin:		0 auto 0 auto;
 	background: #FFFFFF url(../images/ftile.jpg) repeat-y;
 }



 /* main content holder */
 #main_content
 {
 	position:		absolute;
 	top:			157px;
 	left:			41px;
 	height:			442px;
 	width:			607px;
 	padding:		0 20px 0 20px;
 	z-index:		1;
 }
 
 	#main_content p
 	{
 		font-family:	tahoma, verdana, sans-serif;
 		font-size:		8pt;
 		color:			#666666;
 		margin:			10px 0 10px 0;
 	}
 
 	#main_content h1 + p
 	{
 		font-size:		10pt;
 		margin-top:		0;
 	}
 	
 	#main_content h2 + p
 	{
 		margin-top:		-5px;
 	}
 
 	#main_content hr
 	{
 		width:		100%;
 		margin:		15px 0 15px 0;
 	}
 
 	
 	#main_content p img
 	{
 		margin-bottom:	10px;
 		margin-left: 10px;
 	}

 /* main content holder for forms*/
 #fmain_content
 {
 	position:		absolute;
 	top:			157px;
 	left:			41px;
 	height:			442px;
 	width:			760px;
 	padding:		0 20px 0 20px;
 	z-index:		1;
	//overflow:		auto;
 }

	#fmain_content p
 	{
 		font-family:	tahoma, verdana, sans-serif;
 		font-size:		8pt;
 		color:			#666666;
 		margin:			10px 0 10px 0;
 	}
 
 	#fmain_content h1 + p
 	{
 		font-size:		10pt;
 		margin-top:		0;
 	}
 	
 	#fmain_content h2 + p
 	{
 		margin-top:		-5px;
 	}
 
 	#fmain_content hr
 	{
 		width:		100%;
 		margin:		15px 0 15px 0;
 	}
 
 	
 	#fmain_content p img
 	{
 		margin-bottom:	10px;
 		margin-left: 10px;
 	}


 /* constrains text block on right side of some content screens, eg. The Company, Products... */
 #right_block
 {
 	position:		absolute;
 	top:			0;
 	left:			175px;
 	width:			453px;
 	height:			442px;
 	padding-right:	20px;
 	overflow:		auto;
 }	
 
#fright_block
 {
 	position:		absolute;
 	top:			0;
 	left:			125px;
 	width:			655px;
 	height:			442px;
 	padding-right:	20px;
 	overflow:		auto;
 }	


 #big_scrolling_block
 {
 	position:		absolute;
 	top:			0;
 	left:			15px;
 	width:			633px;
 	height:			442px;
 	padding-right:	0px;
 	overflow:		auto;
 }	
 	#big_scrolling_block hr
 	{
 		width: 98%;
 	}
 	
 
 #right_block ul
 {
 	font-family:	tahoma, verdana, sans-serif;
 	font-size:		8pt;
 	color:			#666666;
 	padding:		0 0 0 0;
 	margin:			0 0 0 15px;
 }
 
 #right_block h2 + ul
 {
 	margin-top:	-10px;
 }
 
 
 
 
 
 #main_content a
 {
 	font-family:	tahoma, verdana, sans-serif;
 	font-size:		8pt;
 	color:				#FF7F00;
 	text-decoration: 	none;
 }
 #main_content a:hover
 {
 	color:		#7FC31B;
 }
 
#fmain_content a
 {
 	font-family:	tahoma, verdana, sans-serif;
 	font-size:		8pt;
 	color:				#FF7F00;
 	text-decoration: 	none;
 }
 #fmain_content a:hover
 {
 	color:		#7FC31B;
 }



 
 /* used on pages where there is no left column and content takes full width */
 #full_content
 {
 	position:		absolute;
 	top:			0px;
 	left:			0px;
 	width:			608px;
 	height:			100%;
 	padding:		0 20px 0 20px;
 	overflow:		auto;
 }
 	
 	
 /*	{{{
 	Banner
 	}}} */
 	
 #banner
 {
 	position:	absolute;
 	left:		41px;
 	top:		0px;
 	width:		800px;
 	height:		125px;
 	z-index:	2;
 }
 
 
 
 
 
 
 
 
 
 
 /*	{{{
 	NAVBAR CONTAINERS
 	}}} */
 	
 #navbar
 {
 	position:			absolute;
 	left:				41px;
 	top:				125px;
 	width:				800px;
 	height:				33px;
 	background-image:	url(../images/nav_back.jpg);
 	z-index:			1000;
 }
 	#navbar a
 	{
 		color:				#FFFFFF;
 		text-decoration: 	none;
 	}
 	
 	#navbar a:hover
 	{
 		display:			block;
 		color:				#F5B907;
 		text-decoration: 	none;
 	}
 
 /* nav1, nav2 etc... are the menu triggers in the grey nav bar */
 #bts_nav1, #bts_nav2, #bts_nav3, #bts_nav4, #bts_nav5, #bts_nav6 
 {
 	position:			relative;
 	height:				98%;
 	width:				115px;
 	font-family:		times new roman; times, serif;
 	font-size:			15px;
 	line-height:		24pt;
 	text-align:			center;
 	color:				#ffffff;
 	float:				left;
 	z-index:			10;
 }
 		#bts_nav1:hover, #bts_nav2:hover, #bts_nav3:hover, #bts_nav4:hover, #bts_nav5:hover, #bts_nav6:hover
 		{
 			color:	#F5B907;
 			cursor:	pointer;
 		}
 		
 	#bts_nav1
 	{
 		width: 115px;
 	}
 	
 	#bts_nav2
 	{
 		width: 85px;
 	}
 	
 	#bts_nav3
 	{
 		width: 69px;
 		
 	}
 	
 	#bts_nav4
 	{
 		width: 63px;
 	}
 
 	#bts_nav5
 	{
 		width: 97px;
 	}
 	
 	#bts_nav6
 	{
 		width: 60px;
 	}
 	
 	/* These are the actual menu container DIVs which are turned on/off to show/hide menus */	
 	#bts_navmenu_1, #bts_navmenu_2, #bts_navmenu_3, #bts_navmenu_4, #bts_navmenu_5, #bts_navmenu_6
 	{
 		position:			absolute;
 		display:			none;
 		border-top: 		6px solid #FFBF00;
 	}
 
 
 
 
 /* for styling of individual menu entries  */
 .menu_item
 {
 	position:			relative;
 	top:				0;
 	left;				0;
 	font-family:		tahoma, verdana, sans-serif;
 	font-size:			11px;
 	line-height:		15px;
 	color:				#ffffff;
 	background-color:	#8C8C8C;
 	border-bottom:		1px solid #ffffff;
 	padding-left:		8px;
 	width:				125px;
 	height:				17px;
 	cursor:				pointer;
 	z-index:			1000;
 }
 	.menu_item:hover
 	{
 		color:				#F5B907;
 		background-color:	#4D4D4D;
 	}
 
 .menuitem_last
 {
 	border-bottom: none;
 }
 
 
 
 
 
 
 
 
 
 
 /*	{{{
 	ECONEWS CONTAINERS
 	}}} */
 #econews
 {
 	position:			absolute;
 	width:				126px;
 	height:				403px;
 	left:				688px;
 	top:				150px;
 	padding:			20px 13px 20px 15px;
 	font-family:		tahoma, geneva, sans-serif;
 	font-size:			11px;
 	color:				#8C8C8C;
 }
 
 hr
 {
 	border:				0;
 	height:				1px;
 	color:				#666666;
 	background-color:	#666666;
 }
 
 
 
 .readmore
 {
 	font-family:		tahoma, geneva, sans-serif;
 	font-size:			11px;
 	font-weight:		bold;
 	color:				#FFBF00;
 	margin:				0 0 20px 0;
 }
 
 .readmore a
 {
 	color: 				#FFBF00;
 	text-decoration: 	none;
 }
 
 .readmore a:hover
 {
 	color: 				#7FC31B;
 	text-decoration: 	none;
 }
 
 #savvy0, #savvy1, #savvy2
 {
 	color:	#000000;
 }
 
 
 
 
 
 
 	
 /*	{{{
 	FOOTER CONTAINERS
 	}}} */
 	
 #footer
 {
 	position:			absolute;
 	width:				889px;
 	height:				128px;
 	left:				0px;
 	top:				599px;
 	background-image:	url(../images/footer_back.gif);
 	z-index:			2;
 }
 
 	#fb_thecompany, #fb_products, #fb_media, #fb_rates, #fb_contactus, #fb_privacypolicy, #fb_copyrightdate, #fb_leduke
 	{
 		position:		absolute;
 		height:			14px;
 		width:			72px;
 		top:			10px;
 		left:			50px;
 	}
 	
 	#fb_products
 	{
 		left:			147px;
 	}
 	
 	#fb_media
 	{
 		left:			229px;
 	}
 	
 	#fb_rates
 	{
 		left:			289px;
 	}
 	
 	#fb_contactus
 	{
 		left:			349px;
 	}
 
 	#fb_privacypolicy
 	{
 		left:			436px;
 	}
 
 	#fb_copyrightdate
 	{
 		left:			67px;
 		top:			43px;
 		font-family:	verdana, helvitica, sans-serif;
 		font-size:		6pt;
 		color:			#7FC31B;
 	}
 	
 	#fb_leduke
 	{
 		top:			38px;
 		left:			686px;
 	}
 
 
 
 
 
 
 
 
 
 
 /*	{{{
 	Stickynote DIV
 	}}} */
 
 #main_content #stickynote
 {
 	position:		absolute;
 	left:			20px;
 	top:			20px;
 	width:			137px;
 	font-family:	tahoma, helvitica, serif;
 	font-size:		8pt;
 	color:			#666666;
 	line-height:	11pt;
 }
 
 	#main_content #stickynote ul
 	{
 		list-style:		none;
 		margin:			0 0 0 0;
 		padding:		0 0 0 0;
 		border-top:		none;
 	}
 	
 	#main_content #stickynote ul li
 	{
 		width:				134px;
 		height:				15px;
 		border-left: 		1px dotted #969696;
 		border-right: 		1px dotted #969696;
 		border-bottom: 		1px dotted #969696;
 		padding:			0 0 0 0;
 		margin:				0 0 0 0;
 		text-indent:		8px;
 	}
 		#main_content #stickynote ul li:hover
 		{
 			background-color:	#F5B907;
 			color:				#FFFFFF;
 		}
 	
 	#main_content #stickynote ul li a
 	{
 		display:			block;
 		color:				#666666;
 		text-decoration:	none;
 	}
 		#main_content #stickynote ul li a:hover
 		{
 			display:			block;
 			color:				#000000;
 			text-decoration:	none;
 		}
 
 	#stickytop
 	{
 		position:	relative;
 		top:		0;
 		left:		0;
 		width:		100%;
 		height:		58px;
 		margin:		0 0 0 0;
 	}
 	
 	#stickybottom 
 	{
 		position:	relative;
 		top:		0;
 		left:		0;
 		width:		100%;
 		height:		83px;
 		margin:		0 0 0 0;
 		
 	}
 
 
 
#fmain_content #fstickynote
 {
 	position:		absolute;
 	left:			10px;
 	top:			20px;
 	width:			95px;
 	font-family:	tahoma, helvitica, serif;
 	font-size:		8pt;
 	color:			#666666;
 	line-height:	11pt;
 }
 
 	#fmain_content #fstickynote ul
 	{
 		list-style:		none;
 		margin:			0 0 0 0;
 		padding:		0 0 0 0;
 		border-top:		none;
 	}
 	
 	#fmain_content #fstickynote ul li
 	{
 		width:				92px;
 		height:				15px;
 		border-left: 		1px dotted #969696;
 		border-right: 		1px dotted #969696;
 		border-bottom: 		1px dotted #969696;
 		padding:			0 0 0 0;
 		margin:				0 0 0 0;
 		text-indent:		8px;
 	}
 		#fmain_content #fstickynote ul li:hover
 		{
 			background-color:	#F5B907;
 			color:				#FFFFFF;
 		}
 	
 	#fmain_content #fstickynote ul li a
 	{
 		display:			block;
 		color:				#666666;
 		text-decoration:	none;
 	}
 		#fmain_content #fstickynote ul li a:hover
 		{
 			display:			block;
 			color:				#000000;
 			text-decoration:	none;
 		}
 



 
 
 
 
 
 
 /**
  *	Section Specific Container DIVs
  *	
  *	The CSS below this point is dedicated to 
  *	specific content pages of the site.
  *	
  **/
  
 
 /*	{{{
 	Home
 	}}} */
 
 #home_left_box
 {
 	position:		absolute;
 	left:			0;
 	top:			0;
 	width:			275px;
 	height:			270px;
 	padding-right:	5px;
 	margin-left:	20px;
 }
 
 #home_ecobox
 {
 	position:	absolute;
 	top:		20px;
 	right:		15px;
 }
 
 #home_ceo
 {
 	position:	absolute;
 	top:		255px;
 	left:		0;
 	padding:	0 20px 0 20px;
 	margin:		0 auto 0 auto;
 	text-align:	justify;
 }
 
 	#home_ceo h2
 	{
 		
 		margin: 10px 0 15px 0;
 	}
 
 
 
 
 .date
 {
 	color:		#666666;
 }
 
 .title_news
 {
 	color:		#7FC31B;
 }
 
.taxmessage
 {
 	color:		#666666;
	font-family:		tahoma, verdana, sans-serif;
 	font-size: 			7pt;
 }
 

 
 /*	{{{
 	Rates
 	}}} */
 
 #main_content table
 {
 	position:			relative;
 	left:				0;
 	width: 				95%;
 	margin: 			0 0 0 0;
 	font-size: 			8pt;
 	border-spacing: 	1px;
 }
 
 	#main_content table tr
 	{
 		font-family:		tahoma, helvitica, serif;
 		font-size:			8pt;
 		color:				#8C8C8C;
 		background-color:	#ffffff;
 	}
 	
 		#main_content table tr.row_a
 		{
 			color:				#000000;
 			font-weight:		bold;
 			background-color:	#E6E6E6;
 		}
 		
 		#main_content table tr.row_b
 		{
 			color:				#000000;
 			background-color:	#CFCFCF;
 		}
 		
 		#main_content table tr.row_c
 		{
 			color:				#FFFFFF;
 			background-color:	#F5B907;
 		}
 		
 		#main_content table tr.row_d 
 		{
 			color:				#000000;
 			background-color:	#E6E6E6;
 		}
 			#main_content table tr td 
 			{
 				height:		25px;
 				padding-left:	5px;
 			}
 			
 	#main_content table tr.product
 	{
 		background-color:	#ffffff;
 	}
 			
 	#main_content table tr td.phone
 	{
 		margin: 		0 0 0 0;
 		padding: 		0 0 0 0;
 	}
 
 
 
 #main_content table.compact
 {
 	position:			relative;
 	left:				0;
 	width: 				90%;
 	margin: 			0 0 0 0;
 	font-size: 			8pt;
 	border-spacing: 	1px;
 	z-index:			2;
 	background-color:	transparent;
 }
 	#main_content table tr td 
 	{
 		height:			13px;
 		padding-left:	5px;
 	}
 
 #layout_sample
 {
 	position:			absolute;
 	top:				px;
 	left:				140px;
 	width:				287px;
 	height:				160px;
 	z-index:			0;
 }
 #main_content table.compact2
 {
 	position:			relative;
 	left:				0;
 	width: 				51%;
 	margin: 			0 0 0 0;
 	font-size: 			8pt;
 	border-spacing: 	1px;
 	z-index:			2;
 	background-color:	transparent;
 }
 

#fmain_content table
 {
 	position:			relative;
 	left:				0;
 	width: 				95%;
 	margin: 			0 0 0 0;
 	font-size: 			8pt;
 	border-spacing: 	1px;
 }
 
 	#fmain_content table tr
 	{
 		font-family:		tahoma, helvitica, serif;
 		font-size:			8pt;
 		color:				#8C8C8C;
 		background-color:	#ffffff;
 	}
 	
 		#fmain_content table tr.row_a
 		{
 			color:				#000000;
 			font-weight:		bold;
 			background-color:	#E6E6E6;
 		}
 		
 		#fmain_content table tr.row_b
 		{
 			color:				#000000;
 			background-color:	#CFCFCF;
 		}
 		
 		#fmain_content table tr.row_c
 		{
 			color:				#FFFFFF;
 			background-color:	#F5B907;
 		}
 		
 		#fmain_content table tr.row_d 
 		{
 			color:				#000000;
 			background-color:	#E6E6E6;
 		}
 			#fmain_content table tr td 
 			{
 				height:		25px;
 				padding-left:	5px;
 			}
 			
 	#fmain_content table tr.product
 	{
 		background-color:	#ffffff;
 	}
 			
 	#fmain_content table tr td.phone
 	{
 		margin: 		0 0 0 0;
 		padding: 		0 0 0 0;
 	}
 
 
 
 #fmain_content table.compact
 {
 	position:			relative;
 	left:				0;
 	width: 				90%;
 	margin: 			0 0 0 0;
 	font-size: 			8pt;
 	border-spacing: 	1px;
 	z-index:			2;
 	background-color:	transparent;
 }
 	#fmain_content table tr td 
 	{
 		height:			13px;
 		padding-left:	5px;
 	}
 
 #fmain_content table.compact2
 {
 	position:			relative;
 	left:				0;
 	width: 				51%;
 	margin: 			0 0 0 0;
 	font-size: 			8pt;
 	border-spacing: 	1px;
 	z-index:			2;
 	background-color:	transparent;
 }


 
 /*	{{{
 	Rates
 	}}} */
 
 
 #rates_form
 {
 	position:		absolute;
 	top:			20px;
 	left:			20px;
 	width:			330px;
 	height:			398px;
 	border-right:	2px dotted #DCDCDC;
 }
 
 #top_form
 {
 	position:		absolute;
 	top:			0;
 	left:			0;
 	width:			100%;
 	padding:		0 0 0 0;
 	margin:			0 0 0 0;
 }
 
 
 	
 	#top_form #leftcol table
 	{
 		width: 			100%;
 		margin: 		0 auto 0 auto;
 	}
 	
 	#top_form td
 	{
 		line-height:		5pt;
 	}
 	
 	td.leftcol
 	{
 		width:			115px;
 		font-size:		9pt;
 	}
 	
 	.rightcol
 	{
 		width:			110px;
 		font-size:		9pt;
 		text-align:		right;
 	}
 
 	
 	#right_page
 	{
 		position:		absolute;
 		left:			370px;
 		top:			0;
 		width:			260px;
 		
 	}
 
 	td.lef2tcol
 	{
 		width:			90px;
 		font-size:		9pt;
 	}
 
 
 
 
 
 
 
 
 
 
 /*	{{{
 	Rates
 	}}} */
 
 #tlc_login
 {
 	position:	relative;
 	width:		250px;
 	height:		66px;
 	top:		10px;
 	left:		0px;
 }
 	
 	
 