html, body, #contents 
{
    font-family: Arial, Helvetica, sans-serif;
    font-size:small;
	width: 100%;
	height: 100%;
}

html>body, html>body #contents 
{
	height: auto;
    margin: 0;
}

#mainpage
{
    margin: 1em;
}

table.header
{
	background: #fff url(gradient.jpg) repeat-x;
}
td.head 
{
	color: White;
	font-size: xx-large;
	font-weight: 300;
}
td.headname
{
	color: White;
	font-size: x-large;
	font-weight: 300;
}
.exif
{
    font-size: small;
}
.exifheader
{
    font-size: medium;
    font-weight: bold;
    background-color: #000080;
    color: White;
}
.exifrow1
{
    font-size: small;
    background-color: #E5FFFF;
}
.exifrow2
{
    font-size: small;
    background-color: #CEFFFF;
}
img 
{
    border-style: none;
}
.TreeNode 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	text-decoration: none;
}
A.buttonlink:link	
{
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	font-size: 1em;
	text-decoration: none;
	font-weight: normal;
	color:	#FFFFFF;
	background-color: Gray;
	border: 1px solid #000000;
	width: 150px;
	height: 40px;
	text-align: center;
	vertical-align: middle;
}		
A.buttonlink:visited
{
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	font-size: 1em;
	text-decoration: none;
	font-weight: normal;
	color:	#FFFFFF;
	background-color: Gray;
	border: 1px solid #000000;
	width: 150px;
	height: 40px;
	text-align: center;
	vertical-align: middle;
}	
A.buttonlink:active
{
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	font-size: 1em;
	text-decoration: none;
	font-weight: normal;
	color:	#FFFFFF;
	background-color: Gray;
	border: 1px solid #000000;
	width: 150px;
	height: 40px;
	text-align: center;
	vertical-align: middle;
}	
A.buttonlink:hover
{
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	font-size: 1em;
	text-decoration: none;
	font-weight: normal;
	color:	#000000;
	background-color: White;
	border: 1px solid #000000;
	width: 150px;
	height: 40px;
	text-align: center;
	vertical-align: middle;
}
A.showhidebutton:link	
{
	border: 0px solid #000000;
	border-style: none;
}	
A.showhidebutton:visited
{
	border: 0px solid #000000;
	border-style: none;
}	
A.showhidebutton:active
{
	border: 0px solid #000000;
	border-style: none;
}	
A.showhidebutton:hover
{
	border: 0px solid #000000;
	border-style: none;
}
A.nextprev:link	
{
    text-decoration: none;
	font-weight: bold;
	color:	White;
}	
A.nextprev:visited
{
	text-decoration: none;
	font-weight: bold;
	color:	White;
}	
A.nextprev:active
{
	text-decoration: none;
	font-weight: bold;
	color:	White;
}	
A.nextprev:hover
{
	text-decoration: none;
	font-weight: bold;
	color:	Yellow;
}
.node
{
    font-family: Verdana;
    font-size: 8pt;
	padding: 3px;
	border: 1px solid White;
	border-style: solid;
	background-color: White;
	color: Black;
}
.hovernode
{
	padding: 3px;
	border: 1px solid #000080;
	border-style: solid;
	border-collapse: collapse;
	background-color: #CEFFFF;
}