html, body { height: 100%; max-height: 100%; overflow:hidden; 
             background-color: #FFFACD; font-family: Candara, Calibri, Arial, sans-serif; margin: 0; padding: 0;
}

a { color: Black; }
a:visited { color: Black; }

a.hdrlink { color: Green; font-family: Verdana; font-weight: bold; padding: 0.3em 0.7em; text-decoration: none;}
a.hdrlink:visited { color: Green; }
a.hdrlink:hover { color: #32CD32; }
a.cpage { border: solid 1px black; margin: -1px; background-color: #FFE4B5; }

.hdrshadow { color: #555555; font-family: Verdana; font-weight: bold; padding: 0.3em 0.7em; text-decoration: none;}
.subhdrshadow { color: #555555; font-family: Verdana; font-weight: bold; font-size: 0.66em;
                padding: 0.3em 0.7em; text-decoration: none;}

h2 { font-family: Candara; }

div.hdrbuttons { background-color: #FFCCCC; border: inset 3px Maroon; line-height: 50px;
                 padding: 7px 14px; margin: 15px; vertical-align: middle;
				 float: right; max-width: 75%; height: 50px; overflow: hidden;
}

h2.dlrow { border-top: double 5px black;}

img.thumb { }

img.middle { border: none; vertical-align: middle; margin: 0px 0.5em; text-decoration: none;}

img.screenshot { border: outset 2px gray; margin: 1em; max-width: 100%; }
span.pictitle { display: inline-block; width: 100%; font-variant: small-caps; text-align: center; margin-bottom: 1em;}
table.featuretab { width: 80%; background-color: #FFE4B5; border: groove 3px #CD853F;}
table.featuretab td { vertical-align: top; }

table.ccalc { border: none; width: 100%; }
table.ccalc th { text-align: right; font-variant: small-caps; vertical-align: top; padding-right: 0.5em;}
table.ccalc td { text-align: left; vertical-align: top;}

div.faqtext { display: none; border: dashed 1px black; margin: 1em 3%; width: 94%; padding: 0.2em 1em; 
              background-color: White; white-space: pre-line;}

ul.Features { font-weight: bold; font-family: Candara;}
ul.Features li { margin-top: 0.5em; }
         
#header {position: fixed; top: 0; width: 100%; background: #DDD; display: block; 
         height: 100px; z-index:5; vertical-align: middle; overflow: visible;
         background-image: url('paper.png'); background-repeat: repeat;
         }

#footer {position: fixed; margin: 0; color: #777777; font-style: italic; padding-right: 1em;
         bottom: 0px; width: 100%; display: block; height: 3em; background: #DDD; 
         background-image: url('paper.png'); background-repeat: repeat;
         text-align: right; border-top: 1px solid Black; vertical-align: middle;}

div.leftborder { position: absolute; top: 0; left: 0; width: 10%; height: 100%; border: dotted 2px green;}

div.main { position: fixed; width: 80%; height: auto; top: 100px; bottom: 3em; overflow: auto;
           padding: 0 10%; text-align: left;}
div.main_full { position: fixed; width: 100%; height: auto; top: 36px; bottom: 0px; overflow: auto;
           padding: 0; text-align: left; margin: 0;}

div.indentlist p { margin-left: 2em; margin-right: 2em; }
a.flare { overflow: visible; padding: 50px; margin: -50px; 
                background-image: url('flare.png'); background-repeat: no-repeat;
                background-position: 13px 25px;}

div.faqarea a.flare {text-decoration: none; font-weight: bold; color: Black; }
div.faqarea a:visited {text-decoration: none; font-weight: bold; color: Black; }

ul.Features a:visited { text-decoration: none; }
ul.Features a:hover { text-decoration: underline; color: Black;}
ul.Features a { text-decoration: none; color: Black; }

table.bottomicons { }
table.bottomicons td { border: none; padding: 0 1em; max-height: 2.8em; }

table.dldetails { float: right; margin: 0.5em; font-size: 0.8em; border: 3px ridge #CCCCCC; width: 33%; min-width: 20em; background-color: #F0F0FF; border-spacing: 0.5em;}
table.dldetails th { font-variant: small-caps; width: 33%; text-align: left; border-top: 1px solid #4040A0; vertical-align: text-top;}
table.dldetails td { text-align: left; border-top: 1px solid #4040A0; }