body {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: small;
	margin: 0;	/* Necessary	*/
	background: gray url(images/body_bg.jpg) top repeat-x;
}

h1 {
	margin: 0;	/* Necessary	*/
	padding: 15px 0 0 10px;	/* Position the logo image	*/
}

h2 {
	font: italic 2.2em "trebuchet ms", helvetica, arial, sans-serif;
	color: #a00;
	margin: 0.5em 0;
}

h3 {
	font: italic 1.7em "trebuchet ms", helvetica, arial, sans-serif;
	color: #a00;
	text-align: center;
	padding: 5em 1em 4em;
	margin: 0;
}

h4 {
	clear: both;
	font: italic 1.3em "trebuchet ms", helvetica, arial, sans-serif;
	color: #a00;
	background: #e6e6e0 url(images/bullet.jpg) top left no-repeat;
	overflow: hidden;	/* Necessary for IE's stupid, stupid rendering bug	*/
	width: 100%;	/* Also necessary for IE's stupid rendering bug	*/
	padding-left: 2em;
	margin: 1.5em 0 0.5em;
}

h4:target {
	color: white;
	background: #800 url(images/menu_bg.jpg) top repeat-x;
}

h5 {
	float: left;
	width: auto;
	font-size: 1em;
	line-height: 1.4;
	margin: 0 0.5em 0 0;
}

h5:target {
	color: white;
	background: #444;
}

h6 {
	clear: both;
	font-size: 0.8em;
	font-weight: normal;
	color: silver;
	text-align: center;
	margin: 0;	/* Necessary	*/
	padding: 1em 0 0.5em;
}

h6 a {
	color: gray;
	text-decoration: none;	/* Prevents underlines	*/
}

h6 a:hover {
	text-decoration: underline;
}

p {
	font-size: 1em;
	line-height: 1.4;
	margin: 0.5em 0 1em;
}

img {
	border: 0;
}

table {
	color: navy;
	table-layout: fixed;
	font-size: 1.1em;
	border-collapse: collapse;
	margin: 0.5em 1px;	/* The 1 pixel is to prevent Firefox shaving the left edge off	*/
	text-align: center;
}

th {
	border-width: 1px 1px 2px 1px;
	border-style: solid;
	border-color: silver;
	padding: 0 1em;
	background: #e6e6e0;
}

td {
	border: 1px solid silver;
}

tr.alt {
	background: #e6e6e0;
}

form {
	margin: 2em 0 1em;
}

#header {
	height: 100px;
	background: url(images/header_bg.jpg) right no-repeat;
}

#navigation {
	float: left;
	width: 200px;
	color: #444;
}

#navigation ul {
	font-size: 1.1em;
	margin: -3px 0 5px;	/* Compensate for the 3 pixel anchor margin	*/
	padding: 0;		/* Removes the indentation	*/
	list-style-type: none;	/* Removes the bullets on the left edge	*/
}

#navigation ul ul {
	margin: 0;
	font-size: 0.9em;
}

#navigation ul li {
	display: inline;	/* Stop IE from inserting blank lines	*/
}

#navigation ul li a {
	display: block;
	color: #444;
	text-decoration: none;	/* Prevents underlines	*/
	padding: 0.1em 0.5em;	/* Extends the left & right edges	*/
	margin: 3px 15px 0 15px;
	background: #d3d3d0;
}

#navigation ul ul li a {
	padding-left: 1.5em;	/* Indent	*/
	margin-top: 0;
}

#navigation ul li a:hover {
	color: #a00;
	background: silver url(images/menu_bg.jpg) top right no-repeat;
	text-decoration: underline;
}

#navigation ul ul li a:hover {
	background: silver;
}

#navigation ul li a#current {
	color: white;
	background: #800 url(images/menu_bg.jpg) top repeat-x;
}

#navigation ul ul li a.selected {
	color: #a00;
	background: silver;
}

#content {
	padding: 0 1em;
	margin: 0 100px 0 200px;	/* Necessary for IE	*/
	background: #f8f8f6 url(images/content_bg.jpg) top right no-repeat;
}

