/* CSS Document */

body 								{ background-color: #e3ffe3; margin: 50px 0px; padding: 0px;
											text-align:center; }
li									{
	text-indent: -40px;
	margin-left: -20px;
}
ul									{
}

#RightPanel 	    	{ position: absolute; height: 400px; width: 150px; left: 620px; top: 240px;
								  	  	background-image:   url(images/rightpanel.GIF); z-index: 6 }
#RightText 		    	{ position: absolute; height: 346px; width: 95px; left: 650px; top: 275px; z-index: 15 }

#ImageBanner      	{ position: absolute; height: 60px; width: 770px; left: 0px; top: 180px; z-index: 17 }

#Canvas 			    	{ background-color: transparent;
								    		position: absolute; height: 633px; width: 770px; z-index: 23;
											left: 50%; margin-left: -385px;
/*  											left: 50%; margin-left: -385px
											margin-left: 100px; margin-right: auto   */
}

#CricklakeFarmLogo  { background-color: transparent;
												position: absolute; height: 94px; width: 200px; left: 0px; top: 20px; z-index: 22;
												cursor: hand; }

#LogoText					  { background-color: transparent;
										  	position: absolute; height: 100px; width: 570px; left: 202px; top: 0px; z-index: 21 }

#HeaderText 			  { background-color: transparent; 
												position: absolute; height: 30px; width: 467px; left: 0px; top: 120px; z-index: 20;
												font-family: Tahoma, Verdana, Arial; color: purple; font-size: 14px; text-align: center;
												vertical-align: middle; padding: 5px; font-weight: bold;}

#Anime 						  { background-color: transparent;
												position: absolute; height: 50px; width: 300px; left: 469px; top: 100px; z-index: 18 }

#NavBar             { position: absolute; height: 30px; width: 675px; left: 95px; top: 150px; z-index: 20;}
/*#NavBar ul					{ margin: 0; padding: 0; line-height: 30px; background-image: url(images/tab.up.gif); 
											background-repeat: no-repeat;	white-space: nowrap}
#NavBar li					{ list-style-type: none; display: inline }
#NavBar li a:link		{ text-decoration: none; padding 90px 10px }
#NavBar li a:hover	{ font-weight: bold } */

.NavButton 						{ background-image: url(images/tab.up.gif); background-repeat: no-repeat;
												display: block; border: 0; padding: 0px; 
												text-align: center;}
.NavButton a:hover	{ background-image: url(images/tab.dn.gif); background-repeat: no-repeat;
												padding: 0px; text-align: center; }
/*.NavButton img			{ width: 135px; height: 30px; border: 0px }*/
#NavBar span				{ }

#Button1						{ position: absolute; height: 20px; width: 100px; left: 20px; top: 10px; z-index: 28; 
												font-family: Tahoma, Verdana, Arial; text-decoration: none; text-align: center;
												color: yellow; font-size: 14px; cursor: pointer}
#Button2						{ position: absolute; height: 20px; width: 100px; left: 155px; top: 10px; z-index: 28; 
												font-family: Tahoma, Verdana, Arial; text-decoration: none; text-align: center;
												color: yellow; font-size: 14px; cursor: pointer}
#Button3						{ position: absolute; height: 20px; width: 100px; left: 290px; top: 10px; z-index: 28; 
												font-family: Tahoma, Verdana, Arial; text-decoration: none; text-align: center;
												color: yellow; font-size: 14px; cursor: pointer}
#Button4						{ position: absolute; height: 20px; width: 100px; left: 425px; top: 10px; z-index: 28; 
												font-family: Tahoma, Verdana, Arial; text-decoration: none; text-align: center;
												color: yellow; font-size: 14px; cursor: pointer}
#Button5						{ position: absolute; height: 20px; width: 100px; left: 560px; top: 10px; z-index: 28; 
												font-family: Tahoma, Verdana, Arial; text-decoration: none; text-align: center;
												color: yellow; font-size: 14px; cursor: pointer}

#ImageBanner 			  { background-color: transparent;
										  	position: absolute; height: 60px; width: 770px; left: 0px; top: 180px; z-index: 14 }

#LeftPanel 				  { background-image:   url(images/leftpanel.GIF);
										  	position: absolute; height: 392px; width: 182px; left: 0px; top: 240px; z-index: 13 }
#LeftText 					{ position: absolute; height: 348px; width: 147px; left: 16px; top: 24px; z-index: 11 }

#RightPanel 				{ background-image:   url(images/rightpanel.GIF);
												position: absolute; height: 392px; width: 150px; left: 620px; top: 240px; z-index: 12 }
#RightText 					{ position: absolute; height: 346px; width: 114px; left: 18px; top: 25px; z-index: 6 }

#Content 						{ background-color: transparent;
												position: absolute; height: 392px; width: 438px; left: 182px; top: 240px; z-index: 10 }


#Footer 						{ background-image:  url(images/tempbot1a.GIF);
												position: absolute; height: 25px; width: 770px; left: 0px; top: 633px; z-index: 6;
												font-family: Tahoma, Verdana, Arial; font-size: 12px; color: #FFFF00; }
#FooterLeft					{ position:absolute; left:18px; top: 4px; width:325px; height:26px; z-index:24 }
#FooterMid					{ position:absolute; left:368px; top: 4px; width:132px; height:26px; z-index:24 }
#FooterRight				{
	position:absolute;
	left:610px;
	top: 4px;
	width:150px;
	height:26px;
	z-index:24;
}
#FootNote						{ position:absolute; left:0px; top:674px; width: 770px; height: 100px;
												font-family: Verdana, Arial, Helvetica, sans-serif; 
                      	font-size: 12px; text-align: center; color: #006600; }
#FootNote a:link    { color: #FF6600 }
#FootNote a:active  { color: #FF9933 }
#FootNote a:visited { color: #FF6600 }
	
.BodyText 					{ font-family: Tahoma, Verdana, Arial; font-size: 16px;	color: #336633}
.PanelText 					{ font-family: Tahoma, Verdana, Arial; font-size: 16px;	color: #000000;
												font-weight: bold;	text-align: center; }
.PanelList 					{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #006633;
	text-align: left;
	text-indent: 0pt;
	white-space: normal;
}
/*
#Canvas 			    	{ background-color: transparent;
								    	position: absolute; height: 677px; width: 770px; left: 0px; top: 0px; z-index: 23;
											margin: 30px auto 30px auto; text-align: left }
*/
#Footer a {
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	color: #FFFF00;
	font-weight: normal;
	text-decoration: none;

}
.caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	color: #669966;
}
#Offer {
	position: absolute;
	z-index: 30;
	left: 0px;
	top: 120px;
	width: 80px;
	height: 126px;
	background-color: #e3ffe3; 
	margin: 0px 0px; 
	padding: 0px;
}