/*	{{{


	BLOCK ELEMENTS


	}}} */


html, body


{


	margin:		0 0 0 0;


	height: 	100%;


	background-color: #366CA3;


}








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:			#B22222;


	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:			#B22222;


	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:			#B22222;


	margin:			10px 0 10px 0;


	width:			95%;


	border-bottom:	1px dotted #B22222;


}





/* 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=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=submit], input[type=reset]


{


	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/tile1.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;


	}


	


/* 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;


}



#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:				#B22222;


	text-decoration: 	none;


}


#main_content a:hover


{


	color:		#307C1F;

}



#linkmore a


{

	font-family:		tahoma, geneva, sans-serif;

	font-size:		11px;
	font-weight:		bold;

	text-decoration: 	underline;

	color: 			#B22222;

}


#linkmore a:hover

{

	color: 			#307C1F;

}







/* 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_back1.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: 97px;


	}





	#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:				#B22222;


	margin:				0 0 20px 0;


}




.readmore a


{


	color: 				#B22222;


	text-decoration: 	none;


}





.readmore a:hover


{


	color: 				#307C1F;


	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_back2.jpg);


	z-index:			2;


}


	#fb_g1, #fb_g2, #fb_g3, #fb_g4, #fb_g5

	{


		position:		absolute;


		height:			14px;

		width:			72px;
		font-family:		tahoma, geneva, sans-serif;


		font-size:		10px;


		font-weight:		bold;


		color:			#000000;

		top:			10px;


		left:			122px;


	}

	#fb_g2

	{


		left:			183px;


	}

	#fb_g3

	{


		left:			235px;


	}

	#fb_g4

	{


		left:			308px;


	}

	#fb_thecompany, #fb_products, #fb_news, #fb_rates, #fb_contactus, #fb_privacypolicy, #fb_copyrightdate, #fb_leduke


	{


		position:		absolute;


		height:			14px;

		width:			72px;
		font-family:		tahoma, geneva, sans-serif;


		font-size:		10px;


		font-weight:		bold;


		color:			#000000;

		top:			10px;


		left:			50px;


	}


	#fb_thecompany a

	{

		color: 			#B22222;

		text-decoration: 	none;

	}


	#fb_thecompany a:hover

	{

		color: 			#307C1F;

		text-decoration: 	none;

	}


	


	#fb_products

	{


		left:			135px;


	}


	#fb_products a

	{

		color: 			#B22222;

		text-decoration: 	none;

	}


	#fb_products a:hover

	{

		color: 			#307C1F;

		text-decoration: 	none;

	}

	

	#fb_news

	{

		left:			200px;


	}



	#fb_news a

	{

		color: 			#B22222;

		text-decoration: 	none;

	}


	#fb_news a:hover

	{

		color: 			#307C1F;

		text-decoration: 	none;

	}


	#fb_contactus

	{


		left:			250px;


	}


	#fb_contactus a

	{

		color: 			#B22222;

		text-decoration: 	none;

	}


	#fb_contactus a:hover

	{

		color: 			#307C1F;

		text-decoration: 	none;

	}


	#fb_privacypolicy

	{

		left:			320px;


	}

	#fb_privacypolicy a

	{

		color: 			#B22222;

		text-decoration: 	none;

	}


	#fb_privacypolicy a:hover

	{

		color: 			#307C1F;

		text-decoration: 	none;

	}





	#fb_copyrightdate


	{


		left:			67px;


		top:			43px;


		font-family:	verdana, helvitica, sans-serif;


		font-size:		6pt;


		color:			#307C1F;


	}


	


	#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;


		


	}
































/**


 *	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:		#307C1F;


}











/*	{{{


	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;


}








/*	{{{


	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;


}