body{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Verdana, sans-serif;;
	font-size: 85%;
	background-color: #0F32D7;
	color: black; }

h1 {
	font-size: 150%;
	font-weight: bold;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	text-align: center;}

h2{
	font-size: 130%;
	font-weight: bold;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	text-align: left;}

h3{
	font-size: 115%;
	font-weight: bold;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	text-align: left;}

table{
	/*border: .1em solid red;*/
	font-size: 1.0em;
	table-layout: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 0%;
	border-spacing: 0em 0em; 
	background-color: #ffffff; }
td, th{
	vertical-align: top;}
ol, ul, li {/*
	list-style: none;*/
	font-size: .95em;
	line-height: 1.0em;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
	}
p {
	font-size: 1.0em;
	line-height: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	}
li > p {
	margin-top: 0.2em;
	}
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: .9em;
	}
strong, b {
	font-weight: bold;
	}

div.center { text-align: center; }

p.left { text-align: left; }
p.center { text-align: center; }
h1.center { text-align: center; }
h1.left { text-align: left; }

.nav a {
	text-decoration: none;
	color: white; }
.nav a:hover{
	background-color: 0000ff;
	color: white }	
.nav table {
	background-color: gray; 
	color: white;
	width: 100%;}
.nav td {
	text-align: center; 
	font-size: 1.0em; }
	
/* for album */
div.index {
	text-align: center;
}
div.index table {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 100%;
}
div.navigation {
	text-align: center;
}
div.navigation table {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
div.photograph {
	text-align: center;
}
div.photograph table {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
td.thumbcell {
	width: 100px;
}
div.title {
	font-weight: bold;
	font-family: tahoma, arial, helvetica, sans-serif;
	text-align: right;
	font-size: 0.8em;
	color: #ffffff;
	background-color: transparent;
}
.caption {
	font-family: tahoma, arial, helvetica, sans-serif;
	text-align: center;
	font-size: 0.8em;
	color: #000000;
	background-color: transparent;
}
.footnote {
	font-size: 0.6em;
	text-align: right;
	font-family: tahoma, arial, helvetica, sans-serif;
}
.textleft {
	text-align: left;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	background-color: transparent;
}
.textright {
	text-align: right;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	background-color: transparent;
}
.textcenter {
	text-align: center;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	background-color: transparent;
}
img {
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
}
a img{
  border-color: #0000FF;
}
img.selected {
	border-style: double;
	border-width: 5px;
	border-color: #000000;
}