body    { color: black; font: 80% Arial; text-align: left; margin: 0; padding: 0 }

a    { color: black; font-family: Arial; text-decoration: none }

a:visited    { color: gray; font-family: Arial; text-decoration: none }

hr{
	
	border-bottom-color : CFD2BF;
	border-width : thin;
}

h1     { color: black; font-size: 135%; font-family: Arial; font-style: normal; font-variant: normal; font-weight: bold; font-stretch: normal; text-align: left; word-spacing: 120%; letter-spacing: 120%; margin-top: 1em; margin-bottom: 1em }

h2    { color: black; font-size: 110%; font-family: Arial; font-variant: normal; font-weight: bold; word-spacing: 150%; letter-spacing: 150%; margin-top: 1em; margin-bottom: 1em; padding-top: 10px; vertical-align: top }



h3      { color: white; font-size: 80%; font-family: Arial; font-style: normal; font-variant: normal; font-weight: normal; text-align: left; margin-top: 0; margin-bottom: 0 }

table    { font-family: Arial; background-color: #ffffff; margin-right: auto; margin-left: auto; padding: 0; border: 0.1em #788b8b; border-spacing: 0em 0em; table-layout: auto    }
td, th    { color: black; font-family: Arial; vertical-align: top }
ol, ul, li     { font-size: 90%; font-family: Arial; margin-top: 0.2em; margin-bottom: 0.2em }
p     { color: black; font-size: 80%; font-family: Arial; text-align: justify; margin: 1.2em 0 }
li > p {
	margin-top: 0.2em;
	font-family: franklin gothic, arial, helvetica, sans-serif;
	}
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-family: franklin gothic, arial, helvetica, sans-serif;
	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; }
h1.right { text-align: right; }
h2.center { text-align: center; }
h2.left { text-align: left; }
h2.right { text-align: right; }
h3.center { text-align: center; }
h3.left { text-align: left; }
h3.right { text-align: right; }

.nav a    { color: gray; font-size: 80%; font-family: "franklin gothic", arial, helvetica, sans-serif; text-decoration: none }
.nav a:hover  { color: black; background: #cfd2bf }	
.nav table    { color: gray; font-size: 80%; font-family: "franklin gothic", arial, helvetica, sans-serif; width: 70% }
.nav td    { color: gray; font-size: 80%; font-family: "franklin gothic", arial, helvetica, sans-serif; text-align: center }
	
/* 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;
	font-family: franklin gothic, arial, helvetica, sans-serif;
	font-size: 60%;
	
}
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;
	font-family: franklin gothic, arial, helvetica, sans-serif;
}
td.thumbcell {
	width: 100px;
}
div.title {
	font-weight: bold;
	font-family: franklin gothic, arial, helvetica, sans-serif;
	text-align: right;
	font-size: 0.8em;
	color: #ffffff;
	background-color: transparent;
}
.caption  { color: #9f1234; font-size: 90%; font-family: Arial; text-align: center }
.footnote {
	font-size: 0.8em;
	text-align: right;
	font-family: franklin gothic, arial, helvetica, sans-serif;
}
.textleft {
	text-align: left;
	font-family: franklin gothic, arial, helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	background-color: transparent;
}
.textright {
	text-align: right;
	font-family: franklin gothic, arial, helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	background-color: transparent;
}
.textcenter {
	text-align: center;
	font-family: franklin gothic, arial, helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	background-color: transparent;
}
img  { padding: 1em; border: solid 0 white }
a img{
	border-color: White;
}
img.selected {
	border-style: none;
	border-width: 0px;
	border-color: White;
}