body {
    font-family: verdana, times roman, batang;
    font-size: 16px;
    color: #787878;
	margin: 0px;
    padding: 0px;
    border: 0px;
    width:100%;
      background-color:#c0c0c0;
    
	SCROLLBAR-FACE-COLOR: #ff6600;
	SCROLLBAR-HIGHLIGHT-COLOR:#99cc00; 
	SCROLLBAR-SHADOW-COLOR: #111;
	SCROLLBAR-ARROW-COLOR: #f0f0f0; 
	scrollbar-track-color: #336600; 
	}	
     a:link     {color: #99cc00;
                font-size:13px;}
 a:visited      {color: silver;
                font-size:12px;}
 a:hover       {color: #fdd017;}
 a:hover       {background: #888;}
 a:active      {color: red;}
 a:hover      {font-size: 105%;}
 
 #menuie {
	float: ;
    width:auto;
}

#menuie ul {
	margin: 0;
	padding: 8px 0 0 0;
	list-style: none;
}



#menuie a {
	display: block;
	float: left;
	margin-left: 2px;
    width:auto;
	padding: 7px 5px;
	font-size: .60em;
	color: #000000;
     background: url(img/blogreen1.jpg);}
   
   
     #menuie li {
	display: inline;
    width:auto;}
 
 

#menu {
	float: ;
    width:auto;
}

#menu ul {
	margin: 0;
	padding: 8px 0 0 0;
	list-style: none;
}



#menu a {
	display: block;
	float: left;
	margin-left: 2px;
    width:auto;
	padding: 7px 5px;
	font-size: .60em;
	color: #000000;
     background: url(img/blogreen1.jpg);}
   
   
     #menu li {
	display: inline;
    width:auto;}
    
  
    
     #menu a:visited  {color: #222;
              font-size:11px;
                background: url(img/button_off.jpg) ;}
    
    
    #menu a:hover {
	border-top: 5px solid #C1D11C;
	border-bottom: 3px solid #C1D11C;
	text-decoration: none;
   background: url(img/button_on.jpg) no-repeat;
   font-size: 90%;}
   
       #menu .active a {color: red;
	border-top: 6px solid #ff6600;
	border-bottom: 2px solid #ff8800;
    color: #222;
   
     background: url(img/button_on.jpg) ;}

 
     

 .ads_left {
float: left;
padding: 5px;
margin: 0;
}
 
.ads_right {
float: right;
padding: 5px;
margin: 0;
} 
  
img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}

 .indented2
   {
   padding-left: 25px;
 }
 
    h1{
    margin-top:77px;
    color:#ff8800;
    font-size:30px;
    font-variant:small-caps;
    font-family:verdana;
    font-weight:bolder;
    margin-bottom:-20px;
    }
   
    h2{
    margin-top:20px;
    color:#99cc00; 
    font-size:23px;
    font-family:verdana;
    font-variant:small-caps;
    font-weight:bold;
     margin-bottom:4px;
   
    }
    
    h3{ 
    color:#99cc00;
     font-size:20px;
     font-family:verdana;
    font-variant:normal;
    font-weight:bold;}
    
    h4
    {color:#777;
    font-weight:800;
    font-size:12px; }
    
     h5
    {color:#99cc00; 
     font-size:13px;
     font-variant:small-caps;
     font-weight:bold;}
     
         h6
    {color:white; 
     font-size:15px;
     font-variant:small-caps;
     font-weight:bold;}
	
    #green
    {color:#99cc00; 
     font-size:14px;
     font-variant:small-caps;
     font-weight:bold;
    }
    
    #orange
    {color:#ff6600;
    font-decoration:bold;
     font-size:15px;  }
    
    #silver
    {color:silver;
    font-decoration:bold; }
    
      #white
    {color:white;
    font-decoration:bold; }
    
      #grey
    {color:#777;
    font-decoration:bold; }
    
      #bamboo
    {color:#338800;
    font-decoration:bold;
     font-size:14px; }
    
       #red
    {color:#FF0000;
    font-decoration:bold; }  
    
     #blue
    {color:#99ffff;
   font-weight:700;
   font-family:'font-style'Bradley Hand ITC;
   font-size:19px;}  
   
    #greenbar1{ 
    background-image:url(img/greenbar1.jpg);}
   
     #greenbar2{ 
    background-image:url(img/greenbar2.jpg);
    width="220" height="36" alt="" border="0");}
    
    #greenbar3{ 
    background-image:url(img/hz-greenbar3.jpg);
    }
    
     #orangebar1{ 
    background-image:url(img/orangebar1.jpg );
    background-repeat:repeat-x;
     }
     
        #bamboobar{ 
    background-image:url(img/bamboo.jpg);
    background-repeat:repeat;
    height:auto;
     }
     
     #blockquote {
  color:#ff8800;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
  padding-left: 5px;
  border-left: 3px solid #99cc00;
  background-color:#fff;
}

