/*
* yellow: FFD911
* off-yellow: #f4f294
* green: 007055
* orange: ED9030
*/

BODY { margin: 0; background: #ffffff; }
BODY, TD { font: 12px arial,sans-serif; }
TR { vertical-align: top; }
THEAD TD, TH { background: #f0f0f0; font-weight: bold; }
H3 { border-bottom: 1px solid #007055; color: #007055; padding: 0; font-size: 20px; line-height: 15px; }
H4 { color: #333366; background: #f0f0f0; padding: 3px; }

H5 { font-size: 12px; font-weight: bold; margin-bottom: 0; padding: 0; }

#banner { background: #FFCC99; border-bottom: 1px solid black; }
#topbar { background: #FFD911; border-bottom: 1px solid black; }


/***********************
* SIDE BAR
***********************/
#side {
	width: 200px !important;
	background-color: #000;
	padding-bottom: 50px;
}

A.menu, A.sub {
	padding: 0;
	display: block;
	text-decoration: none;
}

#side A:hover, #side A.selected {
	color: #FFD911;
}


A.menu {
	font: bold 14px arial;
	color: #ffa;
	padding: 5px 0 0 5px;
	margin: 5px 0 0 0;
}

A.sub {
	padding: 0 0 0 20px;
	font-size: 11px;
	color: #ffd;
}

A.selected {
	background-color: #fff;
	font-weight: bold;
	color: #007055 !important;
}

#main {
	padding: 10px;
}

#footer {
	text-align: center;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	padding: 3px;
	font: bold 11px verdana,sans-serif;
	background: #FFD911;
}
#footer A, footer A:visited { color: black; }
#footer A:hover { color: #007055; }


.note {
	color: red;
	white-space: pre;
	display: block;
	border: 1px solid red;
	padding: 8px;
	background: #ffffcc;
}

.hide {  }