html {
	font-size: 100.01%;
}
body {
	font-family: arial, geneva, helvetica, sans-serif;
	font-size: 76%;/* font sizing in ems. if you want to change anything, just change this.*/
	color: #000000;
	background: #FFFFCC;
	line-height: 1.1;
}
#header {
	width: 560px;
	margin-right: auto;
	margin-left: auto;
}
#all {
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	width: 90%;
}
#nav {
	width: 51em;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
}
/*typography*/
p {
	font-size: 1.2em; /*displays as 0.9em*/
	margin: 1.2em 0em 1.2em 0em;
	}
a {
	color: #0000CC;
}
a:visited {
	color : #7F9AC2;
}
a:hover {
	color: #ff0000;
}
a:active {
	color: #ff0000;
}
.footertext {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 0.9em; /*displays as 0.7em*/
	line-height: 1.2;
}
/*.footertext a {
	color: #CC33CC; 
 }
.footertext a:visited {
	color : #996699;
}
.footertext a:hover  {
	color: #FF0000;
}*/
h1 {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 1.8em;
	color: #006F00;
	margin: 0;
}
h2 {
	font-size: 2.4em; /*displays as 1.8em*/
}
h3 {
	font-size: 2.1em; /*displays as 1.6em*/
}
h4 {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #006F00;
}
h5 {
	font-size: 1.6em; /*displays as 1.2em*/
}
h6 {
	font-size: 1.3em; /*displays as 1em*/
	}
img {
	border: 0;
	}
#content {
	margin: 0em;
	padding: 4em 6em 2em 6em;/* use padding instead of margin for multicolumn layouts because of a really odd ie5pc bug where it sometimes relates the width of an unrelated menu div to this div. i'll, uh, write about that somewhere. it was hard to figure out what was causing it, so i want this note here to remind me. */
	}
	
ol, ul, li {/*
	list-style: none;*/
	font-size: 1.0em;
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
	}
li > p {
	margin-top: 0.2em;
	}
.tbl {
	border: 1px solid #006F00;
	border-collapse:collapse;
	font-size: 1.2em;
	padding: 0px;
	margin: 5px 10px 5px 20px;
}
.tbl td {
	border: 1px solid #006F00;
	padding: 2px;
}
.tbl p {
	font-size: 100%;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 10px;
}
.tbl2 {
	font-size: 1.2em;
	padding: 0px;
	margin: 5px 10px 5px 20px;
	border-style: none;
}
.tbl2 p {
	font-size: 100%;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 10px;
}
.list ul, .list li {
	font-size: 1.2em;
	line-height: 1.0;
	list-style-image: url(/images/bullet.gif);
}
.rt {
	float: right;
	margin: 0px 10px 10px 10px;
}
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}
	.indent {
	padding-left: 3em;
}
hr {
	border: none;
	color: #346715;
	background-color: #346715;
}
.emphasize {
	color: Red;
	font-weight: bold;
}
.errors {
	color: #C00000;
	font-weight: bold;
}