body {
	margin:10px 0;
	padding:0;
	font:normal 10pt Arial, Helvetica, Sans-serif;
	text-align:left;
	color:#222;
	background: #3B5F7B;
}

a:link    { color:#000000; text-decoration:underline; }
a:visited { color:#330033; text-decoration:underline; }
a:hover   { color:#00ff00; text-decoration:underline; }
a:active  { color:#ffffff; text-decoration:underline; }

blockquote {
   text-align:center;
   font-style:italic;
}

acronym {
  border-bottom: none;
}

#container {
	width:800px;	
	margin:auto;
	position:relative;
	background: transparent;
}

#container h1,h2,h3,h4 {
	margin:0;
	padding:0;
  border-bottom: 1px solid rgb(60, 120, 181);
  background-color: rgb(166, 196, 225);
  text-align:center;
}

/* =============== Intro Section =================== */
#intro {
	margin:0;
	padding:0;
}

#intro div {
  margin:0 0 5px;
  padding:0;
}

#logo {
/*  float:left; */
}

#pageHeader {
/*
**** TEMPORARY UNTIL RE-STRUCTURE ****
*/

display:none;
	margin:0;
	color:#FFF;
	height:100px;
/*
	background: url(dd-banner-800x100.png) repeat top left;
	background: url(header.jpg) repeat top left;
*/
  border: 1px solid rgb(60, 120, 181);
}

#pageHeader h1,h2 {
  margin:5px 0;
  padding:0 5px;
  padding-right:25px;
  border: none;
  background: transparent;
  text-align:right;
}

#preamble {
	margin:5px 0;
	padding:0 5px;
	width:600px;
	background:#CCC;
  border: 1px solid rgb(60, 120, 181);
}

#preamble h3 {
	margin:0;
	padding:0 5px;
}

#preamble p {
	margin:5px 0;
	padding:0 15px;
}

#quickSummary {
	margin:5px 0;
	padding:0 5px;
	background:#CCC;
  border: 1px solid rgb(60, 120, 181);
}

#quickSummary h3 {
	margin:0;
	padding:0 5px;
}

#quickSummary h2 {
	text-align:center;
}

#quickSummary p {
	margin:5px 0;
	padding:0 15px;
}


/* =============== Supporting Text Section =================== */

#supportingText {
  margin:0;
  padding:0;
}

#supportingText div {
  margin:2px 0;
  border: 1px solid rgb(60, 120, 181);
}

#supportingText h3 {
  margin:0;
	padding:0;
}

#supportingText p {
  margin:0;
	padding:0 15px;
}

.category {
	margin:5px 0;
	background:#ccc;
}

.product {
	margin:5px 0;
	background:#ccc;
}

#explanation {
	margin:5px 0;
	background:#ccc;
}

#participation {
	margin:5px 0;
	background:#ccc;
}

#benefits {
	margin-bottom:0px;
	background:#ccc;
}

#requirements {
	margin:5px 0;
	background:#ccc;
}

/* =============== Content Section =================== */
#content h2 {
  text-align:center;
  background:#ffffff;
}

/* =============== Footer Section =================== */


#footer {
  background-color: rgb(166, 196, 225);
  text-align:center;
}

#footer a:hover {
	color: rgb(60, 120, 181);
}

/* =============== Link Section =================== */

/* magic link - back and fore color them same */
#magicdot {
  color: rgb(166, 196, 225);
}

/* WHY DOESN'T THIS WORK? - see below
#magicdot a:hover,a:link,a:visited,a:active {
  color: rgb(166, 196, 225);
}
*/

#magicdot a:hover {
  color: rgb(166, 196, 225);
}

#magicdot a:link { 
  color: rgb(166, 196, 225);
}

#magicdot a:visited { 
  color: rgb(166, 196, 225);
}

#magicdot a:active { 
  color: rgb(166, 196, 225);
}

#linkList {
	position:absolute;
	top:104px;
	left:605px;
	margin:4px 0;
	color:#222;
}

#linkList a, #footer a {
	color:#222;
  font-weight: bold;
	white-space: nowrap;
	text-decoration:none;
}

#linkList a:hover {
  color: rgb(60, 120, 181);
}


.select {
  margin:0;
	padding:0;
  border-bottom: 1px solid rgb(60, 120, 181);
  background-color: rgb(166, 196, 225);
  text-align:center;
}

.link_info {
  font-size:70%;
  font-weight:normal;
}

#lselect {
  border: 1px solid rgb(60, 120, 181);
  background-color: rgb(248, 248, 248);
	height:155px;
	width:193px;
}

#larchives {
	padding:39px 0 0 0;
}

#lresources {
	padding:39px 0 0 0;	
}

#lselect ul, #larchives ul, #lresources ul {
	margin:0;
	padding:10px 15px 5px 15px;
}

#lselect li, #larchives li, #lresources li {	
	padding: 0 0 5px 15px;
	margin:0;
	list-style-type:none;
	background:transparent url(bluball.gif) no-repeat 0 4px;
}