body {
	background: #99c;
	margin-left: 5%;
	margin-right: 5%;
	font-family: sans-serif;
}

#content {
	background: white;
	border-style: solid;
	border-width: thin;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 2ex;
}

.code {
	background: #FFFFE0;
	border-style: dashed;
	border-width: thin;
	font-family: monospace;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: .2em;
	padding-bottom: .2em;
	margin-top: .2em;
	margin-bottom: .8em;
}

h1, h2, h3 {
	font-family: "Trebuchet MS", Trebuchet, Verdana, Sans-Serif;
	color: #dd6600;
	margin-top: .3em;
	margin-bottom: .3em;
}

p {
	margin-top: .5em;
	margin-bottom: .2em;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

ul {
	margin-top: 0px;
}

ul.big li {
	margin-bottom: 0.25em;
	padding-bottom: 0.15em;
}

ul.small {
	margin-top: 0px;
	margin-bottom: 0px;
}

img.floatright
{
	float: right;
	border: none;
	margin-left: 1em;
}

.floatright {
	float: right;
	margin-left: 1em;
	margin-bottom: 0.5ex;
	font-size: small;
	border: double 3px #000000;
	padding: 0.8em;
	padding-right: 0; /* huge is not full width */
}
.floatright p {
	text-align: center;
}
.clear-floatright {
	clear: both;
}
tr.thumb td {
	vertical-align: middle;
	width: 25%;
	text-align: center;
}
tr.thumb img {
	border: none;			
}
tr.thumb-title {
	text-align: center;
}

.about {
	text-indent: 2em;
	text-align: justify;
}