#wrapper { background-image: url(../backgrounds/hcw-cornerbit.jpg); background-repeat: no-repeat; background-position: 150px 125px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#topbanner { background-color: white; background-image: url(../backgrounds/hcw-topstripfull.jpg); background-repeat: no-repeat; background-position: left top; position: absolute; top: 0; left: 0; width: 935px; height: 125px; z-index: 400; }
#topbardkgreen { color: #ff0; font-size: small; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 1.2em; top: 57px; left: 50px; width: auto; height: auto; margin-top: 87px; margin-left: 455px; }
#headertitle { color: #fff; font-size: x-large; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 25%; background-color: #010066; text-align: left; position: absolute; top: 80px; left: 188px; right: 100%; bottom: 0; width: 238px; height: 45px; z-index: 450; visibility: visible; padding: 0; }
#sidenav { background-color: #cfc; background-image: url(../backgrounds/hcw-leftnavbackgnd.jpg); background-repeat: no-repeat; position: absolute; top: 125px; left: 0; width: 150px; height: 600px; z-index: 500; }
#contentleft { color: #234; font-size: small; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; line-height: 1.5em; position: absolute; top: 135px; left: 160px; width: 765px; height: auto; }
#contentleft h1 { color: #234; font-size: 150%; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; }
#contentleft h2 { color: #234; font-size: medium; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 1.5em; }
#contentleft h3 { color: #234; font-size: small; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 1.5em; }
#contentleft ul { list-style-type: none; }
#contentleft ul li ul { list-style-type: disc; list-style-position: inside; }
#fadedheading { background-color: #afa; background-image: url(../backgrounds/title-fadein.jpg); background-repeat: repeat-y; width: auto; }
body { font-size: small; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: #fff; background-image: url(../backgrounds/sidebar-pale.jpg); background-repeat: repeat-y; background-position: left top; top: 0; left: 0; }
/* Internet Explorer and the Expanding Box Problem.
It's an unfortunate fact that Internet Explorer will always incorrectly expand any dimensionally restricted block element so that oversize content is unable to overflow, as the specs require that content to do. The W3C says a rigidly sized block box should allow oversize content to protrude or overflow beyond the edges of the sized box.
The following rule instructs Internet Explorer 5.5 and 6 to break words into the next line instead of expanding the block element.
*/
#diary { background-color: #ccd7df; padding: 45px 8px 20px; position: absolute; top: 138px; left: 166px; width: 410px; height: auto; z-index: 2; }
#diary h1 /*Weekday title*/{ color: #fff; font-size: 11pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 16pt; background-color: #5e7796; padding-left: 5px; border-top: 2px solid #5e7796; }
#diary h2 /*Time of day*/{ color: #5e7796; font-size: small; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; margin-top: -0.2em; margin-bottom: -0.7em; padding-left: 5px; }
#diary p { color: #5e7796; font-size: small; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; padding-left: 5px; }
#diary a { color: #5e7796; font-size: small; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none; padding-left: 5px; }
#diary a:visited { color: #5e7796; font-size: small; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; text-decoration: none; padding-left: 5px; }
#diary a:hover { color: #234; font-size: small; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: underline; padding-left: 5px; }
#calendar { color: #5e7796; font-size: medium; line-height: 1.5em; background-color: #ccd7df; background-image: url(../images/calendarcorner.jpg); background-repeat: no-repeat; padding: 35px 15px 20px; position: absolute; width: auto; height: auto; border-color: #5e7796; }
#historytxt { background-color: #fff; width: 500px; float: left; margin: 20px 0 0 20px; }
#broadmargin { margin-top: 20px; margin-left: 20px; }
#historytxt a { color: #730; text-decoration: underline; }
#historytxt a:visited { color: #685f0e; text-decoration: underline; }
#historytxt a:hover { color: #685f0e; text-decoration: none; background-color: #99cdff; }
#historytxt p { color: #685f0e; font-size: small; font-family: Georgia, "Times New Roman", Times, serif; line-height: 16pt; text-align: justify; }
#historyside { position: absolute; top: 19px; left: 545px; width: 220px; }
#atwork { color: #d02323; font-size: small; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 1.2em; position: relative; top: 20px; width: 395px; height: auto; visibility: visible; float: left; }
#newslayo { position: relative; width: 600px    ; margin-top: 20px; margin-left: 20px; }
.cap { font-size: small; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bolder; background-color: #afa; margin: 0 0 5px 10px; padding: 5px 5px 2px 10px; }
#spotlight { color: #060; font-size: small; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 1.5em; background-color: #fff; background-image: url(../images/spotlight-title.jpg); background-repeat: no-repeat; text-align: left; position: relative; top: 0; width: 324px; height: auto; float: left; clear: both; padding-top: 60px; }
#spotlight a { color: #060; text-decoration: none; }
#spotlight a:visited { color: #3c3; text-decoration: none; }
#spotlight a:hover { color: #039; text-decoration: underline; }
#spotlight ul { position: relative; left: -40px; width: 325px; list-style-type: none; }
#spotlight h3 { margin-bottom: -0.8em; }
#reasons { position: absolute; top: 345px; left: 20px; }
#seeker { position: relative; top: 5px; left: 26px; width: 600px    ; }
#seeker a { color: #039; font-weight: bold; text-decoration: none; }
#seeker a:visited { color: #36f; font-weight: bold; text-decoration: none; }
#seeker a:hover { color: #039; text-decoration: underline; }
#seeker ul { position: relative; left: -40px; width: 325px; list-style-type: none; }
#seeker h3 { line-height: 0; margin-bottom: -0.8em; }