style.css

body {
    background-color: #666666;
    font-family: "lucida grande", "lucida sans", verdana, sans-serif;
    color: black;
    font-size: 10pt;
    line-height: 1.6em; }


div.mainwrapper {
    position: relative;
    display: block;
    width: 64.0em;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: -8px;
    margin-bottom: 0px;
    background-color: #FFFFFF;
}
  
p {
    margin-top: 0em;
    margin-bottom: 1.6em; }

#answer {
    display: block;
    padding: 1.2em;
    background-color: #FFFFFF;
    border: 1px solid #cccccc;
    font-family: "lucida grande", "lucida sans", verdana, sans-serif;
    color: #0099FF;
    font-size: 10pt;
    line-height: 1.6em;
}

#smanswer {
    padding: .2em;
    background-color: #FFFFFF;
    border: 1px solid #cccccc;
    font-family: "lucida grande", "lucida sans", verdana, sans-serif;
    color: #0099FF;
    font-size: 8pt;
    line-height: 1.6em;
}

/* Tables */

table {
    margin: 0em;
    padding: 0em;
    border: 0px;
    border-style: none;
    border-spacing: 0px; }

td {
    margin: 0em;
    padding: 0em;
    border: 0px;
    border-style: none;
    border-spacing: 0px;
    }

/* Apply padding to td elements that are direct children of the tr element. */
/* from http://stackoverflow.com/questions/351058/space-between-two-rows-in-a-table*/
tr.spaceUnder > td
{
  padding-bottom: 1em;
}

/* Positions */
  
div.maintitle {
    position: absolute;
    top: 4.0em;
    left: 4.8em; }
  
div.subtitle {
    position: absolute;
    top: 6.4em;
    left: 4.8em; }
  
div.menu {
    position: absolute;
    top: 16.0em;
    left: 4.8em; }
  
div.submenu {
    position: absolute;
    top: 16.0em;
    left: 4.8em; }

div.floatingmenu {
    position: fixed;
    top: 16.0em;
    left: 50%;
    margin-left:-27.2em; /*64em is the width of the mainwrapper. -32em will set the menu against the edge. +4.8em to offset from edge*/
}

div.maintext { 
    position: relative;
    left: 28.8em;
    width: 35.2em;
    /*width: 31.4em; */
    /*width: 30.4em; */
    /*width: 35.2em; */
    padding-top: 16.0em;
    padding-bottom: 4.8em; }
  
p.section {
    position: relative;
    float: left;
    margin-left: -6.3em;
    margin-top: 2.8em;
    margin-bottom: 2.1em;
    width: 42.7em;
    color: #FF6600;}


p.col2 {
    position: relative;
    float: right;
    width: 14.4em;
    margin-top: 0em; }

IMG.centered {
    display: block;
    margin-left: auto;
    margin-right: auto
}


/* Fonts */

span.maintitle {
    font-size: 16pt; }
  
span.subtitle {
    font-size: 12pt;
    color: #7F7F7F; }

span.mainttitle {
    font-size: 15pt; }
  
span.subttitle {
    color: #7F7F7F; }
  
span.large {
    font-size: 11pt; }
  
div.small {
    font-size: 8pt; }
  
span.small {
    font-size: 8pt; }
  
span.gray {
    color: #7F7F7F }
  
span.smallgray {
    font-size: 8pt;
    color: #7F7F7F }
  
span.black {
    color: #000000 }
  
span.white {
    color: #FFFFFF }
  
span.orange {
    color: #FF6600 }
  
span.red {
    color: #EE2E2F}

span.green {
    color: #008C48}

span.blue {
    color: #185AA9}


span.heading {
    color: #7F7F7F;
    font-size: 11pt; }
  



/* Links */

a { text-decoration: none }
a:link { color: black }
a:visited { color: black }
a:active { color: red }
a:hover { color: #185AA9}

span.gray a:link { color: #7F7F7F }
span.gray a:visited { color: #7F7F7F }
span.gray a:hover { color: #185AA9}

span.smallgray a:link { color: #7F7F7F }
span.smallgray a:visited { color: #7F7F7F }
span.smallgray a:hover { color: #185AA9 }

span.orange a:link { color: #FF6600 }
span.orange a:visited { color: #FF6600 }
span.orange a:hover { color: black }

span.blue a:link { color: #185AA9 }
span.blue a:visited { color: #185AA9 }
span.blue a:hover { color: black }

p.section a:hover {color: black; }