body { background-color: blue; color: white; font-family: Arial, Helvetica, sans-serif;}
.style7a { border-top: 20px outset white; margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.style7b { border-bottom: 20px outset white; padding-bottom: 20px; padding-top: 0; margin-top: 0; }
.hdrttl { font-size: 18px; text-align: center; line-height: 20px; color:black; }
.style3 { font-size: small; text-align: center;  }
.style3a { font-size: small; text-align: left;  }
.hdrsbttl { font-size: 12px; text-align: center; color: black; }
.content { width: 720px; padding: 10px; margin-left: auto; margin-right: auto; font-size: small; border: 0; text-align: left; }
#MenuBar1 { margin: 0 auto 0 auto; border:0; padding:0 5%; width: 1024px; height: 30px;}
h1, h2, h3 { text-align: center; }
h1 { font-size: x-large; }
.center { text-align: center; }
.center table { width: 90%; padding: 10px; margin-left: auto; margin-right: auto; font-size: small; border: 0; text-align: left; }
.center table tr td { padding: 10px; }
h3, h4 {  font-size: large; }
h5, h6 { font-size: medium; }
.underline { text-decoration: underline; }
.justify { text-align: justify; }
.centerbold { text-align: center; font-weight: bold; }
.left { text-align: left; }
#ctr { text-align: center; }
div.centered  { text-align: center; }
div.centered table  { margin: 0 auto; text-align: left; }
table{ background-color:#FFFFFF; }
.tdp { padding: 1em; }
.pad30 { padding: 30px; }
.pad20 { padding: 20px; }
.pad10 { padding-left: 10px; padding-right: 10px; }
#Layer1 { position:absolute; width:300px; height:100px; z-index:1; left: 361px; top: 234px; }
#Layer2 { position:absolute; width:300px; height:350px; z-index:2; left: 766px; top: 227px; }
#DirectorMessage { position:absolute; width:300px; height:350px; z-index:2; left: 329px; top: 227px; }
#layer3 { position: absolute; left: 389px; top: 460px; }
#main { width: 720px;}
.style4 { }
.style5 {color: #00F; }
.info { font-size: xx-small; }
.style6 { float:left; width:100px; height: 120px; border: 0; margin: 0; padding: 10px; }
.style8 { float:left; height: 150px; margin: 15px; padding-right: 15px; border: 0;}
.style9 { float:left; height: 25px;}
.styleA { width: 75%; height: 30px; padding: 5px; margin-bottom: 15px; margin-top: 15px; margin-left: auto; margin-right: auto; font-size: x-small; border: 0; text-align: center; }
.styleB { float:left; height: 150px; margin: 0; padding-right: 5%; border: 0;}
.styleC { margin: auto; text-align: center; border: 0; padding: 3px; float:right; }
.styleC1 { margin: auto; text-align: center; border: 0; padding: 3px; }
.styleD { text-align: center; font-size: small; width: 600px; }
.scrapbookPhoto1, .scrapbookPhoto2, .scrapbookPhoto3, .scrapbookPhoto4 { border: solid black thin; padding: 9px; height: 200px; float: left; text-align: left; margin-right:2px; margin-bottom:2px;}
.scrapbookPhoto1 { width: 100px; }
.scrapbookPhoto2 { width: 222px; }
.scrapbookPhoto3 { width: 344px; }
.scrapbookPhoto4 { width: 466px; }
.thumbnail { width:100px; height: 100px; }
.reportTable { margin: 0 auto; border: solid black thick; padding: 5px; width: 95%; }
.reportTable .colHead { width: 50%; }
.reportTable .colLeft { width: 50%; }
.reportTable .colRight { width: 50%; text-align: right; }
.style7 { width:720px; border: 0; margin: 0 auto; padding-left: 20px; padding-right: 20px; color: black; background-color:white; font-weight:500; }