a:link { color: #003399 }
a:hover { color: #CC0000 }

/* "text-align: center" to center body wrapper in IE 5.x */
body { margin: 0; padding: 0 1.5em 0.5em; text-align: center }

/* Wrapper around body - borders on body do not work correctly in IE 5.x */
#body_placeholder { font: 82% Tahoma, Arial, sans-serif; margin: 1.5em auto 0; border-left: 2px solid #CCCCCC; max-width: 86.5em; text-align: left }

/* IE-expression used to emulate max-width for IE 
   Thanks to http://www.svendtofte.com/code/max_width_in_ie/ and http://www.gunlaug.no/contents/wd_additions_14.html.
   IE 5.01 SP2 only picks this up after refresh. */
#body_placeholder { width: expression(document.body.clientWidth > 1200/12*parseInt(document.body.currentStyle.fontSize) ? "86em":"auto") }

div.offset { margin: 4px 0 0 4px }
div.column-left { padding: 0 30px 0 0; float: left; line-height: 160% }
div.column-right { padding: 0; line-height: 160% }

.highlight { color: #FF0000 }
.small { font-size: 79% }
.date-item { color: #FF6600; font-size: 79% }

h1 { font-size: 175%; margin: 0; padding: 25px 0 0 90px; letter-spacing: 2px }
h3 { font-size: 100%; color: #FF6600; margin: 30px 0 10px }
p { margin: 0 0 15px }
p.nomargin { margin-bottom: 0 }

/* Height for IE only - otherwise gap in border when scrolling */
#header { border-top: 2px solid #CCCCCC; position: relative; height: expression("72px") }
#header img { float: left; margin: 5px }
#header #social_icons { position: absolute; right: 0; top: 45px }
#header #social_icons a img { margin: 0 0 0 2px; border: 0; opacity: 0.4; filter:alpha(opacity=40) }
#header #social_icons a:hover img { opacity: 1.0; filter:alpha(opacity=100) }

#date_script { background-color: #CCCCCC; clear: left; font-size: 85%; padding: 4px; position: relative; height: 1.2em }  /* Height for IE, to make absolute positioning work correctly within the div. */
#date_script a:link { color: #000000 }
#date_script a:hover { color: #CC0000 }
#date_script span#right_content { position: absolute; right: 4px }

/* Note: "font-size: 100%" setting is for IE 5.x compatibility. */
#menu { background-color: #FFD9B0; clear: left; padding: 0 25px; margin: 0 }
#menu table { font-size: 100%; border-collapse: collapse; }
#menu td { text-align: center; font-weight: bold; width: 7em; }
#menu td#selected { background-color: #FFFFFF }
#menu a { color: #600000; text-decoration: none; display: block; background-color: #FFD9B0; padding: 3px 0 }
#menu a:hover { color: #CC0000; background-color: #E0E0E0 }

#content { margin: 30px 2em 0; max-width: 58.5em }
#content { width: expression(document.body.clientWidth > 900/12*parseInt(document.body.currentStyle.fontSize) ? "58em":"auto") }

#footer { margin-top: 65px; text-align: center; font-size: 79% }