body 	{	color: #330000; font-family: arial, helvetica;}
.main	{	text-align: left; width: 575px; z-index: 5;}


.pghead {
		padding-right: 100px;
		margin-right: 10px;
		margin-bottom: 0;
		text-align: left; 
		font-size: 160%;
		display: block;
		}
.pgfoot	{	clear: both; padding-top: 20px; margin-bottom: 10px; text-align: center; color: gray; font-size: 80%; }
.centered {	text-align: center; }
.right, .left { text-align: center; font-size: 80%; color: gray; margin-bottom: .25em;}
.right	{	float: right; margin-left: 5px; display: block; }
.left	{	float: left; margin-right: 5px; display: block;}
.right IMG {display: block; }	/* Forces text after image onto a new line */
.left IMG {display: block; }
.navSelected {	background-color: white; color: #000000; }
.navOption {	background-color: white; color: brown;  }
.navOption A {color: #663333 }
A {color: brown; }
A:hover { color: #663333; }
H1,H2	{ color: white; text-align: left; padding-left: 0.5em;
	background-image: url("/images/gradient-brown.gif"); background-repeat: repeat-y; }
H1	{ font-size: 150%; clear: both;}
H2	{ clear: both; font-size: 120%; font-weight: normal;  }
H2 P { display: inline; }
H3	{ clear: both; }
H1, H2 A {color: white; }
H3 A {color: brown; padding-left: 2em;}
.narrowcolumn h3 a {padding-left: 0;}

/* Navigation styling (interim) */
ul.mainnav {display: block; padding: 0; margin: 0; width: 570px;
	border-left: 1px solid #000; border-right: 1px solid #000; }
.mainnav li {float: left; list-style: none; position: relative;
	text-align: center; vertical-align: bottom; font-weight: bold; font-size: 90%;
	margin: 0 0em; width: 113px; margin-left: -1px;
	background-color: #ddf; border: 1px solid #000; border-width: 1px 1px 1px 1px; padding: 0;}
.mainnav li:hover {background-color: #fff; }
.mainnav li a:hover {background-color: #fff; }
.mainnav li.current {border-bottom: 1px solid #eee; background-color: #eee; }
.mainnav li a { text-decoration: none; position: relative; display: block; width: 100%; background-color: #ddf;}
.mainnav li.current a { color: black; background-color: #eee;}
.mainnav li.current a:hover {background-color: #fff; }
.mainnav li.current-cat a { color: black; background-color: #eee;}
.mainnav li.current-cat a:hover {background-color: #fff; }

ul.localnav {display: block;  width: 569px; background-color: #eee; list-style: none; padding: 0; clear: both; margin: 0; border: 1px solid black; border-top: 0px; font-size: 90%; }
.localnav li {display: inline; margin: 0 0em; background-color: #eee; padding: 0 0.75em;}
.localnav .current a { color: gray; background-color: #eee; }

ul.footnav {display: inline; padding: 0; font-size: 70%; }
.footnav li {display: inline; margin: 0 1em; }
.footnav .current a {color: black; background-color: #eee; }

.popupimg {display: block; position: absolute;  left: 5px; background-color: white; padding: 9px; border: 3px solid #ccc; padding-top: 18px;}
.popupimg DIV {position: absolute; right: 3px; top: 1px; font-size: 1em;}