html,body { background-color: #F5F5F5; margin: 0px; padding: 0px; height: 100%; }
table { border: 0px; color: #000000; font-family: Verdana, sans-serif; font-size: 10px; }
a { color: #404040; text-decoration: none; font-weight: bold; }
a:hover { color: #64829E; text-decoration: underline; }
a.nonbold { font-weight: normal; }
a.button { background-color: #F5F5F5; border: 1px solid #A5B4C4; padding: 3px; margin-right: 2px; }
li { text-align: justify; margin-left: -8px; padding: 0px; list-style: url(../gfx/list.gif) disc; }

/* layout */
table.base { height: 100%; }
table.main { line-height: 16px; margin-top: 4px; }

tr#header { height: 150px; }
tr#topnavi { height: 20px; }
tr#contents { height: 100%; }
tr#bottom { height: 5px; }
tr#footer { height: 20px; }

td.edge { background-color: #000000; line-height: 1px; }
td.footer { background-color: #F5F5F5; text-align: right; padding: 0px 5px 0px 0px; }

/* background */
td.header { background: #F5F5F5 url("../gfx/logo1a.png") no-repeat bottom left; text-align: right; }
td.topnavi { background: #D4DCE4 url("../gfx/logo1b.png") no-repeat top left; padding: 0px; line-height: 20px; text-align: right; }
td.topnavi span { color: #64829E; font-weight: bold; }
td.topnavi2 { background: #D4DCE4 url("../gfx/corner1a.gif") no-repeat top right;}
td.left { background: #C8D2DC url("../gfx/logo1c.png") no-repeat top right; padding: 5px; }
td.right { background: #C8D2DC url("../gfx/logo1d.png") no-repeat top left; padding: 5px 5px 5px 0px; height: 100%; }
td.sidebar { background: #E0E6EC url("../gfx/logo1e.png") no-repeat top right; padding: 0px 8px 6px 8px; }
td.contents { background: #E0E6EC url("../gfx/logo1f.png") no-repeat top left; padding: 0px 8px 8px 8px; height: 100%; }
td.bottom { background: #D4DCE4 url("../gfx/corner1b.gif") no-repeat bottom left; text-align: left; }
td.bottom2 { background: #D4DCE4 url("../gfx/corner1c.gif") no-repeat bottom right; text-align: right; }

td.header img { border: 0; }
td.sidebar a { font-weight: normal; }

/* text */
div.divider { background: url(../gfx/dot.gif) repeat-x bottom left; font-weight: bold; clear: both; padding-bottom: 1px; margin: 8px 0px 4px 0px; width: 100%; }

div.normal { text-align: justify; padding-left: 8px; }
div.list { margin-bottom: 2px; }
div.chapter { padding: 0px 0px 24px 8px; }
div.back { padding-top: 8px; text-align: right; }

td.list { text-align: left; line-height: 16px; padding-right: 4px; }
td.list2 { text-align: left; line-height: 12px; padding: 2px 0px 2px 0px; }

/* templates */
div.template { border: 1px solid #A5B4C4; margin-top: 8px }
div.avatar { border-left: 1px solid #A5B4C4; border-bottom: 1px solid #A5B4C4; float: right; margin-left: 4px; }

div.header { border-bottom: 1px solid #A5B4C4; padding: 2px 4px 2px 4px; }
div.title { line-height: 12px; font-weight: bold; }
div.left { float: left; }
div.right { text-align: right; margin-left: 8px; }

div.topic { font-weight: bold; padding-bottom: 4px; }
div.text { text-align: justify; padding: 4px; }
div.comments { margin-top: 24px; text-align: right; }

/* gallery */
div.gallery { margin: 2px; }
div.thumbnail { float: left; width: 120px; border: 1px solid #A5B4C4; margin: 2px; padding: 4px; text-align: center; }
div.footer { border-top: 1px solid #A5B4C4; padding: 2px 4px 2px 4px; }
img.noborder { border: 0px; }
img.border { border: 1px solid #404040; }
img.border:hover { border: 1px solid #64829E; }

/* forms */
input { border: 1px solid #A5B4C4; color: #000000; font-family: Verdana, sans-serif; font-size: 10px; height: 14px; margin-right: 2px; }
input.button { height: 18px; }
input.checkbox { border: 0px; }
textarea { border: 1px solid #A5B4C4; color: #000000; font-family: Verdana, sans-serif; font-size: 10px; margin-bottom: 2px; }
textarea.comments { width: 100%; height: 140px; }
textarea.news { width: 100%; height: 240px; }