html {
height:100%; /* fix height to 100% for IE */
max-height:100%; /* fix height for other browsers */
padding:0; /*remove padding */
margin:0; /* remove margins */
border:0; /* remove borders */
background:#000000; /*color background - only works in IE */

font-family: verdana, arial, helvetica, sans-serif;
  font-size: 8pt;
  color:#663300;  
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow:hidden; /*get rid of scroll bars in IE */
/* */
}

body {
background: #cccccc url(trepan_background.jpg) repeat-y top fixed;
height:100%; /* fix height to 100% for IE */
max-height:100%; /* fix height for other browsers */
overflow:hidden; /*get rid of scroll bars in IE */
padding:0; /*remove padding */
margin:0; /* remove margins */
border:0; /* remove borders */
text-align:center;
}

#container { 	
position: relative;
text-align: left;
vertical-align: middle;	
margin: 0px auto;
padding: 0px;
width: 780px;
height:auto;
height: 100%;
min-height:100%;
background-color:#000000;
background-image: url(trepan_texture.jpg);
}  

#content { 
display:block; /* set up as a block */
height:100%; /* set height to full page */
max-height:100%;
overflow:auto; /* add scroll bars as required */
padding-left:300px; /* pad left to avoid navigation div if required */
position:relative; /* set up relative positioning so that z-index will work */
z-index:3; /* allocate a suitable z-index */
padding-top:130px;

}
#head {
position:absolute; 
margin:0; 
top:0; 
display:block; 
width:780px; 
height:125px; 
background: url(header_back.jpg) top left no-repeat;
font-size:4em; 
z-index:5; 
color:#000; 
}

#head h2{
	display: none;
	}
	
	
#nav {
	position: absolute;
	top: 5px;
	left: 10px;
	margin-bottom: 0px;
	font-size: 9pt;
	color: #fff;
	border-bottom: 1px solid #663300;
	z-index:100;
	}
	
#nav A:link { color: #ffffff; text-decoration: none;}
#nav A:visited { color: #ffffff;text-decoration: none; }
#nav A:hover { color: #cccccc; text-decoration: underline;}
#nav A:active { color: #d40b0b; text-decoration: none;}


#foot {
position:absolute; 
margin:0; 
bottom:-1px; 
display:block; 
width:780px; 
height:20px; 
background:#9d0a0a; 
text-align:center; 
z-index:400; 
font-size:9pt;
color: #ffffff;
}

#foot span{
margin-left:400px;
font-size:9pt;
color: #ffffff;
}

#template_image {
position: absolute;
bottom: 0px;
left:0px; 
margin-bottom: 0px;
padding-bottom: 0px;

/*background-image: url(trepan_texture.jpg);*/
background:transparent;
z-index:5000; 
}

.pad1 {display:block; width:18px; height:50px; float:left;}

.pad2 {display:block; height:100px;}


#content p {
margin-right: 8px;
padding:5px;
}

#content h2 {
 font-size: 12pt;
 font-weight: lighter;
 }
 
 #content img {
 margin: 4px;
 }
 
 #content img.right{
 margin-right:0px;
 }

.bold {font-size:1.2em; font-weight:bold;}

.red {color:#c00; margin-left:5px; font-family:"trebuchet ms", "trebuchet", "verdana", sans-serif;}

h2 {margin-left:5px;}

h3 {margin-left:5px;}

#foot A:link { color: #ffffff; text-decoration: none;}
#foot A:visited { color: #ffffff;text-decoration: none; }
#foot A:hover { color: #cccccc; text-decoration: underline;}
#foot A:active { color: #cccccc; text-decoration: none;}

A:link { color: #cccccc; text-decoration: none;}
A:visited { color: #cccccc;text-decoration: none; }
A:hover { color: #ffffff; }
A:active { color: #d40b0b; text-decoration: none;}