body {
background: black url(Pyrophylliteb.jpg) 0 0 no-repeat fixed; 
position: relative; 
margin: 0; 
padding: 0;
}

.content {
background: white url(Pyrophyllitew_lighter.jpg) 0 0 no-repeat fixed;
position: absolute; 
top: 26px; 
left: 161px; 
right: 25px;
color: black; 
font: 12px Verdana, sans-serif; 
padding: 18px; 
border: solid #FFCC99;
}

.content p {
margin: 0 1em 1em;
line-height: 1.4;
}

.content ol {
margin-left: 3em;
margin-top: 0em;
line-height: 1.4;
}

.content ul {
margin-left: 3em;
margin-top: 0em;
line-height: 1.4;
}

.pagefooter {
margin-top: 1cm;
line-height: 1.4;
font: 10px Verdana, sans-serif; 
}

.pagefooter a:link {
color: maroon; text-decoration:none
}

.pagefooter a:visited {
color: maroon; text-decoration:none
}

.pagefooter a:link:hover {
color: fuchsia; text-decoration:underline
}

h2 {
font: bold 20px sans-serif;
}

/*
ol {
font-family: Georgia;
}
*/

.content h3 {
font: bold 14px sans-serif;
margin-bottom: 0.25em;
}

.content a:link {
color: maroon; text-decoration:none
}

.content a:visited {
color: maroon; text-decoration:none
}

.content a:link:hover {
color: fuchsia; text-decoration:underline
}

.content a:visited:hover {
color: fuchsia; text-decoration:underline
}

.links {
position: fixed; 
top: 27px; 
left: 0; 
width: 161px; 
/*height: 600px;*/
font: 12px Verdana, sans-serif;
}

.links a {
background: transparent url(Pyrophylliteb_darker.jpg) 0 0 no-repeat fixed;
display: block; 
text-align: center; 
font: normal 1em sans-serif; 
padding: 5px 10px; 
margin: 0 0 17px;
border-width: 0; 
text-decoration: none; color: #FFC;
}

.links a:hover {
background: transparent url(Pyrophylliteb_washed.jpg) 0 0 no-repeat fixed;
color: #411;
}

.links0 {
position: fixed; 
top: 27px; 
left: 0; 
width: 161px; 
/*height: 600px;*/
font: 12px Verdana, sans-serif;
}

.links0 a {
background: transparent url(Pyrophylliteb_darker.jpg) 0 0 no-repeat fixed;
display: block; 
text-align: center; 
font: normal 1em sans-serif; 
padding: 5px 10px; 
margin: 0 0 17px;
border-width: 0; 
text-decoration: none; color: #FCF;
}

.links0 a:hover {
background: transparent url(Pyrophylliteb_washed.jpg) 0 0 no-repeat fixed;
color: #411;
}

/*
top for links1 = 27 + 17 + 10 + 12 = 66
*/
.links1 {
position: fixed; 
top: 66px; 
left: 0; 
width: 161px; 
/*height: 600px;*/
font: 12px Verdana, sans-serif;
}

.links1 a {
background: transparent url(Pyrophylliteb_darker.jpg) 0 0 no-repeat fixed;
display: block; 
text-align: center; 
font: normal 1em sans-serif; 
padding: 5px 10px; 
margin: 0 0 17px;
border-width: 0; 
text-decoration: none; color: #FCF;
}

.links1 a:hover {
background: transparent url(Pyrophylliteb_washed.jpg) 0 0 no-repeat fixed;
color: #411;
}

/*
top for links2 = 27 + 2*(17 + 10 + 12) = 105
*/
.links2 {
position: fixed; 
top: 105px;
left: 0; 
width: 161px; 
/*height: 600px;*/
font: 12px Verdana, sans-serif;
}

.links2 a {
background: transparent url(Pyrophylliteb_darker.jpg) 0 0 no-repeat fixed;
display: block; 
text-align: center; 
font: normal 1em sans-serif; 
padding: 5px 10px; 
margin: 0 0 16px;
border-width: 0; 
text-decoration: none; color: #FCF;
}

.links2 a:hover {
background: transparent url(Pyrophylliteb_washed.jpg) 0 0 no-repeat fixed;
color: #411;
}

/*
top for links3 = 27 + 3*(17 + 10 + 12) = 144
*/
.links3 {
position: fixed; 
top: 144px;
left: 0; 
width: 161px; 
/*height: 600px;*/
font: 12px Verdana, sans-serif;
}

.links3 a {
background: transparent url(Pyrophylliteb_darker.jpg) 0 0 no-repeat fixed;
display: block; 
text-align: center; 
font: normal 1em sans-serif; 
padding: 5px 10px; 
margin: 0 0 16px;
border-width: 0; 
text-decoration: none; color: #FCF;
}

.links3 a:hover {
background: transparent url(Pyrophylliteb_washed.jpg) 0 0 no-repeat fixed;
color: #411;
}

/*
top for links4 = 27 + 4*(17 + 10 + 12) = 183
*/
.links4 {
position: fixed; 
top: 183px;
left: 0; 
width: 161px; 
/*height: 600px;*/
font: 12px Verdana, sans-serif;
}

.links4 a {
background: transparent url(Pyrophylliteb_darker.jpg) 0 0 no-repeat fixed;
display: block; 
text-align: center; 
font: normal 1em sans-serif; 
padding: 5px 10px; 
margin: 0 0 16px;
border-width: 0; 
text-decoration: none; color: #FCF;
}

.links4 a:hover {
background: transparent url(Pyrophylliteb_washed.jpg) 0 0 no-repeat fixed;
color: #411;
}


.reference {
background: white url(Pyrophyllitew_lighter.jpg) 0 0 no-repeat fixed;
}

.reference a {
display: block;
background: white url(Pyrophyllitew_lighter.jpg) 0 0 no-repeat fixed; 
font-size: 10pt;
font-style: normal; 
font-family: Georgia, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
text-align: left; 
padding: 2mm; 
width:100%; 
line-height: 1.4;
color: black ;
text-decoration: none
}

.reference a:link {
color: black ;
text-decoration: none;
border-width : 0;
}

.reference a:visited {
color: black ;
text-decoration: none;
border-width: 0;
}

.reference a:hover:link {
background: #181818 url(Pyrophylliteb_darker.jpg) 0 0 no-repeat fixed;
color: white;  
text-decoration: none;
}

.reference a:hover:visited {
background: #181818 url(Pyrophylliteb_darker.jpg) 0 0 no-repeat fixed;
color: white;  
text-decoration: none
}

h1 {
margin: -9px -9px 0.5em; 
padding: 15px 0 5px; 
text-align: right; 
background: #ACE; 
color: #024; 
letter-spacing: 0.5em; 
text-transform: lowercase; 
font: bold 25px sans-serif; 
height: 28px; 
vertical-align: middle; 
white-space: nowrap;}

dt {
font-weight: bold;
}

dd {
margin-bottom: 0.66em;
}

code, pre {
color: #333; font: 110% monospace;
}