body{
margin:0 auto; /* for the rest */
width: 100%;
font-family:arial,Verdana,sans-serif;
font-family:arial,Verdana,sans-serif;
font-size: 12px;
background:#fff url('body-bg.jpg') repeat-x 0 0;

}

#centerbox{
margin:0 auto; /* for the rest */
 background:#fff;
  width: 1015px;
   border-left:#aaa 1px solid ;
  border-right:#aaa 1px solid ;
  }


#top{
  /*Height of top section*/
 width: 100%;
 
 
 } 





#content_in{
 margin:0 0 0 124px;

 }

#footer{
margin-top:-5px;
clear: left;
width: 100%;
margin:0 auto; 
text-align: center;
padding: 4px 0;
}

/*private  */
.counter{position:relative; margin-left: 30px; margin-bottom: 5px;}

#logo {
float: left;
width: 1015px;
height: 108px;
background:#eee;
background:#ccc url('images/head-top_01.jpg') no-repeat 0 0;
}

#menu-bar{
float: left;
margin-top:0px;
 background: #eeeeee url('menu-bar_02.jpg') no-repeat  0 100%;
 width:1015px;
 height:55px;
 padding-top: 5px;
 }
 

#search{
 float:left;
 margin-left:7px;
 margin-top: -20px;
 }
 
  html>body #search{
 float:left;
 margin-left: 790px;
 margin-top: -52px;
 
 }



 #search img{ width: 65px;}





html>bodu  #menu-bar{
 float:left;
 background: url('menu-bar.jpg') no-repeat 0 0;
 margin-top: 50px;
 width:960px;
 height:55px;
 padding-top: 2px;
 padding-bottom: 3px;
 }

#headerBar {
background: #ffffff ;
float:left;
height:102px;
margin-top: 2px;
margin-left: 5px;
padding-top:2px;
text-align:left;
width:970px;
margin-bottom: 5px;
}
html>body #headerBar {
background: #ffffff ;
float:left;
height:102px;
margin-top: 2px;
margin-left: 5px;
padding-top:2px;
text-align:left;
width:1000px;
margin-bottom: 5px;
}
.add_bg1{
 width: 729px;
 height:92px;
 float:left;
 padding: 0px;
 margin-left: 3px;
 margin-top: 0px;
 margin-bottom: 0px;
 background: #ffffff;
 overflow: hidden;
 }
html>body.add_bg1{
 width: 745px;
 height:92px;
 float:left;
 padding: 0px;
 margin-left: 3px;
 margin-top: 0px;
 margin-bottom: 0px;
 background: #ffffff;
 overflow: hidden;
 }

.add_bg2{

 width: 630px;
 height: 250px;
 float:left;
 padding: 1px;
 
 margin-left: 10px;
 margin-top:0px;
 margin-bottom: 5px;
 overflow: hidden;
 font-size: 12px;
 background:#fff;
 }


 .book_mark{
 margin-top: 5px;
 margin-left: 30px;
 width: 100px;
 
 }
html>body .book_mark{
margin-left: 30px;

width: 100px;


}

.but_container{
float:left;
margin-top: -2px;
padding-left: 6px;
width: 165px;
height: 97px;
margin-left: 20px;
background: #dddddd;
padding-top: 6px;
}
html>body .but_container{
float:left;
background: #dddddd;
padding-left: 6px;
padding-top: -2px;
height: 97px;
position: relative;
margin-top: -90px;
margin-left: 785px;
}/*
html>body .but_container{
background: #dddddd;
padding-left: 6px;
padding-top: -4px;
height: 97px;
margin-top: -8px;
margin-left: 780px;
} */
.button{
float:left;
 width:115px;
 height:21px;
  margin-left: 0px;
  margin-top:6px;
  padding-left: 40px;
 background: #ffffff url('butt.jpg') no-repeat 100% 0;
color: #ffffff;
 }
 

html>body .button{ float:left;
width:125px;
height:21px; margin-left: 0px;
margin-top:7px;
padding-left: 30px;
background: #ffffff url('butt.jpg') no-repeat 0 0;
color: #ffffff;
 }

.button a:link, .button a:visited { 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;
}









#footer{
clear: left;
width: 1010px;