#envelope {
	width:100%;
   height:240px;
	margin: auto;
	padding: 0; 
    background-image:url(img/back2.jpg);
    overflow:auto;
}

#header {
	width: 100%;
	margin: auto;
}

 #slogan {
margin-top:-288px;
float:left;
margin-left:20px;
width:42%;
overflow:auto;
}

#outer {
	width:100%;
	margin: auto;
	padding: 0;
    overflow:auto;
    }

#inner {
	width: 97%;
	margin: auto;  
}

#blog {
	float: right;
	width: 64%;
    margin-top:8px;
	padding: 9px;
    background-image:url(img/back2.jpg);
    color:#f0f0f0;
}

#index-chi {
	float: right;
	width: 39%;
    margin-top:8px;
	padding: 7px;
    font-size:13px;
    background-image:url(img/back2.jpg);
    color:#f0f0f0;
}

#index-eng {
	float: left;
	width: 58%;
    margin-top:10px;
	padding: 7px;
	color: #c0c0c0;
    font-size:15px;
    background-color:#222; }
    
      #bodyran {
         font-family: verdana, times roman, batang;
    font-size: 14px;
    color: #787878;
	margin: 0px;
    padding: 0px;
    border: 0px;
    width:100%;
      background-color:#ff1493;
       }
      
    
          #ranenvelope {
	        width:100%;
             height:80px;
	          margin: 0 auto;
	           padding: 0; 
                background:pink;
               
                 overflow:auto;}
    
               #ranouter {
	            width:100%;
	             margin: 0 auto;
	              padding: 0;
                   overflow:auto;
                    background-image:url(img/rose-bg.jpg);}
                    


 #ranslogan {
margin-top:13px;
float:left;
margin-left:30px;
width:62%;
overflow:auto;
font-family: Excalibur sf;
font-size:60px;
font-weight:1000;
color:#445;
}

#info h2 {
	height: 60px;
	padding: 6px 0 0px 15px;
    margin-bottom:2px;
	background: url(img/blogreen1.jpg) repeat-x left top;
	letter-spacing: -.5px;
	color: #FFFFFF;

	letter-spacing: -.5px;
	color: #FFDF2B;
}

.bar .pink {
	height: 42px;
	padding: 3px 5px 0 3px;
	letter-spacing: -.5px;
	color: #003333;
    font-size: 23px;
	background: url(img/pinkbar.jpg) repeat-x left top;
}

                   .ran-eng {
	                float: left;
	                 width: 52%;
                      margin-top:5px;
	                   padding: 4px;
	                    color: #000;
                         font-size:15px;
                          }
    
             .ran-cn  {
	          float: right;
	           width: 45%;
                margin-top:5px;
	             padding: 4px;
                  font-size:13px;
                   color:#000;
                    }
                     
                   
  

.bar .oj {
	height: 42px;
	padding: 3px 5px 0 3px;
	letter-spacing: -.5px;
	color: #003333;
    font-size: 23px;
	background: url(img/blogorange1.jpg) repeat-x left top;
}

.bar .meta {
	padding-bottom: 5px;
	padding-left: 20px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
}

.bar .meta a {
	color: #8AB52B;
}

#info {
	float: left;
	width: 32%;
    margin-top:10px;
	padding: 7px;
	color: #c0c0c0;
    font-size:15px;
    background-color:#111;
  }

#info ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#info li {
	margin: 0;
	padding: 0;
}

#info h2 {
	height: 40px;
	padding: 6px 0 0px 15px;
    margin-bottom:2px;
	background: url(img/blogreen1.jpg) repeat-x left top;
	letter-spacing: -.5px;
	color: #FFFFFF;
}

#index-eng h2 {
	height: 42px;
	padding: 8px 0 0 20px;
	background: url(img/blogreen1.jpg) repeat-x left top;
	letter-spacing: -.5px;
	color: #FFFFFF;
}

#info a {
	color: #787878;
	border: none;
}

#info a:hover {
	text-decoration: underline;
	color: #787878;

    
    
    
    

#slideshow {
	width: 960px;
	margin: 0px auto;
	padding: 2px 0px 20px 0px;

}

#foobar .viewer {
	width: 960px;
	height: 300px;
}