/*START STYLE RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

/* remember to define focus styles! */
:focus { outline: 0; }

html, body { height: 100%; font-family:"Comic Sans MS", sans-serif; <!--font-family: Arial, Helvetica, sans-serif;--> }
h1 { font-size: 24pt; font-weight: bold; }
h2 { font-size: 18pt; font-weight: bold; margin-left:1em; margin-right:1em;padding-top:1em; padding-bottom:1em }
ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/*END RESET*/

#header
{
    font-family:"Comic Sans MS", sans-serif;
    font-size:40pt;
    text-align:center;
    padding:0.5em;
}

.topnav
{
    width:18em;
    font-size:24pt;
    margin: 0px auto;
    display:table;
}

.topnav > a
{
    background-color:DarkRed;
    text-decoration:none;
    color:white;
    display:table-cell;
    width:6em;
    text-align: center;
    vertical-align: bottom;
    border-left:2px solid white;
    padding:10px;
}

.topnav > a:first-child
{
    border-left:none;
}


.topnav > a:hover
{
    color:black;
}

p
{
    //clear:both;
    padding-bottom:1em;
    margin-left:1em;
    margin-right:1em;
}


h1
{
    clear:both;
    margin: 1em;
    text-align:center;

}