body {
	background : #D8D8D8;
	margin: 0px;
	color: #101010;
	font-family: Verdana, Arial, sans-serif, Helvetica, Geneva;
	font-size: 9pt;
}
div#header		{ position: relative; height: 60px; left: 0; right: 0; top: 0; text-align: right; background-color: #30366A; color: #FFFFFF; background-image: url("../img/topgrad.png"); }
div#logo			{ position: absolute; width: 315px; height: 60px; right: 0; top: 0; background-color: #30366A; background-image: url("../img/logo.png"); }

div.main		{ background : #F2F2F2; border: 1px solid #B0B0B0; padding: 14px 18px; width: 800px; margin: 10px auto; color: #505050; font-size: 9pt; line-height: 16px; }
.middle		{ margin: 0 auto; }
a			{ color: #505050; }
h2			{ font-size: 13.5pt; }
h3			{ margin-bottom: 2px; font-size: 11pt; }
h4			{ margin: 8px 0 2px; font-size: 9pt; }

.smalltext		{ font-size: 10px; margin-left: 5px }
.center			{ text-align: center; }
.grey			{ color: #505050; font-size: 9pt; }
.helptext		{ text-align: left; clear:both; margin-top: 25px;}
.hidden			{ display:none; }

/* dropshadows for photos and thumbnails  */
td.shr2			{ background-image: url("bw-r.png")  ; width: 15px ;              ; background-repeat: repeat-y  ; vertical-align: top }
td.shb2			{ background-image: url("bw-b.png")  ;             ; height: 20px ; background-repeat: repeat-x  ; text-align: left }
td.shbr2			{ background-image: url("bw-br.png") ; width: 15px ; height: 20px ; background-repeat: no-repeat }
td.shr2 img		{ background-image: url("bw-tr.png") ; width: 15px ; height: 20px ; background-repeat: no-repeat }
td.shb2 img		{ background-image: url("bw-bl.png") ; width: 15px ; height: 20px ; background-repeat: no-repeat }
/* use real alpha transparency for  browsers made this century.. (IE doesn't understand html>body child selectors either so will skip this) */
html>body td.shr2	{ background-image: url("shadow-rx.png") }
html>body td.shb2	{ background-image: url("shadow-bx.png") }
html>body td.shbr2	{ background-image: url("shadow-br.png") }
html>body td.shr2 img	{ background-image: none }
html>body td.shb2 img	{ background-image: none }

table.indexthumbsh tr, table.hidemeindexthumbsh tr	{ line-height: 8px }	/* remove space between photo and shadow in strict HTML4 */
a.indexthumbsh img		{ border-style: solid;  border-width: 1px; border-color: #555555; margin: 0px ; padding: 4px ; background-color: #ffffff }

a.indexthumbsh:hover, a.hidemeindexthumbsh:hover	{ position: relative; left: 3px; top: 6px ; z-index: 5 }

/* default to no borders */
table, tr, td, img	{ border-style: hidden; border-width: 0px; margin: 0px }
table, tr, td		{ padding: 0px; border-spacing: 0px; border-collapse: collapse }