body {
	background : #D8D8D8;
	margin: 0px;
	color: #101010;
	font-family: Verdana, Arial, sans-serif, Helvetica, Geneva;
	font-size: 16px;
}
hr	{ color: #B0B0B0; height: 0px; }
div.top { position: fixed; left: 0; right: 0; top: 0; height: 90px; z-index: 10; overflow: hidden; }
div.toptall { height: 100px;}
	h1	{ margin: 10px; }
	h5	{ margin: 10px; }
	#logo { float: left; margin: 10px; }
	div#rss { position: absolute; right: 16px; top: 14px; }
	div#rss a { color: #101010; font-weight: bold; font-size: 14px; background : #E6E6E6; }
div.left { position: fixed; left: 0; top: 90px; width: 100px; }
div.right { position: fixed; right: 0; top: 90px; width: 100px; }
div.main { position: absolute; top: 90px; left: 100px; right: 100px; overflow: hidden;}

div.top 		{ background : #E8E8E8; border-bottom: 1px solid #B0B0B0; }
div.main		{ background : #F2F2F2; border: 1px solid #B0B0B0; padding: 3px 18px; }
div.left		{ border-top: 1px solid #B0B0B0; padding: 10px; }
div.left a	 { color: #101010; font-weight: bold; font-size: 14px; line-height: 26px; }
div.right	{ border-top: 1px solid #B0B0B0; }

/* Google Earth page */
table.gepage td 	{ text-align: left; vertical-align: top; font-size: 12px;}
table.gepage td a 	{ text-decoration: underline; }
table.gepage a.gedl	{ font-weight: bold; font-size: 14px; }
.gescreenshot	{ text-align: right; float: right }
.smalltext		{ font-size: 10px; margin-left: 5px }
table.gesubt		{ text-align: left; margin-right: 10px; background : #E8E8E8; }
table.gesubt img	{ margin: 0px 10px }
div.gesmall		{ text-align: left; font-size: 12px; margin-top: 5px }
.center			{ text-align: center; }

/* 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; }
a.indexthumbsh, a.hidemeindexthumbsh { position: relative; left: 0px; top: 0px ; z-index: 5; -webkit-transition-property: left,top; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: default; -moz-transition-property: left,top; -moz-transition-duration: 200ms; -moz-transition-timing-function: default;}

/* 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 }

/* IE crap */
div.top, div.left, div.right { _position: absolute;}
div.top  {  _width: 97%; }