div .header     { color: #036; font-size: 130%; font-weight: bold; background-image: url("../img/common/h-bg.gif"); background-repeat: repeat-y; background-position: 2px 0; margin-top: 1em; }
h1          { color: #036; font-size: 120%; font-weight: bold; margin-top: 2px; margin-bottom: 2px; margin-left: 2px; padding: 2px 4px; border-left: 18px solid #9bc }
h2             { color: #369; font-size: 110%; font-weight: normal; margin: 2px 16px 2px 18px; padding: 2px 4px; border-left: 2px solid #9bc }
h3       { font-size: 100%; font-weight: bold; margin-top: 3px; margin-bottom: 3px; margin-left: -8px; padding: 3px 4px; border-left: 2px solid #999 }
.guideoutline       { font-size: 110%; font-weight: normal; margin: 1em 16px 1em 18px; padding: 3px 4px; border-right: 2px solid #999; border-left: 2px solid #999 }
blockquote { margin: 0 0 0 1em }
#inner-jump          { color: #999; font-size: 90%; margin: 10px; padding: 3px 5px; border-bottom: 1px solid #9bc }
#inner-jump a:link    { color: #036; text-decoration: none; background-image: url("../img/common/arrow-b.gif"); background-repeat: no-repeat; background-position: 0 50%; padding-left: 10px }
#inner-jump a:visited    { color: #036; text-decoration: none; background-image: url("../img/common/arrow-b.gif"); background-repeat: no-repeat; background-position: 0 50%; padding-left: 10px }
#inner-jump a:hover    { color: #69c; text-decoration: underline; background-image: url("../img/common/arrow-o.gif"); background-repeat: no-repeat; background-position: 0 50%; padding-left: 10px }
#inner-jump a:active    { color: #69c; text-decoration: underline; background-image: url("../img/common/arrow-o.gif"); background-repeat: no-repeat; background-position: 0 50%; padding-left: 10px }
#base { width: 750px }
.guidebase     { margin-right: 33px; margin-left: 35px }
.float-left  { margin-right: 0.5em; margin-bottom: 0.5em; padding: 2px; float: left; border: solid 1px #9bc }
.float-right  { margin-bottom: 0.5em; margin-left: 0.5em; padding: 2px; float: right; border: solid 1px #9bc }
.float-no  { padding: 2px; border: solid 1px #9bc }
.header1  { color: #036; font-size: 120%; font-weight: bold; line-height: 25px; background-image: url("../img/common/arrow-header.gif"); background-repeat: no-repeat; background-position: 0 50%; margin-top: 0; margin-bottom: 1em; padding-left: 37px; height: 25px }
.header2   { color: #036; font-size: medium; font-weight: bold; line-height: 21px; background-image: url("../img/common/arrow-header2.gif"); background-repeat: no-repeat; background-position: 0 50%; margin-top: 0; margin-bottom: 1em; padding-left: 37px; height: 21px }
.com-table-title { color: #369; font-weight: bold; text-align: right }
.com-table-sub { padding-left: 5px; border-left: 2px solid #06c }
.guide-link    { }
.guide-link a  { line-height: 17px; }
.guide-link a:link   { background-image: url("../img/common/ic-next-off.gif"); background-repeat: no-repeat; background-position: 0 0; padding-left: 17px }
.guide-link a:visited { background-image: url("../img/common/ic-next-off.gif"); background-repeat: no-repeat; background-position: 0 0; padding-left: 17px }
.guide-link a:hover { background-image: url("../img/common/ic-next-on.gif"); background-repeat: no-repeat; background-position: 0 0; padding-left: 17px }
.guide-link a:active { background-image: url("../img/common/ic-next-on.gif"); background-repeat: no-repeat; background-position: 0 0; padding-left: 17px }
.map-l1  { color: #036; padding: 4px; border-left: 3px solid #9bc }
.map-l1 a  { }
.map-l1 a:link { background-image: url("../img/common/ic-next-off.gif"); background-repeat: no-repeat; background-position: 0 50%; padding-left: 17px }
.map-l1 a:visited { background-image: url("../img/common/ic-next-off.gif"); background-repeat: no-repeat; background-position: 0 50%; padding-left: 17px }
.map-l1 a:hover { background-image: url("../img/common/ic-next-on.gif"); background-repeat: no-repeat; background-position: 0 50%; padding-left: 17px }
.map-l1 a:active { background-image: url("../img/common/ic-next-on.gif"); background-repeat: no-repeat; background-position: 0 50%; padding-left: 17px }
.map-l2  { color: #036; font-size: 90%; margin-left: 1em; padding: 4px 4px 4px 1px; border-left: 3px double #9bc }
.map-l2 a  { }
.map-l2 a:link { background-image: url("../img/common/arrow-db.gif"); background-repeat: no-repeat; background-position: 0 50%; padding-left: 12px }
.map-l2 a:visited { background-image: url("../img/common/arrow-db.gif"); background-repeat: no-repeat; background-position: 0 50%; padding-left: 12px }
.map-l2 a:hover { background-image: url("../img/common/arrow-o.gif"); background-repeat: no-repeat; background-position: 0 50%; padding-left: 12px }
.map-l2 a:active { background-image: url("../img/common/arrow-o.gif"); background-repeat: no-repeat; background-position: 0 50%; padding-left: 12px }
.map-l3  { color: #036; font-size: 90%; margin-left: 2em; padding: 4px 4px 4px 1px; border-left: 1px solid #9bc }
.map-l3 a  { }
.map-l3 a:link { background-image: url("../img/common/arrow-db.gif"); background-repeat: no-repeat; background-position: 0 50%; padding-left: 12px }
.map-l3 a:visited { background-image: url("../img/common/arrow-db.gif"); background-repeat: no-repeat; background-position: 0 50%; padding-left: 12px }
.map-l3 a:hover { background-image: url("../img/common/arrow-o.gif"); background-repeat: no-repeat; background-position: 0 50%; padding-left: 12px }
.map-l3 a:active { background-image: url("../img/common/arrow-o.gif"); background-repeat: no-repeat; background-position: 0 50%; padding-left: 12px }
.news-link { color: #c36; font-weight: bold; margin-bottom: 2px; padding-bottom: 1px; padding-left: 2px }
.news-link ul { font-weight: normal; margin-bottom: 0.5em }
.news-link li { font-weight: normal; list-style-type: none; margin-bottom: 2px }