BODY {
	color: black;
	background-color: white;
	margin: 0;
	}

A:link {
	color: blue;
	}

A:visited {
	color: purple;
	}

A:active {
	color: red;
	}

HR {
	color: #fff7d3;
	background-color: #fff7d3;
	height: 3px;
	}

IMG {
	border-style: none;
	}

DIV.img {
	text-align: center;
	}

DIV.imgcenter {
	text-align: center;
	margin-right: 3em;
	}

IMG.right {
	float: right;
	margin-left: 2em;	
	}

IMG.left {
	float: left;
	}

P {
	margin-top: 0.5em;
	margin-right: 3em;	
	}

P.first {
	margin-top: 0.5em;
	padding-top: 2em;
}

P, PRE, DL, FORM.username, FORM.standalone, TABLE.content{
	margin-left: 10px;
	}

UL.content {
	margin-right: 3em;
	}

FORM.username {
	font-size: 80%;
	}

FORM.username INPUT {
	font-size: 75%;
	}

H1, H2, TH, DT {
	font-family: sans-serif;
	color: #cc7838;
	}

H2, H3, H4, H5, H6 {
	padding-left: 10px;
	}

H1 {
	position: absolute;
	left: 200px;
	top: 0;
	right: 0;
	height: 30px;

	margin: 0;

	padding-left: 10px;
	padding-right: 0;
	padding-top: 100px;
	padding-bottom: 0;

	font-size: 144%;

	background-image: url("header-background.png");
	background-repeat: repeat-x;
	}

H1 SPAN {
	margin: 0;

	padding-left: 7px;
	padding-right: 7px;
	padding-top: 0;
	padding-bottom: 0;

	background-color: white;
	background-image: url("header-background-text.png");
	background-repeat: repeat-x;
	}

H2 {
	clear: both;
	font-size: 120%;
	font-weight: normal;
	border-top: 3px solid #fff7d3;

	margin-top: 1em;
	padding-top: 1em;

	margin-bottom: 0.2em;
	}

H2.first {
	border: none;
	margin-top: 0.5em;
	padding-top: 2em;
	}

H3 {
	font-size: 100%;
	font-weight: bold;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	}

.footer {
	font-family: sans-serif;
	font-size: 80%;
	color: #cc7838;

	margin-top: 10px;
	padding: 10px;
	text-align: center;

	border-top: 3px solid #fff7d3;
	clear: both;
	}

.webcredits {
	font-size: 75%;
	}

OL.abc {
	list-style-type: lower-alpha;
	}

.error {
	color: red;
	}

/* Contact Table */
TABLE.contact {
	border-collapse: collapse;
	}

TABLE.contact TD.item {
	text-align: right;
	}

TABLE.members_table TD {
	text-align: center;
	}

/* Main content */
DIV.content {
	margin-left: 200px;
	margin-right: 0;
	margin-top: 140px;
	margin-bottom: 10px;

	padding-left: 10px;
	padding-right: 10px;
	}

/* Sidebar */
DIV.sidebar {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	width: 200px;

	padding: 0;
	margin: 0;

	color: #cc7838;
	background-color: #fff7d3;
	font-family: sans-serif;
	font-size: 80%;
	
	overflow: auto;
	z-index: 1;
	}

DIV.sidebar SPAN {
	text-transform: uppercase;
	font-weight: bold;
	}

SPAN#directory {
	color: #80d39b;
	}

SPAN#newsletters {
	color: #2895fc;
	}

SPAN#events {
	color: #ff9700;
	}

SPAN#transactions {
	color: #e51a5a;
	}

DIV.sidebar UL {
	padding-top: 0;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 0;

	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;

	border-bottom: 6px solid #f3d7af;
	
	list-style-type: square;
	}

DIV.sidebar UL.first {
	padding-top: 5px;
	border-top: 6px solid #f3d7af;
	}

DIV.sidebar A, .sidebar A:link, .sidebar A:visited, .sidebar A:active,
DIV.sidebar UL A, .sidebar UL A:link, .sidebar UL A:visited, .sidebar UL A:active {
	margin: 0;
	padding: 2px;

	display: block;
	text-decoration: none;
	color: #cc7838;
	}

DIV.sidebar A:hover {
	text-decoration: underline;
	}

/*
border-top&left: #f3d7af
border-bottom&right: #ffffff
Text: #cc7838
Light yellow #fffbe8
Dark yellow #fff7d3
*/

/* Form Table */
.form SPAN.step {
	font-weight: bold;
	font-size: larger;
	}

.form TABLE {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	}

.form TABLE COL.field_label {
	width: 13em;
	}

.form TD, .form TH {
	padding: 5px;
	}

.form TH.label {
	text-align: right;
	font-weight: bold;
	}

.form TH.label:after {
	content: ":";
	}

.form TR.odd {
	background-color: #fffbe8;
	}

.form TR.even {
	background-color: #fff7d3;
	}


.form UL.radio, .form UL.radio LI {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

.form UL.radio LABEL {
	display: block;

	text-indent: -2em;

	padding-left: 2em;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	}

.form UL.radio LABEL:hover {
	background-color: white;
	}

/* Printing */

@media print {

DIV.sidebar {
	display: none;
	}

DIV.content {
	margin-left: 0;
	}
}