/* basic stuff */


body {
	background-position: 0% 0%; font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000;
	text-align: center;
	padding: 0;
	margin: 0;
	height: 100%; line-height:1.3em; font-size:10pt; font-family:Arial, Helvetica, sans-serif; background-color:#ffeaff; background-repeat:repeat; background-attachment:fixed
}

h3 {
	width: 100%; /* needed for IE5+ */
	font-family: Arial,;
	font-size: 100%;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	word-spacing: 0.3em;
	border-bottom: #888 1px solid;
}

html > body h3 {
	/* redefinition of the border to dotted,
	hidden from IE - because the dashed line
	that IE uses instead of dots looks a bit
	too crude in my opinion */
	border-bottom: #000 2px dotted;
}

acronym {
	/* in this case, I can live with IE's dashed line */
	border-bottom: #000 1px dotted;
}

a, a:link { color: #cc0066; background: transparent; text-decoration: none; }
a:visited { color: #cc0066; background: transparent }
a:hover { color: #966; background: transparent }
a:active { color: #988; background: transparent }

/* let's start with the whole page container */

#container {
	background-position: center; position: relative;
	margin: 10px auto;
	width: 850px;
	padding: 3px;
	text-align: left;
	border: 1px solid #000;
	color: inherit; background-color:#ffeaff; background-repeat:no-repeat; background-attachment:scroll
}

/* and now the specific divs */

#pageHeader {
	background-position: top left; padding:5px; height: 100px;
	margin: 5px;
	border: 1px solid #000;
	text-align: left;
	color: inherit; background-color:#ffeaff; background-repeat:no-repeat; background-attachment:scroll
}

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


#quickSummary {
	border: 1px #000 dotted;
	background: #fff;
	color: inherit;
	font-size: 0.85em;
}

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

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

#explanation {
	/* a little inelegant, but gets the job done */
	margin-top: -3em;
}

#linkList {
	background-position: center top; position: absolute;
	top: 175px;
	right: 0;
	margin: 0;
	width: 183px;
	; padding-left:5px; padding-right:5px; padding-top:20px; padding-bottom:5px; background-color:transparent; background-repeat:no-repeat; background-attachment:scroll
}

#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 0px solid;
	padding: 20px;
	margin: 7px;
	text-align: left;
	background: #ffeaff;
	color: inherit;
}




#footer {
	

	
	
	text-align: center;
}
/* no need for extras...they're just not displayed */

#extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6 {
	display: none;
}
h1 { 
	font-size: 9pt; 
	letter-spacing: 1px; 
	margin: 0;
	padding: 0;
	color: #cc0066;
	}