/* KMC Stampings
 * (c) KMC Stampings -- www.kmcstampings.com
 * 
 */
 
html { padding: 0; margin: 0; }
body {
    padding: 0;
    font: normal 12px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
    color: #333; 
    margin: 0;
    background: #fff url(/pics/shared/bands.gif) top center;
    }

/* FONT IN TABLES */    
body td {
    font: normal 12px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
    color: #333;}

/* HEADER TAGS USING h1 - h6 HELPS SEARCH ENGINES UNDERSTAND CONTENT IMPORTANCE*/

h1 { 
   padding: 0;
   margin: 0;
   display: block;
   font: 1px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
   color: #fff;
   background: #fff url(/pics/shared/logo.gif);
   width: 550px;
   height: 81px;
   }
   
   .h1style { 
   font: 1px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
   color: #fff;
   display: block;
   width: 550px;
   height: 81px;}
   
   .h1style a { 
   font: 1px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
   color: #fff;
   display: block;
   width: 550px;
   height: 81px;
   }

   .h1style a:link {
   font: 1px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
   color: #fff;
   display: block;
   width: 550px;
   height: 81px;}

   .h1style a:hover {
   font: 1px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
   color: #fff;
   display: block;
   width: 550px;
   height: 81px;}


h2 { 
   font: normal 25px Arial, Helvetica, Verdana, sans-serif;
   margin: 0px 0 2px 0;
   padding: 0;
   line-height: 29px;
   color: #80260F;}
   
h3 { 
   font: bold 20px  Arial, Helvetica, Verdana, sans-serif;
   color: #062A88;
   margin:0 0 1px;
   background: #fff;
   
   }
   
h4 { 
   font: bold 12px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
   color: #062A88;
   margin: 0;
   padding: 3px 6px 0 6px;
   }
   
   .h4style { 
   font: bold 12px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
   color: #333;}
   
h5 { 
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:15px;
	line-height:17px;
	margin-top:2px;
	margin-bottom:5px;
	}
	
hr  {
	margin-top:10px;
	margin-bottom:10px;
	height:1px;
	background:#333;
	border:0;
	padding:0;
	}
/* PARAGRAPH TAG */

p {
   margin: 0;
   font: normal 12px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
   line-height: 17px;
   color: #333;
   background: #fff;}

p.news_sub { 
   font: normal 12px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
   color: #333;
   margin: 0;
   padding: 0 0 10px 6px;
   background: #D9E0EC;}

/* HOLDS CONTENT ON THE PAGE */
#container { 
    float: left;
    width: 988px;
    padding: 0;
    border: 0;
    margin: 0;
    color: #333;}
    
/* LIST */
#header { 
    float: left;
    padding: 0;
    margin: 0;
    height: 81px;
    width: 988px;
    color: #333;
    background: #fff;}
    
#logo a:{ 
    float: left;
    padding: 0;
    margin: 0;
    height: 226px;
    width: 550px;}    
    
.logo { 
    float: left;
    padding: 0;
    margin: 0;
    height: 81px;
    width: 688px;
    color: #333;
    background: #fff;}

.search { 
    float: right;
    padding: 0;
    margin: 0;
    width: 300px;
    background: #fff;
    font: normal 12px Arial, Helvetica, Verdana, sans-serif;
    color: #333;
    text-align: right;}
    
.search_text { 
    padding: 0;
    margin: 0;
    background: #fff;
    font: normal 12px Arial, Helvetica, Verdana, sans-serif;
    color: #333;
    text-align: right;}
    
.search_title { 
    padding: 0px 6px 0px 0;
    margin: 0;
    background: #fff;
    font: normal 14px Arial, Helvetica, Verdana, sans-serif;
    color: #80260F;
    }


#navcontainer { 
    float: left; 
    padding: 0;
    margin: 0;
    width: 988px;
    height: 28px;
    border-bottom: 1px solid #333;
    background: url(/pics/shared/nav_back.gif);}
    
ul#navlist {
	margin: 0;
	font: normal 12px Arial, Helvetica, Verdana, sans-serif;
	padding: 7px 12px 7px 12px;
	}

#navlist li {
	display: inline;
	list-style-type: none;}

#navlist a { 
	padding: 7px 12px 7px 12px;
	margin-right: 15px;}

#navlist a:link{
	color: #333;
	padding: 7px 12px 7px 12px;
	text-decoration: none;}
	
#navlist a:visited{
	color: #333;
	padding: 7px 12px 7px 12px;
	text-decoration: none;}

