body{
	color: black;
}
		.title{
			color: black;
			font-size: 16px;
			font-weight:bold;
			font-family: Arial;
		}
		
		A:link {text-decoration: none;color: #5B8F22;}
		A:visited {text-decoration: none;color: #5B8F22;}
		A:active {text-decoration: none;}
		A:hover {text-decoration: none; color: black;}
		
		.bigtitle{
			color:	black;
			font-size: 18px;
			font-weight:bold;
			font-family: Arial;
		}
		.bigtitlegray{
			color: #5B8F22;
			font-size: 18px;
			font-weight:bold;
			font-family: Arial;
		}
		.ericheadline{
			font-size: 24px;
			font-family:   arial;
			color: black;
			font-weight:normal;
		}
		.ericheadline2{
			font-size: 24px;
			font-family: Arial;
			color: Gray;
			font-weight:normal;
		}
		.ericsubhead{
			font-size: 14px;
			font-family: Arial;
			font-weight: Bold;
			color:  Black;
			
		}
		.erictext{
			font-size: 12px;
			font-family: Arial;
			color: Black;
			font-weight:normal;
		}
		.ericsubhead2{
			font-size: 14px;
			font-family:  Arial;
			font-weight:normal;
			color:  Black;
		}
		.ericbullet{
			font-size: 17px;
			font-family: Arial;
			font-weight:normal;
			color:   Black;
		}
 		.ericquestion{
			font-size: 17px;
			font-family: Arial;
			font-weight:  Bold;
			color:  Black;
		}

		#headermain{
			
		}
		#mainframe{
			width: 1000px;
			margin: auto;

		}
		#header{		
			width: 1000px;
			height: 233px;
			background-image: url('/trevoimages/mainnav.jpg');			

		}
		#buttonhome{
			position: relative;
			left: -280px;
			top: 50px;
			width: 320px;
			height: 70px;	
	
		}		
		#buttonrighthome{
			position: relative;
			left: 790px;
			top: -5px;
			width: 55px;
			height: 25px;		
			font-size: 14px;
			color: #68696b;
			float: left;
			
		}
		#buttoncart{
			position: relative;
			left: 790px;
			top: -5px;
			padding-left: 3px;
			text-align: right;
			width: 30px;
			height: 25px;		
			font-size: 14px;
			color: #68696b;
			float: left;
			cursor: pointer;
			background-image: url(/trevoimages/shoppingcart.png);
			background-repeat: no-repeat;
	
		}
		#buttonlogin{
			position: relative;
			left: 790px;
			top: -5px;
			width: 50px;
			height: 25px;		
			font-size: 14px;
			color: #68696b;
			float: left;
			
		}

		#buttoncompany{
			position: relative;
			left:-385px;
			top: 60px;
			width: 100px;
			height: 25px;
		}
		#buttonproduct{
			position: relative;
			left: -269px;
			top: 40px;
			width: 100px;
			height: 25px;	

									
		}
		#buttonopportunity{
			position: relative;
			left: -140px;
			top: 15px;
			width: 120px;
			height: 25px;	
			
		}
		#buttonsystem{
			position: relative;
			left: -4px;
			top: -10px;
			width: 100px;
			height: 25px;				
		}
		#buttonvideotour{
			position: relative;
			left: 115px;
			top: -37px;
			width: 115px;
			height: 25px;
		}
		#buttontnn{
			position: relative;
			left: 217px;
			top: -57px;
			width: 70px;
			height: 25px;	
		
		}	
	
		#buttonvirtualoffice{
			position: relative;
			left: 310px;
			top: -82px;
			width: 75px;
			height: 25px;	
				
		}
	
		#buttonenroll{
			position: relative;
			left: 415px;
			top: -105px;
			width: 100px;
			height: 25px;		

		}
	
		.headerbutton{		
			cursor: pointer;
			
		}
		.submenu{
			background-color: #A7C881;
			color: black;
			font-family: arial;
			font-weight: bold;
			font-size: 14px;					
		}
		.submenu li{
			padding-top: 10px;			
		}
		.submenu A:link {
			text-decoration: none;
			color: black;
		}
		.submenu A:visited {text-decoration: none;color: black;}
		.submenu A:active {text-decoration: none;}
		.submenu A:hover {text-decoration: none; color: black;}
		
		.nodecorationlink{
			color: black;
			font-family: arial;
			font-weight: bold;
			font-size: 14px;					
		}
		.nodecorationlink A:visited {text-decoration: none; color: white;}
		.nodecorationlink A:active {text-decoration: none; color: white;}
		.nodecorationlink A:hover {text-decoration: none; color: white;}

				
		#locationdiv{
			width: 450px;
			height: 25px;
			position: absolute;
			top: 92px;
			left: 600px;
			z-index: 100;
			color: white;
			font-family: arial;
			font-size: 20px;
			display: none;
		}
		.markquotes{
			margin-top: 10px;
			margin-left: 30px;
			font-family: arial;
			font-size: 14px;
			color: #4f8a10;
			width: 350px;
			
		}
	
		#mymaincontent{
			width: 998px;	
			height: 800px;		
		}
		#recogmymaincontent{
			width: 998px;	
			
		}
		
		
		
		.page1{
			clear: both;
			color: black;
		}
		.imagediv{
			margin-left: 33px;
			float: left;
			width: 383px;
			height: 524px;
			padding-top: 40px;
	
			
		}

		.textdiv{
			width: 565px;
			height: 504px;
			overflow: auto;
			float: right;
			font-family: Arial;
			font-size: 12px;
			color:black;			
		}
		
		.textdiv img{
			padding-right: 5px;
			padding-bottom: 5px;
		}
		
		.textdivnooverflow{
			
			width: 565px;

			float: right;
			font-family: Arial;
			font-size: 12px;
			color:black;
			
		}