HTML {height: 100%}
BODY {margin: 0; height: 100%}
BODY.topic {color: #000000; background: url(imags/lex_bkg_logo_blue.gif) #C7D0F0}
BODY.software {background: url(imags/bkg_software.png) #FFFFFF; background-repeat: repeat-y}
BODY.hardware {background: url(imags/bkg_hardware.jpg) #FFFFFF; background-repeat: repeat-y}
BODY.edu {background: url(imags/bkg_edu.jpg) #FFFFFF; background-repeat: repeat-y}
BODY.marathon {color: #FFFFFF; background: #000000; background-repeat: repeat-y}
BODY.weird {color: #FFFFFF; background: url(imags/bkg_weird.jpg) #000022}
BODY.guest {background: url(imags/bkg_guest.jpg) #EAF4FA}
/* Usage: header/footer outside wrapper, head/footMargin first & last inside wrapper, rest in between */
DIV.wrapPlain {margin: -34px 1em -34px 1em; min-height: 100%; height: auto !important; height: 100%}
/* Wrapper for pages with left-side decoration */
DIV.wrapDeco {margin: -34px 7% -34px 80px; min-height: 100%; height: auto !important; height: 100%}
/* To use all available space */
DIV.escWrapper {margin: 0 -7% 0 -72px; text-align: center}
DIV.article {margin: 0 auto; min-width: 16em; max-width: 35em; text-align: justify}
DIV.widePage {margin: 0 7%}
/* To be used inside wrapDeco */
DIV.wideDeco {margin: 0 1% 0 1.5%}
DIV.topic {margin: 0 5%}

/* Need to add z-index, otherwise Internet Exploder makes header unclickable */
/* Bugs: separator images are inexplicably shifted down 1px in IE, and footer leaves gap in newer FF versions */
DIV#header {height: 32px; font-size: 18px; line-height: 18px; font-family: Helvetica,Arial,Swiss,sans-serif; font-weight: bold; border-top: 1px solid #000000; border-bottom: 1px solid #000000; position: relative; z-index: 2}
DIV#footer {height: 32px; font-size: 18px; line-height: 18px; font-family: Helvetica,Arial,Swiss,sans-serif; font-weight: bold; border-top: 1px solid #000000; border-bottom: 1px solid #000000; position: relative; z-index: 2}
DIV#headMargin {height: 34px; margin-bottom: 8px}
DIV#footMargin {height: 34px; margin-top: 2em}

DIV.navlevel0 {height: 32px; background: #3B3B5D}
DIV.navlevel1 {height: 32px; background: #6E6E90}
DIV.navlevel2 {height: 32px; background: #A1A1C3}
DIV.navlevel3 {height: 32px; background: #D4D4F6}
DIV.navbox0 {color: #CCCCCC; background: #3B3B5D; float: left; width: auto; text-shadow: #000000 2px 2px 2px}
DIV.navbox1 {color: #FFFFFF; background: #6E6E90; float: left; width: auto; text-shadow: #333333 2px 2px 2px}
DIV.navbox2 {color: #000000; background: #A1A1C3; float: left; width: auto; text-shadow: #CCCCCC 2px 2px 2px}
DIV.navbox3 {color: #333333; background: #D4D4F6; float: left; text-shadow: #FFFFFF 2px 2px 2px}
IMG.navimg {border: 0; vertical-align: middle}
HR.footnote {height: 1px; color:#000; background-color:#000; border: none; margin-top: 2em}

A:link {color: #003399}
A:visited {color: #330066}
A.nav0 {color: #CCCCCC}
A.nav1 {color: #FFFFFF}
A.nav2 {color: #000000}
A.nav3 {color: #333333}
A:link:hover {color: #3366FF}
A:link:active {color: #FF9900}
A:visited:hover {color: #3366FF}
A:visited:active {color: #FF9900}

UL.compact {margin-top: 0em; padding: 1em}
LI.section {font-weight: bold; margin-bottom: 1em}
EM.sectInfo {font-weight: normal; font-style: italic}
.center {text-align: center; margin-left: auto; margin-right: auto}
IMG.noBo {border: 0}
IMG.vcenter {vertical-align: middle}
DIV.copy {font-style: italic; text-align: right}

IMG.left {margin: .2em 1.2em .7em 0; float: left}
IMG.right {margin: .2em 0 .7em 1.2em; float: right}
DIV.floatLeft {text-align: center; float: left; margin-right: 1.2em; margin-bottom: .5em}
DIV.floatRight {text-align: center; float: right; margin-left: 1.2em; margin-bottom: .5em}
DIV.caption {font-size: .85em; font-style: italic; margin-top: .5em}

DIV.bookmarks {display: table; font-size: .8em; background: #FFFFFF; border: 1px solid #999999; margin: 1.5em auto 0 auto; padding: 6px}
DIV.bmItem {float: left; text-decoration: none; height: 18px}
IMG.bmIcon {border: 0; margin-left: 1em; margin-right: .3em; vertical-align: middle}
A.bmLink {text-decoration: none}

SUP {font-size: .75em}
H1 {text-align: left}
H2 {text-align: left}
H3 {text-align: left}