body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	background: #747271 url('../images/metal_bg_1.jpg'); 
	background-repeat: repeat;
	background-attachment:fixed;
    overflow: -moz-scrollbars-vertical
}

{
  -moz-outline-style: none; /* gets rid of that pesky dotted out line on FF  */
}


a:active{outline:none} /* May get rid of pesky dotted link out line in IE -- not sure */


.link { color: #14531a;
	 font-family: verdana, arial, helvetica;
	 font-size: 10pt;
	 text-decoration: none;
	 vertical-align: middle; 
 }

.link:hover { color: red;
	 font-family: verdana, arial, helvetica;
	 font-size: 10pt;
	 text-decoration: none;
	 vertical-align: middle; 
 }

h1 { font-size: 16pt; 
     color: #003b74; 
     font-style: normal;
     font-weight: heavy; 
}
h2 { font-size: 10pt; 
     color: #003b74; 
     font-style: normal;
     font-weight: normal; 
}
h3 { font-size: 12pt; 
     color: #003b74; 
     font-style: normal;
     font-weight: normal; 
}
h4 { font-size: 7pt; 
     color: #b4c9db; 
     font-style: normal;
     font-weight: normal; 
}
h5 { font-size: 7pt; 
     color: #ffffff; 
     font-style: normal;
     font-weight: normal; 
}
h6 { font-size: 10pt; 
     color: #ffffff; 
     font-style: normal;
     font-weight: normal; 
}

/* ------- This places the header graphic on top of the sheet metal plate web page */
#header {
    position: relative; top:-12px;  left:41px; 
	width:732px;
	height:152px;
	background-image:url("../images/header2.jpg");
	background-repeat: no-repeat;
}
    

/* ------ This is what gives the shadow effect - it builds the brushed metal sheet */
 #shadowtop {margin:0 auto;
    height:38px;
    width:815px;
    background: url("../images/frame_top.png") no-repeat;}
 
 #shadowmiddle {width:815px; 
    background: url("../images/frame_body.png") repeat-y;
    margin:0 auto;}
    
 #shadowbottom {margin:0 auto;
    height:37px;
    width:815px;
    background: url("../images/frame_bottom.png") no-repeat;}
/* ------- End shadow effect */ 

/* ------ Inner box -----*/
 #inerboxtop {margin:0 auto;
     position: relative; top:-30px;   
    height:15px;
    width:735px;
    background: url("../images/inerboxtop.png") no-repeat;}

 #inerboxmiddle {width:735px; 
      position: relative; top:-30px;   

    background: url("../images/inerboxmiddle.png") repeat-y;
    margin:0 auto;}
    
 #inerboxbottom {margin:0 auto;
      position: relative; top:-30px;   

    height:19px;
    width:735px;
    background: url("../images/inerboxbottom.png") no-repeat;}
/* ------- End Inner Box */ 


#contentbox {
    position: relative; top:-10px;  
    width:650px;
    margin:0 auto;
    padding:10px;
}

#contentbottom {width:650px;
    position: relative; top:-30px; 
   	text-align:center;
    margin:0 auto;
    padding:0px;
} 

/* --------------- Start Navigation Code ------------------------*/

#navigation {
	position: relative; top: -19px;  left: 87px; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	width:790px;
	height:0px;
	display:block;
}

#navigation ul {
	margin:0;
	padding:0;
}

#navigation li {
	list-style-type: none;
	display: inline;
	margin:0;
	padding:0;
}

#navigation a:link, #navigation a:visited{
	font-size: 11px;
	font-weight:bold;
	display:block;
	float:left;
	text-decoration: none;
	color: #000000;
	width:80px;
	height:38px;
	background-image:url("../images/nav_tab_off.gif");
	background-repeat: no-repeat;
	text-align:center;
	margin:0;
	padding:0;
	line-height:20px;
}
#navigation a:hover, #navigation a:active{
	color: #000000;
	text-decoration:none;
	background-image:url("../images/nav_tab_on.gif");
	line-height:43px;
}
ul {
	padding-top:0;
	padding-bottom:0px;
	line-height:14px;
}

/* ------ End Navigation code --------- */
/* ----------------- Footer ----------------- */

.link2 { color: #6d6b6b;
	  font-size: 10pt;
	  text-decoration: underline; }
	  
.link2:hover { color: #000000;
	        text-decoration: underline }


.footer { color: #6d6b6b;
	       font-family: Verdana, arial, helvetica, sans-serif;
	       font-size: 8pt;
	       text-decoration: none;
	       font-weight:heavy;
	       vertical-align: middle; 
	       align: middle; 

}

.web { color: #747271;
	 font-family: verdana, arial, helvetica, sans-serif;
	 font-size: 8pt;
	 text-decoration: none;
	 vertical-align: middle; 
 }
.web:hover { color: #000000 }