/*
	Define the styles for the whole document here.
	We can then override for sections as needed, but defining here
	allows us to make changes later to the whole document
	
	Note: Always use em sizing if at all possible, so that people
	with impaired vision can increase the font size.
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background-color: #CCC	;
	color: #000000;
	padding: 0;
	margin: 0;
}

/* Override some of the defaults so we can set our own */

h1, h2, h3, p, ul, ol, li, blockquote {
	margin: 0;
	padding: 0;
}

/* Style the basic tags */

p, ul, ol {
	margin-bottom: 1.0em;
}

li {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 2.0em;
}

blockquote {
	font-style: italic;
}

p.quoteauthor {
	text-align: right;
}

p.quoteauthor strong {
	display: block;
	text-align: right;
	font-weight: bolder;
}

a {
	color: #C30;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #099;
}

a img {
	border: 0;
}

/* Style the wrapper */

div#wrapper {
	background-image: url(images/bkgnd.jpg);
	background-repeat: repeat-y;
}

/* Style the header */

div#header {
}

/* Style the navigation */

div#navigation {
	padding-bottom: 15px;
	padding-top: 5px;
}

/* Style the main content */

div#maincontent {
	line-height: 130%;
}

div#maincontent h1 {
	font-size: 2.0em;
	font-weight: bold;
	color: #333333;
	margin-bottom: 1.0em;
	margin-top: 0.2em;
}

div#maincontent h2 {
	font-size: 1.3em;
	font-weight: normal;
	color: #CC3300;
}

div#maincontent h3 {
	font-size: 1.0em;
	font-weight: bold;
	color: #000000;
	margin-top: 1.0em;
}

/* Style the right column */

div#rightcol {
	font-size: 0.85em;
	margin-bottom: 0.2em;
}

div#rightcol span {
	font-style: italic;
}

div#rightcol h1 {
	font-size: 1.5em;
	font-weight: bold;
	color: #359F9D;
	margin-bottom: 0.5em;
}

div#rightcol h2 {
	font-size: 1.3em;
	font-weight: normal;
	color: #CC3300;
}

/* Style the footer */

div#footer {
	font-size: 0.7em;
	color: #333333;
	border-top: 2px solid #CC3300;
	line-height: 130%;
	padding-top: 5px;
	padding-bottom: 25px;
}

/* Add classes for image layout */

.imageright {
	float: right;
	margin: 0 0 10px 10px;
}

.imageleft {
	float: left;
	margin: 0 10px 10px 0;
}
.imagenote {
	float: left;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 1px;
	margin-left: 0;
}

.footnotes {
	font-size: 0.9em;
}