/* ====================================================================
BOATING BETA STYLING
-------------------------------------------------------------------- */
#box-header h1 {
	margin-left: 50px;
	display: inline;
	}

#box-header hr {
	margin: 10px 0 20px;
	}

caption {
 	font-weight: bold;
 	padding-bottom: .6em;
  }

tr.odd-row {
 	background-color: #ddd;
  }

tr.even-row {
 	background-color: #fff;
  }

th {
	vertical-align: bottom;
	padding: 1px 6px;
	}

td {
	vertical-align: middle;
	padding: 1px 4px;
	}

td.no-beta {
 	background-color: #fff;
  }

td.too-low {
 	background-color: #f00;
  }

td.low {
 	background-color: #ff0;
  }

td.medium {
 	background-color: #0f0;
  }

td.high {
 	background-color: #0cf;
  }

td.too-high {
 	background-color: #f0f;
  }

#flowkey {
	background-color: #cfc;
	padding: 1em;
}

#flowkey th {
	display: none;
}

#flowkey caption {
	display: none;
}

#flowkey h3 {
	margin-bottom: 1em;
}

#flowkey .color-code {
 	width: 40px;
 	height: 40px;
	}

#flowkey .interpretation {
	font-weight: bold;
}

#quality {
	background-color: #cfc;
	padding: 1em;
}

#quality th {
	display: none;
}

#quality caption {
	display: none;
}

#quality h3 {
	margin-bottom: 1em;
}

#quality .rating {
	font-weight: bold;
}

.inline {
	display: inline;
}

.center {
  text-align: center;
	margin: 0 auto;
  }

.indent {
	margin-left: 10px;
	}

.left {
  text-align: left;
  }

.list-no-indent {
  padding-left: 1.5em;
  }

.list-lower-alpha-no-indent {
	list-style-type: lower-alpha;
  padding-left: 1.5em;
	}

hr {
	margin: -5px 0 15px;
	padding: 0;
	}

.moz-space[class] {	/* For Opera and Gecko browsers only */
	margin: 10px 0 20px;
	}

.spacer{
	display: none;
	}

.spacer[class]{	/* Re-do for Opera and Gecko browsers only */
	display: inline;
	}

#min-width-container {	/* DO NOT ADD CSS TO THIS! */
	min-width: 100%;
	}

#layout-container {
	margin: 15px;
  }

.hide {
 	display: none;
  }

#sub-header-old-browser-rap {
  padding: 10px;
  margin: 10px auto;
 	border: solid 1px;
 	background: #cfc;
 	}

#sub-header-title {
  text-align: center;
	margin: 0 auto 30px;
 	}

#sub-footer-copyright {
 	width: 59%;
	}

#sub-footer-valid {
	float: right;
 	width: 39%;
	}

#sub-footer-valid img {
	vertical-align: middle;
	}

.valid-middle {
  float: right;
 	padding: 0 10px;
  }

.valid-edge {
	float: right;
  }

img {
 	border-style: none;
 	}

#navigation-test {
	text-align: center;
	margin: 0 auto;
	}

#navigation-test ul { /* Center inline lists when displayed by NN4 */
	margin: -1em 1em 0 -3em;
	/*/*/ margin: 0;  /* END */
	padding: 0;
	}

#navigation-test li {
	list-style-type: none;
	color: #fff; /* Set to background color to avoid problems on NN4 for Mac */
	}

#navigation-test h3 {
 	font-family: arial, helvetica, 'lucida grande', verdana, geneva, lucida, sans-serif;
	color: #009;
 	border-color: #009;
  }

#navigation-test h3 {
	margin: 1em 0 0 0px;
 	padding-bottom: 0;
 	font-size: medium;
 	}

ul.inline { /* Center inline lists when displayed by NN4 */
	margin: -1em 1em 0 -3em;
	/*/*/ margin: 0;  /* END */
	padding: 0;
	}

ul.inline li {
	list-style-type: none;
	color: #fff; /* Set to background color to avoid problems on NN4 for Mac */
	}

h3.menu {
	margin: 1em 0 0 0px;
 	padding-bottom: 0;
 	font-size: medium;
 	}

#sub-left-google {
 	font-size: small;
 	border: solid 1px;
 	/*/*/ border: none; /* Create border for sake of NN4, then eliminate for other browsers */
  }

#search-terms {
 	font-family: monospace; /* Limit the length of the form field set by NN4 by specifying a fixed-width font */
 	/*/*/ font-family: inherit; /* END */ /* Let other browsers use the font used in the rest of the document (check to see not a problem with NN5 and 6 too!) */
  }

#submit {
 	margin: 5px 0;
  }

#sub-left-google fieldset {
  margin: 0;
  padding: 10px;
 	border: solid 1px;  /* Force border around fieldset to align with container edge */
  }

#sub-left-ad {
 	font-size: x-small;
	/*/*/ font-size: xx-small; /* END */
 	border: solid 1px;
  padding: 10px;
  }

#sub-left-ad p {
  padding: 10px 5px 5px;
  }


/* HIDE INLINE LIST STYLES FROM NN4 */

