/* start of: colour scheme */
/*
Primary
#233E99 - dark blue
#0096d7 - light blue
#BABCBE - cool grey

Secondary
#44697D - grey blue
#44697D - violet
#44697D - warm red
#FF5800 - orange
*/
/* end of: colour scheme */
body {
	font-size: 75%;
	margin: 0;
	padding: 0}
body, form, input, table, textarea, pre{
	font-family: Arial, Helvetica, sans-serif}
/* start of main page structure */
	/* +++++ page layout +++++ */
#area_1, #area_2, #area_3 {
	clear: both;
	position: relative;
	left: 2%;
	width: 96%;
	right: 2%}
	/* +++++ area 1 layout +++++ */
#box_1a {}
	/* +++++ area 2 layout +++++ */
#box_2a {
	float: left;
	position: relative;
	width: 17%}
#box_2b {
	float: right;
	position: relative;
	padding: 0 0 0 1.5%;
	width: 81.5%}/* important: add these %s (width, left and right only) and that of #box_2a.  must =100% */
	/* +++++ area 3 layout +++++ */
#box_3a {
	float: left;
	position: relative;
	width: 17%}
#box_3b {
	color:#BABCBE;
	float: right;
	padding: 0 1.5% 0 1.5%;
	width: 79%}/* important: add these %s (width, left and right only) up and add to ie_additions.css */
/* end of main page structure */
/* start of key structural styling */
	/* +++++ area 1 styling +++++ */
#header {
	background-color: #ffffff;
	background-position: right;
	background-repeat: no-repeat;
	height: 90px;
	margin-bottom: 2px}
#header_logo {
	float: left;
	margin: 0;
	padding: 0}
#header_img {
	float: right}
#nav_main {
	background: #000000;
	clear: both;
	display: block;
	list-style: none;
	margin: 0;
	text-align: center}
#nav_main li {
	display: inline;
	margin: 0 -2px 0 -2px;
	padding: 0}
#nav_main a:link, #nav_main a:visited, #nav_main a:hover, #nav_main a:active {
	border-left: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 2em;
	margin: 0;
	padding: 0.5em 1em 0.5em 1em;
	text-decoration: none}
#nav_main a:hover, #nav_main a:active {
	color: #FFFFFF !important;
	text-decoration: underline}
	/* +++++ area 2 styling +++++ */
#box_2a {
	padding-bottom: 3em}
#nav_home, #nav_about, #nav_users, #nav_members, #nav_missing,  #nav_members_logged, #nav_members_expired {
	position: absolute;
 	left: 0px;
 	top: -500px;
 	width: 1px;
 	height: 1px;
 	overflow: hidden}
#xxx #nav_missing {
	position: relative !important;
	left: 0 !important;
	top: 0 !important;
	width: auto !important;
	height: auto !important;
	overflow: auto !important}
#home #nav_home {
	position: relative !important;
	left: 0 !important;
	top: 0 !important;
	width: auto !important;
	height: auto !important;
	overflow: auto !important}
#about #nav_about {
	position: relative !important;
	left: 0 !important;
	top: 0 !important;
	width: auto !important;
	height: auto !important;
	overflow: auto !important}
#users #nav_users {
	position: relative !important;
	left: 0 !important;
	top: 0 !important;
	width: auto !important;
	height: auto !important;
	overflow: auto !important}
#members #nav_members {
	position: relative !important;
	left: 0 !important;
	top: 0 !important;
	width: auto !important;
	height: auto !important;
	overflow: auto !important}
#members #nav_members_logged {
	position: relative !important;
	left: 0 !important;
	top: 0 !important;
	width: auto !important;
	height: auto !important;
	overflow: auto !important}
#members #nav_members_expired {
	position: relative !important;
	left: 0 !important;
	top: 0 !important;
	width: auto !important;
	height: auto !important;
	overflow: auto !important}
.expired {
    font-style: italic;
}
#nav_2 a:link, #nav_2 a:visited, #nav_2 a:hover, #nav_2 a:active {
	border-bottom: solid 1px #000000;
	color: #000000;
	display: block;
	line-height: 2em;
	margin: 0;
	padding: 0;
	text-decoration: none !important;
	width: 95%}
#nav_2 a:hover, #nav_2 a:active {
	background-color: #DFDFDF}
#nav_2 {
	font-weight: bold;
	list-style: none;
	margin: 0;
	padding: 0 0 3em 0}
#nav_2 ul {
	font-weight: normal;
	margin: 0;
	padding-bottom: 1px}
#box_2a p {
	color: #233E99;
	font-size: 90%}
#box_2b {
	padding-bottom: 3em}
	/* +++++ area 3 styling +++++ */
#area_3 {
	border-top: dashed 1px #233E99}
#area_3 {
	color: #109090;
	font-size: 90%}
#box_3a, #box_3b {
	padding-bottom: 1em;
	padding-top: 1em}
#box_3a a {
	padding: 0 1% 0 1%}
/* start of key structural styling */
/* start of generic mark-up styling */
      /* +++++ simple text elements +++++ */
h1 {border-bottom: solid 1px #233E99;
	color: #233E99;
	padding-bottom: 0.5em;
	font-size: 150%}
h2 {color: #233E99;
	font-size: 140%}
h3 {color: #233E99;
	font-size: 130%}
h4 {color: #233E99;
	font-size: 120%}
h5 {color: #233E99;
	font-size: 110%}
h6 {color: ##233E99;
	font-size: 100%}
