a:link, a:visited { color: #2a7faa; text-decoration: underline }
a:hover, a:active { color: #696969; text-decoration: underline }
body  { margin: 0; height: 100% }
p, ul, td  { color: #333; font-size: 12px; font-family: Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; line-height: 15px; list-style-type: square; margin-top: 0; margin-bottom: 9px }
.footertext { color: #999; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 9px; margin-top: 30px }
/* note should match #sidebar p */
.note { color: #333; font-size: 11px; font-family: Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; line-height: 12px; list-style-type: square; padding-bottom: 10px; padding-left: 10px; border-left: 1px solid #ccc }
.note p { color: #333; font-size: 11px; font-family: Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; line-height: 12px; list-style-type: square; margin-top: 0; margin-bottom: 9px }
.smallimage { margin-bottom: 6px; margin-left: 12px; float: right; clear: both }
.smallimageleft  { margin-right: 12px; float: left }
#content     { padding-top: 12px; position: absolute; z-index: 1; top: 106px; left: 22px; width: 550px; height: 90% }
#menu { width: 720px; height: 20px }
#recordlight { position: absolute; top: 48px; left: 700px; width: 12px; height: 12px }
#sidebar       { background-image: url("images/white.gif"); background-repeat: repeat; background-position: 0 0; padding: 0 0 0 10px; position: absolute; top: 82px; left: 580px; width: 120px; height: 90%; border-left: 1px solid #ccc }
#sidebar p { color: #666; font-size: 11px; font-family: Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; line-height: 12px; list-style-type: square; margin-top: 0; margin-bottom: 9px }
#sidenote   {
	visibility: visible;
	margin-left: 10px;
	position: relative;
	z-index: 90;
	width: 114px;
	float: right;
	top: 5px;
}
#description  { visibility: hidden; position: absolute; z-index: 100; top: 0; left: 0; width: 500px }