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%; font: 17px bold arial,helvetica,clean,sans-serif; background-color: #4D664A; white-space: nowrap; text-align: center; }
.navbar a { color: white; padding: 4px 9px 6px 9px;; text-decoration: none; line-height: 30px; overflow: visible; }
.navbar a:hover { text-decoration: underline; background-color: #0D2959; }

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

h2 { font-size: 30px; font-weight: bold; font-family: "Times New Roman", Times, serif; text-align: center; margin-bottom: 17px; }
h4 { font-size: 14px; font-weight: bold; text-align: center; margin-bottom: 12px; }

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; }

.list .component { margin-top: 8px; font-weight: bold; display: block; }
.list .definition { display: none; margin: 10px; }
/*.list th { padding: 2px 4px; font-weight: bold; text-align: center; }
.list td { padding: 2px 4px; }
*/
ul, ol { margin: 10px 30px 10px 30px; }
li { margin: 0px 30px 0px 30px; }

ul.disc li { list-style-type: disc; }

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
 * 
 */

 /* TOOLTIP */
#tooltip { 
	font-family: Arial, Helvetica, sans-serif; 
	color: white; 
	font-size: 10px; 
	position: absolute; 
	background-color: black; 
	width: 222px; 
	padding: 11px;
}
/* TOOLTIP */