html, body {
	font: 1em 'Trebuchet MS', Helvetica, sans-serif;
	padding: 0;
	margin: 0;
}

body#full {
	background: #eee url(../images/points-left.jpg) 0 52px repeat-y;
	height: 100%;
}

body#plain {
	background: #eee;
}

h1 {
	background: transparent url(../images/felt.jpg) center center repeat-x;
	height: 50px;
	padding: 0;
	margin: 0;
	font: bold 1.9em Geneva, Tahoma, sans-serif;
	line-height: 50px;
	text-align: center;
	letter-spacing: .1em;
	border-bottom: 2px solid #310;
}

/*	Yeah, there're a couple non-semantic elements needed for this header,
	but what're you gonna do? */

h1 span.head-right {
	display: block;
	background: transparent url(../images/head-right.jpg) right top no-repeat;
	height: 50px;
	width: 100%;
}

h1 span.head-left {
	display: block;
	overflow: hidden;
	background: transparent url(../images/head-left.jpg) left top no-repeat;
	height: 50px;
	width: 100%;
}

h1 span a {
	text-decoration: none;
	color: #ddb !important;
	background: transparent !important;
}

#main-full {
	background: transparent url(../images/points-right.jpg) right top repeat-y;
	padding: 10px 260px 0;
	height: 800px;
}

#main-plain {
	background: transparent;
	padding: 10px;
}

h2 {
	margin: .25em 0 .25em;
}

h3 {
	margin: 1em 0 .1em;
	font-weight: normal;
	font-size: 1.2em;
	text-align: left;
}

ul {
	padding: 0 0 0 3em;
	margin: 0 0 1em;
}

ul.spaced {
	margin-top: 1em;
}

ul.links a {
	font-size: 1.1em;
}

p {
	margin: 1em 0 0;
}

img {
	border: none;
	text-decoration: none;
}

img.fr {
	float: right;
	margin: 1em 0 .25em .25em;
}

a:link {
	color: #22f;
	text-decoration: none;
}

a:visited {
	color: #f22;
	text-decoration: none;
}

a:hover {
	color: #ddb;
	background: #421;
	text-decoration: none;
}

sup, sub {
	font-size: 10px;
}

/* I know the difference between an abbr and an acronym, but IE/Win doesn't. */
acronym, span.clarify {
	font-style: normal;
	font-size: .9em;
	border-bottom: 1px dotted gray;
	cursor: help;
}

p.reminder {
	font: 1.25em Geneva, Tahoma, sans-serif;
	color: #421;
	background: #ddb;
	text-align: center;
	padding: .5em .2em;
	border: 4px dashed #310;
	margin: 2em auto;
	width: 19em;
}

p.note {
	font-size: 80%;
	margin: 0;
}

p.note code {
	font-size: 120%;
}

p.go-home {
	clear: both;
	padding-top: 20px;
}

div.bigimage {
	margin-top: 2em;
	text-align: center;
}

div.bigimage p {
	text-align: right;
	margin: 0 auto;
	width: 431px;
}

div.bigimage img {
	border: 1px solid black;
}

form {
	padding: 0;
	margin: 0 0 1.5em;
}

form.bottom {
	margin-top: 1.5em;
}

fieldset {
	padding: 0;
	border: none;
	margin: 0;
}

.bottle {
	/* Maybe the next version of IE/Win will figure out margin: 0 auto; -SIGH- */
	text-align: center;
}

.bottled {
	margin-left: auto;
	margin-right: auto;
}

.c {
	text-align: center;
}

.r {
	text-align: right;
}

.clear {
	clear: both;
}

.snug {
	margin: 0;
}