@charset "utf-8";
body{
   margin:0;
   padding:0;
   font-family: Arial, Helvetica, sans-serif;
   font-size:13px;
   color:RGB(68,100,118);
   background:white;
   text-align:center;
   }
a:link,a:visited{
  text-decoration:none;
  border-style:none;
  color:#336666;
  }
a:hover{ font-weight:bold}

#head{width:950px;
      height:72px;
	  text-align:left;
	  padding-left:30px;
	  clear:both;
	  /*background:#00FF00*/}
#flash{width:987px;
      height:231px;
	  text-align:center;
	  clear:both;
	  }  
#navigation{
     width:976px;
     height:50px;
	 text-align:center;
	 clear:both;
	 }	  
#navigation ul{
    list-style:none;
	margin:0;
	padding:0;
	 } 
#navigation ul li{
    float:left;
    list-style:none;
	margin:0;
	padding:0;
	 }  


#container{
     width:976px;
     height:auto;
	 text-align:left;
	 min-height:600px;
	 max-height:5900px;
	 clear:both;
	 background:#FFFFFF;
	 }
#left{
   margin:0;
   padding:0;
   float:left;
   width:295px;
   height:631px;
/*   background:red;*/
   }

   









.left_top{
     margin:0;
	 padding:0;
	 width:auto;
	 height:auto;
	 }
#left_top_left1{
     margin:0;
	 padding:0;
	 float:left;
	 width:30px;
	 height:149px;
	 }
#left_top_middle1{
     margin:0;
	 padding:0;
	 float:left;
	 width:180px;
	 height:149px;
	 overflow:hidden;
	 }
#left_top_right1{
     margin:0;
	 padding:0;
	 float:right;
	 width:85px;
	 height:149px;
	 clear:right;
	 }
	 
#left_top_left2{
     margin:0;
	 padding:0;
	 float:left;
	 width:30px;
	 height:160px;
	 }
#left_top_middle2{
   margin:0;
	 padding:0;
	 float:left;
	 width:180px;
	 height:160px;
	 overflow:hidden;
	 }
#left_top_right2{
     margin:0;
	 padding:0;
	 float:right;
	 width:85px;
	 height:160px;
	 }
#service_left1{
     margin:0;
	 padding:0;
	 float:left;
	 width:85px;
	 height:121px;
	 }
#service_middle1{
     margin:0;
	 padding:0;
	 float:left;
	 width:178px;
	 height:121px;
	 overflow:hidden;
	 }
#service_right1{
     margin:0;
	 padding:0;
	 float:right;
	 width:32px;
	 height:121px;
	 }
	 
#service_left2{
     margin:0;
	 padding:0;
	 float:left;
	 width:85px;
	 height:110px;
	 }
#service_middle2{
     margin:0;
	 padding:0;
	 float:left;
	 width:178px;
	 height:110px;
	 overflow:hidden;
	 }
#service_right2{
     margin:0;
	 padding:0;
	 float:right;
	 width:32px;
	 height:110px;
	 }

#friends_link{
     margin:0;
	 padding:0;
	 width:295px;
	 height:auto;
/*	 background:#660033;*/
	 }


	 
	 
	 
	 
	 
#right_left{
     margin:0;
	 padding:0;
	 float:left;
	 width:15px;
	 height:267px;
	 }
#right_middle{
     margin:0;
	 padding:0;
	 float:left;
	 width:276px;
	 height:267px;
	 overflow:hidden;
	 }
#right_right{
     margin:0;
	 padding:0;
	 float:right;
	 width:15px;
	 height:267px;
	 }




   #middle{
   margin:0;
	 height:auto;
	 width:681px;
	 float:right;
/*     background:#CC6600;*/
	}
	#middle_left{
	 margin:0;
	 padding-left:10px;
	 padding-right:5px;
	 height:auto;
	 width:360px;
	 line-height:1.5em;
	 float:left;
/*	 background:#000000; */
	 }
   #middle_right{
   margin:0;
   padding:0;
   float:right;
   width:306px;
   height:347px;
/*   background:green;*/
   }





#end{
    margin:20px 10px 10px 2px;
	padding-top:20px;
	padding:0;
	width:980px;
	height:auto;
	text-align:center;
	clear:both;
/*	background:#FFFF33;*/
	}
#end_top{
   padding-top:20px;
   width:970px;
	 height:auto;
	 text-align:left;
	 clear:both;
/*	 background:#FF0000;*/
	 }
#end_middle{
     margin:0;
	 padding:0;
	 float:left;
	 width:970px;
	 height:100px;
	 text-align:center;
	 border-top:1px dashed gray;
	 clear:both;
	/* background:#3333FF;*/
	 }
#end_right{
     margin:0;
	 padding:0;
	 float:right;
	 width:19px;
	 height:100px;
	 }


.right{
     margin:4px;
	 }
.right a:link,.right a:visited,.right a:active {
	color:#336666;
	border-style:none;
	text-decoration: none;
	
}
.right a:hover{
  position:relative;
  top:2px;
  left:2px;
  color:#660000;
  }
#middle_end{
     margin:0;
	 height:auto;
	 width:681px;
	 float:right;
/*   background:#FFFF00;*/
	 }


#middle ul,#right_middle ul,#left_top_middle2 ul{color:black;list-style:none;margin:0;}
#middle ul li ,#right_middle ul li ,#left_top_middle2 ul li {border-bottom:0px dotted #ddd;line-height:28px;text-align:left;text-indent:6px;}
#middle ul li a,#right_middle ul li a,#left_top_middle2 ul li a{text-decoration:none;color:#336666;}
#middle ul li a:link,#right_middle ul li a:link,ul li a:visited,#left_top_middle2 ul li a:link,ul li a:visited{color:#336666;}
#middle ul li a:hover,#right_middle ul li a:hover,#left_top_middle2 ul li a:hover{ font-weight:bold;}




#book{ width:600px;height:auto; color:#336666;}

#items{ width:306px;height:300px;}
#items li{margin-left:20px;padding-left:10px;border-bottom:0px dotted #ddd;line-height:28px;text-align:left;list-style-type:none; list-style-image:url(images/hot.gif);}
#items li a{text-decoration:none;color:#336666;font-weight:bold;}
#items li a:hover{ color:#660000; font-size:1.1em;}

.messagename{width:80px;height:30px; float:left; text-align:right;}
#book ul{color:black;list-style:none;; border:1px dashed #FF9900; background:#CCCCCC; height:auto; padding-top:20px;}
#book ul li{ height:40px;text-align:left;text-indent:6px;}