body{
 width: 962px;
 margin:0 auto; /* for the rest */
 border: 0px solid black;
 margin-top:5px;
 margin-bottom: 10px;
 background: url('body-bg.jpg') repeat-x 0 0;
 font-family:Verdana,sans-serif;
 font-weight:normal;
 font-size:12px;
 }
b{font-size: 110%;}
em{color: red;}
#centerBox{
width: 900px; 
background:#ffffff url('center-b-ca.gif') repeat-y 0 0;
}
#logo {
float: left; 
width: 900px;
height: 105px;
background: #eeeeee url('title02a.jpg') no-repeat 0% 0%;
}
html>body #logo {
float: left; 
width: 900px;
height: 105px;
background: #eeeeee url('title02a.jpg') no-repeat 0 0;
}
#menu-bar{ 
float: left;
background:#eeeeee url('only-head-900.jpg') no-repeat 0 0;
width:900px;
height:47px;
margin-top: 0px;
}
html>bodu  #menu-bar{ 
 background:#00eeee url('only-head-900.jpg') no-repeat 0 0;
 margin-top: 50px;
 width:900px;
 height:47px;
 margin-top: -10px;
 }
#headerBar {
background: #ffffff ; 
float:left;
height:102px;
margin-top: 2px;
margin-left: 5px;

padding-top:2px;
text-align:left;
width:884px; 
}
.but_container{
margin-top: 0px;
padding-left: -4px;
width: 138px;
height: 97px;
margin-left: 0px;
background: #dddddd;
position: relative;
}
html>body .but_container{
width: 134px;
background: #dddddd;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
height: 95px;
margin-left: 738px;
margin-top: 0px;
position:relative;
z-index: 200;
}

 .button{ float:left;
 width:138px;
 height:21px;
  margin-left: -4px;
  margin-top:10px;
  padding-left: 2px;
  padding-right: -2px;
 background: #00ffff url('butts.jpg') no-repeat 100% 0;
color: #ffffff; 
 }
html>body .button{ float:left;
 width:134px;
 height:18px;
  margin-left: 0px;
  margin-top:10px;
  padding-left:0px;
 background: #00ffff url('butts.jpg') no-repeat 100% 0;
color: #ffffff; 
 }
 .button a:link, .button a:visited {margin-left: 10px; color:#ffffff; font-weight: bold; text-decoration:underline-non; }
 
#main-menu {
background: #ffffff url('r-m-b3.jpg') no-repeat 100% 0; 
float:left;
height:307px;
margin-top: -15px;
padding-top:20px;
padding-left: 0px;
text-align:left;
width:758px; 
}



#contentwrapper{
float: left;
width: 100%;
}

#content{

	/*margin: 0 0 0 240px; */
	width: 650px;
	margin-left: 240px;
	background: #ffffff;
	border:#eeeeee 0px solid;
	padding-left: -2px;
	
	
	}
html>body #content{
     margin-top: 0px;
	border:#000 0px solid;
	width: 647px;
	margin-left: 240px;
	background: #ffffff;
	padding-left: 8px;
	}


#centerBox #leftcolumn{
margin-top: -355px;
float: left;
width: 208px; 
height: 100%;
margin-left: 4px; 
background: #ffffff;
padding-left: 0px;
color: #444444;
font-size: 12px;
}


html>body #centerBox #leftcolumn{
margin-top:-350px;
float: left;
width: 215px; /*Width of left column in pixel*/
margin-left: 5px; /*Set margin to that of -(MainContainerWidth)*/
background: #ffffff;
padding: 10px;
color: #444444;
font-size: 12px;
}

