html, 
	body {
			margin:0; padding:0; }
							
			#wrapper {
			width:900px;
			margin:auto;
			background:#fff; overflow:hidden;
			}
			#top-nav {
			height:80px; background-color:#aac238; width:900px; overflow:hidden;}
			#top-banner {
			width:900px; height:250px; border-bottom:4px solid #FF9900 ; overflow:hidden; clear:both;
			}
			.logo {
			width:350px; height:80px;  margin-left:10px; float:left; overflow:hidden; padding-top:10px;
			}
			.top-menu {
			width:900px; height:35px; background:#aac238; margin-bottom:10px;
			}
			
											/* this is layout section */
	
			
			
			/* main body (left middle right) */
			.content-panel{ width:880px; padding:0 10px; float:left; padding-bottom:20px; display:inline;}
			
			.left-section {
			width:200px; float:left; margin-right:10px; display:inline;
			}
			
			.middle-section {
			width:438px; border:1px solid #aac238; float:left; padding:10px; display:inline;		
			}
			.middle-menu {
			width:400px; float:left; padding:10px; margin-left:5px; margin-top:30px; background-color:#eaf6b2;}
			
			.right-section {
			width:200px; float:left; margin-left:10px; display:inline;
			}
			.head-bg {
			height:30px; background:#aac238; width:178px; font:bold 14px/30px Arial, Helvetica, sans-serif; color:#002528; padding:0 10px;}
			.head-bg a {
			text-decoration:none; color:#002528;}
			
			.panel{width:198px; border:1px solid #aac238; }
			
			.left-section .panel-inside{padding:10px;}
			.right-section .panel-inside{padding:10px; }
			
			/* main body ends */
			
			
			/* bottom nav */
			.nav-bottom{clear:both; height:30px; text-align:center; padding-top:10px; background-color:#eaf6b2;}
			/* bottom nav ends */
			
			/* bottom nav one*/
			.nav-bottom-one{clear:both; height:28px; margin-bottom:5px; border-bottom:1px #aac238 solid; text-align:center; background-color:#aac238; padding-top:2px; }
			/* bottom nav one ends */
			
			/* bottom nav two*/
			.nav-bottom-two{clear:both; height:60px; margin-bottom:5px; text-align:center; padding-left:10px;}
			/* bottom nav two ends */
			
			
			/* bottom nav three*/
			.nav-bottom-three{clear:both; height:25px; border-top:1px #aac238 dotted; text-align:center; padding-top:5px;}
			/* bottom nav two ends */
			
			
			/* logos at bottom */
			.logo-bottom{clear:both; height:60px; margin-left:10px;}
			/* logos at bottom ends here */
			
			
			/*general control*/
			
			.margin-top5{margin-top:5px; }
			.margin-top10{margin-top:10px; }
			.margin-top20{margin-top:20px;}
			.margin-bot10{margin-bottom:10px; }
			.margin-bot20{margin-bottom:20px; }
			.margin-bot5{margin-bottom:5px; }
			.margin-rt20{margin-right:20px; }
			.bg {background-color:#f2fbc8; padding-bottom:5px; padding-top:5px; padding-left:5px; padding-right:5px; font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:12px; line-height:20px; color:#006666; margin-bottom:15px;}
			
			/*general control*/
			
			
			
						/* this is layout section */
			
	/* this is text area */
			.menu-text {
			font:12px/35px "Verdana", Arial, Helvetica, sans-serif;	color:#fff;	font-weight:bold; margin-left:10px;
			}
			.menu-text li {
			display:block; float:left; margin-right:2px;
			}
			.menu-text li a {
			text-decoration:none; color:#fff; font-weight:bold; line-height:35px; padding-left:12px; padding-right:12px;
			}
			.menu-text li a:hover {
			background-color:#006600; display:block;
			}
			
			.menu-text li .active{background-color:#006600; display:block;}
			.top-text {
			width:400px; height:10px; float:right; margin:15px 15px; font-family:"Trebuchet MS"; font-size:11px;
			}
			.top-text li{
			display:inline;
			}
			.top-text li a {
			border-right:1px #FFFFFF solid; padding-right:5px; padding-left:5px;
			color:#FFF; text-decoration:none; 
			}
			.top-text li a:hover {
			color:#006633; text-decoration:underline; 
			}			
			.head-bg-text {
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
			font-size:16px;	
			font-weight:bold; 
			color:#002528; 
			text-align:center;	
			padding-top:0px; 
			text-decoration:none;
			line-height:30px;
			}
			.head-bg-text a {
			color:#002528;
			text-decoration:none;
			}
			.list-text {
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; 
			}
			.list-text li {
			line-height:24px; margin-bottom:2px; font-weight:bold;
			}
			.list-text li a{
			text-decoration:none;
			color:#006633;
			}
			.list-text li a:hover {
			color:#FF6633;
			}
			.list-text-hori {
			font-family:"Trebuchet MS";	font-size:12px;	line-height:20px; font-weight:bold;
			}
			.list-text-hori li {
			display:inline; padding-right:5px; padding-left:5px;
			}
			.list-text-hori li a {
			text-decoration:none;
			color:#003366;
			}	
			.list-text-hori li a:hover {
			color:#006600;
			text-decoration:underline;
			}	
			.block-bg-text { 
			font-family:"Trebuchet MS";	font-size:14px;	line-height:23px; font-weight:bold;	text-align:center;
			text-decoration:none; color:#002528;
			}
			.block-bg-text li {
			border-bottom:1px #FFFFFF solid;
			}
			.block-bg-text li a {
			color:#002528;
			text-decoration:none;
			}
			.block-bg-text li a:hover {
			color:#FFFFFF;
			}
			.bottom-menu-text {font:13px "Verdana", Arial, Helvetica, sans-serif; text-align:center; padding-top:5px;}
			.bottom-menu-text li{display:inline; padding-right:5px;	}
			.bottom-menu-text li a {padding:5px; text-decoration:none; color:#fff; font-weight:bold;}
			.bottom-menu-text li a:hover {color:#006600;}
			.head-text {font-family:"Trebuchet MS"; color:#003333; font-size:16px; margin-top:0px; 	margin-bottom:5px;
			font-weight:bold;}	
					
			.body-text {
			font-family:"Trebuchet MS";
			font-size:12px;
			color:#666666;
			line-height:18px;
			margin-bottom:10px;
			}
			.text-one {
			font-family:"Trebuchet MS";
			font-size:12px;
			color:#666666;
			line-height:16px;
			}
			h1 {font-family:"Trebuchet MS"; font-size:14px; font-weight:bold; color:#006600; margin-top:5px; margin-bottom:0px;}
			h2 {font-family:"Trebuchet MS"; font-size:14px; font-weight:bold; color:#006600; margin-top:5px; margin-bottom:0px;}
			h3 {font-family:"Trebuchet MS"; font-size:14px; font-weight:bold; color:#006600; margin-top:5px; margin-bottom:0px;}
			.text-two {width:14em; height:2em; line-height:1.9em; text-decoration:none; color:#003300; padding-left:5px;}
			.text-three { font-family:"Trebuchet MS"; font-size:14px; font-weight:bold; color:#006600; margin-top:5px;}
			.text-four { font-family:"Trebuchet MS"; font-size:14px; font-weight:bold; color:#ff9933; margin-top:5px;}
			.text-five { font-family:"Trebuchet MS"; font-size:12px; font-weight:bold; color:#ff9933; margin-top:5px; text-transform:uppercase;}
			.text-six { font-family:"Trebuchet MS"; font-size:12px; font-weight:bold; color:#003300; margin-top:5px;}
			.text-sev { font-family:"Trebuchet MS"; font-size:13px; font-weight:bold; color:#003333; margin-top:5px; text-transform:uppercase;}

			
			.head-one{
			font-family:"Trebuchet MS";
			font-size:12px;
			color:#000033;
			margin-bottom:0px;
			margin-top:0px;
			font-weight:bold;
			
			
			}
			.head-two {
			font-family:"Trebuchet MS";
			color:#FF6600;
			font-size:13px;
			font-weight:bold;
			}
			.head-three {
			font-family:"Trebuchet MS";
			color:#006600;
			font-size:13px;
			font-weight:bold;
			line-height:18px;
			}
			
			.center-text{
			font-family:"Trebuchet MS";
			color:#006600;
			font-size:13px;
			font-weight:bold;
			line-height:18px;
			text-align:center;
			}

	/* this is text area */		
			
			
				
	
			.copyright {
			width:890px;
			background:#fff;			
			padding:5px;
			font-family:"Trebuchet MS";
			font-size:11px;
			color:#666666;
			text-align:center;
			line-height:16px;
			}
			.view-link {
			font-family:"Trebuchet MS";
			color:#3399CC;
			font-style:italic;
			font-size:11px;
			font-weight:bold;
			text-decoration:none;
			}
			
			.view-link a {
			text-decoration:none;
			}
			.view-link a:hover {
			text-decoration:underline;
			}
			
			.link {
			font-family:"Trebuchet MS";
			color:#0033FF;
			font-size:11px;
			font-weight:bold;
			text-decoration:none;
			}
			
			.link a {
			text-decoration:none;
			}
			.link a:hover {
			text-decoration:underline;
			}
			
			.picture-one {
			padding-left:32px;
			width:117px;
			height:70px;
			float:left;
			margin-top:0px;
			}
			.our-member {
			position:relative;	left:2px; width:150px; top:-2px;
			font-family:"Trebuchet MS";
			color:#003333;
			font-size:10px;
			}
			.ul li a {
			text-decoration:none;
			padding:0px;
			border:none;
			}
			.bg-ground {
			background-color:#FFFFCC;
			}
			
			
<!-- picture section -->
.pict-one {margin-bottom:5px; margin-top:5px; float:left;}
.pict-two {margin:10px 10px 10px 10px; float:right;}

<!-- picture section ends here -->
			
		
		<!-- external css-->
		
		

ul.menu1, ul ul {padding:0; margin:0; border:0; list-style-type:none; height:20em; overflow:hidden; background:#fff; width:175px; text-align:left; color:#fff;}
ul.menu1 {margin:0 auto;  margin-bottom:10px;}

ul.menu1 table {border-collapse:collapse; padding:0; margin:0; font-size:1em; }
ul.menu1 ul {margin-left:0.5em;}
ul.menu1 li {text-indent:0.5em; list-style:none;}
ul.menu1 li.drop {margin-bottom:-2px;}
ul.menu1 li a, 
ul.menu1 li a:visited {display:block; width:13.5em; height:2em; line-height:1.9em; text-decoration:none; color:#003300; }
ul.menu1 li a.last, 
ul.menu1 li a.last:visited {display:block; width:13.5em; height:14em; line-height:2em;}
ul.menu1 li ul {display:none;}

ul.menu1 li:hover a, 
ul.menu1 li a:hover {border:0; color:#FF6600; font-weight:bold;}
ul.menu1 li:hover ul, 
ul.menu1 li a:hover ul {display:block; height:10em; width:13em; margin-top:-1px;}
ul.menu1 li:hover ul li a, 
ul.menu1 li a:hover ul li a {height:2em; background:#fff; color:#006633; font-weight:normal;}
ul.menu1 li:hover ul li:hover a, 
ul.menu1 li a:hover ul li a:hover {background:#FF9933; color:#fff;}

		<!-- external css ends here-->

			
<!-- photo gallery -->


#gallery {width:420px; height:200px; position:relative;  background:#f8f8f8;}
#gallery ul {list-style:none; padding:5px; margin:0; width:100px; float:right; height:219px; overflow:auto;}
#gallery ul li {display:inline; width:50px; height:50px; float:left; margin:0 4px 4px 0; border:1px solid #444; cursor:pointer;}
#gallery ul li img {display:block; width:50px; height:50px;}
#gallery ul li span {display:none; position:absolute; left:200px; top:235px; width:100px;font-family:verdana, arial, sans-serif; color:#06a; font-size:11px; line-height:15px; text-align:justify;}
#gallery ul li span b {color:#444;}

/* required for IE5.x and IE6 to display the start image size correctly */
#gallery ul li.click i img.default {margin:5px auto 0 auto; width:150px; height:240px; }

#gallery ul li.off {display:none;}

#gallery ul li.click {border-color:#fc0; background:#f8f8f8; cursor:default;}

#gallery ul li.click i {position:absolute; left:0; top:0; width:400px; height:355px;}

#gallery ul li.click i img {margin:5px auto 0 auto; width:auto; height:auto;}

#gallery ul li.click span {display:block;}



<!-- photo gallery -->



/* banner*/
.banner {position:relative; height:250px; width:900px; border-bottom:5px solid #FF9900; overflow:hidden}
.banner IMG {position:absolute; top:0; left:0; z-index:8; opacity:0.0;}
.banner IMG.active {z-index:10; opacity:1.0;}
.banner IMG.last-active {z-index:9;}
<!--.banner{width:900px; height:250px; border-bottom:5px solid #FF9900; overflow:hidden; position:relative;}-->
/* banner end*/

<!-- destination menu-->

#menu {
  margin:0; 
  padding:0; 
  height:32.5em; 
  overflow:hidden; 
  background:#f0f0f0;
  }
#menu li {
  list-style-type:none; 
  float:left; 
  display:block; 
  width:100%;
  font-family:"Trebuchet MS";
  font-size:12px;
  }
#menu li a {
  display:block; 
  text-decoration:none; 
  color:#00b; 
  margin:0; 
  width:100%;
  }
#menu li a span {
  display:none; 
  color:#000;
  }
#menu li a.one span {
  display:block; 
  height:15em; 
  margin:0 10px;
  }
#menu li a:hover {
  background:#fff;
  }
#menu li a:hover span {
  display:block; 
  height:5em; 
  margin:0 10px; 
  cursor:pointer;
  }
#menu .h2 {
  margin:0 5px; 
  padding:0; 
  color:#007a2f; 
  font-variant:small-caps; 
  font-size:1.5em; 
  border:0;
  }
#menu .h3 {
  margin:0 5px; 
  padding:0; 
  font-size:1.1em; 
  color:#00b;
  }
#menu img {
  margin:5px 5px 5px 0; 
  border:1px solid #000; 
  float:left;
  }
.curved {
  width:27em;
  }
.curved .b1, .curved .b2, .curved .b3, .curved .b4  {
  font-size:1px; 
  display:block; 
  background:#88c;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}
.curved .b1, .curved .b2, .curved .b3 {
  height:1px;
  }
.curved .b2, .curved .b3, .curved .b4 {
  background:#fff; 

  }
.curved .b1 {
  margin:0 4px; 
  background:#88c;
  }
.curved .b2 {
  margin:0 2px; 
  border-width:0 2px;
  }
.curved .b3 {
  margin:0 1px;
  }
.curved .b4 {
  height:2px; 
  margin:0;
  }
.curved .c1 {
  margin:0 5px; 
  background:#88c;
  }
.curved .c2 {
  margin:0 3px; 
  border-width:0 2px;
  }
.curved .c3 {
  margin:0 2px;
  }
.curved .c4 {
  height:2px; 
  margin: 0 1px;
  }
.curved .boxcontent {
  display:block; 
  background:transparent; 
  font-size:0.9em; 
  text-align:justify;
  }



<!-- destination menu ends-->