html {
	margin: 0;
	background-color: #ccc;
	background-image: url("./htmlback.png");
	font-family: sans-serif;
	line-height: 1.5;
}

body {
	width: 800px;
	margin: 0px auto;
	padding: 40px 0px 0px;
	background-color: #fff;
	background-image: url("./topgrad.png");
	background-position: top left;
	background-repeat: repeat-x;
}

a {
	color: #f66;
}

a:visited {
	color: #900;
}
h1 {
	text-align: center;
	font-weight: bold;
	font-size: xx-large;
	margin-top: 0;
	padding-bottom: 10px;
	border-bottom: solid 10px red;
}
h2 {
	padding: 0.2em 0.5em 0.2em 1em;
	border-left: solid .5em #fcc;
	border-bottom: dotted 1px #999;
}

h3 {
	padding: 0.1em 1em;
	border-bottom: dashed 1px #ccc;
}

p.note {
	margin: 1em 5em;
	padding: 1em;
	background-color: #fcc;
	border-style: solid;
	border-width: 2px 0 0 0;
	border-color: red;
	font-size: small;
}

div#menu {
	width: 145px;
	margin: 0px 20px;
	float: left;
}
div#main {
	margin-left: 180px;
	padding: 0px 15px;
	border-left: solid 1px #ccc;
}
div#footer {
  color: #666;
	clear: both;
	text-align: center;
	background-image: url("./bottomgrad.png");
	background-position: bottom left;
	background-repeat: repeat-x;
	padding-bottom: 10px;
	margin: 0px;
}