/* CSS Document */

/* =TYPOGRAPHY */

body {
	font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
	font-size:12px;
}
.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-top: 0px;
	margin-right: 8%;
	margin-bottom: 10px;
	margin-left: 20px;
}
.center{
	text-align: center;
}
.bold{
	font-weight: bold;
}
.ital{
	font-style: italic;
}
.title{
	font-weight: bold;
	font-style: italic;
}
.sub-title{
	font-size: smaller;
}
.super-title{
	font-size: larger;
}
li{
	font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
	font-size: 1em;
	text-align: left;
	margin-top: 0px;
	margin-right: 8%;
	margin-bottom: 5px;
	margin-left: 8px;
}
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: 1.5 em;
	line-height: 150%;
	text-align: center;
}
h6{
	font-size: 1.2 em;
	font-weight: bold;
	line-height: 150%;
	text-align: center;
}
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: 20px;
	clear: both;
}
.rightFloat {
	float : right;
	margin: 20px;
}
.footer {
	font-size: 90%;
	text-align: center;
	font-weight: bold;
}

/* =LAYOUT */

.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;
}
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;
}
.footer {  
	width: 95%;
	max-width:700px;
	margin: 0px auto;
	border: solid;
	border-width: 4px;
} 
.button
{
vertical-align:bottom;
}

/* =COLOR */

body {
	background-color: #333;
	font-color: #000;
}
.container-read {
	border-color: #6b0019;
	background-color: #fff;
}
.footer {
	background-color: #6b0019;
	color: #FFCC66;
	border-color: #6b0019;
}
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;
}

/* =MENU TABLES */

table.outertable {
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
  	margin-left: auto; 
    margin-right: auto;
 	padding: 10px;
 	vertical-align:text-top;
}
table.innertable {
	border-style: none;
 	padding: 3px;
 	vertical-align:text-top;
}
td.header {
	text-align: center;
	font-weight: bold;
}
.chart {
  	border: solid 1px black;
   	padding: 4px;
 	vertical-align:text-top;
}