body,
html {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	background: #eee;
	min-width: 600px;
	font-size: 90%;
	font-family: Helvetica, Calibri, sans-serif;
    -moz-hyphens: auto;
    word-wrap: break-word;
}

a {
	color: #369;
}
a:hover {
	color:#fff;
	background: #369;
	text-decoration: none;
}

h1,h2,h3 {
	margin: .8em 0 .2em 0;
	padding: 0;
}

.colmask {
	clear: both;
	float: left;
	width: 100%;
	overflow: hidden;
}

.colright,
.colleft {
	float: left;
	width: 100%;
	position: relative;
}

.col1,
.col2 {
	float:left;
	position:relative;
	padding: 0 0 1em 0;
	overflow: hidden;
}

.doublepage {
	background: #fefefe; /* right col */
}

.doublepage .colleft {
	right: 50%;
	background: #fff; /* left col */
}

.doublepage .col1 {
	width: 46%;
	left: 52%;
}

.doublepage .col2 {
	width: 46%;
	left: 56%
}

#footer {
	clear: both;
	float: left;
	width: 100%;
	border-top: 1px solid #000;
}
#footer p {
	padding: 10px;
	margin: 0;
}

#asciiart {
	padding: 5px 20% 3px 60%;
	font-size: 6px;
	text-align: right;
	font-face: fixed;
	font-family: Courier;
	color: #0e0;
	background: #000;
}