div.content2{width:600px; background: #ffffff; margin-left: 250px;margin-top:0px;}
html>body .content2{width:600px; height: 120px; background: #ffffff; margin-left: 250px;margin-top:0px;}

.add_bg1{ 
 width: 680px;  
 float:left;  
 padding: 0px; 
 margin-left: 3px;
 margin-top: 0px; 
 margin-bottom: 0px; 
 overflow: hidden;
 background: #ffffff;
 }   

 .add_bg2{
 width: 568px;
 height: 90px;
 float:left;
 padding: 1px;
 margin-left: 1px;
 margin-top: 0px;
 margin-bottom: 5px;
 background: #fdfdfd;
 overflow: hidden;
 }

html>body .add_bg2{
 width: 568px;
 height: 100px;
 float:left;
 padding: 1px;
 margin-left: 20px;
 margin-top: 0px;
  background: #fdfdfd;
  overflow: hidden;
 }
 

 .add_bg_content{
 float:left;
 width: 200px;
 height:200px;
 background: #fdfdfd;
 margin-left: 210px;
 margin-top: -240px;
 padding: 14px;
 overflow: hidden;
 }
 html>body .add_bg_content{
 float:left;
 width: 200px;
 height:150px;
 background: #fdfdfd;
 margin-left: 410px;
 margin-top: -220px;
 padding: 14px;
 overflow: hidden;
 }
 .add_bg3{
 width: 230px;
 height: 200px;
 float:left;
 padding: 1px;
 margin-left: 10px;
 margin-top: 5px;
 margin-bottom: 5px;
 background: #fdfdfd;
 overflow: hidden;
 }
 /* left column menu box */
 
#pad2{
margin-left: 8px;
font-size: 11px;
}
#pad3{
margin-top: 1px;
padding-left: 8px;
padding-top: 2px;
margin-bottom: 0px;
width: 203px;
margin-left: 6px;
background: #ffffff;
}

.pad h5{
font-size: 12px;
}

/* about text   */
#about-txt{
	float: left;
	width:500px;
	height: 100%;
	margin-left: 40px;
	color: #777777;
	border: #eeeeee solid 1px;
      padding: 20px;
	}
	
#about-txt a{
		color:#3366ff;
		}
#about-txt h4, #about-txt h5{ font-size: 13px;}


/* extras */
#logo-bot{ margin-top: 50px;width: 890px; height: 200px;
background: #ffffff;margin-bottom: -20px; margin-left: 8px;
}

.logo-off{
   float:left;
   background: #ffffff url('side-pic.jpg') no-repeat 0%;  
   width: 130px;
   height: 130px;
   margin-left: 20px;
   padding-left: 140px;
   font-size: 9px;
   color: #777777;
   border: #eeeeee solid 1px;
   
    }	
.logo-off p{
    font-size: 9px;
	}

.logo-off2{
background: #ffffff;
   float:left; 
   width: 140px;
   height: 60px;
   margin-top: 0px;
   margin-left: 20px;
   padding-left: 10px;
   font-size: 11px;
   color: #777777;
   border-top: #eeeeee solid 0px;
   
    }
.logo-off3{
background: #ffffff;
   float:left; 
   width: 100px;
   height: 60px;
   margin-top: 10px;
   margin-left: 10px;
   padding-left: 30px;
   font-size: 11px;
   color: #777777;
   border-top: #eeeeee solid 0px;
   
    }	
.logo-off4{
background: #ffffff;
   float:left; 
   width: 253px;
   height: 60px;
   margin-top: 10px;
   margin-left: 50px;
   padding-left: 0px;
   font-size: 11px;
   color: #777777;
   border-top: #eeeeee solid 0px;
   
    }		

.border-box3 {
float: left;
margin-top: 2px;
margin-left: -2px;
margin-right: -15px;
margin-bottom: 20px;
padding-top:0px;
padding-left: 0px;
padding-right: 0px;
width: 240px;
color: #666666;
font-family:arial,Verdana,sans-serif;
background: #ffffff;
}

html>body .border-box3 {
float: left;
background: #ffffff;
margin-top: -10px;
margin-bottom: 0px;
margin-left: 0px;
padding-top:0px;
padding-left: 0px;
color: #666666;
font-family:arial,Verdana,sans-serif;
width: 230px;
height: 200px;

}

