html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-color: #669900;
 
} 
 
 a.nav:hover {
font-family:Arial, Verdana, Helvetica, sans-serif;
 font-size:13px;font-weight: bold;
 color: white;
 text-decoration: none;
	
  }
  
   a.nav {
font-family:Arial, Verdana, Helvetica, sans-serif;
 font-size:13px; font-weight: bold;
 color: #669E01;
 text-decoration: none;
  }

 a.nav1:hover {
font-family:Arial, Verdana, Helvetica, sans-serif;
 font-size:12px;font-weight: bold;
 color: #669E01;
 text-decoration: none;
	
  }
  
   a.nav1 {
font-family:Arial, Verdana, Helvetica, sans-serif;
 font-size:12px; font-weight: bold;
 color: #669E01;
 text-decoration: none;
  }
  
  a.nav2:hover {
font-family:Arial, Verdana, Helvetica, sans-serif;
 font-size:10px;font-weight: bold;
 color: #94D623;
 text-decoration: none;
	
  }
  
   a.nav2 {
font-family:Arial, Verdana, Helvetica, sans-serif;
 font-size:10px; font-weight: bold;
 color: #94D623;
 text-decoration: none;
  }
  
   a.nav3:hover {
font-family:Arial, Verdana, Helvetica, sans-serif;
 font-size:14px;font-weight: bold;
 color: #C6FF8C;
 text-decoration: underline;
	
  }
  
   a.nav3 {
font-family:Arial, Verdana, Helvetica, sans-serif;
 font-size:14px; font-weight: bold;
 color: #C6FF8C;
 text-decoration: underline;
  }
  
  
    a.nav4:hover {
font-family:Arial, Verdana, Helvetica, sans-serif;
 font-size:14px;
 color: #669E01;
 text-decoration: none;
	
  }
     a.nav4 {
font-family:Arial, Verdana, Helvetica, sans-serif;
 font-size:14px; 
 color: #669E01;
text-decoration: none;
  }
  
h1 {font: 18px arial, verdana, sans-serif; font-weight: bold; color: #669E01;}


#page{ 
width:100%; 
text-align:left;  
margin-left:auto; 
margin-right:auto;

   
} 
 
 #subpage { width:100%;  text-align: left; margin: auto;background: url(images/bg.png) repeat-y; background-position: center;
}
 
#menu {width: 136px; height: 359px; float: left;
  	text-align: left; margin-top: 152px; margin-left: -158px; position: absolute; z-index: 1; background-color: #94D623;}
  	
.topmenu { width: 136px; height: 23px; background-image: url(images/topmenu.jpg) ; background-repeat: no-repeat; background-position: center;font: 13px arial, verdana, sans-serif; font-weight: bold;
 color: yellow; text-align: left;
}
  
 .submenu { width: 136px; height: 320px; color: #669E01; text-align: right; line-height: 99%;
}

.bottomenu { width: 136px; height: 16px; background-image: url(images/botmenu.jpg) ; background-repeat: no-repeat; background-position: bottom center;
}

#header{
 position: relative;
 height:513px; 
 width:730px; 
 margin: auto;
 
} 
 
#headery{
 position: relative;
 height:258px; 
 width:730px; 
 background-image: url(images/head1.jpg) ; background-repeat: no-repeat; margin: auto;
 
} 

#headerx{
 position: relative;
 height:255px; 
 width:730px; 
 background-image: url(images/head2.jpg) ; background-repeat: no-repeat; margin: auto;
 
} 


#eatmenu1{
 position: relative; 
 height: 418px;
 width:730px; 
 background-image: url(images/eatmenu1.jpg) ; background-repeat: no-repeat; background-position: top; margin: auto;
 
} 

#eatmenu{
 position: relative; 
 height: 477px;
 width:730px; 
 background-image: url(images/eatmenu.jpg) ; background-repeat: no-repeat; background-position: top; margin: auto;
 
} 

#logo {	
	top: 380px;
	margin-left: 400px;	

}

