﻿body {}


/* ----------------------------------------------------------------------------------------------------------
HTML tags
---------------------------------------------------------------------------------------------------------- */


body {background:url("./design/bg.gif") 0 0 repeat-x; } 

a {color:#404040;}
a:hover {color:#000;}

/* ----------------------------------------------------------------------------------------------------------

Layout
---------------------------------------------------------------------------------------------------------- */
#main {text-align:left;}
#main {margin:0 auto; overflow:hidden;}

    #header {position:relative; height:80px; width:960px; padding:5px 10px; font-size:10pt}

        #logo {margin:0; left:0; }
    
        #nav {position:absolute; top:60px; right:20px; margin:0;}
        #nav span {margin:0 8px;}
        #nav #nav-active {font-weight:bold; text-decoration:none;}
    
    #tray {position:relative; width:960px; height:45px; background:url("./design/tray.gif") 0 0 no-repeat; overflow:hidden;  font-size:10pt}
    #tray ul {margin:0 20px; list-style:none;}
    #tray li {display:inline;}
    #tray li a {display:block; float:left; padding:17px 20px 17px 18px; background:url("./design/tray-separator.gif") 100% 0 no-repeat; text-decoration:none;}
    #tray li a:hover {background:url("./design/tray-hover.gif");}
    #tray li#tray-active a {background:url("./design/tray-active.gif");}

        #search {position:absolute; top:8px; right:20px;}
        #search div {position:relative; width:185px;}
        
        #search #search-input {position:absolute; top:0; left:0; width:150px; height:30px; background:url("./design/search-input.gif") 0 0 no-repeat; overflow:hidden;}
        #search #search-input input {width:136px; margin:8px; border:0; font:100%/1 "arial",sans-serif;}
        #search #search-submit {position:absolute; top:0; right:0; width:30px;}

    #footer {clear:both; padding:10px 10px 10px 10px; font-size:85%; width:960px;}
    #footer p {margin:0;}
    
    
    #nav span {color:#DDD;}
    #nav #nav-active {color:#090;}

    #tray {background-color:#BFBFBF;}
    #tray li a {color:#404040;}
    #tray li#tray-active a {background-color:#090; color:#FFF;}
    #tray li a:hover {background-color:#9F9F9F; color:#FFF;}

        #search #search-input {background-color:#FFF;}
        #search #search-input input {color:#404040;}

#footer, #footer a {color:#9f9f9f;}
#footer a:hover {color:#404040;} 


ul.ul-01 {margin:15px 0; list-style:none;}
ul.ul-01 li {padding:2px 0 2px 25px; background:url("./design/ul-01.gif") 0 50% no-repeat; font-size:85%;}

ul.ul-list {margin:15px 0; list-style:none;}
ul.ul-list li {padding:1px 0;}
ul.ul-list span.date {padding-right:10px;}
 

/* ----------------------------------------------------------------------------------------------------------
Page
---------------------------------------------------------------------------------------------------------- */


        
#col_1 {position:relative; padding:15px 30px 15px 20px; background:url("./design/col.gif") 0 0 repeat-y;}
.col_1 {float:left; width:200px; padding:0 1px;  }
.col_1 h3 {margin:0; padding:7px 15px 12px 50px; background:url("./design/cols3-title.gif") 20px 40% no-repeat; font-size:10pt; background-color: #EEF8E4;}

#col_2 {position:relative; padding:15px 30px 15px 20px; background:url("./design/col.gif") 0 0 repeat-y;}
.col_2 {float:left; width:560px; padding:0 1px;  }
.col_2 h3 {margin:0; padding:7px 15px 12px 50px; background:url("./design/cols3-title.gif") 20px 40% no-repeat; font-size:10pt; background-color: #EEF8E4;}

#col_3 {position:relative; padding:15px 30px 15px 20px; background:url("./design/col.gif") 0 0 repeat-y;}
.col_3 {float:left; width:200px; padding:0 1px;  }
.col_3 h3 {margin:0; padding:7px 15px 12px 50px; background:url("./design/cols3-title.gif") 20px 40% no-repeat; font-size:10pt; background-color: #EEF8E4;}

#book {position:relative; padding:15px 30px 15px 20px; background:url("./design/col.gif") 0 0 repeat-y;}
.book {float:left; width:800px; padding:0 1px;  }
.book h3 {margin:0; padding:7px 15px 12px 50px; background:url("./design/cols3-title.gif") 20px 40% no-repeat; font-size:10pt; background-color: #EEF8E4;}
 

.col-text {padding:10px; border-top:1px solid #DFDFDF;}
.col-text p {margin:0;}
.col-text ul {margin-bottom:0;}
.col-more {padding:10px 10px 1px 0; text-align:right;}

#col-bottom {width:960px; height:5px; margin-bottom:15px; background:url("./design/col-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}

/* ----------------------------------------------------------------------------------------------------------
Others
---------------------------------------------------------------------------------------------------------- */

.noscreen {display:none;}
.box {height:1%;}
.width-left {width:200px}
.width-center {width:560px}
.width-right {width:200px}

 .table1{width: 960px;}