#content ul, ol {
	font-size: 1em;
	line-height: 1.4;
}

#content ul {
	list-style-type: square;
}

#content ul ul {
	list-style-type: circle;
}

#content ul ul ul {
	list-style-type: disc;
}

#content ol {
	list-style-type: decimal;
}

#content ul h4, #content ol h4 {
	background: #e6e6e0;	/* No bullet	*/
}

#floatcontainer {
	overflow: hidden;	/* Necessary for Firefox not to roger up the header	*/
}

#sidebar {
	float: right;
	width: 100px;
	height: 245px;
	background: url(images/sidebar_bg.jpg) top no-repeat;
}

#footer {
	color: silver;
	padding: 0 1em;
	margin: 5px 100px 0 200px;	/* Line the footer up with the content	*/
	background: #444;
}

#footer p {
	padding: 1em 0;
	margin: 0;	/* Stop IE from adding a blank line afterwards	*/
}

#footer img {
	padding: 7px 0 3px;	/* Position the W3C logos nicely	*/
}

.boxedtext {
	clear: both;
	color: #444;
	padding: 0 0.5em;
	margin: 0.5em 0;
	background: white;
	border-color: gray;
	border-style: solid;
	border-width: 1px 2px 2px 1px;
}

.boxedtext h5 {
	margin-top: 0.5em;
}

.pquote {
	float: right;
	font: italic 1.8em "trebuchet ms", helvetica, arial, sans-serif;	/* Here for the em width	*/
	color: navy;
	width: 9em;
	background: url(images/openquote.gif) 0.8em top no-repeat;
	padding: 1em 0.5em 0.5em 1em;
	margin: 0;
}

.pquote p {
	line-height: 1.1;
}

.pquote p:first-letter {
	font-size: 2em;
	letter-spacing: -0.1em;
	line-height: 0.7;
}

.floatleft {
	float: left;
	width: auto;
	padding-right: 10px;
}

.floatright {
	float: right;
	width: auto;
	padding-left: 10px;
}

.floatleft img {
	background: white;
	border-color: gray;
	border-style: solid;
	border-width: 1px 2px 2px 1px;
}

.floatleft p, .floatright p {
	font: italic 1em/1.2 "trebuchet ms", helvetica, arial, sans-serif;
	color: #a00;
	text-align: center;
	margin: 0.2em 0 0.5em;
}

#pagelinks {
	clear: both;
	width: 100%;
	margin-top: 2em;
}

.linkright {
	float: right;
	width: auto;
	background: url(images/arrow_blue_right.gif) left no-repeat;
}

.linkleft {
	float: left;
	width: auto;
	background: url(images/arrow_blue_left.gif) left no-repeat;
}

.linkright a, .linkleft a {
	text-decoration: none;	/* Prevents underlines	*/
	padding-left: 20px;
}

.linkright a:visited {
	background: url(images/arrow_purple_right.gif) left no-repeat;
}

.linkleft a:visited {
	background: url(images/arrow_purple_left.gif) left no-repeat;
}

.linkright a:hover {
	color: #a00;
	text-decoration: underline;
	background: url(images/arrow_red_right.gif) left no-repeat;
}

.linkleft a:hover {
	color: #a00;
	text-decoration: underline;
	background: url(images/arrow_red_left.gif) left no-repeat;
}

/*	CSS hacks for Internet Explorer	*/

/*	Fix the font size bug in IE5	*/
* html body {
	font-size: x-small;
	f\ont-size: small;
}

/*	Make hover work over the entire width of menu	*/
* html #navigation ul li a { height: 1%; }	/* For IE5+6	*/
*:first-child+html #navigation ul li a {min-height: 1px; }	/* For IE7	*/

/*	Necessary (at least for IE5+6) to make graphics render correctly	*/
* html #floatcontainer { width: 99%; }	/* For IE5+6	*/
*:first-child+html #floatcontainer {min-height: 1px; }	/* For IE7	*/