body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;
	font-family: "Times New Roman", Times, Serif;
	font-size : 80%;
	color: #3E3E3E;
	}

/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1, 
h2, 
h3,
h4,
h5,
h6 {
	margin: 0em;
	color: #236381;
	font-weight : normal;
	margin-bottom: 2ex;
	text-align: left;
}
h1 {
	font-size: 160%;
}
h2 {
	font-size: 125%;
	font-weight: bold;
}
h3 {
	font-size: 115%;
	font-weight: bold;
}
h4 {
	font-size: 100%;
	font-weight: bold;
}
h5 {
	font-size: 100%;
	font-weight: bold;
}
h6 {
	font-size: 100%;
	font-weight: bold;
}

a {
	color: #236381;
}

a:hover {
	color: #d00000;
	}
	
img {
	border: 0;
	}

li {
	text-align: left;
	}

.highlight {
	color: #236381;
	}
		
.header ul {
	list-style: square outside;
	margin: 0px;
	padding: 0px;
	border: 0;
	}	

.header li {
	list-style: square outside;
	margin: 0px;
	margin-left: -1.4em;
	margin-bottom: 1em;
	padding: 0px;
	border: 0;
	}

#header {
	margin: 20px 20px 20px 20px;
	padding: 0px;
	border: 0px;
	background: #97bdd2;
	height: 100px; /* ie5win fudge begins */
	}
html>body #header {
	height: 100px; /* ie5win fudge ends */
	}

#navigation {
	display: none;
	margin: 20px;
	padding: 0px;
        padding-top: 10px;
	border: 0px;
	background: #236381;
	}

html>body #navigation {
	width: 220px; /* ie5win fudge ends */
	}

#content {
	margin: 20px 20px 20px 20px;
	padding: 5px;
	padding-top: 10px;
	border: 0px;
	background: #ffffff;
	text-align: left;
	}

#headlines {
	margin: 20px;
	margin-top: 100px;
	padding: 0px;
	padding-top: 10px;
	border: 0px;
	background: #ffffff;
	font-size: 0.9em;
	line-height: 1.3em;
	}
html>body #headlines {
	/* ie5win fudge ends */
	}

.headliner {
	padding: 5px;
	background: #e6e7e8;
	text-align: left;
	}

#nav_menu {
	width: 220px;
	padding: 0px 0px 0px 0px;
	margin-bottom: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #236381;
	color: #e6e7e8;
	}
	
#nav_menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: 0;
	}	

#nav_menu li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: 0;
	}
		
#nav_menu li a {
		display: block;
		border-left: 10px solid #236381;
		padding: 5px 5px 5px 5px;
		color: #e6e7e8;
		background: #236381;
		text-decoration: none;
		width: 200px;
		}
html>body #nav_menu li a {
		width: auto;
		}

		
#nav_menu li a.active {
		display: block;
		border-left: 10px solid #97bdd2;
		padding: 5px 5px 5px 5px;
		color: #236381;
		text-decoration: none;
		background-color: #d5e2e9;
		width: 200px;
		}		

#nav_menu li.level2 a {
		display: block;
		border-left: 10px solid #97bdd2;
		padding: 5px 5px 5px 20px;
		color: #e6e7e8;
		text-decoration: none;
		background-color: #287599;
		width: 185px;
		}

#nav_menu li a.active2 {
		display: block;
		border-left: 10px solid #97bdd2;
		padding: 5px 5px 5px 20px;
		color: #236381;
		text-decoration: none;
		background-color: #bed2dc;
		}

#nav_menu li.level3 a {
		display: block;
		border-left: 10px solid #97bdd2;
		padding: 5px 5px 5px 40px;
		color: #e6e7e8;
		text-decoration: none;
		background-color: #287599;
		width: 165px;
		}

#nav_menu li a.active3 {
		display: block;
		border-left: 10px solid #97bdd2;
		padding: 5px 5px 5px 40px;
		color: #236381;
		text-decoration: none;
		background-color: #bed2dc;
		}

#nav_menu li a:hover {
		border-left: 10px solid #97bdd2;
		background-color: #d5e2e9;
		color: #236381;
		}
	

.spacer1 {
		background-color: #d5e2e9;
		padding-left: 10px;
		height: 250px;
		width: 211px;
}		

.spacer2 {
		background-color: #97bdd2;
		height: 50px;
		width: 221px;
}