html, body { height: 100%; min-height: 100%; background-color: #FFFAED; 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 {width: 100%; background: #DDD; display: block;  bottom: -15px;
         height: 100px; z-index:5; vertical-align: middle; overflow: visible;
         background-image: url('paper.png'); background-repeat: repeat;
         }

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

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

div.wrapper { text-align: left; min-height: 100%; height: 100%; height:auto !important; position:relative; margin:0 auto;}
div.main { width: 80%; padding: 0 10% 50px 10%; }
div.main_full { position: absolute; top: 0; margin-top: 50px ; text-align: left; height: 100%; width: 100%;}

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; }

div.screensLeft { position: absolute; top: 101px; bottom: 50px; border: none; width: 190px; margin-left: -10%; 
	text-align: center; overflow: auto; }
div.screensRight { vertical-align: top; position: absolute; left: 190px; right: 0; top: 101px; bottom: 50px; 
		border: none; overflow: auto;}

#frontbtns { width: 80%; height: 50%; position: absolute; top: 120px; border: none;}
#frontbtns td { width: 33%; text-align: center; font-size: larger; }
#frontbtns img { width: 50%; border: none; }
#frontbtns a { display: block; text-decoration: none; border-radius: 4px; border: 3px solid #E0E0E0; vertical-align: middle; 
               background-color: #F7F7F7; width: 80%; min-height: 80%; height: 6em; margin: 10%; padding: 3% 0 3% 0; }