* {
   margin:            0;
   padding:           0;
   font-family:       "Trebuchet MS", verdana, sans-serif;
   font-size:         1.0em;
}

body {
   margin:            auto;
   padding:           1em;
   max-width:         1000px;
   background-color:  #FFFFFF;
}

div#header {
   padding-bottom:	1em;
}

div#header h1 {
   font-size:		1.8em;
   font-weight:		bold;
   text-align:		center;
   color:			#1010A0; 
}

div#sidenav {
   float:             left;
   width:             10em;
}

div#content {
   margin-left:       10em;
}

/* Not sure if this section is needed yet.
It has helped form the following elements

div#content div.subcontent {
   margin-bottom:     	1em;
 }
 */
div#content div.subcontent ul{
list-style-type:		disc;
margin-left: 			1em;
list-style-position:	outside;
margin-left: 			1em;
margin-bottom:     		1em;
}
div#content div.subcontent p{
margin-bottom:	1em;
}

div#content h2 {
   margin-top:      1em;
   margin-bottom:   0.5em;
}

div#content p {
   margin-top:        0em;
}

div#content ul {
	list-style-type:	none;
	margin-bottom:		0em;
}

div#content ul.indentedlist li {
   padding-left:      3em;
}

div#content ul.inlinelist li {
	display:           inline;
}

div#content div#bigbutton {
   width:             10em;
   margin:            0.4em auto;
   padding:           0.4em 0;
   border:            1px solid #000000;
   background-color:  #1010A0;
   font-size:         2.5em;
   font-weight:       bold;
   text-align:        center;
   text-transform:    uppercase;
}

div#content div#bigbutton a {
   color:             #F7F7F7;
   text-decoration:   none;
}

div#footer {
   clear:			both;
   margin-left:		10em;
   margin-top:		1em;
}

div#footer ul.navbuttons li {
   float:             left;
   margin-left:       20%;
}

div#footer p {
   clear:             both;
   font-size:         0.8em;
}   

div#content div.subcontent table {
border-collapse:	none;
text-align:			center;
}

div#content div.subcontent td {
text-align:		center;
padding-left:	2em;
}

/*
div.centeredimage {
   text-align:        center;
}
*/


ul.navbuttons {
   list-style-type:   none;
}

ul.navbuttons li {
   width:             10em;
   margin:            0.4em 0;
   padding:           0.4em 0;
   border:            1px solid #000000;
   background-color:  #1010A0;
   font-size:         0.85em;
   font-weight:       bold;
   text-align:        center;
   text-transform:    uppercase;
}

ul.navbuttons li:hover {
   background-color:  #2020C0;
}

ul.navbuttons a {
   color:             #F7F7F7;
   text-decoration:   none;
}

ul.twocolumn li {
   width:             50%;
   float:             left;
}

table {
   border-collapse:   collapse;
}

th, td {
   text-align:        left;
   padding-right:     3em;
}

ol li {
   margin-left:      3em;
}

@media print {
   div#footer ul.navbuttons li {
      margin-left:    10px;
   }
}