/********** Reset **********/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { 
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,img { 
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

ol, ul {
    list-style: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
}

/********** Defaults **********/

h1, h2, h3 {
    /* top & bottom margin based on font size */
    margin: 1em 0;
}

h1, h2, h3, h4, h5, h6, strong {
    /* bringing boldness back to headers and the strong element */
    font-weight: bold; 
}

abbr, acronym {
    /* indicating to users that more info is available */
    border-bottom: 1px dotted #000;
    cursor: help;
} 

em {
    /* bringing italics back to the em element */
    font-style: italic;
}

blockquote, ul, ol, dl {
    /* giving blockquotes and lists room to breath */
    margin: 1em;
}

ol, ul, dl {
    /* bringing lists on to the page with breathing room */
    margin-left: 2em;
}

ol li {
    /* giving OL's LIs generated numbers */
    list-style: decimal outside;	
}

ul li {
    /* giving UL's LIs generated disc markers */
    list-style: disc outside;
}

dt {
    float: left;
    clear: left;
    width: 12em;
    font-weight: bold;
}

dt:after {
    content: ":";
}

dd {
    margin: 0 0 0 12em;
    padding: 0 0 1em 0;
    text-align: justify;
}

th, td {
    /* borders and padding to make the table readable */
    border: 1px solid #999999;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: .25em;
    padding-bottom: .25em;
}

th {
    /* distinguishing table headers from data cells */
    font-weight: bold;
    text-align: center;
}


p, fieldset, table {
    /* so things don't run into each other */
    margin-bottom: 1em;
}

a:link, a:visited {
    color: #630;
    text-decoration: none;
}

a:hover {
    border-bottom: 1px dotted #222;
}

var {
    font-style: oblique;
}

/***** General Styles *****/

body {
    background-color: #eee;
    color: #333333;
    font-family: Georgia, serif;
    font-size: 13pt;
    line-height: 16pt;
    margin: auto;
    width: 900px;
}

h1, h2, h3, h4, h5, h6 {
    color: #333333;
    font-family: Verdana, Geneva, sans-serif;
}

h1 {
    font-size: 28pt;
    text-align: center;
    margin-bottom: 0.5em;
}

h2 {
    font-size: 20pt;
    margin-top: 2em;
    margin-bottom: 0.5em;
}

h3 {
    font-size: 17pt;
    margin-bottom: 0.5em;
}

h4 {
    font-size: 14pt;
    margin-bottom: 0.25em;
}



/* Main content */

div#content {
    background-color: #fff;
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    padding: 2em;
}

/*
#content a:link, #footer a:link
{
    border-bottom: 1px dotted #111;
    color: #111;
    text-decoration: none;
}
*/

#content p {
    text-align: justify;
}


/***** Header *****/

div#header {
    border-bottom: 1px dotted #222;
    margin-bottom: 1.5em;
    text-align: center;
    font-variant: small-caps;
    letter-spacing: 0.2em;
}

div#header h3 {
    letter-spacing: 0.3em;
    margin-bottom: 1.5em;
    color: #999999;
}

div#footer {
    border-top: 1px dotted #222;
}

div#footer p {
    text-align: center;
    margin-top: 1em;
    margin-bottom: 0;
    padding: 0;
}

/********** Picture **********/

div#picture {
    margin-top: 2em;
    text-align: center;
}

div#picture p {
    margin-top: 1em;
    text-align: center;
    display: block;
}


/********** Table of Contents **********/

div#toc ul {
    font-size: 15pt;
    margin: 0;
}

div#toc ul ul {
    font-size: 13pt;
    margin: 0;
}

div#toc ul li {
    list-style: none;
    padding: 0.5em 0 0.0em 1em;
}

div#toc ul ul li {
    list-style: none;
    margin: 0 0 0 3em;
}


code {
    /*font-family: "Consolas", "Lucida Console", "Monaco", monospace;*/
    font-family: "Courier New", Courier, monospace;
}

sub {
    font-size: 70%;
    vertical-align: sub;
}

td#tabsect {
    background-color: #f0f0f0
}

/********** 2 Columns **********/

#clear {
    clear: both;
}

#col1 {
    margin-left: 1em;
    float: left;
}

#col2 {
    margin-left: 9em;
}