body
{
   background: #000;
   margin:     0;
   padding:    0;
   position:   relative;
   width:      100%;
   height:     100%;
   font-family:   sans-serif;
   text-align: center;
}

h2
{
   display:       block;
   position:      relative;
   background:    #444;
   color:         #FFF;
   margin:        1em;
   padding:       0.4em 1em;
   font-size:     150%;
   font-family:   sans-serif;
   font-weight:   bold;
}
h3
{
   margin:        1em;
}

a:link
{
   color:   #000099;
}
a:visited
{
   color:   #990099;
}
a:active
{
   color:   #000099;
}

p
{
   margin:  1em;
}

div#main
{
   position:   relative;
   display:    block;
   width:      660px;
   height:     auto !important;
   height:     100%;
   min-height: 100%;
   margin:     0 auto;
   padding:    0;
   background: rgb(188,188,188);
   text-align: left;
}

div#header
{
   display:    block;
   position:   relative;
   height:     241px;
   text-align: center;
   margin:     0     auto;
   padding:    1em   0;
}

div#content
{
   position:         relative;
   margin:           0;
   padding:          0;
   padding-bottom:   4em;
}

div#footer
{
   text-align: center;
   height:     4em;
   width:      100%;
   position:   absolute;
   bottom:     0;
   left:       0;
   margin:     0;
   padding:    0;
}
div#footer  ul
{
   position:   relative;
   display:    block;
   margin:     0;
   padding:    0;
}
div#footer  ul li
{
   list-style-type:  none;
   display:          inline;
   margin:           0  1em;
   padding:          0;
}

div#menu
{
   display:       block;
   position:      absolute;
   bottom:        0;
   left:          0;
   margin:        0;
   padding:       0;
   width:         100%;
   height:        24px;
   font-family:   sans-serif;
   font-size:     0.8em;
   font-weight:   bold;
}
div#menu ul
{
   display:       block;
   position:      relative;
   margin:        0;
   padding:       0;
   width:         100%;
   height:        100%;
   overflow:      hidden;
   background:    #000;
}
div#menu ul li
{
   display:       block;
   position:      relative;
   left:          1px;
   float:         left;
   width:         16.3%;
   height:        22px;
   background:    #448;
   text-align:    center;
   margin:        0;
   border:        1px #000 solid;
}
div#menu ul li a
{
   display:          block;
   position:         absolute;
   top:              50%;
   left:             0;
   text-align:       center;
   width:            100%;
   height:           100%;
   margin:           0;
   padding:          0;
   margin-top:       -8px;
}
div#menu ul li a:link
{
   color:            #88C;
   text-decoration:  none;
}
div#menu ul li a:visited
{
   color:            #88A;
   text-decoration:  none;
}
div#menu ul li a:hover
{
   text-decoration:  underline;
}
div#menu ul li a:active
{
   text-decoration:  none;
   font-weight:      bold;
}