/*/*/
#navigation-test li.edge {
  padding: 0;
  }

#navigation-test li {
	display: inline;
  padding: 0 .1em;
  }
/* END */

/*/*/
li.inline-middle {
	display: inline;
  padding: 0 .1em;
  }

li.inline-edge {
	display: inline;
  padding: 0;
  }

li.valid-inline {
	display: inline;
  }
/* END */


/* STYLES */

body, div, p, span, ol, ul, h1, h3.menu {
 	font-family: arial, helvetica, 'lucida grande', verdana, geneva, lucida, sans-serif;
	color: #009;
 	border-color: #009;
  }

/* Use next two styles to set background colors */
body {
	background-color: #fff;
  }

/* #layout-container {
 	background-color: #f66;
 	padding: 0.5em
 	} */

a {
 	text-decoration: none;
 	}

a:link {
 	color: #00f;
 	}

a:visited {
 	color: #3c3;
 	}

a:focus, a:hover,  a:active {
 	color: #f00;
 	}

.large-font {
 	font-size: x-large;
 	font-weight: bold;
 	}

.small-font {
 	font-size: small;
 	}

.bb-color {
 	color: #f33;
 	font-weight: bold;
 	}
 	
.bb-color h3 {
 	font-size: 1em;
 	}

h2, h3, h4, h5, h6 {
 	color: #f33;
 	}

.bb-color-off {
 	color: #009;
 	font-weight: normal;
 	}

abbr.initialism_help, abbr.truncation, acronym, .help {
  border-bottom: 1px dotted;
  cursor: help;
  }


/* AURAL STYLES */

abbr.initialism, abbr.initialism_help {
	speak: spell-out;
	}

abbr.truncation, acronym {
	speak: normal;
	}


/* INDEX PAGE SPECIFIC LAYOUT */

#caption_lg {
	width: 430px;
 	font-size: small;
	margin: 5px auto 0;
  }

#sub-main-welcome h2 {
 	margin-bottom: 0;
 	padding-bottom: 0;
 	}

.no-margin-pad {
 	margin-bottom: 0;
 	padding-bottom: 0;
 	}

/* ====================================================================
box layout
-------------------------------------------------------------------- */
#columns-float
	{
	float				: left;
	width				: 84%;
	}
#column-one
	{
	width				: 73%;
	float				: right;
	}
#column-two
	{
	width				: 180px;
	float				: left;
	}
#column-three
	{
	width				: 15%;
	float				: right;
	}
#box-footer
	{
	clear				: both;
	}
/* ====================================================================
box-clear requires all sorts of hackery because of the way the
different browsers cope with clearing floats
see [#   #]
-------------------------------------------------------------------- */
.box-clear { clear: both; line-height: 0px; font-size: 1px; }
/* IE5 (mac) dealt with, now reset font-size for Geckos,
turn off for IE5 (PC) + OmniWeb and back on for IE6 (PC)
see [http://www.fu2k.org/alex/css/test/OmniWebInlineHack.mhtml] */
/*\*/
.box-clear { font-size: medium; }
.fake.box-clear { display: none; }
/* */
/* Turn off for Opera 6 and below */
html>body div.box-clear { display: none; }
/* And turn it back on again for good honest browsers
see [http://www.albin.net/CSS/OwenHack.html] */
head:first-child+body div.box-clear { display: block; }
/* ====================================================================
nn4clear is as its name suggests, only required for NN4 compatibility
If you don't need that you can remove both this rule and the
relevant div from the html
-------------------------------------------------------------------- */
.nn4clear { clear: both; line-height: 0px; font-size: 1px; }
/*/*/ .nn4clear { display: none; } /* */
/* ====================================================================
box styling
-------------------------------------------------------------------- */
#box-header
	{
	margin				: 0;
	padding				: 0;
	border				: none;
	}
#box-footer
	{
	margin				: 0;
	padding				: 0;
	border				: none;
	}

/* use these to set individual background colors */
#column-one-content
	{
	/* background			: #ff6666; */
	}
#column-two-content
	{
	/* background			: #66ff66; */
	}
#column-three-content
	{
	/* background			: #6666ff; */
	}
#column-one-content, #column-two-content, #column-three-content
	{
	margin				: 0;
	padding				: 0;
	border				: none;
	}
/* GUTTERS BETWEEN COLUMNS */
#column-one-content
	{
	/* margin-left: 20px; */ /* OMIT IN 2 COLUMN LAYOUT */
	/* margin-right: 20px; */ /* OMIT IN 2 COLUMN LAYOUT */
	}
/* the relative positioning is required by IEs 5 + 6 (PC) - NN4 crashes if it sees them while other browsers don't seem to mind - hence the Caio hack */
/* CSS HACK:  position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */
/*/*/
#box-wrap, #columns-float, #column-two, #column-three, h2
	{ p\osition: relative; }
/* */
/* ====================================================================
Get all the browsers on the same page . . .
-------------------------------------------------------------------- */
body
	{
	margin				: 0;
	padding				: 0;
	}
div
	{
	margin				: 0;
	padding				: 0;
	}
p
	{
	margin				: 0;
	padding-bottom: 1em;
	}