body {
	width: 2048px;
	margin: 0;
	padding: 0;
	color: #494652;
	background-color: #efefef;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	line-height: 1.5;
}




div#extraDiv2 {
	background-image: url(assets/images/websitelogo.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 600px;
	width: 216px;
	z-index: 3;
}



/* And now the cool stuff, hiding from IE with child-selectors */



body>div#extraDiv2 {
	background-image: url(assets/images/websitelogo.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	position: fixed;
	left: 0;
	bottom: 0;
	height: 594px;
	width: 216px;
	z-index: 5;
	background-attachment: fixed;
} 



/* Using Geckos capability of PNG transparency to create the smooth scrolling border,

when the screen is scrolled and the content vanishes to the left */



body>div#apDiv3 {
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	z-index: 2;
	background-image: url(assets/images/bg_grey.png);
	width: 225px;
	font-family: "Times New Roman", Times, serif;
}

/* The Header, using the "old":)) FIR-method */



div#pageHeader {

	position: relative;

	left: 220px;

	width: 1828px;

}



div#pageHeader h1 {
	width: 850px;
	height: 83px;
	background-image: url(assets/images/smhlogoNerve.jpg);
	background-repeat: no-repeat;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-top: 20px;
}



div#pageHeader h1 span {

	display: none;

}



div#pageHeader h2 {
	width: 1826px;
	height: 27px;
	background-image: url(assets/images/outsidebox.jpg);
	background-position: right;
	background-repeat: no-repeat;
	margin-top: -10px;
	z-index: 3;
}



div#pageHeader h2 span {

	display: none;

}



div#quickSummary {

	position: absolute;

	width: 1300px;

	left: 228px;

	top: 98px;

	letter-spacing: 0.1em;

	color: #A5A3B5;

	background-color: transparent;

}



/* Have the summary displayed in a single line */



div#quickSummary p.p2, div#quickSummary p.p1 {

	display: inline;

	margin: 0;

}



div#extraDiv1 { /*adding a border */

	position: absolute;

	left: 225px; 

	top: 90px;

	height: 1px;

	width: 1823px;

	background-color: #A5A3B5;

	color: inherit;

}





/* The main content. All positioned absolutely

-----------------------------------------------

 The text-links */



a:link, a:visited {

	color: #A52A2A;

	background-color: transparent;

	font-weight: bold;

	text-decoration: none;

}



a:hover {

	text-decoration: underline;

}



/* The Preamble */



div#preamble {
	position: absolute;
	left: 375px;
	top: 160px;
	width: 464px;
	text-align: justify;
	height: 567px;
	font-style: normal;
	list-style-type: disc;
	font-size: 10px;
}



div#preamble h3 {
	width: 464px;
	height: 25px;
	background-image: url(assets/images/websitedirectory.jpg);
	margin: 0 0 0.5em;
}



div#preamble h3 span {

	display: none;

}



div#preamble p {

	margin: 0 0.5em 0.5em;

}



/* Supporting Text

--------------------------------------*/



div#explanation {
	position: absolute;
	left: 375px;
	top: 161px;
	width: 700px;
	text-align: justify;
	height: 2419px;
}



div#explanation h3 {

	width: 200px;

	height: 25px;

	background-image: url(sowhatisthisabout.jpg);

	margin: 0 0 0.5em;

}



div#explanation h3 span {

	display: none;

}



div#explanation p {

	margin: 0 0.5em 0.5em;

}



div#participation {
	position: absolute;
	left: 879px;
	top: 161px;
	width: 288px;
	text-align: justify;
	height: 589px;
}



div#participation h3 {
	width: 287px;
	height: 25px;
	background-image: url(assets/images/itemsofinterest.jpg);
	margin: 0 0 0.5em;
}



div#participation h3 span {

	display: none;

}



div#participation p {

	margin: 0 0.5em 0.5em;

}



div#benefits {
	position: absolute;
	left: 1225px;
	top: 160px;
	width: 100px;
	text-align: justify;
}