color: #FFF;
text-align: center;
padding: 0px 0;
margin-top: -24px;
}

#footer a:link,#footer a:visited {
color: #400;
}





html>body .add_bg2{
position:relative;
width: 680px;
height: 100px;
font-size: 12px;
float:left;
padding: 1px;
margin:5px 5px;
overflow: hidden;
position: relative;
 }



 

 /* left column menu box */
 
#pad3{
position: relative;
float:left;
margin-top: 10px;
margin-left: 20px;

}


html>body #pad3{
position: relative;
float:left;
margin-left: 35px;
font-size: 11px;
}
.tx31 #pad31{
margin-left: 18px;
font-size: 11px;
}




html>body .border-box31 .tx31 #pad31{
float:left;
position: relative;
margin-left: 20px;
font-size: 11px;
}






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

/* about text   */
#about-txt{
float: left;
width:500px;
height: 100%;
margin-left: 2px;
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: 150px;
   margin-top: 5px;
   margin-bottom: 5px;
   margin-left: 5px;
   padding-left: 5px;
   font-size: 11px;
   color: #777777;
   border-top: #eeeeee solid 0px;
   border-left:0px #bbbbbb solid;
    border-right:0px #bbbbbb solid;

    }
.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{

   float:left; 
   width: 240px;
   height: 80px;
   margin-top: -15px;
   margin-left: 5px;
   padding-left: 0px;
   font-size: 11px;
   color: #777777;
   border-top: #eeeeee solid 0px;
   overflow:hidden;
  
    }		
#pad_box3{padding-left:20px;}
.border-box3 {
float: left;
margin-top: 2px;
margin-left: 0px;
margin-right: -15px;
margin-bottom: 0px;
padding-top:0px;
padding-left: 0px;
padding-right: 0px;
height: 100%;
width: 240px;
color: #666666;
font-family:arial,Verdana,sans-serif;
font-weight:normal;
font-size: 12px;
}

html>body .border-box3 {
float: left;
margin-top: 5px;
margin-bottom: 0px;
margin-left: 10px;
padding-top:0px;
margin-right: 0px;
padding-left: 0px;
color: #666666;
font-family:arial,Verdana,sans-serif;
width: 220px;
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: -40px;
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: -51px;
width: 220px;
}

.border-box3 h2{
float:left;
margin:-3px 0px -30px 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;
	  font-weight:normal;
	  font-size: 12px;
	  }

	  
.border-box3 ul{
float: left;
width: 210px;
float:left;
padding-bottom: 0px;
margin-top: 3px;
margin-left: 5px;
margin-bottom: -12px;
text-decoration:none;
font-weight:normal;
height: 100%;


}


html>body .border-box3 ul{
float: left;
width: 210px;
padding-left: 0px;      /* this code is compulsery for opera and fire fox     but work without using it in IE7  */
margin-top: 5px;
margin-left: 10px;
text-decoration:none;
margin-bottom: -5px;

}	

.border-box3 ul li{
list-style-type: none;
padding-left: 5px;
padding-top: 5px;
padding-right: 0px;
text-decoration: none;
width: 195px;
height: 25px;
background:#ffffff url('menu-bge.gif');
font-weight:normal;

 }




	/* 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;
}
/* footer */
#end{
	background: url('images/bottom-head_03.jpg') repeat-x 0 0;
    width: 1013px;
	height:	50px;
	margin-top: 0px;
	margin-bottom: 2px;
	color: #444;
	}
html>body #end{
   float:left;
	background: url('images/bottom-head_03.jpg') repeat-x 0 0;
    width: 1013px;
	height:	50px;
    margin-top: 00px; 
	margin-bottom: 2px;
	color: #444;
	}
#end p{
	float: right;
	margin-right: 50px;
	margin-top: 20px;
	}
#end p a:link, #end p a:visited{ color:#400;}

	#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;
	}

/* main menu  */
.cover{
float:left;
width: 100%; height: 100%; background: #fff;
margin-left: 0px;
margin-top: 0px;}
html>body.cover{
float:left;
width: 100%; height: 100%; background: #ffffff;margin-top: 0px;}
#pad_box31{padding-left:10px;}

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

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


}

