/* 
    Document   : site
    Created on : 2009-7-13, 16:16:55
    Author     : lhd
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/*global setting*/
html{
    font-size:62.5%;
}
/* #626262;*/
body {
    font-size: 1.2em;
    color: #000000;
    margin: 0px;
    padding: 0px;
    font-family:宋体,Arial,Helvetica,sans-serif;    
}

h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;}

h1{font-size:2.0em}
h2{font-size:1.8em}
h3{font-size:1.6em}
h4{font-size:1.4em}
h5{font-size:1.2em}
h6{font-size:1.0em}

a:link {color: #000000; text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}

/*define some stuff*/
.floatclear{clear:both;}
.floatleft{float:left;}
.floatright{float:right;}

.aligncenter{text-align:center;}
.alignleft{text-align:left;}
.alignright{text-align:right;}
.new{color:red;}

/*page layout element*/
div.wrapper{width:960px;background-color: #ffffff;margin:0 auto;display:block;}

div.wrapper1{width:960px;background-color: #ffffff;margin:20px auto;display:block;}

div.wrapper1 .inner{
    margin:0 auto;
    width:70%;
}

div#header{clear: both;height:134px;display:block;}

div#header #logo{height:106px;width:100%;display:block; text-align:center;}

div#c_left {
    float: left;
    width: 230px;
}


div#c_right{ float:right;width:730px;display:inline;}

div#c_subright {
    float: left;
    width: 360px;
    display:inline;
    margin-left:5px;
    background-repeat:repeat;
}
div#c_subleft {
    padding: 0px;
    margin: 0px;
    float:left;
    width:360px;
    display:inline;
    margin-left:5px;
}

div#footer {
    clear: both;
    text-align:center;
}

div.box1{
    border:#D7D7D5 solid 1px;
    background-color:#ffffff;
    margin-bottom:5px;
}

div.box1 .title{
    height:24px;
    line-height:24px;
    font-weight:bold;

}
div.box1 .title .subtitle{
    float:left;
}
div.box1 .title .more{
    margin-right:5px;
    float:right;
    display:inline;
}
div.box1 .title span{
    margin-left:5px;
    margin-right:5px;
}

div.box1 .content{
    margin:5px;
    border:#D7D7D5 dotted 1px;
}
/*
div.box2{
    background-color:#F5F6F1;
    margin-bottom:5px;
    padding-bottom:5px;
}

div.box2 .title{
    height:24px;
    line-height:24px;
    font-weight:bold;    
    background-color: #DDF8CC;
}
div.box2 .title .subtitle{
    float:left;
}
div.box2 .title .more{
    margin-right:5px;
    float:right;
    display:inline;
    padding-top:2px;
}


div.box2 .title span{
    margin-left:5px;
    margin-right:5px;
}

div.box2 .content{
    margin:5px;
}

*/


div.box2{
    margin-bottom:5px;
}

div.box2 .title{
    height:24px;
    line-height:24px;
    font-weight:bold;
    background-color: #DDF8CC;
}
div.box2 .title .subtitle{
    float:left;
}
div.box2 .title .more{
    margin-right:5px;
    float:right;
    display:inline;
}

div.box2 .title span{
    margin-left:5px;
    margin-right:5px;
}

div.box2 .content{
    padding-top:2px;
    padding-bottom:3px;
    margin-top:3px;
    margin-bottom:3px;
    margin-left:0px;
    margin-right:0px;
    background-color:#F5F6F1;
}

div.box3{    
    margin-bottom:5px;
}

div.box3 .title{
    height:24px;
    line-height:24px;
    font-weight:bold;
    background-image:url(../images/blocktitle.gif);
    background-repeat: repeat-x;
}
div.box3 .title .subtitle{
    float:left;
}
div.box3 .title .more{
    margin-right:5px;
    float:right;
    display:inline;
}

div.box3 .title span{
    margin-left:5px;
    margin-right:5px;
}

div.box3 .content{
    padding-top:2px;
    padding-bottom:3px;
    margin-top:3px;
    margin-bottom:3px;
    margin-left:0px;
    margin-right:0px;
    background-color:#F5F6F1;
}


div.box_notice{
    padding-bottom:5px;
    padding-left:5px;
}

div.box_notice .title{
    height:24px;
    line-height:24px;
    font-weight:bold;
    background-image:url(../images/blocktitle.gif);
    background-repeat: repeat-x;
}
div.box_notice .title .subtitle{
    float:left;
}
div.box_notice .title .more{
    margin-right:5px;
    float:right;
    display:inline;
}

div.box_notice .title span{
    margin-left:5px;
    margin-right:5px;
}

div.box_notice .content{
    padding-top:2px;
    padding-bottom:3px;
    margin-top:3px;
    margin-bottom:3px;
    margin-left:0px;
    margin-right:0px;
    background-color:#F5F6F1;
}

.affichelist{
    margin: 0px;
    padding: 0px;
}

.affichelist li{
    color:red;
    text-align:center;
}

.affichelist li a{
    color:red;
    font-size:1.5em;
}

ul.c_list1{
    margin:5px;
    padding-left:0px;
    padding-right:0px;
    list-style-position:inside;
    list-style-type:disc;
}

ul.c_list1 li{
    margin-bottom:8px;
}

ul.c_list2{
    margin:5px 10px;
    padding-left:0px;
    padding-right:0px;
    list-style-position:inside;
}

ul.c_list2 li{
    margin-top:8px;
}

ul.c_list3{
    margin:5px;
    padding-left:0px;
    padding-right:0px;
    list-style-position:inside;
}

ul.c_list3 li{
    margin-top:10px;
}


ul.h_list{
    list-style: none;
    margin:0px;
    padding: 0px;
}

ul.h_list li{
    width:240px;
    float:left;
}

div#menu{
    background-image: url("../images/menubg.gif");
    background-repeat: repeat-x;
    width:100%;
    height:28px;
    display:block;
    line-height:28px;
    text-align:left;
    clear:both;
}

div#menu #datearea{display:inline;margin-left:15px;}

/*ul menu*/
.ulmenu
{
    margin-left:20px;
    padding:0;
    display:inline;
}
.ulmenu li
{
    display: inline;
    list-style-type:none;
    padding-left:5px;
}

.ulmenu li a,.ulmenu li a:link, .ulmenu li a:visited, .ulmenu li a:hover,.ulmenu li  a:active{
    display:inline-block;
    color: #000000; text-decoration: none;
}

.ulmenu .current a:link{
    color:#AF2525;
}

.ulmenu .current a:visited{
    color:#AF2525;
}

.formarea{
    width:auto;
}

.formarea label{
    float:left;
    width:80px;
    text-align:left;
}

.formarea input[type='text']{
    width:600px;
}

.formarea2{
    width:500px;
    margin:0 auto;
}

.formarea2 label{
    float:left;
    width:80px;
    text-align:left;
}

.formarea2 .need{
    color:red;
}

.formarea2 textarea,
.formarea2 input[type='text']{
    width:300px;
}

.error{
    color:red;
}

#book_table{
    margin:5px;
    vertical-align: top;
}

#book_table th{
    width:60px;
    font-weight:normal;
    text-align:left;
}

#book_table input[type="text"],
#book_table textarea{
    width:130px;
}

.counter{
    color:red;
    font-size:15px;
}

#ulsense{
    list-style:none;
}