html 
{
	margin: 0px;
	padding: 0px;
}
body 
{ 
	font: 12pt "times new roman"; 
	color: #ffffff; 
	background: #000060 url('backgrounds/slither.jpg') fixed bottom repeat-x; 
	margin: 0px; 
	padding: 0px;
	min-height: 100%;
}
A:link    {color: #0000DD;}
A:visited {color: #000080}
A:hover {color: #ff0000}
img
{
	border: 0px;
}
.strikethrough
{
	color: #B2A193;
	text-decoration: line-through;
}

.main 
{ 
	background: #FDE59B; 
	position: relative;
	margin: 30px 20px 0px 20px;
	z-index: 1;
}
.content
{
	position: relative;
	font: 1em "times new roman"; 
	color: #000040; 
	padding: 0px;
	text-align: center;
	z-index: 2;
}
.content H1
{
	font: bold 3em "times new roman";
	color: #000080;
}
.content H2
{
	font: bold 2em "times new roman";
	color: #000080;
}
.content H3
{
	font: bold 1.5em "times new roman";
	color: #000060;
}

#showName
{
	font: bold 3em "times new roman";
	color: #000080;
}
#selecter
{
	font: bold 1em "times new roman";
	color: #000080;
}
#selecter img
{
	vertical-align:middle;
}
#returngallery
{
	font: bold 2em "times new roman";
	color: #000080;
}

#picName
{
	font: bold 2em "times new roman";
	color: #000080;
}
#display
{
	width: 100%;
}

#description
{
	position: relative;
	padding: 3px;
	text-align: center;
}
.thumbnail
{
	background: url('backgrounds/thumbback.jpg') no-repeat; 
	padding: 20px;
}
.thumbnail:hover
{
	background: url('backgrounds/thumbhigh.jpg') no-repeat; 
}
.thumbnail2
{
	background: url('backgrounds/thumbback2.jpg') no-repeat; 
	padding: 20px;
}
.thumbnail2:hover
{
	background: url('backgrounds/thumbhigh2.jpg') no-repeat; 
}
.header2 h1
{
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: left;
}
.header2 h1
{
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	text-align: left;
	background: transparent url('titles/banner.gif') no-repeat top left;
	background /**/:/**/ transparent url('titles/banner.png') no-repeat top left; 
	width: 600px; 
	height: 80px; 
	z-index: 3;
}
.header2 h1:hover
{
	background: transparent url('titles/banner2.gif') no-repeat top left;
	background /**/:/**/ transparent url('titles/banner2.png') no-repeat top left; 
}
.header2 h1 span
{
	display: none;
}
.copyright
{
	position: relative;
	text-align: right;
	z-index: 3;
}

/* border related Style */
.leftBorder
{
	background: url('backgrounds/weaveleft.jpg') left repeat-y; 
	z-index: 1;
}
.rightBorder
{
	background: url('backgrounds/weaveright.jpg') right repeat-y; 
	z-index: 1;
}
.topBorder
{
	background: url('backgrounds/weavetop.jpg') top repeat-x; 
	z-index: 1;
}
.bottomBorder
{
	background: url('backgrounds/weavebottom.jpg') bottom repeat-x; 
	z-index: 1;
}
.topLeft
{
	background: url('backgrounds/weavetl.jpg') no-repeat; 
	top: 0px;
	left: 0px;
	height: 30px;
	width: 30px;
	z-index: 1;
}
.topRight
{
	background: url('backgrounds/weavetr.jpg') no-repeat; 
	top: 0px;
	right: 0px;
	height: 30px;
	width: 30px;
	z-index: 1;
}
.bottomLeft
{
	background: url('backgrounds/weavebl.jpg') no-repeat; 
	bottom: 0px;
	left: 0px;
	height: 30px;
	width: 30px;
	z-index: 1;
}
.bottomRight
{
	background: url('backgrounds/weavebr.jpg') no-repeat; 
	bottom: 0px;
	right: 0px;
	height: 30px;
	width: 30px;
	z-index: 1;
}

@media print
{
	.thumbnail,.thumbnail:hover,.selected{background: transparent;padding: 25px;}
	body{background: #fff; color: #000;}
	.main{background: #fff; position: relative; margin: 0px;}
	.copyright, .content{background: #fff; color: #000; padding: 0px;}
	.selecter, .toolbar, .header, .header2, .shade, .navbar, .leftBorder, .rightBorder, .topBorder, .bottomBorder, .topLeft, .topRight, .bottomRight, .bottomLeft{display: none;}
	.content H1, .content H2, .content H3, .copyright, A:link, A:hover, A:visited{color: #000;}
}
