/* for index EN */
/*== basics ==*/

body {
    margin: 0;
    padding: 0;
    font-family: 'Trebuchet MS',Verdana,Helvetica,sans-serif;
    background-image: url(paper.jpg);
    /* background-color: #eaebe5; */
    background-color: #e8eae7;
    color: #002400;
}

a {text-decoration: none;}

a:link {color: #406060;}
a:visited {color: #406060;}
a:hover {color: #d50000; text-decoration: underline;}
#main a {text-decoration: underline;}

em {
    font-weight: bold;
    font-style: normal;
    padding: 0 0.3em;
}
p {
    line-height: 1.4em;
    padding: 0 16px;
}
ul,ol { line-height: 1.4em; }
li {
    padding-top: 4px;
    padding-right: 16px;
}
#index li {padding-top:0;}

#updates p {line-height: 1.3em; margin:0;}
p.item {color: #609070; font-weight: bold; padding-top: 8px;}
.reset {clear: left;}

pre {
    font-family: monospace;
    font-size: 100%;
    line-height: 1.2em;
    margin: 0 16px;
    padding: 8px;
    color: #0000cc;
    background-color: #ffffff;
    overflow: auto;
}

img.left {float: left; margin: 0 16px 8px 0;}
/* img.left {align: left; padding-rignt: 8px;} */
.image {
    clear: left;
    text-align: center; margin: 0; padding: 0;
}

#container {
    align: center;
    text-align: center;
    margin-bottom: 20px;
}

#top {
    width: 600px;
    margin: 0 auto 10px auto;
}

#top img {border: none; margin: 0;}
.banner1_text {display: none;}
.banner2_text {display: none;}

#banner1 {
    text-align: left;
    padding: 3px 0px 0px 14px;
    background-color: #c6d4c6;
    /* border-bottom: 1px solid #80a080; */
    /* border-bottom: 1px solid #c6d4c6; */
    border-bottom: 1px dotted #80a080;
}

#banner2 {
    text-align: left;
    padding: 3px 0px 0px 14px;
    background-color: #dde6dd;
    /* border-bottom: 1px solid #c6d4c6; */
    border-bottom: 1px dotted #80a080;
}

#navtop {
    text-align: left;
    width: 600px;
    clear: both;
    padding: 0;
    margin: 0 auto;
}

#navtop img {border: none; margin: 0;}
#navbottom img {border: none; margin: 0;}

#navbottom {
    width: 600px;
    clear: both;
    padding: 0;
    margin: 10px auto;
}

#main {
    text-align: left;
    /* width: 560px; (for box)*/
    width: 600px;
    clear: both;
    margin: 0 auto;
    padding: 10px 0;
}
br.clear {clear: both;}

#index {
    text-align: left;
    /* width: 560px; (for box)*/
    width: 600px;
    clear: both;
    margin: 0 auto;
    padding: 10px 0;
}

#index img {float: left; border-width: 1px; margin-right: 10px; margin-bottom: 10px;}
.thumb_index p {clear: both;}

h1 {
    display: block;
    font-size: 100%;
    color: #406060;
    padding: 6px 8px 4px 16px;
    background-image: url(../common/gradbar_gallery.gif);
    /* border-top: 1px solid #c6d4c6; */
    /* border-bottom: 1px solid #c6d4c6; */
    border-top: 1px dotted #608080;
    border-bottom: 1px dotted #80a080;
    /* background-color: #eaebe5; */
}

h2,h3,h4,h5,h6 {font-size: 100%;}
h2 {
    /* color: #406060; */
    color: #b20008;
    padding: 2px 16px;
    clear: both;
    /* border-bottom: 1px dotted #608080; */
    border-bottom: 1px dotted #b20008;
}
/* h2 {color: #3e5245;} */
h3,h4,h5,h6 {padding: 2px 16px;}

p#copyright {
    text-align: center; font-size: 90%; color: #608080;
    margin: 10px 0px 20px 0px;
    padding-top: 10px;
    border-top: 1px dotted #608080;
}

p.nav {
    text-align: left;
    color: #406060;
    margin: 0px;
}
p.ver {color: #0000cc;}

p.box {
    margin-left: 60px;
    color: #406060;
    border-left: 1px dotted #406060;
}

.note {color: #b20008;}
.date {color: #608080; text-align: right} /* page-end timestamp */
.revision {color: #808080; text-align: right;}

.dates dt {
    float: left;
    padding: 0 16px;

}
.dates dd {
    margin-left: 10em;
}

/* colors
h2 reddish brown #b20008
*/