html>body .border-box31 {
float: left;
background: #fff;
margin-bottom: 0px;
margin-left: 0px;
padding-top:0px;
padding-left: 0px;
color: #666666;
font-family:arial,Verdana,sans-serif;
width: 404px;
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: 100%;
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: 0px;
height: 25px;
width: 402px;
background: url('imga/main-bg-b2a.gif') no-repeat 0 0; 

}


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

#pad_box31  li {
font-weight: bold;
color:#c00;
background: #eee;
width:120px;
margin-top:1px;

}

#pad_box31  li.title a:link, #pad_box31  li.title a:visited{
font-weight: bold;
color:#070;
font-size:12px;
}
#pad_box31  li a:link{
font-weight: small;
font-size: 11px;


}

#pad_box31  li a:visited{
font-weight: small;
font-size: 11px;
color:#888;

}

#l_c li.title {
font-weight: bold;
color:#070;
font-size:12px;
font-weight: bold;
margin-left: 10px;

}
/* end of main menu  */

/*gallery */


.gallery_bg{
 background:#ffffff url('images/gallery4-t_01.jpg') no-repeat 0% 0%;
 padding: 12px 7px;
 width: 845px;
 height: 48px;
 
 margin: 0px 20px;
 }
 .gallery_bg_c{
 background:#ffffff url('images/gallery4-c_02.jpg') repeat-y 0% 0%;
 
 padding: 0px 7px;
 width: 845px;
 height: 650px;
 margin: -25px 20px;
 
 }
 .gallery_bg_c_h{
 background:#ffffff url('images/gallery4-c_02.jpg') repeat-y 0% 0%;
 
 padding: 0px 7px;
 width: 845px;
 height: 760px;
 margin: -25px 20px;
 
 }
  .gallery_bg_b{
 background:#ffffff url('images/gallery4-b_04.jpg') no-repeat 0% 0%;
 padding: 12px 7px;
 width: 845px;
 height: 30px;
 margin: 0px 20px;
 
 }
 
html>body .gallery_bg{
 background:#ffffff url('images/gallery4-t_01.jpg') no-repeat 0% 0%;
 padding: 12px 7px;
 width: 845px;
 height: 48px;
 margin: 0px 20px;
 
 }
 html>body .gallery_bg_c{
 background:#ffffff url('images/gallery4-c_02.jpg') repeat-y 0% 0%;
 
 padding: 0px 7px;
 width: 845px;
 height: 620px;
 margin: -25px 20px;
 
 }
 html>body .gallery_bg_c_h{
 background:#ffffff url('images/gallery4-c_02.jpg') repeat-y 0% 0%;
 
 padding: 0px 7px;
 width: 845px;
 height: 740px;
 margin: -25px 20px;
 
 }
 html>body .gallery_bg_b{
 background:#ffffff url('images/gallery4-b_04.jpg') no-repeat 0% 0%;
 padding: 12px 7px;
 width: 845px;
 height: 30px;
 margin: 0px 20px;
 
 }
 .gallery_bg h1{
 margin-top: 0px;
 font-size: 18px;
 margin-left: 500px;
 margin-bottom: -25px;

 color: #ffffff;
 }


 #gallery {
 float:left;
margin: 30px 5px;


}
html>body  #gallery {
margin: 30px -10px;
float:left;

}

#gallery  #gallery_fotter{ 
display: inline;
margin-top: 500px;
height: 50px;
width: 658px;
 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; }

.picfra {
background:url('img/frame1.gif') no-repeat 0% 0%;
float:left;
width:174px;
height:158px;
margin:13px 0px 0 12px;

}

html>body .picfra {
background:url('img/frame1.gif') no-repeat 0% 0%;
float:left;
margin-top: 10px;
width:174px;
height:156px;
margin-bottom:0px;
margin-left:25px;
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 {
float:left;
color:#ffffff;
font-size: 11px;
float:center;
padding:2px 0 0 0;
text-align:center;
width:120px;

}

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

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

}/*only picture */
.only_picture{
margin:0 auto;
background:#600;
}
.only_picture #only_picture_id{
margin:5px 70px; border:#fff 3px solid;
width:1200px;
 height:680px;
}

/* main picture */
.code h4{margin-left:20px;font-size: 12px;}
.note{margin-left: 20px;}
#pad2{
margin:0 auto;
font-size: 11px;
padding:  auto;
border: #333 0px solid;
}

