body { /* this is the entire page */
    font-family: Verdana, Arial, Helvetica, sans-serif;;
    background-color: #fc6;
}
#container { /* this is the holder for the page content */
    width: 748px;
    border: 1px solid #f90;
    background-color: #fffff0;
    margin: 0px auto; /* this centers the container */
}
#header { /* this affects the whole header */
    /*background-color: #ffe6ab;*/
		padding: 15px 15px 0 15px;
}
#header h1 { /* this only affects any h1 tags within the header */
    margin: 0; /* remove extra margin from h1 */
    padding: 0; /* remove extra padding from h1 */
    text-align: left; /* align the text left */
}
h4 { 
    margin: 0; /* remove extra margin from h2 */
    padding: 0; /* remove extra padding from h2 */
    text-align: left; /* align the text left */
}
#navlist {
		padding: 3px 0;
		margin-left: 0;
		border-bottom: 1px solid #778;
		font: bold 12px Verdana, sans-serif;
}
#navlist li {
		list-style: none;
		margin: 0;
		display: inline;
}
#navlist li a {
		padding: 3px 0.5em;
		margin-left: 3px;
		border: 1px solid #778;
		border-bottom: none;
		background: #fc6;
		text-decoration: none;
}
#navlist li a:link { 
		color: #448;
}
#navlist li a:visited {
		color: #667;
}
#navlist li a:hover {
		color: #000;
		background: #fffffa;
		border-color: #227;
}
#navlist li a#current {
		background: #fffff0;
		border-bottom: 1px solid white;
}
#subnavcontainer { 
		margin-top: 15px;
		margin-bottom: 20px;
}

/*Fat Erik's Pipelist*/
#subnavlist {
		list-style: none;
		padding: 0;
		margin: 0;
}
#subnavlist li {
		display: inline;
		padding: 0;
		margin: 0;
}
#subnavlist li:before { content: "| "; }
#subnavlist li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html #subnavlist li {
		border-left: 1px solid black;
		padding: 0 0.4em 0 0.4em;
		margin: 0 0.4em 0 -0.4em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #subnavlist { height: 1%; }

* html #subnavlist li {
	display: block;
	float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #subnavlist li:first-child { border-left: 0; }

#contents {
		font-size: 70%;
		padding: 0 15px 15px 15px;
		margin: 0;
}
#footer {
		clear: both;
    font-size: 60%; /* make the text smaller than body */
    color: #999999; /* set the text color to gray */
    text-align: left; /* align the text left */
		margin: 15px;
}
#footer a {
    color: #999;
}
#footer a:hover {
		color: #000;
}
img {
	border: 1px solid #666;
}
img.tr {
	margin: 0 0 10px 10px;
}
img.tl {
	margin: 0 10px 10px 0;
}