/*	{{{
  	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, #bts_nav7 
  {
  	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, #bts_nav7:hover
  		{
  			color:	#F5B907;
  			cursor:	pointer;
  		}
  		
  	#bts_nav1
  	{
  		width: 115px;
  	}
  	
  	#bts_nav2
  	{
  		width: 85px;
  	}
  	
  	#bts_nav3
  	{
  		width: 69px;
  		
  	}
  	
  	#bts_nav4
  	{
  		width: 69px;
  	}

	#bts_nav5
 	{
 		width: 63px;
 	}

  
  	#bts_nav6
  	{
  		width: 97px;
  	}
  	
  	#bts_nav7
  	{
  		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, #bts_navmenu_7

  	{
  		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;
  }