.border-box3 h1{
float:left;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
padding-top:15px;
padding-left:25px;
width: 220px;
height: 40px;
font-size: 15px;
background: url('left-m-2et.gif') no-repeat 0 0; 
color: #555555;
}
html>body.border-box3  h1{
float:left;
margin-left: 0px;
margin-top: 1px;
color: #555555;
padding-top:15px;
padding-left:25px;
height: 14px;
width: 220px;
font-size: 15px;
background: url('left-m-2et.gif') no-repeat 0 0; 

}
.border-box3 .tx{
float:left;
background: url('left-m-2ec.gif') repeat-y  0 0; 
margin-left: 0px;
margin-top: -39px;
margin-right: 0px;
width: 220px;
padding-bottom: 20px;
}

html>body .border-box3 .tx{
float:left;
background: url('left-m-2ec.gif') repeat-y  0 0; 
margin-left: 0px;
margin-top: -50px;
width: 220px;
}

.border-box3 h2{
float:left;
float: bottom;
margin-top: -23px;
margin-left: 0px;
margin-right: 0px;
padding: 5px;
height: 12px;
width: 220px;
background: url('left-m-2eb.gif') no-repeat 0 0; 
}
html>body .border-box3 h2{
float: left;
margin-top: -8px;
margin-left: 0px;
margin-right: 0px;
padding: 5px;
height: 12px;
width: 220px;
background: url('left-m-2eb.gif') no-repeat 0 0; 
}




.border-box3 a{
 padding-left:5px;
      color: #ffffff;
	  }
.border-box3 ul{
float: left;
width: 210px;
float:left;
margin-top: 3px;
margin-left: 0px;
text-decoration:none;
}	

html>body .border-box3 ul{
float:left;
width: 210px;
margin-top: 0px;
margin-left: -38px;
text-decoration:none;
margin-bottom: -12px;
}  
.border-box3 li{	
list-style-type: none;
padding-left: 5px;
padding-top: 5px;
padding-right: 0px;
text-decoration: none;
width: 195px;  
height: 25px;
background:#aaaaaa url('menu-bge.gif');
 } 




	/* a href_id */
#centerBox .overflow{
 border-style: solid;
 border-width: 0px;
 height:230px;
 width: 900px;

overflow: hidden;
/*margin-left: px; */
margin-top: 1px;
margin-bottom: 20px;
padding-left: 20px;
padding-right: 10px;
color: #444444;
}
.overflow h3{ font-size:15px;}

#nature {

font-size: 12px;

}

#farming {
font-size: 12px;
color: #000000;
}
#structures {
font-size: 12px;
}
#electronics {
font-size: 12px;
}
.counter{position:relative; margin-left: 30px; margin-bottom: 5px;}
/* footer */
#end{
	background: url('footter.jpg') no-repeat 0 0;	
    width: 900px;
	height:	36px;
	margin-top:-18px;
	margin-bottom: 0px;
	color: #eeeeee;
	}
#end p{
	float: right;
	margin-right: 50px;
	margin-top: 10px;
	}	
	
	
	#one{ width:100px; height: 100px; background :#cc0000;
	position: absolute;
	margin-left: 500px;
	z-index: 2;
	}
	#two{ width:100px; height: 200px; background :#0000cc;
	position: absolute;
	margin-left: 50px;
	z-index: 1;
	}
	
.gallery_bg{
 background:#ffffff url('imga/gallery4.jpg') no-repeat 0% 0%;
 padding-top: 12px;
 width: 882px;
 height: 400px;
 margin-left: 8px;
 margin-top: 0px;
 }
 
html>body .gallery_bg{
 background:#ffffff url('imga/gallery4.jpg') no-repeat 0% 0%;
 padding-top: 12px;
 width: 882px;
 height: 405px;
 margin-top: 0px;
 }
 .gallery_bg h1{
 margin-top: 2px;
 font-size: 18px;
 margin-left: 500px;
 margin-bottom: -5px;
 color: #ffffff;
 }
#gallery .gallery_fotter{ 
display: inline;
margin-top: 490px;
height: 50px;
width: 708px;
 background: #eeeeee;
 } 
#gallery .gallery_back{float:left; display: inline; margin-top: 10px;  background: #ffffff; width: 50px; border-right: #666666 solid 1px; margin-left: 50px;}
 
#gallery .gallery_text{float:left;  display: inline; margin-top: 10px;  background: #ffffff; width: 200px; border-right: #666666 solid 1px; margin-left: 50px;}

