@charset "utf-8";

html { background: #DDD; }

body { font-family: Verdana; }

a:link { 
	color: #343434; 
	text-decoration: none;
}

a:visited {
	color: #1B1455;
	text-decoration: none;
}

a:hover, a:active { 
	color: #553C14; 
	text-decoration: underline;
}

h1 {
	font-size: 182%;
	font-weight: bold;
	margin-bottom: 10px;
}

h2  {
	font-size: 167%;
	font-weight: bold;
}

h3  { font-size: 153.9%; }

caption { 
	text-align: center;
	font-style: italic; 
}

th {	font-weight: bold; }

th, td {
	padding: 2px; 
	padding-right: 15px;
}

tr.even { 
	background-color: white;
}

.logo {
	text-align: center;
	height: 130px;
}

div#nav {
	float: left;
	width: 175px;
	padding: 5px;
}

ul { padding-top: 10px; }

/* percentage didn't work correctly in IE6 */
li { padding-bottom: .75em; }

ul.navsub {
	font-size: 93%;
	padding-left: 10px;
}

div#content {
	float: left;
}

div#footer {
	clear: both;
	padding-top: 20px;
	margin-right: 1px;
	font-size: 85%;
	text-align: center;
}

div#footer #valid {
	text-align: right;
	margin-right: 5px;

}

ul#useful {
	margin-left: 10px;
}

ul#useful a {
	color: blue;
}

div.macro {
	height: 400px;
}

/* position: absolute and z-indexes for overlaying text on image */

div.macro img {
	border: solid 1px #343434;
	position: absolute;
	z-index: 1;
}

.macrotxt {
	width: 302px;
	font-family: Arial Black, Impact;
	color: white;
	font-size: 182%;
	text-align: center;
	position: absolute;
	z-index: 2;
}