/*CSS STYLE*/
/* W3C Validate    LAST UPDATE: 23 May 2006 */


/*GENERAL*/
a {
    font-family: GillSans, Swiss, Geneva, Verdana, Arial, sans-serif; line-height: 14px; font-size: 12px;
    color: #002200;
    text-align: left;
    background-color: #FFFFFF;
    }
    
h1, h2, h3, h4, h5, h6, p, b, li, i, td, th {
    font-family: GillSans, Swiss, Geneva, Verdana, Arial, sans-serif; line-height: 14px; font-size: 12px;
    color: #002200;
    text-align: left;
    background-color: #FFFFFF
    ;}    

/*    
b {  
    color: #448844; 
    font-weight: bold;}
*/  
    
h1, h2, h3, h4, h5, h6, b {
    color: #002200;
    font-weight: bold;}
    
table, td, th {
    border: 0px;
    margin: 0px;
    padding: 5px 20px;
    border-collapse:collapse;}


a:link {
    color: #337733;
    background-color: #FFFFFF;}
a:hover {
    color: #115511;
    background-color: #FFFFFF;}
a:visited {
    color: #663300;
    background-color: #FFFFFF;}

body {
    color: #FFFFFF;
    background-color: #FFFBFF;
    margin: 10px;}

hr {
    border: 1px solid #337733;
    width: 30%;
    text-align: left;}

img {
    width: 100px;
    border: 1px solid #337733;}
.box img {
    width: 100px;}
a img {
    width: 1em;
    border: 0px;}

/*CLASS*/
.box {
    border: 1px solid #337733;}
.bottom {
    border-bottom: 1px solid #337733;}
.box td {
    padding: 2px 5px;}
.box th {
    background-color: #448844;
    color: #FFFBFF;
    font-size: 10px;
    text-align: left;
    padding: 2px 5px;}
.box .right {
    text-align: right;}


.contents_table {
    width: 730px;   /* before 5 may 2006: 630px; */
    margin: 10px;}

.contents_table_2 {
    width: 600px;   /* before 5 may 2006: 630px; */
    margin: 10px;}

.description {
    width: 100%;}
.description .right {
    width: 150px;}

.detail {
    margin: 10px 0px;
    font-size: 10px;
    border-top: 1px solid #337733;}
.detail a, .detail li, .detail b {
    font-size: 10px;}
.detail ul {
    margin: 0px;}
.box .detail {
    border: 1px solid #337733;}
    
/*    
.header {
    font-weight: bold;
    vertical-align: middle;
    color: #FFFBFF;}
*/

.left {
    text-align: left;}
.noborder {
    border: 0px;}

.navigation {
    padding: 20px 0px;
    width: 150px;
    vertical-align:top;
    text-align: center;}

.note {
    background-color: #FFFFFF;
    color: #779977;
    font-size: 11px;}
.note a {
    font-size: 11px;}

.right {
    text-align: right;}

.page_contents {
    width: 550px;  /* before 5 may 2006: 500px */
    padding: 0px 20px;
    text-align: justify;}
.page_contents li {
    margin-top: 0.5em;
    }
.page_contents .contact th {
    font-weight: normal;
    font-size: 10px;
    text-align: right;
    vertical-align: top;
    color: #337733;
    background-color: #FFFFFF;
    }
.page_span {
    width: 300px;}
.page_span2 {
    width: 300px;}

.summary {
    margin: 40px;}
.summary td {
    padding: 5px 20px;
    vertical-align: top;}

.top {
    vertical-align: top;}
    
/*ID*/
#contents {
    margin: 40px;
   }
#contents td {
    padding: 5px 20px;
    vertical-align: top;}

#department a {
    color: #FFFBFF;
    text-decoration: none;
    background-color: #448844;
    }
#department a:hover {
    color: #115511;
    background-color: #FFFFFF;
    }    

#head_div {
    z-index: 1;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;}
#head {
    margin: 0px;}
#head th {
    /*
    background-color: #448844;
    */
    }
#head td {
    width: 80px;
    border: 1px solid #337733;
    text-align: center;}
#head .active, #head .active a {
    background-color: #448844;
    color: #FFFBFF;}

#logo {
    text-align: center;}
#logo img {
    width: 60px;}

#name {
    text-align: center;}

#padding {
    height: 30px;}
    
#toc td {
    color: #448844;
    background-color: #FFFBFF;}