/* Page background behind all other elements. Rarely visible but should be defined for page loading purposes. */
body
	{
	color: #003300;
	background: #FFFFFF;
	background-image: url('images/main-bg.gif');
	margin: 0px;
	font-family: sans-serif;
	font-size: small;
	}

a:hover
	{
	color: #009900;
	}

/* The logo along the top of the screen. */
.logo
	{
	background-image: url('images/logo-bg.gif');
	background-repeat: repeat-x;
	}

/* Links along the left side of the screen. */
.sidebar
	{
	color: #00FF00;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 10px;
	background-image: url('images/sidebar-bg.gif');
	background-repeat: repeat-y;
	width: 140px;
	}

/* Define a sidebar link. Display: block is required or the links will all end up on the same line and background colors/images won't work correctly. */
.sidebar a
	{
	display: block;
	font-size: x-small;
	background-color: #004800;
	background-image: url('images/link-bg.gif');
	background-repeat: repeat-y;
	background-position: right;
	color: #FFFF00;
	text-decoration: none;
	padding: 0px 8px;
	margin: 1px 0px;
	}

/* The style of the link when the mouse is pointing at it. If a background image is defined for the link (above), one MUST be defined here or the background won't change, even if another color is specified (because the image overrides the color). */
.sidebar a:hover
	{
	background-color: #FFFF00;
	background-image: url('images/link-h-bg.gif');
	color: #000000;
	}

/* The header text in the side bar ("Problem Areas," "Solution Space," and such.) */
.sidebar .header
	{
	color: #90FF00;
	font-weight: bold;
	font-size: small;
	text-transform: uppercase;
	padding: 0px 5px;
	margin-top: 5px;
	margin-bottom: 0px;
	background-color: #004800;
	border-top: 1px #00FF00 solid;
	border-bottom: 1px #00FF00 solid;
	background-image: url('images/toplinks-bg.gif');
	}

/* A disabled (grayed out) link in the sidebar. */
.disabled
	{
	font-size: x-small;
	padding-left: 2px;
	padding-right: 2px;
	margin-top: 1px;
	margin-bottom: 1px;
	background-color: #93C093;
	color: #225522;
	}

/* The page content! */
.content
	{
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	}

/* The header text in the content. */
.content .header
	{
	color: #229922;
	font-size: xx-large;
	font-weight: bold;
	text-transform: uppercase;
	}

/* The text in the header that's underneath the header text. */
.content .subheader
	{
	color: #229922;
	font-size: x-large;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	}

/* A header text in the content */
h1
	{
	font-size: medium;
	font-weight: bold;
	background-image: url('images/sbheader-bg.gif');
	background-position: bottom;
	background-repeat: repeat-x;
	}

/* A second-level header text in the content */
h2
	{
	font-size: small;
	font-weight: bold;
	border-bottom: 1px solid #93C093;
	}

/* The link bar at the top of the content area. */
.toplinks
	{
	color: #97D096;
	font-weight: bold;
	font-size: small;
	text-transform: uppercase;
	margin-top: 5px;
	margin-bottom: 0px;
	background-color: #004800;
	border-top: 1px #00FF00 solid;
	border-bottom: 1px #00FF00 solid;
	background-image: url('images/toplinks-bg.gif');
	background-repeat: repeat-x;
	}

/* The links inside the toplinks bar. */
.toplinks a
	{
	color: #90FF00;
	text-decoration: none;
	}

/* When the mouse is pointing at the top links. */
.toplinks a:hover
	{
	color: #FFFF00;
	}

/* dimmer text for quote */
.quote
	{
	color: #67A066;
	font-style: italic;
	}

/* "Next" and "Previous" links at the bottom of a page */
.footlinks
	{
	color: #67A066;
	font-weight: bold;
	background-image: url('images/sbheader-bg.gif');
	background-position: bottom;
	background-repeat: repeat-x;
	}

.footlinks a
	{
	color: #225522;
	text-decoration: none;
	}

.footlinks a:hover
	{
	color: #449900;
	}

/* The footer text (copyright and such). */
.footer
	{
	font-size: x-small;
	background-image: url('images/sbheader-bg.gif');
	}