body {
	font-family: verdana, regular;
	background-color: #909090;
	color: #303020;
	font-size: 10pt;
	margin: 0;
	padding: 0;
}
H1 {
	font-size: x-large;
	color: #305030
}
H2 {
	font-size: large;
	font-family: arial;
}
H3 {
	font-size: small;
}
P {
	padding-left: 8pt
}
LI {
	padding-top: 4pt;
	padding-bottom: 4pt;
	padding-right: 8pt
}
#pretty table {
	background-color:#e0e0e0
}
#pretty td {
	background-color:#FFFFF8;
	font-size: smaller
}
table.letters {
	background-color:#e0e0e0
}
td.letters {
	background-color:#FFFFF8;
	font-size: smaller
}
pre {
	font-family: courier, regular;
	font-size: 10pt
}
p.hbg {
	background-image:url(/images/bush_impeach.jpg);
	background-repeat:no-repeat
}
#alert {
	font-family: verdana, regular;
	font-size: 12pt;
	background-color:#F0F0C0;
	border-top: 4px solid #F8F8E0;
	border-left: 4px solid #FFFFE0;
	border-bottom: 4px solid #E0E0A0;
	border-right: 4px solid #E0E0A0;
	padding:8px;
}
#alert p {
	font-weight:bold;
}
#sidenavbar {
	font-family: verdana, regular;
	font-size: 10pt;
}
#sidenavbar p {
	padding-left: 2pt;
	padding-right: 4pt;
	line-height: 6pt
}
#sidenavbar A {
	font-weight:bold
}
#sidenavbar A:link {
	color: #4040C0;
	text-decoration: none
}
#sidenavbar A:visited {
	color: #404080;
	text-decoration: none
}
#sidenavbar A:hover {
	color: #F04080;
	text-decoration: underline
}
#sidenavbar A:active {
	color: #000000;
	background-color: #E0D0C0;
	text-decoration: underline
}
#sidenavbar A:focus {
	color: #303030;
	text-decoration: none
}
A:link {
	color: #0000EE
}
A:visited {
	color: #800080
}
A:hover {
	color: #FF0000
}
A:active {
	color: #f8f8f0;
	background-color: #303030
}
A:focus {
	color: #C0C000
}
#printable {
	color: #000000;
	font-size: 10pt
}
#printable A:link {
	color: #000000;
	text-decoration: none
}
#printable A:visited {
	color: #000000;
	text-decoration: none
}
#printable A:hover {
	color: #F04080;
	text-decoration: underline
}
#printable A:active {
	color: #000000;
	background-color: #E0D0C0;
	text-decoration: underline
}
#printable A:focus {
	color: #303030;
	text-decoration: none
}
/*******************************************************************/
/*************** Layout ********************************************/
/*******************************************************************/

#container {
	/* If this width is not set here then the page will go blank if the content is smaller than the sidebars in IE6! */
	width: 100%;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
}
 @media screen {
/********************************************************** header */
#header {
	background-color: #F0F0E8;
	/* Use border to prevent gap between divs. */
	border-bottom: 4px solid #E0E0D0;
}
#header img {
	float: right;
}
#leftheader {
	float: left;
	width: 30%;
	text-align: center;
}
#midtheader {
	margin-top: 0;
	margin-right: 30%;
	margin-bottom: 0;
	margin-left: 30%;
	padding: 10px;
	text-align: center;
}
#header h1 {
	padding: 8px;
	margin: 0;
}
#header h3 {
	padding: 4px;
	margin: 0;
}
#header_print {
	display:none;
}
/********************************************************** leftside */
#leftside {
	float: left;
	width: 9em;
}
#leftside_inner {
	margin: 4px;
	padding: 5px;
}
/********************************************************** rightside */
#rightside {
	float: right;
	width: 135px;
}
/* We use an inner div so that we can use padding and margin without messing up the widths for layout. */
#rightside_inner {
	margin: 2px;
	padding: 2px;
	text-align: center;
}
/********************************************************** content */
#content {
	margin-top: 0;
	margin-right: 135px;
	margin-bottom: 0;
	margin-left: 9em;
	padding: 10px;
	background: #FFF;
	line-height: 1.2em;
	border-left: 2px solid #EEE;
	border-right: 2px solid #EEE;
}
}

/***********************************************************/
/* Version of layout divs for printing. */
@media print {
#header {
	display:none;
}
#header_print {
	background: #FFF;
	/* Use border to prevent gap between divs. */
	border: 1px solid #DDE;
}
#header_print h1 {
	color: #123;
	padding: 5px;
	margin: 0;
}
#topnav {
	display:none;
}
#leftside {
	display:none;
}
#rightside {
	display:none;
}
#partners {
	display:none;
}
#content {
	margin-left: 0;
	margin-right: 0;
	padding: 10px;
	background: #FFFFFF;
}
}
#content p {
	text-align: justify;
}
/********************************************************** footer */
#partners {
	clear: both;
	text-align: center;
	vertical-align:middle;
}
#footer {
	clear: both;
	text-align: center;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}