body { background: #87B8C5; background-image: url(img/bg/bg.gif); color: #222222;  margin: 0; padding: 20px;}

a {color: #1F5592; text-decoration: none; background-color: transparent;}
a:hover {color: #FF1A1A; text-decoration: underline;}
ul {  margin-left: 5px; }
li {  list-style-image: url(img/item/list.gif); list-style-type: square;list-style-position: outside; vertical-align: middle}
b { color: #666666;}

h1 { font-weight:bold; font-size: 18px; margin: 0px; padding-top: 3px; padding-bottom: 8px; color: #6F502B;}
h2 { font-weight:bold; font-size: 16px; margin: 0px; padding-top: 3px; padding-bottom: 8px; color: #6F502B;}
h3 { font-weight:bold; font-size: 14px; margin: 0px; padding-top: 3px; padding-bottom: 6px; color: #6F502B;}
h4 { font-weight:bold; font-size: 12px; margin: 0px; padding-top: 2px; padding-bottom: 3px; color: #205897;}
h5 { font-weight:bold; font-size: 12px; margin: 0px; padding-top: 2px; padding-bottom: 3px; color: #E8420B;}

table {font-size:12px;}

.high { font:12px; font-weight: bold; color: #6F502B; line-height:16px;}

.topshadow { background-image: url(img/bg/top.gif); background-repeat: repeat-x; height: 3px;}
.leftshadow { background-image: url(img/bg/left.gif); background-repeat: repeat-y; width: 3px;}
.rightshadow { background-image: url(img/bg/right.gif); background-repeat: repeat-y; width: 3px;}
.bottomshadow { background-image: url(img/bg/bottom.gif); background-repeat: repeat-x; height: 3px;}

.basebody { background: #FFFFFF; width: 550px; vertical-align: top; padding:5px 5px 5px 5px;}

.fivepad { padding:5px 5px 5px 5px; vertical-align: top;}

.w-spacer { width: 10px;}
.w-spacer-t { width: 6px; font-size:1px;}
.h-spacer { height: 10px;}
.h-spacer-t { height: 6px; font-size:1px;}

.greenbelt { height: 20px; font-size:1px; background: #FFFFFF;}

.topper { vertical-align: top; }


/* header area */

.header { padding: 5px; background: #FFFFFF; vertical-align: middle; text-align: center;}

.menuspacer { width: 6px;}

/* navigator area */

.navigator { width: 150px;  vertical-align: top; background: #D9CDAA; }
.navaccent { height: 585px; vertical-align: top; background-image: url(img/bg/greenbg0.gif); background-repeat: no-repeat; padding-top:220px}

/* contents area */
.con1 { background-image: url(img/titles/h1.gif); background-repeat: no-repeat;  height: 470px; vertical-align: top;}
.con2 { background-image: url(img/titles/h2.gif); background-repeat: no-repeat;  height: 470px; vertical-align: top;}
.con3 { background-image: url(img/titles/h3.gif); background-repeat: no-repeat;  height: 470px; vertical-align: top;}
.con4 { background-image: url(img/titles/h4.gif); background-repeat: no-repeat;  height: 470px; vertical-align: top;}
.con5 { background-image: url(img/titles/h5.gif); background-repeat: no-repeat;  height: 470px; vertical-align: top;}
.con6 { background-image: url(img/titles/h6.gif); background-repeat: no-repeat;  height: 470px; vertical-align: top;}
.con7 { background-image: url(img/titles/h7.gif); background-repeat: no-repeat;  height: 470px; vertical-align: top;}
.con8 { background-image: url(img/titles/h8.gif); background-repeat: no-repeat;  height: 470px; vertical-align: top;}
.con9 { background-image: url(img/titles/h9.gif); background-repeat: no-repeat;  height: 470px; vertical-align: top;}


.main-right { padding-left:25px; padding-top: 80px; padding-right:20px; padding-bottom:20px; vertical-align: top; text-align: left; line-height: 150%;}

.cellmaincolor { padding: 4px 4px 20px 4px; vertical-align: top; text-align: left; background: #E8E0CA;}

.cellmain { padding: 4px 4px 20px 4px; vertical-align: top; text-align: left; line-height:17px;}
.cellmaindot { padding: 10px 4px 20px 4px; vertical-align: top; text-align: left; line-height:16px; border-bottom: #FFCE24 dashed 1px;}


.cellfull {color: #6F502B; font-weight:bold; font-size: 14px; padding: 4px 4px 10px 4px; vertical-align: top; text-align: left;}

.cellcenter { vertical-align: top; text-align: center;}
.cellcenter img{ border: #AAAAAA solid 1px;}

.text8pt { font-size:10px; line-height:12px; font-weight:normal;}
.text10pt { font-size:12px; line-height:12px; font-weight:normal;}
.text12pt { font-size:14px; line-height:20px; font-weight:normal;}

.highlight { font-size: 12px; margin: 0px; padding-top: 2px; padding-bottom: 3px; color: #E8420B;}

.tablemain { border: #FFCE24 solid 1px;}
.tablecell { padding: 3px 5px 3px 5px; border-bottom: #FFCE24 solid 1px;}
.tablecellhatch { padding: 3px 5px 3px 5px; border-bottom: #FFCE24 dashed 1px;}
.tablecellnone { padding: 3px 5px 3px 5px;}

.imgflame { margin: 5px 0px 5px 12px; border: #AAAAAA solid 1px;}

/* footer area */

.footer-left { padding: 0px; vertical-align: middle; text-align: left; width:120px;}
.footer-center { padding:  0px 5px 0px 5px; vertical-align: middle; text-align: center; font-size: 10px;}
.footer-right {  vertical-align: bottom; text-align: right; width:30px;}