div#benefits h3 {

	width: 200px;

	height: 25px;

	background-image: url(benefits.jpg);

	margin: 0 0 0.5em;

}



div#benefits h3 span {

	display: none;

}



div#benefits p {

	margin: 0 0.5em 0.5em;

}



div#requirements {
	position: absolute;
	left: 901px;
	top: 161px;
	width: auto;
	text-align: justify;
	height: 3000px;
}
#container #supportingText #requirements .c cite {
	background-position: right;
}



div#requirements h3 {

	width: 400px;

	height: 25px;

	background-image: url(requirements.jpg);

	margin: 0 0 0.5em;

}



div#requirements h3 span {

	display: none;

}



div#requirements p {

	margin: 0 0.5em 0.5em;

}



/* The Navigation

---------------------------------------*/



 div#linkList {
	position: absolute;
	left: 1828px;
	top: 160px;
	width: 220px;
	background-color: #D0D0D0;
	color: inherit;
	background-image: url(bg_linklist.jpg);
	background-repeat: repeat-y;
	text-transform: lowercase;
	height: 583px;
	z-index: 4;
}





div#linkList div#lselect li a:link, div#linkList div#lselect li a:visited {

	display: block;

	margin-left: -10px;

	padding-left: 26px;

	color: #8B879E;

	background-color: transparent;

	border-top: 1px solid #C6C6D2;

	background-image: url(linklistlink.jpg);

	background-repeat: no-repeat;

}



div#linkList li a:link, div#linkList div#lselect li a.c:link, div#linkList li a:visited, div#linkList div#lselect li a.c:visited {

	display: inline;

	background-image: none;

	color: #A52A2A;

	background-color: transparent;

	padding-left: 0;

	margin-left: 0;

	border: none;

}





div#linkList ul {

	list-style: none;

	margin: 0 0 0 25px;

	padding-left: 0;

}



div#linkList li {

	padding-left: 10px;

}







div#lselect h3 {

	float:left;

	margin-top: 0;

	width: 25px;

	height: 200px;

	background-image: url(selectadesign.jpg);

	background-repeat: no-repeat;

}



div#lselect h3 span {

	display: none;

}



div#larchives {

	clear:left;

	margin-top: 0;

	border-top: 10px solid #D9D6E7; 

}



div#larchives h3 {

	float:left;

	margin-top: 0;

	width: 25px;

	height: 81px;

	background-image: url(archives.jpg);

	background-repeat: no-repeat;

}



div#larchives h3 span {

	display: none;

}



div#lresources {

	clear:left;

	margin-top: 0;

	border-top: 10px solid #D9D6E7; 

}



div#lresources h3 {

	float:left;

	margin-top: 0;

	width: 25px;

	height: 95px;

	background-image: url(ressources.jpg);

	background-repeat: no-repeat;

}



div#lresources h3 span {

	display: none;

}



/* ...and the footer

--------------------------------------*/

div#footer {
	position: absolute;
	left: 1826px;
	top: 2px;
	width: 216px;
	height: 20px;
	text-align: center;
	word-spacing: 0.1em;
	overflow: hidden;
	z-index: 5;
}



div#footer a:link, div#footer a:visited {

	color: #B2AFC0;

	background-color: transparent;

}







/* and extra artwork */



div#extraDiv4 {
	position: absolute;
	left: 1828px;
	top: 20px;
	width: 214px;
	height: 65px;
	color: inherit;
	background-color: #D0D0D0;
	background-image: url(assets/images/transition.jpg);
	background-repeat: no-repeat;
	z-index: 6;
}
#container #supportingText #explanation img {
	margin: 5px;
}
#container #supportingText #requirements img {
	border: medium solid A21D2B;
	margin: 5px;
	padding: 5px;
}
#apDiv6 {
	z-index: 6;
}
#container #supportingText #requirements {
	left: 1150px;
}