#gallery .gallery_next{float:left;  display: inline; margin-top: 10px;  background: #ffffff; width: 50px; border-right: #666666 solid 1px; margin-left: 50px;}
.gallery_back  a:link, .gallery_back  a:visited { color:#555555; font-weight: bold; text-decoration:underline-non; }
.gallery_next  a:link, .gallery_next  a:visited { color:#555555; font-weight: bold; text-decoration:underline-non; }





 #gallery {
 
 float:left;
margin-top: 18px;
padding-left: 6px;


}
html>body  #gallery {
margin-top: 20px;
float:left;

}


.picfra {

background:url('imga/frame1e.gif');
float:left;
width:174px;
height:158px;
margin-top: 10px;


margin-left:0px;
}
html>body .picfra {
background:url('imga/frame1e.gif');
float:left;
width:174px;
height:156px;
margin-bottom:3px;

margin-left:0px;
margin-right:0px;
}


                                                            /*title*/
.picfra Image {
float:left;
width:155px;
height:120px;
margin-top: 8px;
margin-left: 10px;
margin-bottom:5px;


}
html>body .picfra Image {
float:left;
width:154px;
height:112px;
margin-top: 8px;
margin-left: 10px;
margin-bottom:5px;
}

html>body .picfraImage img {
float:left;
width:150px;
height:112px;
margin-top: 10px;
margin-left: 10px;
}
.picfraTitle {
color:#ffffff;
font-size: 13px;
float:center;
padding:0px;
text-align:center;
width:120px;

}

html>body .picfraTitle {
float:left;
color:#ffffff;
margin-top: 0px;
margin-left: 10px;
font-size: 13px;
padding-top:7px;
width:120px;
height: 30px;
text-align:left;

}
.picfr aTitle a{
color:#000000;
font-size: 13px;
float:center;
padding:0px;
text-align:center;
width:120px;

}	
	
/* top menu  */
 
 
#menu-bar .menu-t {
background: #ffffff ;
 float:left;
 width:755px;
  margin-left: 10px;
  height:23px;
 margin-top:4px;
 position:absolute; 
 border:0px solid #000; 
 font-family:arial, sans-serif;
 
 
 }
/* hack to correct IE5.5 faulty box model */
* html #menu-bar .menu-t {width:755px; w\idth:755px;}

/* remove all the bullets, borders and padding from the default list styling */
#menu-bar .menu-t ul {
padding:0;
margin:0;
list-style-type:none;

}
#menu-bar .menu-t ul ul {
 width:150px;
 }
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu-t positon */

#menu-bar .menu-t li {
 float:left;
 width:151px;
 position:relative;
  }

/* Content meuu */

