#navigationbox  { color: #630; background-color: white; text-align: left; position: absolute; top: 130px; left: 464px; width: 229px; height: auto }
#navigationbox a:link, #navigationbox a:visited  { font-weight: bold; color: #8b0000; line-height: 1.5em; text-decoration: none }
#navigationbox a:hover, #navigationbox a:focus, #navigationbox a:active   { font-weight: bold; color: white; background-color: #8b0000 }
#navigationbuttontop   { background: #cc9 url(../percimages/SmallBoxTop.gif) no-repeat left top; padding-left: 8px }
#navigationbuttontween     { background: #cc9 url(../percimages/InBetweenBOx.gif) no-repeat; margin: 0px; padding-top: 6px; padding-left: 8px; height: auto }
#navigationbuttonbottom   { background: #cc9 url(../percimages/SmallBoxBottom.gif) no-repeat left bottom; padding-left: 8px }
#footer         { background-color: purple; text-align: center }
#content        { background: #ffc url(../percimages/BigBoxTop.gif) no-repeat left top; padding: 0px 10px 10px; position: absolute; top: 130px; left: 25px; width: 415px; height: 100% }
#containsall    { background-color: white; position: absolute; top: 0px; left: 0px; width: 710px; height: auto }
#entry   { background: white url(../percimages/PERCentry_edited.jpg) no-repeat left top; border: double 1pt olive; position: absolute; top: 50px; left: 100px; width: 700px; height: 500px }
#entry a:link, #entry a:active, #entry a:visited { color: black; text-decoration: none }
#entry a:hover, #entry a:focus  { color: white; background-color: transparent }
#entryone  { color: black; font-size: 2em; position: absolute; top: 40px; left: 220px; width: 100% }
#PD     { color: black; font-size: 13px; position: absolute; top: 145px; left: 265px; width: 200px }
#CT    { color: black; font-size: 13px; position: absolute; top: 130px; left: 495px; width: 200px }
#MD   { color: black; font-size: 13px; position: absolute; top: 175px; left: 495px; width: 200px }
#PI  { color: black; font-size: 13px; position: absolute; top: 235px; left: 265px; width: 200px }
#PIPR  { color: black; font-size: 13px; position: absolute; top: 325px; left: 265px; width: 200px }
#welcome     { color: black; font-size: 13px; line-height: 1.4em; position: absolute; top: 125px; left: 20px; width: 215px; height: 250px }
#resources   { color: black; font-size: 13px; position: absolute; top: 223px; left: 495px; width: 100% }
#news   { color: black; font-size: 13px; position: absolute; top: 268px; left: 495px; width: 100% }
#eval   { color: black; font-size: 13px; position: absolute; top: 317px; left: 495px; width: 100% }
#contactus   { color: #ff8c00; font-size: 1.2em; line-height: normal; letter-spacing: 0.1em; position: absolute; top: 410px; left: 265px; width: 100% }
#contactus a:link  { color: #ff8c00; font-weight: bold }
#contactus a:visited  { color: #ff8c00; font-weight: bold; border: none }
#contactus a:active  { color: #ff8c00; font-weight: bold }
#contactus a:hover  { color: #fff; font-weight: bold }
#entrysix     { color: #8b4513; font-size: 9px; line-height: normal; position: absolute; top: 425px; left: 560px; width: 100% }
#middleearth { position: absolute; top: 0px; left: 0px; width: auto; height: auto }
#newsflash      { right: 0px; width: 150px; height: 100% }
.newsbite            { line-height: 100%; background-color: #f0e68c; text-align: center; margin-bottom: 4px; padding: 4px; border: dotted 1px #800000; position: relative; width: 100%; height: auto }
.projectbutton   { color: white; text-decoration: none; background-color: #8b0000; text-align: center; display: block; float: left; margin-left: 8px; position: relative; width: 100px; height: auto }
.projectbutton a:link  { color: white; font-weight: bold; line-height: 100%; text-decoration: none; background-color: #8b0000; display: block; position: relative; width: 100px }
.clearallfloats { clear: both }
.projectbutton a:visited  { color: white; font-weight: bold; line-height: 100%; text-decoration: none }
.projectbutton a:active  { color: white; font-weight: bold; line-height: 100%; text-decoration: none }
.projectbutton a:hover    { color: #8b0000; font-weight: bold; line-height: 100%; text-decoration: none; background-color: #f0e68c; display: block }
.projects  { vertical-align: top; margin-top: 0.5em; padding: 10px; border: solid 1px #c0c0c0 }
.bottomline          { line-height: 100% }
.newsarticle    { line-height: 100%; text-align: left; border-bottom: 2px double #f00 }
.fact     { color: #fff; line-height: 100%; background-color: #900; text-align: center; margin-bottom: 4px; padding: 4px; border: #c0c0c0; position: relative; top: 4px; width: 100%; height: auto }
#header               { background:   url(../percimages/PERCwebheader.gif) no-repeat left 0px; margin: 0px; padding: 0px; width: 700px; height: 119px }
#header p      { color: white; font-weight: bold; font-size: 12px; position: absolute; top: 90px; left: 130px; width: 100%; height: 100% }
#entryheader p { color: #800000; font-weight: bold; font-size: 11px; position: absolute; top: 86px; left: 100px; width: 100%; height: 100% }
#tagline             { color: white; font-size: 9px; background: #f00 0em 0em; text-align: right; vertical-align: middle; margin: 0em; padding: 0em; border: 0pt; position: absolute; top: 150px; left: 0pt; width: 100%; height: 5px }
a:link         { color: #8b0000}
a:focus, a:hover, a:active  {text-decoration: none}
body         { color: black; font-size: 0.75em; line-height: 1.5em; font-family: Tahoma, Arial, Helvetica }
h1         { color: #630; font-size: 1.2em; text-decoration: none; border-bottom: 1px solid #630 }
h2     { color: #8b0000; font-size: 1.2em; line-height: 100%; font-family: Arial, Helvetica}
h3   { color: #000; font-weight: bold; font-size: 1.1em; line-height: 100%; font-family: Arial, Helvetica; text-align: left; padding-top: 0.2em; padding-bottom: 0.2em }
#percfooter { color: #630; background: #ffc; margin: 0; padding: 8px; height: auto}