html { height: 100%; }
body  { color: black; font-style: normal; font-weight: normal; font-size: 80%; font-family: Times, "Times New Roman", serif; text-decoration: none; background-color: white; margin: 0px; padding: 0px; height: 100% }
#header    { background-color: white; padding: 0px; height: 120px; }
#headerleft   { background: white url(../media/millwoodlogo.gif) no-repeat 10px 10px; margin: 0px; padding: 0px; position: absolute; top: 0px; left: 0px; width: 250px; height: 120px }
#headerright    { margin: 0px; padding: 0px; position: absolute; z-index: 1; top: 0px; right: 0px; width: 160px; height: 120px }
#headerrightfore { margin: 0px; padding: 0px; position: absolute; z-index: 2; top: 0px; right: 0px; width: 160px; height: 120px }
#navigationback   { background: url(../media/hmenu.png) repeat-x; margin: 0px; padding: 0px; position: absolute; z-index: 2; top: 120px; right: 0px; left: 0px; width: 100%; height: 60px }
#navigationtop   { color: #060; font-weight: bold; font-size: 116%; line-height: 30px; font-family: Helvetica, Arial, sans-serif; text-align: center; margin: 0px; padding: 0px; position: absolute; z-index: 4; top: 120px; right: 0px; left: 0px; width: 100%; height: 30px; overflow: hidden }
#navigationbottom   { color: #fc9; font-style: italic; font-weight: bold; font-size: 100%; line-height: 30px; font-family: Helvetica, Arial, sans-serif; text-align: center; vertical-align: middle; margin: 0px; padding: 0px; position: absolute; z-index: 5; top: 150px; right: 0px; left: 0px; width: 100%; height: 30px; overflow: hidden }
#bodyleft    { font-style: italic; font-weight: bold; font-size: 116%; font-family: Helvetica, Arial, sans-serif; text-decoration: none; padding-top: 2em; padding-left: 2em; position: absolute; z-index: 2; top: 180px; bottom: 0px; left: 0px; width: 250px; overflow: hidden }
#menubackground   { background: url(../media/menubackground01.jpg) no-repeat; position: absolute; z-index: 1; top: 180px; left: 0px; width: 250px; height: 482px; filter: alpha(opacity=50); opacity: 0.5  }
#bodyright   { font-size: 120%; padding: 1em; position: absolute; z-index: 1; top: 180px; left: 250px; width: auto; height: auto }
#bodyrighttop   { padding: 0px; border-bottom: 1px solid #060; height: auto }
#bodyrightbottom  { padding: 0px 0px 1em; height: auto }
#footer    { color: #333; font-style: italic; font-size: 90%; padding-top: 5px; width: 100%; height: auto }
#footercompact   { color: #060; font-style: italic; font-size: 90%; margin: 0px; padding: 5px; position: fixed; z-index: 4; top: auto; bottom: 0px; left: 0px; width: auto; height: auto }
#infobox { background-color: #ffc; padding: 4px; border-right: 1px solid #cc6; border-bottom: 1px solid #cc6; position: absolute; z-index: 4; top: 200px; right: 10px; width: 1px; height: 1px; visibility: hidden; filter: alpha(opacity=90); opacity: 0.9 }
#pagecontent { height: 0px; visibility: hidden; display: none; }
#thumbarea  { margin: 0px; padding: 0px; top: 0px; left: 0px; width: 100%; height: auto }
#imageviewer   { background-color: #fff; text-align: center; border-style: solid; border-width: 1px 2px 2px 1px; border-color: #666 #333 #333 #666; position: absolute; z-index: 5; top: 10px; left: 0px; width: 480px; height: auto; visibility: hidden }
.hiddentext { display: none; }
span.navtopitem   { text-align: center; vertical-align: 0%; padding-right: 15px; padding-bottom: 30px; padding-left: 15px; position: relative; height: 100%; cursor: pointer  }
span.navtopitemselected   { color: #fc9; background: url(../media/hmenutop.png) repeat-x; text-align: center; vertical-align: 0%; padding-right: 15px; padding-bottom: 30px; padding-left: 15px; position: relative; height: 30px; cursor: pointer  }
span.navtopitem:hover { color: #fc9; background: url(../media/hmenutop.png) repeat-x; text-align: center; vertical-align: 0%; padding-right: 15px; padding-bottom: 30px; padding-left: 15px; position: relative; height: 30px; cursor: pointer  }
span.navbottomitem  { text-align: center; vertical-align: 0%; padding-right: 16px; padding-left: 16px; position: relative; height: 100%; cursor: pointer  }
span.navbottomitem:hover { background: url(../media/bullet.png) no-repeat; text-align: center; vertical-align: 0%; padding-right: 16px; padding-left: 16px; position: relative; height: 100%; cursor: pointer  }
span.navbottomitemselected    { text-align: center; padding-right: 15px; padding-left: 15px; border: solid 1px #ff9; position: relative }
.footeritem    { padding: 5px 1em; border-top: 1px solid #ccc; border-right: 1px solid #ccc; position: relative }
a { color: #06f; text-decoration: none; cursor: pointer; }
a:visited { color: #069 }
a.internal { color: #060; text-decoration: none; }
a:hover { background-color: #ccc; }
ul { list-style-type: none; padding-bottom: 1em; padding-left: 0px; }
table.calendar { margin: 0px; padding: 0px; width: 100%; }
tr.calendardates  { color: #fc9; background-color: #060; text-align: center; margin: 0px; padding: 0px; width: 100%; }
p.calendartitle { font-weight: bold; font-size: 120%; line-height: 2em; text-align: center; margin: 0px; padding: 0px; }
p.largecentered { font-weight: bold; font-size: 150%; line-height: 2em; text-align: center; }
tr.calendarentries  { margin: 0px; padding: 0px; width: 100%; empty-cells: show; }
.othermonth  { color: #333; background-color: #ccc; filter: alpha(opacity=50); opacity: 0.5; }
td  { text-align: center; margin: 0px; padding: 0px; border: solid 1px #060; width: 14%; }
td.weekend  { width: 15%; }
li.selected  { font-weight: bold; background-color: #ccc; }
li.navbar:hover { background-color: #ccc; }
h1 { font-weight: bold; font-size: 180%; font-family: Helvetica, Arial, sans-serif; text-decoration: none; text-align: center; margin: 10px 0px 0px; padding: 0px; }
h2 { font-style: italic; font-weight: bold; font-size: 1.5em; font-family: Helvetica, Arial, sans-serif; text-decoration: none; text-align: center; }
h3.viewtitle  { font-style: italic; font-weight: bold; font-size: 1.5em; font-family: Helvetica, Arial, sans-serif; text-decoration: none; text-align: center; }
h4 { cursor: pointer; }
h4.itemtitle { color: #000; }
h4.itemtitleselected { color: #060; }
h4.itemtitle:hover { color: #060; }
h5   { font-style: normal; font-weight: normal; font-size: 1em; text-decoration: none; margin-top: 0.5em; margin-bottom: 0.5em; }
h6 { font-style: normal; font-weight: normal; font-size: 1em; line-height: 1em; text-decoration: none; text-indent: 1em; margin-top: 0.5em; margin-bottom: 0.5em; }
input:focus, select:focus, textarea:focus  { background-color: #fc9; border: dashed 2px #cc3; }
p.subhead    { font-style: italic; font-weight: normal; font-size: 120%; font-family: Helvetica, Arial, sans-serif; text-decoration: none; text-align: center }
p.status  { color: #c00; font-style: italic; font-family: Helvetica, Arial, sans-serif; text-decoration: none; padding: 1em; border: solid 1px black; }
.viewercontrols   { padding-right: 10px; padding-left: 10px; cursor: pointer }
.indent2em { margin-left: 2em; }
.completed { text-decoration: line-through; }
.offscreen { display: none; }
.onscreen { display: block; }
.explanatory { font-style: italic; }
.alert { color: #900; padding: 12px; border: solid 1px black; }
.thumbnail { cursor: pointer; }