body {
	font: 0.65em/1.3em Verdana, Arial, Helvetica, sans-serif ;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	background: #333366 fixed;
	color: #000;
	text-align: center;
	padding: 0;
	margin: 0;
	height: 100%;
}

h1, h2 {
	color: inherit;
	
}

h3 {
	width: 100%; /* needed for IE5+ */
	font-family: Times, serif;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	word-spacing: 0.2em;
	border-bottom: 2px solid #006699;
}

html > body h3 {
	border-bottom: #000 1px dotted;
}

acronym {
	border-bottom: #000 1px dotted;
}

a, a:link { color: #336699; background: transparent; text-decoration: none; }
a:visited { color: #336699; background: transparent }
a:hover { color: #0066FF; background: transparent }
a:active { color: #988; background: transparent }

#container {
	position: relative;
	margin: 0px auto;
	height: 100%;
	width: 750px;
	padding: 5px;
	text-align: left;
	background: #FFFF99 url('bottom_bg_003.jpg') no-repeat right bottom;
	border: 1px solid #CC6600;
	color: inherit;
	left: 17px

}

#pageHeader {
	padding: 5px;
	height: 160px;
	margin: 5px;
	border: 1px solid #000;
	text-align: left;
	background: #fff url('main_bg_003.jpg') no-repeat top left;
	color: inherit
}

#pageHeader h1, #pageHeader h2 {
	display: none;
	right: 0;
}


#quickSummary {
	border: 1px #000 solid;
	background: #fff;
	color: inherit;
	font-size: 9.5px;
	text-align: left;
	padding: 15px;
	top: 230px;
	left: 15px;
	width:100px;
	position: absolute;
}

#quickSummary h1 {
	font-size: 10px;
	font-style: normal;
	font-weight: bolder;
	line-height: normal;
	margin: 0px;
}

#quickSummary p {
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
	line-height: normal;
	margin: 0px;
}

#preamble, #supportingText {
	text-align: left;
	margin: 3em 25px 1em 170px;
	padding: 5px;
}

#preamble p, #supportingText p, #explanation p {
	font-size: 11px;
	font-weight: normal;
	line-height: normal;
	margin: 0px;
}

#quickSummary a, #preamble a, #supportingText a {
	text-decoration: none;
	font-weight: bold;
}

#explanation {
	margin-top: -3em;
}

#linkList {
	position: absolute;
	top: 180px;
	left: 0;
	padding: 3px 5px 5px 25px;
	margin: 0;
	width: 700px;
}

#lselect ul, #lresources ul, #larchives ul {
	margin: 0 0 0.5em 0;
	padding: 0;
}

#lselect ul li, #lresources ul li, #larchives ul li{
	list-style-type: none;
	border: #000 1px solid;
	padding: 2px;
	margin: 2px;
	text-align: left;
	background: #fff;
	color: inherit;
}

#lselect ul li:hover, #lresources ul li:hover, #larchives ul li:hover {
	background: #900;
	color: #fff;
}

#lselect ul li:hover a, #lresources ul li:hover a, #larchives ul li:hover a {
	background: inherit;
	color: #eee;
}

#lselect ul a:hover, #lresources ul a:hover, #larchives ul a:hover {
	background: #900;
	color: #eee;
}

#lresources, #larchives {
	background:  url('spikes.png') no-repeat center top;; padding-left:5px; padding-right:5px; padding-top:25px; padding-bottom:5px
}

#footer {
	position: relative;
	margin: 0px auto;
	width: 760px;
	padding: 10px 0px 0px;
	left: 17px;
	background: #333366;
	height: 1.5em;
	text-align: center;
	font-size: 10px;
	color: #999999;
	background-color: #333366;

}

#footer a {
	margin-right: 20px;
	padding-left: 18px;
	background:  url('bullet.png') no-repeat left center;
	color: #999999
}

body > div#supportingText p:first-letter {
	font: 2em Times, Helvetica, serif;
	float: left;
	text-transform: uppercase;
	margin: 0 3px 3px 0;
	padding: 0; 
}