
<!--

div, li   {   font-family: arial, helvetica, sans-serif;
            font-size: 12px;
            color: #fff
            
            }

p   {   
         margin: 9px 4px; font-size: 15px;
         margin-top: 10px; margin-bottom: 20px; 
         color: #dfdfdf;
         
        }


form   {   margin: 0px   }
            
a   {   font-size: 14px; font-weight:normal; text-decoration: underline; color: #efefef   }

a:visited {   font-size: 14px; font-weight:normal; text-decoration: underline; color: #efefef   }

a:hover   {   color: #fff; text-decoration: none   }

img   {   border-width: 0px   }
         
body  {        

	background: url(images/leaf_bg.png) no-repeat #132;
	min-width: 1000px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        text-align: center;
        padding: 0;
        
        }
        	
.top   {
	
        position: relative;
        margin: 0 auto;   /* align for good browsers */
	text-align: center; /* counter the body center */
	width: 100%;
 	left: 0px;
 	height: 90px;
 	
	}

.kijhl   {
	
	position:relative;
        float: left;
        width: 220px;
 	padding-left: 10px;
 	margin-top: 6px;
 	color: #375;
 		
	}	
	
.ad   { 

         position: relative;
         margin: 0 auto;
         margin-top: 1px;
         
 	 }

.logo   {
	
        position: relative;
 	width: 1000px;
 	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
 	top: 0px;
 	padding: 0px 0px 0px 0px;
 	height: 57px;
 	
	}	


.main   {
	
        position: relative;
        background: #092b1a;
        margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	width: 1000px;
	 	
	}

.pad   {
	
        position: relative;
        margin: 0 auto;   /* align for good browsers */
        text-align: left; /* counter the body center */
	width: 980px;
 	background: #000;
        margin-top: 0px;
 	height: 1000px;
 	
	}	


.action   {
	
	float: left;
        position: relative;
        width: 760px;
 	top: 8px;
 	padding: 0px;
 	padding-left: 0px;
 	
	}	
	
.left   {
	
	float: left;
        position: relative;
        width:112px;
 	top: -52px;
 	padding: 0px;
        z-index:200;
        
        	
	}	

.center   {
	
	float: left;
	position: relative;
	width: 640px;
	padding: 12px 0px 100px 12px;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
		
	}	
	
.right   {
	
        color: #fff;
	float: left;
        position: relative;
        width: 320px;
 	top: 0px;
 	padding: 12px 0px 0px 12px;
        font-family: arial, helvetica, sans-serif;
        font-size: 10px;
        color: #efefef;
 	
	}	

.bottop   {
	
        position: relative;
        margin-left: auto; margin-right: auto;
        width: 993px;
        height: 10px;
        background: #000;
 	padding: 0px 0px 0px 0px;
	
	}

.bot   {
	
        position: relative;
        margin: 0 auto;
        width: 100%;
        height: 300px;
        background: #1e1e1e;
        font-family: arial, helvetica, sans-serif;
 	font-size: 12px;
 	padding: 20px 0px 0px 0px;
        color: #fff;
        text-align: left;
        z-index:-0;
	
	}

.bot a  {   color: #224466; font-size: 11px; font-weight: bold; text-decoration: none   }
.bot a:link  {   color: #224466; font-size: 11px; font-weight: bold; text-decoration: none   }
.bot a:visited   {   color: #224466; text-decoration: none   }
.bot a:hover   {   color: #664422; text-decoration:underline   }

.danxm   { 

        color:#246;
        font-weight: bold;
        font-size: 11px;
        text-decoration: none
        
        }
        
.danxm a:link  { 

        color:#224466;
        font-weight: bold;
        font-size: 11px;
        text-decoration: none
        
        }
                
.danxm a:visited { 

        color:#224466;
        font-weight: bold;
        font-size: 11px;
        text-decoration: none
        
        }

.danxm a:hover   {   color: red; text-decoration: underline   }


.mark, .mark2   {
	
	background: url(images/mark3.gif) no-repeat #f4f4f4;
        width: 380px;
 	padding: 7px 0px 0px 20px;
 	margin-left: 0px;
 	height: 19px;
        font-family: verdana, helvetica, sans-serif;
        font-weight: bold;
        font-size: 10px;
        color: #222;
 	
	}	

.mark2   {   

        background: url(images/mark2.gif) no-repeat #f4f4f4;
        width: 280px;
        padding: 7px 0px 0px 20px;
        
        }

.rost   {
	
 	padding: 6px 0px 0px 20px;
 	margin-left: 0px;
 	height: 40px;
 	vertical-align: middle;
        font-family: verdana, helvetica, sans-serif;
        font-weight: bold;
        font-size: 12px;
        color: #222;
        border-bottom: solid 1px #fff;
 	
	}	

.player   {   padding-top: 6px;  }
	
.backto   {

         position: fixed;
         left: 150px;
         bottom: 40px;
         color: #fff;
         font-family: verdana,helvetica,sans-serif;
         font-weight: bold;
         font-size: 10px;
         z-index: 200;
         
         }

.bot_ins   {

         font-family: verdana,helvetica,sans-serif;
         width: 600px;
         font-size: 10px;
         font-weight: bold;
         padding-left: 295px;
         
         }
               
.head   {

          font-weight:bold;
          font-size:14px;
          font-style:italic;
          color:#fff
          
          }
          
.title   {

          color: #fff;
          font-size: 20px;
          font-family: arial, helvetica, sans-serif;
          font-weight:bold;
          
          }

.title3   {

          color: #fff;
          font-family: arial, helvetica, sans-serif;
          font-size: 26px;
          font-weight:bold;
          
          }
          
.line   {

          width:100%; height:1px; background:#b6b6b6;
          
          }

.iframe   {

          width: 320px;
          height: 220px;
          margin-top: 4px;
          
          }

.title2   {

          color: #036;
          width: 390px;
          font-size: 20px;
          font-family: arial, helvetica, sans-serif;
          font-weight:bold;
          padding-bottom: 2px;
          border-bottom: solid 1px #ccc;
          
          }

 .imgmenu {position:relative; float:left;padding-right:10px; }
 .imgmenu a.p1, #menu a.p1:visited {display:block;width:34px; height:34px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
 .imgmenu a img {border:0;}
 .imgmenu a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000; border:0 }
 .imgmenu a .large {display:block; position:relative; width:0; height:0; border:0; top:0; left:0;}
 .imgmenu a.p1:hover .large {display:block; position:relative; top:-40px; left:40px; width:200px; height:200px; border:5px solid #eee; z-index:500}
 
 #info {z-index:100; height:22em;}

.pa   {

        font-size:14px;
        color:#111;
        text-align: left
        
        }
        
.hdr   {   
 
         
         padding: 4px;
         float:left;
         background: #dedede;
         color: #222;
         font-size: 11px;
         font-weight: bold;
         border-right: solid 1px #efefef;
         
         }
         
.plr, .plr2   {   
 
         padding: 4px;
         float:left;
         background: #fefefe;
         color: #333;
         font-size: 12px;
         border-right: solid 1px #dedede;
         border-bottom: solid 1px #dedede;
         
         }
 
 .plr2   {
 
         color: #111;
         font-size: 12px;
         height: 40px;
         
         }
 
 #list-menu   {

       position: relative;
       margin: 0 auto;
       width:1000px;
       margin-left: 0px;
       list-style-type: none;
 
        }
        

#list-menu a   {

       display: block;
       float: left;
       padding: 6px 6px 6px 30px;
       text-decoration: none;
       filter:blendTrans(duration=0.5);
       
        }
        
#list-menu ul   {

	margin: 0;
	padding: 0;
	list-style-type: none;
	
        }

#list-menu a:link, #list-menu a:active, #list-menu a:visited   {

        color: #efefef;

        }

#list-menu a:hover   {   color: #fff;  } 
         
#list-menu li   {   border-top: 1px solid #000;  }	


-->