/* Display of the navigation bar at the top of each page, which is done with an inline frame. */

body#navpage {background-color: #bb0a0a; color: white;
		font-family: "palatino linotype", "georgia", "times new roman", serif;
	text-align: center;
}

ul#navigation { display: inline;
	}

ul#navigation  li { display: inline; 
		margin-width: 0.5em; padding-left: 0.5em; padding-right: 0.5em; padding-bottom: 0em;
		border-right: 1px solid white; border-left: 1px solid white;
	}

ul#navigation li a:hover { background-color: white; color: #bb0a0a;
	}

ul#navigation a { color: white; }

iframe { width: 100%; 
	padding-bottom: 1em; padding-top: 1em; 
	margin-bottom: 0em;
	}

iframe.navigation { border-bottom: 10px solid #222222; background-color: #bb0a0a; height: 1.2em;
		
	}
/* whole document stuff */

html { margin: 0px; padding: 0px; }

body { margin: 0px; padding:0px;
	color: white;
	background-color: #bb0a0a;
	}

ol li { padding-bottom: 1em; }

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #bb0a0a;
	background-color: white;
	}

a:link,
a:visited,
a:active {
	color: #bb0a0a;
	text-decoration: none;
	}

a:hover {
	color: white;
	background-color: #444;
	text-decoration: none;

}

/* container for most of the text, to sort of emulate the stripes */

#main {	margin-top: -1em; padding-top: 0px;
	border-left: 50px solid #bb0a0a; border-right: 50px solid #bb0a0a; border-top: 5px solid #bb0a0a;
	padding-left: 1em; padding-right: 1em;	padding-bottom: 10em;
	color: #444444;
	background-color: white;
	}