/* NELH style sheet */
body	{
/* These will be replaced by the IE6 style sheet */
	background-image: url(images/paleright.jpg);
	background-position: top right;
	background-repeat: repeat-y;
	/* these are shared over all browsers */
	background-color: White;
	color: #800000;
	margin: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
}
div#backdrop	{
	position: fixed;
	top: 0;
	left: 0;
	width:140px;
	height:100%;
	background-color:#DEE8B6;
	overflow: hidden;
}
div#banner	{
	height: 8em;
	width:100%;
	margin:0;
	position: absolute;
	top:15px;
	left: 0px;
	z-index:2;
	overflow:hidden;
}
img.banner  {
	height:8em;
	width:100%;
	border:none;
}
div#banner h1	{
	width: 85%;  			/* IE6 replaces this */
	color: White;
	margin: -2.1em 10px 5px 160px;
	text-align:left;
	font-size:300%;
}
div#banner h2	{
	color: White;
	margin: 5px 150px 1ex 0px;
	text-align:right;
	font-size:120%;
}
div.main	{
	margin: 9em 180px 0px 140px;
	padding: 1em;
	background-color: White;
	color: Black;
}

h2 {
	font-size: 150%;
	color: #B00000;
	text-align: center
}

a:link {
	color: #008000;
	font-weight: bold;
	text-decoration: none;
}

a:visited{
	color: #026701;
	font-weight: bold;
	text-decoration: none;
}

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

hr {
	color: #008000;
	background-color: #008000;
	height: 3px;
	margin: 10px 20px;
}

p.footer	{
	clear: right;
	margin-bottom:0em;
	padding-bottom:1em;
	font-size: 80%;
	text-align:right;
}
div#lhs	{
	background-color: transparent;
	background-position: top left;
	background-repeat: repeat-y;
	position: absolute;
	top:10em;
	left:0px;
	width: 128px;
	font-size:90%;
}

div#logo	{
	position:absolute;
	top: 15px;
	left: 10px;
	width: 8em;
	height: 8em;
	background-color:white;
	z-index: 3;
}
div#logo img	{
	width: 8em;
	height: 8em;
	border: none;
	z-index: 3;
}
div#logo a:hover img{	
	background-color: #DEC0C0;
}	

div#lhs a img.logo:hover	{
	background-color: #E5E8D8;
}
div#lhs p	{
	margin: 4px 3px 4px 10px;
	text-align:left;
}

p.here {
	font-size:90%;
	color: White;
	font-weight: bold;
	border : 3px double White;
	padding: 4px;
	background-color: #C00000;
}

p.item {
	font-size:90%;
	background-color: #008000;
	border : 3px double White;
}

a.item:link, a.item:visited {
	color: White;
	background-color: #008000;
	padding: 4px;
	display: block;
	text-decoration: none;
	font-weight: bold;
	width: 101px;
}

a.item:hover {
	background-color: #DEC0C0;
	color: #C00000;
}

div#lhs p.sub	{
	margin-left:20px;
}
a.sub:link, a.sub:hover, a.sub:visited, a.sub:active	{
	width: 91px;
}

div#rhs, div#rhs2	{
	position: absolute;
	top:11em;
	right:0px;  /* IE6 replaces this */
	width: 180px;
	overflow: hidden;
}
div#rhs .notice, div#rhs2 .notice	{
	margin:10px;
	border: 3px solid #87704E;
	padding: 10px;
	background-color: #E5E8D8;
	font-size: 85%;
}
div.events	{
	!important;
	position:relative;
	top: 0px;
	left: 10px;
	width: 134px;
	margin:0px;
	border: 3px solid #87704E;
	padding: 10px;
	background-color: #E5E8D8;
	font-size: 85%;
}
div.events h2	{
	margin: 0;
}
div.events dl, div.events p {
	margin: 1ex 0;
}
div.boxed	{
	margin:1em;
	border: 1px solid #87704E;
	padding: 1ex;
	background-color: #EEF0E8;
}