.pad_pic{
margin:0 auto;
font-size: 11px;
width: 600px;
background:#eee;
}

.pad_pic_w{
margin:0 auto;
font-size: 11px;
width: 900px;
background:#eee;
}

.border-box32 {
float: left;
margin-top: -10px;
margin-left: 65px;
margin-right: 0px;
margin-bottom: 20px;
padding-top:0px;
padding-left: 0px;
padding-right: 0px;
width: 708px;
height: 100%;
color: #666666;
font-family:arial,Verdana,sans-serif;
background: #ffffff;
}

.border-box32w {
float: left;
margin-top: -10px;
margin-left: 45px;
margin-right: 0px;
margin-bottom: 20px;
padding-top:0px;
padding-left: 0px;
padding-right: 0px;

height: 100%;
color: #666666;
font-family:arial,Verdana,sans-serif;
background: #ffffff;
}
.border-box32w  a:link,.border-box32w a:visited
{font-size: 18px;
color: #fff;
background: #800;
margin:1px 20px;
text-decoration:underline;
padding:5px;
}

 .border-box32w a:hover
 {font-size: 19px;
color: #ccc;
margin:1px 20px;
padding:5px;
}
 
#main_picture{margin:0 auto;}
#main_picture_w{margin:0 auto; border: #999999 2px solid;}
html>body .border-box32 {

margin: 0 auto;
float:left;
padding-top:0px;
padding-left: 10px;
margin-left: 120px;
color: #666666;
font-family:arial,Verdana,sans-serif;
width: 758px;
height: 100%;
 background: #ffffff;
}


html>body .border-box32w {
margin-bottom: 0px;
margin-left: 10px;
float: left;
padding-top:0px;
padding-left: 10px;
color: #666666;
font-family:arial,Verdana,sans-serif;

height: 100%;
 background: #ffffff;
}
.border-box32 h1{
margin-top: 0px;
margin-left: 0px;
color: #555555;
height: 54px;
font-size: 15px;
background: url('imgb/main-bg-t.gif') no-repeat 0 0; 
padding-top:0px;
padding-left: 0px;
text-align:left;
width:708px; 
}

}
html>body.border-box32  h1{
margin-left: 0px;
margin-top: 1px;
color: #555555;
padding-top:15px;
padding-left:25px;
height: 40px;
width: 240px;
font-size: 15px;
background: #ffffff url('imgb/left3e_01.jpg') no-repeat 0 0; 

}
.border-box32 .tx{
background:#ffffff  url('imgb/main-bg-c.gif') repeat-y  50% 0; 
margin-left: 0px;
margin-top: -50px;
margin-right: 0px;
width: 708px;
padding-bottom: 20px;


}

html>body .border-box32 .tx{
background: url('imgb/main-bg-c.gif') repeat-y  50% 0; 
margin-left: 0px;
margin-top: -40px;
width: 708px;


}


.border-box32 h2{
float: bottom;
margin-top: 0px;
margin-left: -10px;
margin-right: 0px;
padding: 5px;
height: 20px;
width: 708px;
background: url('imgb/main-bg-b.gif') no-repeat 100% 0; 
}
html>body .border-box32 h2{
float: bottom;
margin-top: -10px;
margin-left: 0px;
margin-right: 0px;
padding: 5px;
height: 25px;
width: 760px;
background: url('imgb/main-bg-b.gif') no-repeat 0%; 
}


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

	 } 
.border-box32  li.title-main{
background: url('li-bg2.gif') repeat-y 0%;
font-size: 12px;
color: #ffffff;
text-decoration: none;
padding-top:0px;
font-weight: bold; 
line-height: 15px; 

} 
.border-box32  li.title-main :link{color:#ffffff;}	


/*hover     */
.book_m{margin-left: 400px; margin-bottom: 0px;}

 #menu2 {
 float:left;
 width: 80px;
 position:relative;
  }

/* html #menu2 {
width:70px;
w\idth:70px;

   } */

#menu2 ul {
padding-left: 0px; /* this line is alin all data in left side  in opera and fire fox            but it by defalt in IE7    */
position:left;
float:left;
list-style-type:none;
width: 103px;
margin-left: 5px;

 }



