/* CSS Document */

td{  font-size: 9pt; font-family:"Verdana", "Arial", "ËÎÌå"; }
BigFont{ font-size:11pt;}
select.smallselsect{font-size:9pt;
color:rgb(0,0,128) ;}
input.smallInput{font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; height: 18px; clip:  rect(   ); color: #000000; border-color: black #000000 #000000 black; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; background-color: #FFFFFF}
textarea.smallarea
     {font-size:9pt;
     background-color: white;
     color: rgb(0,0,128) ;line-height: 18pt}
INPUT.buttonface {
	font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; height: 18px; clip:  rect(   ); color: #000000; border-color: black #000000 #000000 black; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; background-color: #FFFFFF
}
A{text-decoration:none;color:navy}
A:hover {COLOR: #ff0000; TEXT-DECORATION: underline}
TD.cls3
{   
    BORDER-BOTTOM: #FFB811 2px solid;
}



body
{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #ffffff;
}
body, div, form
{
    margin: 0;
    padding: 0;
}
#H_top
{
    width: 915px;
    height: 145px;
    margin: 0 auto;
    /*border-top: 1px solid #CCCCCC;*/
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    background:url(../images/toplogo.jpg);
}
#H_login
{
    width: 890px;
    height: 32px;
    line-height: 32px;
    padding-left: 25px;
    margin: 0 auto;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    background: url(../images/nav_bg.gif) 0 -31px;
}

#H_nav
{
    width: 915px;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
    background: url(../images/nav_bg.gif);
 
    border-left: 1px solid #cb1d1d;
    border-right: 1px solid #cb1d1d;
}
#H_time
{
    font: "ËÎÌå";
    color: #FFFFFF;
    font-size: 10pt;
    font-weight: bold;
    margin-left: 15px;
    float: left;
}
#H_navdh
{
   
    margin-left: 30px;
    float: left;
}

#H_navdh ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}
#H_navdh li
{
    display: inline;
    margin: 0;
    padding: 0;
}
#H_navdh a
{
    color: #FFFFFF;
    font-size: 10pt;
    font-weight: bold;
    float: left;
    margin: 0;
    padding: 0 0 0 4px;
    text-decoration: none;
    margin-left: 20px;
}
#H_navdh a:visited
{
    color: #FFFFFF;
    font-size: 10pt;
    font-weight: bold;
    float: left;
    margin: 0;
    padding: 0 0 0 4px;
    text-decoration: none;
    margin-left: 20px;
}
#H_navdh a:hover
{
    color: yellow;
    font-size: 10pt;
    font-weight: bold;
    float: left;
    margin: 0;
    padding: 0 0 0 4px;
    text-decoration: underline;
    margin-left: 20px;
}
#M_body
{
    width: 915px;
    margin: 0 auto;
    margin-top: 15px;
}
#M_leftbody
{
    width: 755px;
    float: left;
    overflow: hidden;
}
#M_rightbody
{
    width: 150px;
    float: right;
    overflow: hidden;
}
#M_search
{
    overflow: hidden;
    height: 78px;
   /* line-height: 78px;*/
    border: 0px solid #cccccc;
    background: url(../images/searchbg.jpg);
}

.classinput
{
    BACKGROUND-COLOR:#faf1d6;
    width: 500px;
    height: 22px;
    line-height: 22px;
}


.M_myinfo
{
    overflow: hidden;
    margin-top: 15px;
}
.M_leftinfo
{
    width: 372px;
    float: left;
    border: 1px solid #cccccc;
    background: url(../images/info_bg.gif) repeat-y;
}
.M_rightinfo
{
    width: 372px;
    float: right;
    border: 1px solid #cccccc;
    background: url(../images/info_bg.gif) repeat-y;
}
.small_nav
{
    margin: 1px;
    height: 25px;
    line-height: 25px;
    background-color: #EAF2F7;
    background: url(../images/nav_bg.jpg) 0 -31px;
}
.newslist
{
    margin: 0px 1px 1px 1px;
    height: 220px;
    border-top: 1px solid #cccccc;
}

.newslist ul
{
    margin: 10px;
    padding: 0;
    list-style: none;
}
.newslist li
{
    margin: 0;
    overflow:hidden;
}
.newslist a
{
    padding-left: 20px;
    overflow:hidden;
    display: block;
    height: 25px;
    line-height: 25px;
    color: #000000;
    font-size: 9pt;
    text-decoration: none;
    background: url(../images/newsbg.gif) no-repeat;
}
.newslist a:visited
{
    padding-left: 20px;
    display: block;
    overflow:hidden;
    height: 25px;
    color: #000000;
    font-size: 9pt;
    line-height: 25px;
    text-decoration: none;
    background: url(../images/newsbg.gif) no-repeat;
}
.newslist a:hover
{
    padding-left: 20px;
    overflow:hidden;
    color: red;
    font-size: 9pt;
    display: block;
    height: 25px;
    line-height: 25px;
    text-decoration: underline;
    background: url(../images/newsactive.gif) no-repeat;
}

.newstitle
{
    float: left;
    margin-left: 15px;
    color: #CC3300;
    font-weight: bold;
}
.newsmore
{
    float: right;
    margin-right: 15px;
}

#newjoindiv
{
    width: 915px;
    border: 1px solid #ccc;
    margin: 0 auto;
    margin-top: 15px;
}

#friendlinkdiv
{
    width: 815px;
    border: 1px solid #ccc;
    line-height: 25px;
    margin: 0 auto;
    background: url(../images/n_friendlink.gif) no-repeat 18px 7px;
    padding-left: 100px;
    margin-top: 10px;
}
.classfoota a:link
{
    font-size: 9pt;
    color: #cc3300;
    padding: 4px 4px 2px 4px;
    margin-right: 12px;
    text-decoration: none;
}
.classfoota a:visited
{
    font-size: 9pt;
    color: #cc3300; 
padding:4px4px2px4px;
margin-right:12px;
text-decoration:none;

}
.classfoota a:hover
{
    font-size: 9pt;
    color: #ffffff;
    font-weight: bold;
    padding: 4px 4px 2px 4px;
    margin-right: 12px;
    text-decoration: none;
    background-color: #cc3300;
}



#foot
{
    width: 915px;
    border-top: 0px;
    height: 120px;
    margin: 0 auto;
    margin-top: 15px;
}
.hoteditor
{
    width: 120px;
    height: 160px;
    margin: 0 auto;
    margin-bottom: 10px;
    padding: 0;
}
.hoteditor img
{
    border: 1px solid #666666;
    width: 118px;
    height: 160px;
}
.submitbutton
{
    background: url(../images/search.png);
    border: 0px;
    width: 72px;
    height: 28px;
}
.loginbutton
{
    background: url(../images/botton_bg.gif) repeat;
    border: 0px;
    height: 20px;
    line-height: 20px;
    font-size: 9pt;
    border: 1px solid #ccc;
}
.newbooklist
{
    margin: 0px 1px 1px 1px;
    border-top: 1px solid #cccccc;
    margin: 0 0px;
}


.newbooklist a
{
    width: 173px;
    padding-left: 10px;
    display: block;
    height: 25px;
    line-height: 25px;
    color: #000000;
    font-size: 9pt;
    text-decoration: none;
}
.newbooklist a:visited
{
    width: 173px;
    padding-left: 10px;
    display: block;
    height: 25px;
    color: #000000;
    font-size: 9pt;
    line-height: 25px;
    text-decoration: none;
}
.newbooklist a:hover
{
    width: 173px;
    padding-left: 10px;
    color: red;
    font-size: 9pt;
    display: block;
    height: 25px;
    line-height: 25px;
    text-decoration: underline;
}
#s_leftbody
{
    width: 250px;
    float: left;
}




#s_rightbody
{
    width: 655px;
    float: right;
   
}
#s_rightbody2
{
    width: 915px;
    float: right;
   
}
#s_rightbody3
{
    width: 755px;
    float: left;
   
}
.s_left
{
     margin:0;
     margin-bottom:12px;
     border:1px solid #cccccc;
}
.s_leftlist
{
    margin: 0px 1px 1px 1px;
    border-top: 1px solid #cccccc;
}

.s_leftlist ul
{
    margin: 10px;
    padding: 0;
    list-style: none;
}
.s_leftlist li
{
    margin: 0;
}
.s_leftlist a
{
    padding-left: 20px;
    
    height: 25px;
    line-height: 25px;
    color: #000000;
    font-size: 9pt;
    text-decoration: none;
    background: url(../images/newsbg.gif) no-repeat;
}
.s_leftlist a:visited
{
    padding-left: 20px;
    height: 25px;
    color: #000000;
    font-size: 9pt;
    line-height: 25px;
    text-decoration: none;
    background: url(../images/newsbg.gif) no-repeat;
}
.s_leftlist a:hover
{
    padding-left: 20px;
    color: red;
    font-size: 9pt;
    height: 25px;
    line-height: 25px;
    text-decoration: underline;
   
}
#s_areadiv
{
    background: url(../images/n_arealink.jpg) no-repeat 10px 7px;
    padding-left: 84px;
    line-height:22px;
     border:1px solid #ccc;
}
#s_areadiv a:link
{
    margin-left:4px;
    color:Black;
    font-size:9pt;
    text-decoration:none;
  
}
#s_areadiv a:visited
{
    margin-left:5px;
    color:Black;
    font-size:9pt;
    text-decoration:none;
  
}

#s_areadiv a:hover
{
    
    color:Red;
    font-size:9pt;
    
    text-decoration:none;
    border-bottom:1px  dotted red;
   
   
}
#bookclasslist
{
    margin-top:12px;
    border:1px solid #ccc;
}
#s_middlebody
{
    width:480px;
    float:left;
    background:url(../images/xxmore.jpg) repeat-x;
    padding-left:10px;
    padding-top:15px;
}
.morenews a:link
{
    font-size:13px;
 
    line-height:22px;
}
.morenews a:visited
{
   
    font-size:13px;
 
    line-height:22px;
}
.morenews a:hover
{
   
    font-size:13px;
 
    line-height:22px;
}
#tjbook
{
    width:752px;
    border: 1px solid #ccc;
    margin: 0 auto;
    margin-top: 15px;

 
}
.hoteditor2
{
    width: 120px;
    height: 160px;
    margin: 0 12px;
    padding: 0;
}
.hoteditor2 img
{
    border: 1px solid #666666;
    width: 118px;
    height: 160px;
}
.datalsit2
{
    width:752px;
}
.remenbook
{
    border:1px solid #ccc;
    margin-top:10px;
   
}
.remenbook1
{
    
    border-top:1px solid #ccc;
}

.remenbook1 ul
{
    margin: 10px 2px;
    padding: 0;
    list-style: none;
}
.remenbook1 li
{
    margin: 0;
    overflow:hidden;
}
.remenbook1 a
{
   
   
    height: 25px;
    line-height: 25px;
   
    font-size: 9pt;
    text-decoration: none;
   
}
.remenbook1 a:visited
{
  
    height: 25px;
   
    font-size: 9pt;
    line-height: 25px;
    text-decoration: none;
   
}
.remenbook1 a:hover
{
   
    font-size: 9pt;
  
    height: 25px;
    line-height: 25px;
    
}