html { background:lightgrey; }

body { margin:0; padding:0px 0px 0px 0px; border:0px; height:100%; overflow-y:auto; font-family: verdana, arial, helvetica; font-size:10pt; color:black; }

#page { margin:0px 0px 0px 0px; display:block; }

#main {margin:10px 98px 10px 98px; display:block; }

.header {margin:10px 98px 10px 98px; display:block; }

#main .section { vertical-align: top; border: none; margin: 10px 0px 10px 0px; padding: 1px 5px 1px 5px;   background-image:url('images/darkbg.png'); }

#leftMenu{ display:block; top:60px; left:3px; width:85px; position:fixed; border:none; padding:0px; text-align:center; background:none; }

* html #leftMenu{position:absolute;}

#rightMenu{ display:block; top:50px; right:3px; width:85px; padding:0px; text-align:left; position:absolute; }

* html #rightMenu{position:absolute;}

.menuItem { display:block; border-top:1px solid #fff; border-bottom:1px solid #000; width:100%;}

#cornerImage { display:block; top:0px; left:0px; position:fixed; border:none; padding:0px;  }

* html #cornerImage{position:absolute;}

a:link { color:black; text-decoration:underline;}
a:visited { color:black; text-decoration:none;}
a:hover { color:gray; text-decoration: underline; }

.menuItem a:visited, .menuItem a { display:block; width:100%; text-decoration:none; background-image:url('images/lightbg.png'); }
.menuItem a:hover { text-decoration:none; color:black; background-image:url('images/darkbg.png')}

hr { color: gray; margin:0.1em;}

p { font-size:10pt; margin-bottom:0.5em; margin-top:0.5em;}
li { font-size:10pt; margin-bottom:0.1em; margin-top:0.1em;}
ol { font-size:10pt; margin-bottom:0.1em; margin-top:0.1em;}
ul { font-size:10pt; margin-bottom:0.1em; margin-top:0.1em;}
h1 { font-size:18pt; margin-bottom:0.5em; margin-top:0.5em;}
h2 { font-size:14pt; margin-bottom:0.5em; margin-top:0.5em;}
h3 { font-size:12pt; margin-bottom:0.5em; margin-top:0.5em;}
h4 { font-size:10pt; margin-bottom:0.5em; margin-top:0.5em;}