#menu2 ul li{
color: #555555;
font-weight: normal;
 float:left;
 width:100px;
 position:relative;
 font-size:11px;
  margin-top:1px;
 padding-left: 4px;

 
  }
  #menu2 li.main{
 color:#ffffff;
 
 font-weight: bold;
 width:100px;
 padding-left: 0px;
 height: 15px;
 margin-top: 0px;
 padding-bottom: -2px;
 line-height: 15px;



 }
html>body   #menu2 li.main{
 color:#ffffff;
 font-weight: bold;
 width:100px;
 padding-left: 0px;
  padding-bottom: 0px;
 line-height: 13px;
 margin-top: 2px;
  }
 #menu2 li.main{
 width:100px;
 w\idth:100px;
 }
 #menu2 li.main a:hover{
 background: #cccccc;
 padding-left: 3px;
 }
#menu2 .main a, #menu2 .main a:visited {

 font-size:12px;
 text-decoration:none;
 color:#ffffff;
 width:100px;
 border:1px solid #888888;
 padding-left:2px;
 margin-left: 0px;
 padding-top: 5px;
 line-height:15px;
 font-weight:bold;
 margin-top: 0px;
 background: #bbbbbb;

 }
html>body  #menu2 .main a, #menu2 .main a:visited {

 font-size:12px;
 text-decoration:none;
 color:#ffffff;
 width:100px;  /* for opwra */
 
 border:1px solid #888888;
 padding-left:5px;
 margin-left: 0px;
 padding-top: 1px;
 line-height:13px;
 font-weight:bold;
 margin-top: 0px;
 background: #bbbbbb;

 }

 #menu2 .main  a:hover {

 font-size:12px;
 text-decoration:none;
 color:#ffffff;
 width:80px;
 border:1px solid #777777;
 padding-left:0px;
 margin-left: 0px;
 padding-top: 0px;
 line-height:13px;
 font-weight:bold;


 }

  #menu2 a, #menu2 a:visited {
  color: #555555;
  font-weight:normal;
    }
  * html #menu2 .main a, * html #menu2 .main a:visited {
 width:80px;
 w\idth:80px;
 color: #ffffff;
 font-weight: bold;

 }

* html #menu2 a, * html #menu2 a:visited {
 width:70px;
 w\idth:70px;
   z-index:2;
 }

 #menu2 ul p a.drop, #menu2 ul p a.drop:visited {
 width: 3px;
 height: 100%;
 background:#eeeeee ;
  z-index: 3;
 }




#menu2  .main   a:hover{
 color:#ffffff;

 }
#menu2 a:hover{
 color:#555555;

 }
#menu2 :hover > a {
 color:#555555;

 }

 #menu2 ul li.main  p {
 margin-left: 5px;
 color: #ffffff; padding: 10px;
 margin-top: 170px;
 width: 750px;
 
 background: #999999;
 border-top: #666666 2px solid;
 border-left: #666666 2px solid;
 border-right: #666666 2px solid;
 border-bottom: #666666 2px solid;
 font-weight: normal;
  visibility:hidden;
  position:absolute;
   z-index: 3;
 }

  #menu2 ul li:hover p,
 #menu2 ul a:hover p{
 visibility:visible;
 width: 500px;
 
 position:absolute;
  margin-left: -40px;
  z-index: 300;
 }

* html #menu2 ul p {
 top:26px;t\op:26px;
  z-index: 300;
 }



 /* j-query   */

 #menu-top {
 float:left;
 width:766px;
 margin-left: 4px;
 height:28px;
 margin-top:0px;
 position: relative;
 border-top:1px solid #cccccc;
 border-bottom:1px solid #cccccc;
 background: #dddddd;
 font-family:arial, sans-serif;
 padding-top:5px;
 padding-left: 4px;
 background: ffffff;
 }
 

html>body #menu-top {
 float:left;
 width:770px;
  margin-left: 5px;
  height:30px;
 margin-top:0px;
 margin-bottom: 5px;
 position: relative;
 padding-left: -23px;
 padding-right: 3px;
 padding-top: 5px;
 
 border-top:1px solid #cccccc;
 border-bottom:1px solid #cccccc;
 font-family:arial, sans-serif;
 background: #dddddd;

  }  
  
