#screen_header {display: block;}
#print_header {display: none;}

body {
  background-color: #000000;
  background-image: url('../images/metal012.jpg');
  color: #000000;
  font-family: "arial","verdona","sans-serif";
}

a:link {color: #990000;}
a:visited {color: #990000;}
a:active {color: #990000;}
a:hover {color: #990000;}

div.content {
  width: 97%;
  margin-top: 2.5em;
  margin-left: 1%;
  margin-right: 2%;
  padding: 8px;
  border: 4px outset #ff0000;
  background-color: #cccccc;
  background-image: url('../images/metal005_light.jpg');
/*  opacity: .45;
  filter: alpha(opacity=45);
  background-color: transparent;
  background: url('images/background.png');
  z-index: -1; */
}

/******************************************************************************
* Header Classes                                                              *
******************************************************************************/
h1 {font-size: 200%;}
h2 {font-size: 180%;}
h3 {font-size: 160%;}
h4 {font-size: 140%;}
h5 {font-size: 120%;}
h6 {font-size: 105%;}

/******************************************************************************
* Object Formatting Classes                                                    *
******************************************************************************/
img {
  margin: 0px 0px 0px 0px;
  border-style: none;
}

img.thumb {
  margin: 0px 5px 0px 0px;
  border-width: medium;
  border-style: ridge;
  border-color: #000000;
  vertical-align: middle;
  z-index: 100;
}

hr.small {
  width: 50%;
  text-align: center;
  color: #000000;
  background-color: transparent;
}

td {
  vertical-align: top;
}

.afterSpace {
    margin-bottom: 5px;
    padding-bottom: 5px;
}
/******************************************************************************
* Style classes for thumbnails and big image viewing						  *
******************************************************************************/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.lthumbnail{
	position: relative;
	z-index: 0;
}

.lthumbnail:hover{
	background-color: transparent;
	z-index: 50;
}

.lthumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.lthumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.lthumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -60px; /*position where enlarged image should offset vertically from image top in IE, from image bottom in Firefox */
	left: 15px; /*position where enlarged image should offset horizontally */
}

.mthumbnail{
	position: relative;
	z-index: 0;
}

.mthumbnail:hover{
	background-color: transparent;
	z-index: 50;
}

.mthumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.mthumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.mthumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -60px; /*position where enlarged image should offset vertically from image top in IE, from image bottom in Firefox */
	left: -150px; /*position where enlarged image should offset horizontally */
}


.rthumbnail{
	position: relative;
	z-index: 0;
}

.rthumbnail:hover{
	background-color: transparent;
	z-index: 50;
}

.rthumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.rthumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.rthumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -60px; /*position where enlarged image should offset vertically from image top in IE, from image bottom in Firefox */
	left: -300px; /*position where enlarged image should offset horizontally */
}


/******************************************************************************
* Misc Formatting Classes                                                     *
******************************************************************************/
.bigfont {font-size: 120%;}
.black {color: #000000;}
.bold {font-weight: bolder;}
.center {text-align: center;}
.indent {text-indent: 2em;}
.italic {font-style: italic;}
.red {color: #cc0000;}
.sign {font-size: 85%; text-align: center;}
.tip   {margin: 3ex; padding: 3px;}
.tiptitle {font-size: 115%; font-weight: bold; text-decoration: underline;}
.tiptext  {margin-left: 3ex; margin-right: 3ex;}
.underline {text-decoration: underline;}
.vertcenter {vertical-align: middle;}