/* main menu  */
.cover{
float:left;
width: 640px; height: 250px; background: #ffffff;
margin-left: 0px;
margin-top: 0px;}
html>body.cover{
float:left;
width: 600px; height: 250px; background: #ffffff;margin-top: 0px;}


.border-box31 {
float: left;
margin-top: -10px;
margin-left: 7px;

margin-bottom: 20px;
padding-top:0px;
padding-left: 0px;
padding-right: 0px;
width: 402px;
height: 100%;
color: #666666;
font-family:arial,Verdana,sans-serif;
background: #ffffff;

}

html>body .border-box31 {
float: left;
background: #ffffff;
margin-bottom: 0px;
margin-left: 0px;
padding-top:0px;
padding-left: 0px;
color: #666666;
font-family:arial,Verdana,sans-serif;
width: 402px;
height: 100%;
}
.border-box31  a:link, .border-box31  a:visited { color:#666666; font-weight:normal; text-decoration:underline-non; }
.border-box31 h1{
float: left;
margin-top: 12px;
margin-left: 0px;
margin-right: -5px;
color: #555555;
height: 60px;
font-size: 15px;
background: #ffffff url('imga/main-bg-t2a.gif') no-repeat 0 0; 
padding-top:0px;
padding-left: 0px;
text-align:left;
width:402px; 

}

}
html>body.border-box31  h1{
float: left;
margin-left: 0px;
margin-top: 1px;
color: #555555;
padding-top:15px;
padding-left:25px;
height: 30px;
width: 402px;
font-size: 15px;
background: url('imga/main-bg-t2a.gif') no-repeat 0 0; 

}
.border-box31 .tx{
float: left;
background: url('imga/main-bg-c2a.gif') repeat-y  0 0; 
margin-left: 0px;
margin-top: -47px;
margin-right: -5px;

width: 402px;
height: 150px;
padding-bottom: 20px;



}

html>body .border-box31 .tx{
float: left;
background: url('imga/main-bg-c2a.gif') repeat-y  0 0; 
margin-left: 0px;
margin-top: -57px;
width: 402px;
height: 150px;

}

.border-box31 h2{
float: left;
float: bottom;
margin-top: 0px;
margin-left: 0px;
margin-right: -5px;
padding: 0px;
height: 24px;
width: 402px;
background: url('imga/main-bg-b2a.gif') no-repeat 0 0; 

}
html>body .border-box31 h2{
float: left;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
padding: 5px;
height: 25px;
width: 402px;
background: url('imga/main-bg-b2a.gif') no-repeat 0 0; 

}


 .border-box31 a{
 padding-left:0px;
      color: #555555;
	  
	  }
.border-box31.title-main{
padding-bottom: 3px;

}
	  
.border-box31.title-main a{
 color: #ffffff;
 padding-top: -5px;
 padding-bottom: 19px;
 padding-left: 15px;
 
 }
.border-box31 ul{
margin-top: 3px;
margin-left: 0px;
text-decoration:none;

}	

.border-box31 li{	
list-style-type:none;


	 } 
.border-box31  li.title-main{/*used in main page*/
background: ;

font-size: 12px;
color: #ffffff;
text-decoration: none;
padding-top:0px;
font-weight: bold; 

line-height: 15px; 


} 
.border-box31  li.title-main :link{
color:#ffffff;
}
.border-box31 li.title-main a:visited{
color:#ffffff;
}

 /* j-query   */
 html>body #menu-top {
 float:left;
 width:840px;
 margin-left: 28px;
 height:25px;
 margin-top:0px;
 padding-top: 4px;
 position: relative;
 padding-left: 0px;
 border-top:1px solid #cccccc;
 border-bottom:1px solid #cccccc;
 background: #dddddd;
 font-family:arial, sans-serif;
 
 }  
 a{ text-decoration: none; }
 html>body  ul{margin-left:0px; margin-top: 0px; list-style: none; }
 /*LEVEL ONE*/
 #menu-top ul.dropdown                         { position: relative; }
 #menu-top ul.dropdown li  
  {
  font-weight: bold;
  width:150px;
  float: left; 
  margin-left: 1px;
  background: url('list-bg-rc.gif') no-repeat 0 0;
  }
 #menu-top ul.dropdown a:hover
 { 
 color: #ffffff; 
 }
 #menu-top ul.dropdown a:active    
 { 
 color: #ffffff;
 }
 #menu-top ul.dropdown li a  
 { 
 display: block;
 padding: 4px 8px;
 border-right: 0px solid #333;
 color: #ffffff; 
 }
 #menu-top ul.dropdown li:last-child a     
 {
 border-right: none; 
 } 
 
 #menu-top ul.dropdown li:hover, #menu-top ul .dropdown  li:visited  
 { 
 background: url('list-bg-rc2.gif') no-repeat 0 0; 
 color: #ffffff;
 position: relative;
 }
 #menu-top ul.dropdown li:hover a, #menu-top ul.dropdown li:visited a         
 {
 color: ffffff;
 }
 #menu-top ul.dropdown ul 	
  { 
  float:left;
  width: 150px;
  visibility: hidden; 
  position: relative; 
  margin-left: -41px;
  }
 #menu-top ul.dropdown ul li 
  { 
  font-weight: normal; 
  background:#ffffff url('list-bg-rc.gif') no-repeat 0 0; 
  color: #000;
  border-bottom: 0px solid #ccc;
  float: none; 
  
  }
 #menu-top ul.dropdown ul li a
  {
  border-right: none; 
  width: 100%; 
  display: inline-block;
  }