a{ text-decoration: none; }
ul{margin-left:2px; list-style: none; }
html>body  ul{margin-left:0px; margin-top: 2px; list-style: none; padding-top:0px; padding-left:6px;} 

#menu-top ul.dropdown                         { position: relative; padding-top:0px;}
#menu-top ul.dropdown li                      {  font-weight: bold;width:151px; float: left;  background: url('list-bg-rc.gif') no-repeat 0 0; padding-top:0px; }
#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; } /* Doesn't work in IE */
#menu-top ul.dropdown li.hover,
#menu-top ul.dropdown li:hover                { background: url('list-bg-rc2.gif') no-repeat 0 0;  ; color: black; position: relative; }
#menu-top ul.dropdown li.hover a              { color: ffffff; }


/*
	LEVEL TWO
*/
 #menu-top ul.dropdown ul 
 {
 width: 150px;
 visibility: hidden; 
 position: absolute;
 margin-top:0px; 
 margin-left: 0px; 
 
 }


 #menu-top ul.dropdown ul li 
 { font-weight: normal; 
 background: url('list-bg-rc.gif') no-repeat 0 0;
 color: #000;
 border-bottom: 0px solid #ccc; 
 float: left; 
 }

                                    /* IE 6 & 7 Needs Inline Block */
#menu-top ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; }



/*
	LEVEL ONE
*/
html>body  ul #menu-top ul.dropdown                         { position: relative; }
html>body  ul #menu-top ul.dropdown li                      {  font-weight: bold;width:150px; float: left;  background: url('list-bg-rc.gif') no-repeat 0 0;  }
html>body  ul #menu-top ul.dropdown a:hover		            { color: #ffffff; }
html>body  ul #menu-top ul.dropdown a:active                { color: #ffffff; }
html>body  ul #menu-top ul.dropdown li a                    { display: block; padding: 4px 8px; border-right: 0px solid #333;
	 								  color: #ffffff; }
html>body  ul #menu-top ul.dropdown li .last-child a         { border-right: none; } /* Doesn't work in IE */
html>body  ul #menu-top ul.dropdown li:hover,
html>body  ul #menu-top ul.dropdown li:hover                { background: url('list-bg-rc2.gif') no-repeat 0 0;  ; color: black; position: relative; }
html>body  ul #menu-top ul.dropdown li.hover a              { color: ffff00; }


/*LEVEL TWO*/
html>body #menu-top ul.dropdown ul 
 {
 float:left;
 width: 150px;
 visibility: hidden; 
 position: absolute;
 margin-top:0px;
 padding-left: 0px; 
 margin-left: 0px; 
 
 }
 
html>body  ul #menu-top ul.dropdown ul li
 {
 font-weight: normal;
 background: #cc0000 url('list-bg-rc.gif') no-repeat 0 0;
 color: #000;
 border-bottom: 0px solid #ccc;
 float: left;
 margin-left:-39px;
 width: 150px;
 
 }

                                    /* IE 6 & 7 Needs Inline Block */
html>body  ul #menu-top ul.dropdown ul li a	
 {
 border-right: none; 
 width: 150px;
 display: inline-block; 
 }

.bar_center{margin:0 auto;width:890px; height:20px; background: #ccc;} 
html>body .bar_center{margin:0 auto;width:894px; height:20px; background: #ccc;} 
 .bar_left_bot {margin: 0 auto;width:300px; height:20px; background: #ccc;} 
 
 #content-main{
 float: left;
 width: 885px;


}

 #content-main-inner{
  margin: 0 230px 0 280px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/

 height: 200px;
  }
  #leftColumn-top{
 float: left;
 width: 270px; /*Width of left column*/
 margin-left: -880px;
  
 
  }
   #rightColumn-top{
 float: left;
 width: 220px; /*Width of right column*/
 margin-left: -220px; /*Set left marginto -(RightColumnWidth)*/

 }
    
html>body #content-main{
 float: left;
 width: 100%;

   }
html>body #content-main-inner{
  margin: 0 280px 0 280px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
 background: #fff;
 }

 html>body #leftColumn-top{
 float: left;
 width: 260px; /*Width of left column*/
 margin-left: -880px;
 } 

