@charset "UTF-8";
/* CSS Document */

/* =TYPOGRAPHY */

body {
	font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
	font-size:12px;
}
footer {
	font-size: 90%;
	text-align:center;
	font-weight: bold;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
p{
	font-family : Palatino Linotype, Book Antiqua, Palatino, serif;
	font-weight : normal;
	font-style : normal;
	font-size : 1em;
	text-decoration : none;
	font-variant : normal;
	line-height : 1.35;
	color : #000000;
	text-indent : 20px;
	margin : 0px 20px 10px 20px;
}
.center{
	text-align: center;
}
.authors-links{
	font-size: 90%;
	line-height: 150%;
}
.author-toplinks{
	line-height: 100%;
	text-align: center;
}
.title{
	font-style: italic;
}
.ital{
	font-style: italic;
}
.sub-title{
	font-size: smaller;
}
.super-title{
	font-size: larger;
}
.clinton{
	text-decoration: underline;
}
.website{
	font-weight: bold;
}
.bold{
	font-weight: bold;
}
h1, h2, h3, h4, h5, h6{
	font-family : Baskerville, serif;
	font-weight : bold;
	font-style : normal;
	margin-top: 0px;
	margin-right: 8px;
 	margin-bottom: 5px;
 	margin-left: 20px;
	padding: 3px;
}
h1{
	font-size : 1.5em;
	text-decoration : none;
	line-height : 1.75;
	text-align: center;
	text-indent : 0px;
	margin : 0px 20px 0px 20px;
}
h2{
	font-size: 1.2em;
	text-decoration : none;
	line-height : 1.5;
	margin-top: 0px;
	text-align: center;
}
h3{
	font-size: 1em;
	text-decoration : none;
	line-height : 1.5;
	margin-top: 10px;
	text-align: center;
}
h4{
 	font-size: 1em;
 	font-weight: bold;
	margin-top: 10px;
	text-align: center;
}

h5{
	font-size: 150%;
	line-height: 150%;
	text-align: center;
}
h6{
	font-size: 150%;
	font-weight: bold;
	line-height: 150%;
}
li{
	font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
	font-size: 1em;
	text-align: left;
}
hr{
	margin-left: 20px;
	width: 100px;
}
a:link{
	color: #0033cc;
}

a:hover {
	color: #009966;
	text-decoration: underline;
}

a:visited{
	color: #993333;
}
.leftFloat {
	float : left;
	margin-right: 20px;
}
.leftFloat-cover {
	float : left;
	margin-right: 20px;
	margin-top: 10px;
}
.rightFloat {
	float : right;
}

/* =LAYOUT */

body {
	margin-left: 20px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.container-read {
	width: 95%;
	max-width:700px;
	left:50%;
	margin: 0 auto;
	border: solid;
	border-width: 4px;
}
nav, footer, figure {  
    display: block;  
	margin: 0px auto;
} 
.page-footer {
	height: 25px;
	width: 95%;
	max-width:700px;
	background-color: #fad853;
	font-size: 80%;
	border-top: solid;
	border-color: #6b0019;
	border-width: 4px;
}
.clearfloat { 
/* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.button
{
vertical-align:bottom;
}
figure{
	text-align: left;
	margin-left: 20px;
	margin-bottom: 10px;
}
section {
	margin:0 auto;
	padding:0px;
	height:auto;
	width: 720px;
}
p{
	margin-top: 0px;
	margin-right: 8%;
	margin-bottom: 10px;
	margin-left: 20px;
}
h1, h2, h3, h4, h5, h6{
	margin-top: 0px;
	margin-right: 8px;
 	margin-bottom: 5px;
 	margin-left: 20px;
	padding: 3px;
}
li{
	margin-top: 0px;
	margin-right: 8%;
	margin-bottom: 5px;
	margin-left: 8px;
}

/* =COLOR */

body {
	background-color: #333;
	font-color: #000;
}
.container-read {
	border-color: #6b0019;
	background-color: #fff;
}
h1{
	color: #77301B;
}
h2{
	color: #97251B;
}

h3{
	color: #000000;
}
h4{
 	color: #b99423;
}
h5{
	color: #000;
}
h6{
	color: #000;
	}
.container {
	border-color: #6b0019;
	background-color: #fff;
}
.page-links {
	background-color: #000;
	border-color: #6b0019;
}
section {
	background-color: #fff;
}
footer {
	background-color: #6b0019;
	color: #FFCC66;
	border-color: #6b0019;
}
