body {
	background: white url("background.bmp");
	background-repeat: repeat-y;
	background-position: left;
	font-family: Verdana, Helvetica, sans-serif;
	padding-left: 11em;
	padding-top: 1em;
}

H2 {
	background-color: #9090FF;
	color: #EEEEEE;
	font-weight: bold;
}
H3 {
	background-color: #B0B0FF;
	color: #EEEEEE;
	font-weight: bold;
	font-size: smaller;
}
H4 {
	background-color: #BBFFDD;
	font-weight: bold;
	text-align: right;
	font-family: "Trajan Pro", serif;
}
CODE {
	font-family: "Courier New",  monospace, serif;
	font-size: large;
}

CODE.snippet {
	font-family: "Courier New",  monospace, serif;
	font-size: large;
	color: #1111FF;
	background-color: #888888;
}
CODE.highlight {
	font-family: "Courier New",  monospace, serif;
	font-size: large;
	color: #11FF11;
	background-color: #888888;
}

TYPE {
	font-family: "Courier New",  monospace, serif;
}
TEXT.note {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: small;
	font-style: italic;
}
CONTACT {
	font-family: "Courier New",  monospace, serif;
	font-size: small;	
}

A:link {
	color: #0000FF;
	text-decoration: none;
}
A:visited {
	color: #0000FF;
	text-decoration: none;
}
A:hover {
	color: #FFFFFF;
	background-color: #0000FF;
}

A.comment:link {
	background: white;
	color: #FFFFFF;
	text-decoration: none;
}
A.comment:visited {
	background: white;
	color: #FFFFFF;
	text-decoration: none;
}
A.comment:hover {
	background: white;
	color: #FFFFFF;
	text-decoration: none;
}
UL.navbar {
	position: absolute;
	top: 1em;
	left: 0em;
	width: 6em;
	font-family: "Eurostile";
}
UL.navbar A:link {
	color: #DDDDDD;
	font-weight: bold;
}
UL.navbar A:visited {
	color: #DDDDDD;
	font-weight: bold;
}
UL.navbar A:hover {
	color: #000080;
	background-color: #DDDDDD;
}


UL.recipe {
	position: absolute;
	top: 1em;
	left: 0em;
	width: 6em;
	font-family: "Lucida Console";
}
UL.recipe A:link {
	color: #0000FF;
	font-weight: bold;
}
UL.recipe A:visited {
	color: #0000FF;
	font-weight: bold;
}
UL.recipe A:hover {
	color: #DDDDDD;
	background-color: #0000FF;
}