/*styles for he was a quiet man ticking bomb*/

html {
height: 100%;
width: 100%;
margin: 0 0 0 0;
scrollbar-face-color: #ffffff;
scrollbar-arrow-color: #999999;
scrollbar-track-color: #ffffff;
scrollbar-shadow-color: #999999;
scrollbar-3dlight-color: #999999;
scrollbar-highlight-color: #ffffff;
scrollbar-darkshadow-color: #999999; 
}
body {
width: 100%;
background: #ffffff url(images/quietman_bw.jpg) top right no-repeat;
font-family: monospace;
color: #000000;
}
p {
font-family: monospace;
font-size: 13px;
color: #000000;
}
/*header*/

h1 {
font-family: monospace;
font-size: 22px;
color: #a70707;
font-weight: 600;
text-align: left;
}
h2 {
font-family: monospace;
font-size: 18px;
color: #a70707;
text-align: left;
}
h3 {
font-family: monospace;
font-size: 16px;
color: #000000;
text-align: left;
text-decoration: underline;
}
a:link {
color: #c90303;
border: 0px;
text-decoration: underline;
}
a:visited {
color: #c90303;
border: 0px;
text-decoration: underline;
}
a:hover {
color: red;
border: 0px;
text-decoration: underline;
font-weight: bold;
}
a:active {
color: #c90303;
border: 0px;
text-decoration: underline;
}
/*main content*/

#container {
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#header {
width: 800px;
height: 100px;
top: 0;
left: 0;
}
#content {
width: 950px;
height: 90%;
top: 100px;
left: 0;
}
#left {
width: 280px;
top: 100px;
left: 0;
padding-top: 40px;
}
#nav {
width: 220px;
margin-left: 0;
margin-bottom: 30px;
}
#nav p {
font-family: monospace;
font-size: 12px;
color: #333333;
}
#nav ul {
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: monospace;
font-size: 12px;
}
#nav a {
display: block;
padding: 6px;
width: 190px;
background-color: #000000;
color: #ffffff;
border-left: 30px solid #cccccc;
border-right: 5px solid #cccccc;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
#nav a:link, #nav a:visited {
text-decoration: none;
}
#nav a:hover {
border-left: 30px solid #000000;
background-color: #ffffff;
color: #000000;
}
#thelist {
width: 280px;
padding: 20px;
border: 2px solid #a2a2a2;
}
#thelist p {
color: #8b8b8b;
}
#thelist h2 {
margin-left: 44px;
margin-top: -16px;
font-family: monospace;
font-size: 16px;
color: #999999;
}
#footer {
width: 280;
bottom: 0;
padding-bottom: 15px;
}
#footer p {
font-size: 11px;
color: #666666;
text-align: left;
}
#footer a:link, a:visited { 
color: #666666;
font-weight: bold;
text-decoration: none; 
}
#footer a:hover, a:active {
color: #666666;
font-weight: bold;
text-decoration: underline;
}
#maincontent {
position: absolute;
top: 100px;
left: 350px;
width: 600px;
padding-top: 50px;
padding-left: 20px;
padding-bottom: 40px;
padding-right: 20px;
font-size: 13px;
}
.quote {
font-size: 12px;
font-style: italic;
margin-bottom: 0;
margin-left: 30px;
margin-right: 30px;
}
.article {
margin-left: 30px;
font-style: italic;
}
.disc ul {
margin-left: 30px;
list-style: disc outside;
}
.number ol {
margin-left: 30px;
list-style: decimal outside;
}