body {
	background-color: white; 
	color: black;
}


h1 {
	text-align: left;
	font-family: sans-serif; 
	font-size: 120%;
}

h2 {
	text-align: left;
	font-family: sans-serif; 
	font-size: 100%;
}

a:link, a:visited {
	font-weight: bold; 
	text-decoration: none; 
	color: black; 
}

a:hover, a:active {
	font-weight: bold; 
	text-decoration: none; 
	color: black; 
	border-bottom: 1px solid tan; 
}

a#blue {
    font-weight: bold; 
	text-decoration: underline; 
	color: blue; 
}

table { margin: 10px; width: 100%; border-collapse: collapse; }
table.dl { margin: 10px; width: 100%; border-collapse: collapse; }

th, .dt {
	text-align: left;
	vertical-align: top;
	padding: 5px 5px;
	font-weight: bold;
}

td, .dd {
	text-align: left;
	vertical-align: top;
	padding: 5px 5px;
}


table.dl caption { text-align: center; font-weight: bolder; }

table.dl th {
	text-align: right;
	vertical-align: top;
	padding: 1px 5px;
	font-weight: bold;
}

table.dl td {
	text-align: left;
	vertical-align: top;
	padding: 1px 5px;
}


#banner {
	text-align: center;
	border: 0px none tan;
	padding: 15px;
	background-color: black;
	background-image: url('images/stones.jpg');
	background-repeat: x-repeat;
	color: tan;
}

#banner .title {
	color: tan;
	background-color: black;
	text-align: center;
	font-family: fantasy;
	font-size: 200%;
	border-style: ridge;
	border-color: tan;
	border-width: 3px;
	padding: 5px 10px;
}

table#page {
	width: 100%;
}


td#navbar {
	text-align: center;
	vertical-align: top;
	width: 20%;
}
	
#navbar p {
	background-color: black; 
	color: tan;
	border-style: ridge; 
	border-color: tan; 
	border-width: 3px;
	text-align: center;
	margin: 5px;
	padding: 5px;
}


#navbar a:link, #navbar a:visited {
	background-color: black; 
	color: tan; 
	font-weight: bold; 
	text-decoration: none;
}

#navbar a:hover, #navbar a:active {
	background-color: black; 
	color: tan; 
	font-weight: bold; 
	text-decoration: none;
	border-bottom: 1px solid tan;
}

td#focus {
	vertical-align: top;
}