body {
	font: 0.8em Arial, Helvetica, sans-serif;
    margin: 0;
	padding: 0;
    background: #fff url(img/bg.png);
	color: #666;
}

a:link { text-decoration: none; color: #f09; }
a:visited { text-decoration: none; color: #f69; }
a:hover { text-decoration: none; color: #fff; background: #f09; }
a:active { text-decoration: none; color: #fff; background: #f0c;}

a.frag:link { text-decoration: none; color: #3f6; }
a.frag:visited { text-decoration: none; color: #6f6; }
a.frag:hover { text-decoration: none; color: #fff; background: #3f6; }
a.frag:active { text-decoration: none; color: #fff; background: #ff0;}

a[rel]:hover { background: inherit; }

.ext { background: url(./img/extlink.gif) no-repeat 0 58%; padding-left: 16px }
* html .ext { background-position: 0 .35em } /* IE hack, see #937 */


/*********** classes *************/

.subsect, .nav {
    margin-top: 1em;
    padding: 1em;
    background: #fff;
}

.subsect div:first-child, .hd {
	font-weight: 900;
	color: #000;
}

.small {
	font: status-bar;
	color: #a99;
}


/*********** elements with IDs *************/

#main {
    width: 770px;
	padding: 0;
	margin: auto;
    text-align: left;
}

#main div {
    padding-top: 1em;
}

#header {
	display: block;
    margin: 0 0 0.5em 0;
    padding: 0;
	background: url(img/header.png) no-repeat;
	width: 770px;
	height: 215px;
}

#footer {
	display: block;
    margin: 2em 0 0 0;
    padding: 0;
	background: url(img/footer.png) no-repeat;
	background-position: bottom;
	width: 770px;
	height: 528px;
}

#title {
    margin: 0;
    padding: 0;
    font-size: 300%;
    font-weight: 900;
    letter-spacing: -0.08em;
}

#image {
	display: none;
}

.sidenote {
	float: right;
	width: 100px;
	font: status-bar;
	margin-left: 1em;
	padding-left: 1em;
	border-left: 1px dotted #ccc;
}