html, body { color: white; background-color: black; }

a { color: #658DCB; }
a:visited { color: #658DCB; }
:active, :focus, input { outline:none; }

#pageWidth { width: 900px; margin: 0px auto; }
#pageHeader { height: 140px; margin-top: 7px; background-color: #4D664A; background-image: URL(../images/header.png); }

.navbar { width: 100%; margin-bottom: 7px; padding: 0px 0px 12px 0px; font: 17px bold arial,helvetica,clean,sans-serif; background-color: #4D664A; white-space: nowrap; text-align: center; }
.navbar a { color: white; padding: 0px 6px 6px 6px; text-decoration: none; }
.navbar a:hover { text-decoration: underline; }

.content { width: 100%; padding: 7px 0px; background: #0D2959; }
.content p { margin: 0px auto 3px auto; padding: 0px 40px 20px 40px; }
.content dl { padding: 0px 40px 20px 40px; }

h2 {  font: 30px bold "Times New Roman", Times, serif; text-align: center; margin-bottom: 17px; }

dt { margin-top: 8px; font-weight: bold; }
dd { display: none; margin: 10px; }
dd th { padding: 2px 4px; font-weight: bold; text-align: center; }
dd td { padding: 2px 4px; }

ul, ol { margin: 10px 30px 10px 30px; }
li { margin: 0px 30px 0px 30px; }


div.divider { margin: 10px auto; border-top: 1px solid #419F2E; height: 1px; width: 70% }

/*
 * color codes
 * #0D2959
 * #234CA5
 * #457DBB
 * #4D664A
 * #419F2E
 * 
 * Maybe replace one of the blue's with a brown.
 * http://kuler.adobe.com/#themeID/81130
 * 
 */