pre {
    font-size: 100%;
	font-style: normal;
}
cite {
	font-style: italic;
	font-weight: bold}
q {	font-style: italic}
blockquote {
	margin-left: 2em}
	/* +++++ list elemnets +++++ */
ul {
	list-style: square;
	margin-left: 2.5em;
	padding-left: 0}
li.contents, li.contents a:link, li.contents a:visited {
	color: #0096d70;
	font-size: 130%}
ol {margin-left: 2.5em;
	padding-left: 0}
dl {margin: 0;
	padding: 0}
dt {font-weight: bold;
	color: #233E99}
dd {margin-left: 25px}
	/* +++++ link elements +++++ */
a:link, a:visited, a:hover, a:active {
	color: #0096d7;
	text-decoration: none}
a:hover, a:active {
	text-decoration: underline}
sup a {
	background-color: #008080;
	color: #FFFFFF !important;
	margin-left: 0.5em;
	padding: 0 2px 0 2px}
	/* +++++ table elements +++++ */
table {
	background: #BABCBE;
	font-size: 100%;
	width: 100%}
table.width75 {
	background: #20AAAA;
	font-size: 100%;
	width: 75%}
table.events {
	background: #BABCBE;
	width: 100%}
table h2 {color: #233E99;
	font-weight: bold;
	font-size: 140%}
	
caption {
	font-weight: bold;
	padding: 1em}
th {background: #0096d7;
	color: #FFFFFF;
	padding: 0.5em;
	vertical-align: top}
td {background: #FFFFFF;
	padding: 0.5em;
	vertical-align: top}
table ol, table ul {
	font-size: 100%;
	margin: 0.5em 0 0.5em 1.5em;
	padding: 0}
td.wide75 {
    width: 75px;}
td.wide400 {
    width: 400px;}
.transparent {
	background: #FFFFFF;
	font-size: 100%;
	border: 0;
	width: 100%}
	/* +++++ form elements +++++ */
form {
	border: solid 2px #BABCBE;
	margin: 1em 0 1em 0;
	padding: 0 1em 1em 1em}
form dd {
	margin-top: 0.25em;
	margin-bottom: 0.75em}
input, textarea {
	background-color: #FFFFBB !important;
	border: solid 1px #BABCBE;
	font-size: 100%;
	padding: 0 0.25em 0 0.25em;
	}
.submit {
	color: #FFFFFF}
.submit h3 {
	display: inline}
.submit input {
	background-color: #233E99 !important;
	border: outset 2px !important;
	color: #FFFFFF !important;
	margin-left: 0.5em;
	width: auto !important}
	/* +++++ other elements +++++ */
hr {color: #BABCBE;
	height: 1px}
img {
	border: 0}
img.right {
	padding: 5px 0 5px 5px;
	float: right}
/* end of generic mark-up styling */
/* start of specific mark-up styling */
.two_cols {
	background-color: green;
	height: 1px	}
.col_1 {
	float: left;
	margin-right: 1%;
	width: 49%}
.col_2 {
	float: left;
	margin-left: 1%;
	width: 49%}
.back_to_top {
	margin-top: 1em;
	text-align: right}
.back_to_top a {
	background: #0096d7;
	color: #FFFFFF !important;
	font-weight: bold;
	padding: 2px;
	position: relative;
	top: 5px}
.table_back_to_top {
	margin-top: 1em;
	text-align: right}
.table_back_to_top a {
	background: #0096d7;
	color: #FFFFFF !important;
	font-weight: bold;
	padding: 2px;
	position: relative;
	top: 5px}
.box {
	border: solid 2px #BABCBE;
	clear: both;
	margin: 1em 0 1em 0;
	padding: 0 1em 0 1em}
.boxleft {
    float: left;
    width: 45%;
	border: solid 2px #BABCBE;
	margin: 1em 0 1em 0;
	padding: 0 1em 0 1em}
.boxright {
    float: right;
	width: 45%;
	border: solid 2px #BABCBE;
	margin: 1em 0 1em 0;
	padding: 0 1em 0 1em}
.clear {
	clear: both}
#contents {
	border: solid 2px #BABCBE;
	margin: 1em 0 1em 0;
	padding: 1em 1em 1em 2em}
.footnotes  {
	border-top: 2px solid #058585;
	font-size: 90%;
	margin: 2em 0 0 0;
	padding: 1em 0 0 2.5em}
.hidden {
	position: absolute;
 	left: 0px;
 	top: -500px;
 	width: 1px;
 	height: 1px;
 	overflow: hidden}
.img_links {
	color: #FFFFFF;
	margin: 1em 0 1em 0}
.img_links img, .img_links input {
	margin: 0 1.5em 0 0}
.photo {
	border: solid 2px #008080;
	display: block;
	float: left;
	font-weight: bold;
	margin: 1em;
	padding: 1em}
.photo img {
	display: block}
.photoleft {
	float: left;
	margin-right: 25px;}
/* end of specific mark-up styling */
/* start of section-specific mark-up styling */
	/* user/reviews/reviews_users.htm */
dl.product {
	border-bottom: dashed 1px #25AEAE;
	margin-bottom: 1em;
	padding-bottom: 1em}
dd.product {
	font-weight: bold}
.error {
    color: red;
}
/* end of section-specific mark-up styling */
/* start of temporary classes for development only */
.alert {
	background: yellow;
	font-weight: bold;
	padding: 1em;
	text-align: center}