html>body #rightColumn-top{
 float: left;
 width: 265px; /*Width of right column*/
 margin-left: -270px; /*Set left marginto -(RightColumnWidth)*/

 }
 
 
 
 
 #content-inner{
  margin: 0 0px 0 270px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
 
 }
 #leftColumn-box{
 float: left;
 width: 270px; /*Width of left column*/
 margin-left: -840px;
 
  }
   #rightColumn-box{
 float: left;
 width: 200px; /*Width of right column*/
 margin-left: -200px; /*Set left marginto -(RightColumnWidth)*/
  }
  #content0{
 float: left;
 width: 890px;
  background:#ddd;
 height: 70px;
 margin:0 0 0 2px;
 }
  html>body #content0{
 float: left;
 width: 894px;
 background:#ddd;
 height: 70px;
 margin:0 0 0 0px;
 }
 html>body #leftColumn-box{
 float: left;
 width: 270px; /*Width of left column*/
 margin-left: -840px;
 /*background: #7777cc; */
 }

 
 #content-bot{
 float: left;
 width: 873px;
 margin-left: 10px;
 
 }
 #content-bot-inner{
 margin: 0 0px 0 320px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
 }
 #leftColumn-bot{
 float: left;
 width: 320px; /*Width of left column*/
 margin-left: -870px;
 }
 html>body #leftColumn-bot{
 float: left;
 width: 300px; /*Width of left column*/
 margin-left: -870px;
 } 
 .add_bg2{  width: 470px; margin: 0 auto;    overflow: hidden; height: 60px; border: 0px solid #eee;} 
 html>body .add_bg2{ margin: 0 auto;  width: 470px;   overflow: hidden; height: 60px; } 
 .add_bg3{  width: 300px;  height: 100%;  float:left;  padding: 1px;  margin-left:  0px;  margin-top: 25px;  margin-bottom: 25px;  background: #fdfdfd;  overflow: hidden;  }
 
 .bot_add{margin-left: 100px; margin-bottom: 20px;}
 
 .add_bg_content{
 float:left;
 width: 220px;
 height:250;
 
 margin-left: 0px;
 margin-top: 5px;
 padding: 14px;
 overflow: hidden;
 
 }
 html>body .add_bg_content{
 float:left;
 width:240px;
 height:100%;

 margin-left: 0px;
 margin-top: 5px;
 padding: 0px;
 overflow: hidden;
  
 }
 

 
 #contentwrapper{
 float: left;
 margin: 0 0px 0 0px;
 width: 1015px;
 
 
 }
html>body #contentwrapper{
 float: left;
 margin: 0 0px 0 0px;
 width: 1015px;

 
 }
 #content{
 
 margin: 0 0 0 115px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
 border-left:1px solid #aaa;
 
 
 }

html>body #content{
 
 margin: 0 0 0 120px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
 border-left:1px solid #aaa;
 
 }

 #leftColumn{
 float: left;
 width: 110px; /*Width of left column*/
 margin-left: -1015px;
 border-top:1px solid #ccc;
 background: url('images/lft-li-bg_03.jpg') repeat-y 0%;
 }
html>body #leftColumn{
 float: left;
 width: 112px; /*Width of left column*/
 margin-left: -1013px;
 background: url('images/lft-li-bg_03.jpg') repeat-y 0%;
 
 }
#l_c{
margin-top: 0px;
}
#l_c li a:link, #l_c li a:visited{
color: #777;
font-size:11px;
padding: 2px;
}

#next,#back{
float:right;
background: #fff;
border: 1px solid #bbb;
height: 20px;
width: 60px;
margin: 0 0 0 0px;
}
#next a:link,#next a:visited, #back a:link,#back a:visited{
color:#b00;
}
	.ex-link{ margin-left: 20px; margin-top: 10px;}
.ex-link a:link, .ex-link a:visited { color: #777777; text-decoration: underline; font-weight: normal; margin-right: 3px;}


#slide_show{ background :#dfdfdf url('s_ show2.png') no-repeat 100% 100%;
background:#fff; 
margin:10px 0px;
padding:10px; 
width: 210px; 
height:150px;
border: #cccccc 0px solid;
}
/*#txtHint{margin:0 auto;} */