#navlist a:hover {
	color: #fff;
	padding: 7px 12px 7px 12px;
	background-color: #333;
	text-decoration: none;}

.active {
	padding: 7px 12px 7px 12px;
	background-color: #333;
	color: #fff;
	text-decoration: none;
	font: normal 12px Arial, Helvetica, Verdana, sans-serif;
    }
    
#content { 
    float: left;
    width: 988px;
    padding: 10px;
    border: 0;
    margin: 0;
    color: #333;
    background: url(/pics/shared/content_back.gif);
    clear: both;}
    
#left { 
    float: left;
    width: 760px;
    padding: 0;
    border: 0;
    margin-right: 8px;
    }    
    
.rotate { 
    float: left;
    width: 409px;
    padding: 0;
    border: 0;
    margin: 0;
    color: #333;
    background: #fff;
    white-space: nowrap;}    
    
.left_ad { 
    float: left;
    width: 350px;
    height: 404px;
    padding: 0;
    border: 0;
    margin: 0;
    color: #333;
    background: #fff;}

.ad_copy { 
    float: left;
    width: 312px;
    padding: 12px 12px 0 12px;
    border: 0;
    margin: 0px 0 0 5px;
    color: #333;
    background: #fff;
    min-height: 186px;}
    
.ad_sub_copy { 
    font: normal 12px/17px   "Helvetica Neue", Arial, Verdana, sans-serif;
    color: #333;
    padding: 0;
    margin: 0;}

.left_sub { 
    float:left;
    width:748px;
    padding:6px;
    border:none;
    margin:8px 0px 0px 0px;
    color:#333;
    background:#ccc; }
  
.story { 
    float:left;
    width:400px;
    border:none;
    margin:0px;
	padding:0px;
    color:#333;
    background:#fff; } 
  
/*.story { 
    float: left;
    width: 400px;
    height: 150px;
    padding: 1px;
    border: 0;
    margin: 6px;
    color: #333;
    background: #fff;}*/
    
.story_copy { 
    float:left;
    width:240px;
    padding:0px;
    border:none;
    margin:12px 0px 0px 0px;
    color:#333;
    background:#fff; }

.story_sub_copy { 
    font:normal 12px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
    color:#333;
    padding:0px;
    margin:0px;}
    
.story_sub_copy a:link,.story_sub_copy a:visited,.story_sub_copy a:hover { 
    font:normal 12px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
    color:#333;
    padding:0px;
    margin:0px;
    text-decoration: underline;}

.news { 
    float: left;
    width: 340px;
    padding:0px;
    border:none;
    margin:0px 0px 0px 6px;
    color: #333;
    background: #D9E0EC;
    height: 154px;
    }
    
.news_head { 
    float: left;
    width: 340px;
    height: 35px;
    margin: 0 0 6px 0;
    border: 0;
    color: #333;
    background: #D9E0EC;
    background: url(/pics/home/news_back.gif);
    }
    
.news_copy { 
    font: normal 12px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
    color: #333;
    line-height: 12px;
    padding: 0;
    margin: 0;
    }    
    
/*.steel { 
    float: left;
    width: 179px;
    height: 158px;
    padding: 0;
    border: 0;
    margin: 6px 4px 6px 6px;
    color: #333;
    background: #ccc;
    }
    
.steel_head { 
    float: left;
    width: 179px;
    height: 35px;
    padding: 0;
    border: 0;
    margin: 0;
    color: #333;
    background: #fff;
    background: url(/pics/home/steel_back.gif);}

.steel_prices { 
    float: left;
    width: 179px;
    padding: 0;
    border: 0;
    margin: 0;
    color: #333;
    background: #ccc;}
    
.steel_copy { 
    font: normal 12px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
    color: #333;
    padding: 0;
    margin: 0;}*/

#right { 
    float: left;
    padding: 6px;
    border: 0;
    margin: 0;
    color: #333;
    background: #ccc;
    }

/* FOOTER */
#footer {
    display: block;
    text-align: left;
    padding: 10px 0 0 10px;
    font: normal 12px  Arial, Helvetica, Verdana, sans-serif;
    color: #666;
    background: #fff url(/pics/shared/foot_credits.gif) top left;
    clear: both;
    }
    
#footer a:link, #footer a:visited, #footer a:hover{
	color: #333;
	text-decoration: underline;}

.call {
    font: bold 13px  Arial, Helvetica, Verdana, sans-serif;
    color: #333;}

   