html { height: 100%; margin-bottom: 1px;}

body { background-color: #dfe2d9; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; margin: 4px 0 4px 0; padding: 0; text-align: center;}
.banner { background-color: #ffffff; width: 760px; margin: 0 auto 0 auto; padding: 0; }
.content { width: 760px; background-color: #ffffff; text-align: left; color: black; margin: 0 auto; padding: 10px; }

/* a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover, a:active {text-decoration: underline;} */

h1, h2, h3, h4 { margin-bottom: 5px;}
h1 {margin: 10px 50px 10px 80px; font-weight: bold; font-size: 15px; } 
h2 { margin: 10px 100px 10px 100px; font-size: 12px; font-weight: normal;} 
h3 {margin: 10px 100px 10px 50px; font-size: 14px;} 
h4 {margin: 10px 50px 10px 55px; font-size: 10px;} 

p { margin: 10px 10px 10px 25px; padding: 0; }

ul li { list-style-type: none; margin: 0; padding: 0; }
li.box { list-style-type : square; padding-top : 5px; padding-bottom : 5px; }

img {border-style: none; border-width: 0;}

/* STRUCTURE
-------------------------------------------------- */
.linkbar { background: #005D31; height: 22px; width: 780px; border-top: 4px solid #107142; text-align: center; margin: 0 auto 1px auto; padding: 6px 0 0 0;}
.linkbar a { color: #fff; font: normal bold .9em Arial, Helvetica, sans-serif; }
.linkbar a:hover { color: #BFD0FF; }

/* LEFT COLUMN
-------------------------------------------------- */
.maincolumn { background-color:#ffffff; padding-left: 10px; }
.leftcolumn { float: left; vertical-align: top; width: 165px; }
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.top {vertical-align:top;}
.middle {vertical-align:middle;}
.bottom {vertical-align:bottom;}
.steps {border-top: 1px solid #cccccc; color: #010080; font-style: italic; }
td.spacer {width: 200px;}
.topics { font: normal normal 1em Arial, Helvetica, sans-serif; color: #6E8B6B; margin: 0; padding: 0;}
.topics li a { border-bottom: 1px solid #999; border-top: 1px solid #fff; padding: 0; width: 165px; }
.topics li a { color: #085900; display: block; font: normal bold 1.1em Arial, Helvetica, sans-serif; padding: 2px 10px; text-decoration: none; }
.topics a:hover { background-color: #A5BEB5; border-top: 1px solid #A5BEB5; color: #000; }
table.output { margin-top: 6px; border-collapse: collapse; border: 1px solid #aaaaaa; font-family: Arial, Helvetica, sans-serif; }
td.output {background : #ffffff; font-size: 12px; padding : 0 0.5em 0 0.5em; border: 1px solid #dddddd; }
th.output {background : #dfe2d9; font-size: 12px; padding : 0.5em; border: 1px solid #aaaaaa; text-align : center; }
table.main { margin-top: 6px; border-collapse: collapse; border: 1px solid #dfe2d9; font-family: Arial, Helvetica, sans-serif; }
td.main {background : #ffffff; font-size: 12px; padding : 0.5em; border: 1px solid #dddddd; vertical-align: middle; }
th.main {background : #dfe2d9; font-size: 12px; padding : 0.5em; border: 1px solid #aaaaaa; text-align : center; }
table.foot { margin-top: 6px; border-collapse: collapse; border: 1px solid #ffffff; font-family: Arial, Helvetica, sans-serif; }
td.foot {background : #ffffff; font-size: 10px; padding : 0.5em; border: 1px solid #ffffff; vertical-align: middle;}
th.foot {background : #dfe2d9; font-size: 10px; padding : 0.5em; border: 1px solid #ffffff; text-align : center; }
table.gloss { margin-top: 6px; border-collapse: collapse; border: 1px solid ; font-family: Arial, Helvetica, sans-serif; }
tr.gloss {background : #ffffff; font-size: 12px; padding : 0.5em; border: 1px solid #dfe2d9; vertical-align: middle; }
td.gloss {background : #ffffff; font-size: 12px; padding : 0.5em; border: 1px solid #dfe2d9; vertical-align: middle; }
th.gloss {background : #dfe2d9; font-size: 12px; padding : 0.5em; border: 1px solid #aaaaaa; text-align : center; }

#fclinks { border-top: 1px solid #fff; margin: 0; padding: 4px 0 0 10px; }
#fclinks li {margin-bottom: .6em; list-style-type: none; margin: 0; }
#fcinner {margin-left:0; padding-left:0;}
#fcinner li {margin-left:15px; padding-left:0;}

/* FOOTER
-------------------------------------------------- */
.footer { margin: 4px 0 4px 0; background-color: #fff; border-top: 1px solid #999; clear: both; padding: 4px 10px 6px 10px; font-size: .9em; }
.footer p { color: #666; margin: 3px 0 0 0; padding: 0; }
.footer a {color: #666;}
.footer a:hover {color: #000;}