.eat {font: 12px arial, verdana, sans-serif; font-weight: bold;
 color: #669E01; text-align: right;}
 
 .eat1 {font: 10px arial, verdana, sans-serif; font-weight: normal;
 color: #669E01; text-align: center; vertical-align: middle;}
 
 .maineat {font: 16px arial, verdana, sans-serif; font-weight: normal;
 color: #669E01; text-align: left;	position: relative; font-weight: bold;
	top: 10px;
	margin-left: 130px;	}
	
	.maineat2 {font: 16px arial, verdana, sans-serif; font-weight: normal;
 color: #669E01; text-align: left;	position: relative; font-weight: bold;
	top: 44px;
	margin-left: 68px;}

#bottomhead {width: 730px; height: 26px;background-image: url(images/bottomhead.jpg) ; background-repeat: no-repeat; background-position: bottom; margin: auto; }

 
#headtext {
	position: absolute;
	top: 8px;
	margin-left: 589px;	
	text-align: left;
	font: 16px arial, verdana, sans-serif; font-weight: bold;
 	color: #9AFF01;
	background-color:#FFF;
 }
 
 #gallery {
	 width:144px;
	 height:32px;
	position: absolute;
	top: 40px;
	margin-left: 571px;	
	background-image:url(images/gallerybg.png);
 }
  
 #gallery a{
	position: absolute;
	text-align: left;
	font: 16px arial, verdana, sans-serif; font-weight: bold;
 	color: #669E01;
	text-decoration:none;
	margin-top:8px;
	margin-left:10px;
	 }
 
 #gallery a:hover {
	color:#3C0; 
 }
 
 #headtext2 {
	position: absolute;
	top: 40px;
	margin-left: 210px;	
	text-align: left;
	font: 27px arial, verdana, sans-serif; font-weight: bold;
 color: #669E01;
 }
 
 #headtext3 {
	position: absolute;
	top: 310px;
	margin-left: 20px;	
	text-align: left;
	font: 12px arial, verdana, sans-serif; font-weight: normal; color: #669E01;
	width: 690px; height: 420px;
 }
 
 #headtext4 {
	position: absolute;
	top: 80px;
	margin-left: 210px;	
	text-align: left;
	font: 27px arial, verdana, sans-serif; font-weight: normal;
 color: white;
 }
 
 #headtext5 {
	position: absolute;
	top: 310px;
	margin-left: 20px;	
	text-align: justify;
	font: 12px arial, verdana, sans-serif; font-weight: normal; color: #669E01;
	width: 380px; 
 }
 
  #headtext6 {
	position: absolute;
	text-align: justify;
	margin-left: 20px;
	font: 12px arial, verdana, sans-serif; font-weight: normal; color: #669E01;
	width: 690px;top: 510px; }
 
  #activity {
	position: absolute;
	top: 226px;
	margin-left: 407px;	
	text-align: left;
	font: 12px arial, verdana, sans-serif; font-weight: normal; color: #669E01;
	width: 319px; height: 262px; z-index: 1; background-image: url(images/activity.gif) ; background-repeat: no-repeat;
 }
 
 .activ1 {	font: 18px arial, verdana, sans-serif; font-weight: normal; color: #669E01; position: relative;
	top: 10px;	margin-left: 20px;	text-align: left;}
 
  .activ2 {	font: 14px arial, verdana, sans-serif; font-weight: normal; color: #C7FF58; position: relative;
	top: 10px;	text-align: left;}
 
  .activ3 {	font: 14px arial, verdana, sans-serif; font-weight: normal; color: #669E01; position: relative;
	top: 67px;	text-align: left;}
	
	.activ4 {	position: relative;
	top: 95px;margin-left: 65px;	text-align: left;}
	
	
 #left {width: 452px; height: 226px;float: left;overflow: hidden; background-image: url(images/left.jpg) ; background-repeat: no-repeat;  } 
 
 
 .leftext {	width: 400px; text-align: left; padding-left: 20px; padding-top: 1px; 
	font: 12px arial, verdana, sans-serif; font-weight: normal; color: black;}

 
 #right {width: 278px; height: 226px;float: left;overflow: hidden;  } 
  
  .rightext {	width: 250px; text-align: left; padding-left: 20px; padding-top: 20px;
	}
	
 
 #right1{
 width: 278px; height: 60px; background: url(images/right1.jpg) ; background-repeat: no-repeat; background-position: top center;
}

 .rightext1 {	width: 170px; text-align: left; padding-left: 20px; padding-top: 16px;}

#right2{
 width: 278px; height: 82px; background: url(images/right2_2.jpg) ; background-repeat: no-repeat; background-position: top center;
}

 .rightext2 {	width: 170px; text-align: left; padding-left: 20px; padding-top: 14px;
	}
	
#right3{
 width: 278px; height: 70px; background: url(images/right3_1.jpg) ; background-repeat: no-repeat; background-position: top center;
}

 
#maincol{
position: relative; 
 width:730px; margin: auto; 
 }
 
#footer{width: 100%;position: relative; 
 height:78px; 
 background: url(images/bg1.png) repeat-y; background-position: center;
 clear:both; margin: auto;text-align: left; 
 } 
 
 .subfooter {width: 812px;height:70px; margin: auto; position: relative;}
 
 .footext {	font: 10px arial, verdana, sans-serif; font-weight: normal; color: #94D623; padding-left: 40px; text-align: left; line-height: 99%;}
 
 #footerend{width: 100%;
 height:19px; 
 background: url(images/footerend.png); background-repeat: no-repeat; background-position: top center;
 margin: auto; padding: 0px;
 } 

 
 #bottomtxt {font: 10px arial, verdana, sans-serif; font-weight: bold; color: #94D623; padding-right: 20px; text-align: right;}
 
 
 table.sample {
	border-width: 1px 1px 1px 1px;
	border-spacing: 1px;
	border-style: solid solid solid solid;
	border-color: white white white white;
	border-collapse: separate;
	background-color: #99CC00;
}

table.sample td {
	border-width: 1px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background-color: #EBFFD7;
	font: 11px arial, verdana, sans-serif;
}

 .clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  






table caption {
	padding:10px;
	font-weight:bold;
}

/* Orange */
table.orange {
	color:#000;
}

table.orange th {
	background:#f79646;
	color:#fff;
}

table.orange tr:nth-child(odd) {
	background-color:#fbcaa2; 
}
table.orange tr:nth-child(even) {
	background-color:#fde4d0; 
}

table.orange td:first-of-type {
	background:#f79646;
	color:#fff;
}


/* purple */
table.purple {
	color:#000;
}

table.purple th {
	background:#8064a2;
	color:#fff;
}

table.purple tr:nth-child(odd) {
	background-color:#bfb1d0; 
}
table.purple tr:nth-child(even) {
	background-color:#dfd8e8; 
}

table.purple td:first-of-type {
	background:#8064a2;
	color:#fff;
}


/* red */
table.red {
	color:#000;
}

table.red th {
	background:#c0504d;
	color:#fff;
}

table.red tr:nth-child(odd) {
	background-color:#dfa7a6; 
}
table.red tr:nth-child(even) {
	background-color:#efd3d2; 
}

table.red td:first-of-type {
	background:#c0504d;
	color:#fff;
}