@charset "UTF-8";
/* CSS Document */

body { 
background-color: #666666;
margin: 0;
padding: 0;
}
a img { border: none; outline: 0; }
:focus { border: none; outline: 0; }
table.permissions-holder { 
margin: 10px 0 10px 0;
padding: 0;
background-color: #666666; 
}
table.main { background-color: #ffffff; }
table.sl {
margin: 0;
padding: 0 0 20px 0;
}

/* top permissions */
td.permissions { 
margin: 0;
padding: 0; 
}
td.permissions p {
margin: 0;
padding: 0;
font-family: Verdana;
font-size: 10px;
line-height: 12px;
font-weight: normal;
color: #cccccc;
}
td.permissions p a { color: #cccccc; }
/* end */

/* header */
td.header {
margin: 0;
padding: 0;
border-top: 20px solid #ffffff; 
}
/* end */

/* date, top navigation */
table.horiz-nav-holder {
margin: 0 0 20px 0;
padding: 0;
}
td.top-date, td.top-nav {
margin: 0;
padding: 8px 0 8px 0;
border-bottom: 1px solid #999999;
}
td.top-date p {
margin: 0;
padding: 0;
font-family: Verdana, san-serif;
font-size: 10px;
line-height: 10px;
color: #000000; 
}
td.top-date p span {
color: #999999; 
}
td.top-nav p {
margin: 0;
padding: 0;
font-family: Verdana, san-serif;
font-size: 10px;
line-height: 10px;
color: #999999;
text-align: right;
}
td.top-nav p a, td.top-nav p a:link, td.top-nav p a:visited {
margin: 0;
padding: 0;
color: #000000;
text-decoration: none;
font-weight: normal;
}
td.top-nav p a:hover, td.top-nav p a:active {
margin: 0;
padding: 0;
color: #999999;
text-decoration: none;
font-weight: normal;
}
/* end */

/* left navigation */
td.left-nav {
margin: 0;
padding: 0 0 10px 0;
}
td.left-nav h3 {
margin: 0;
padding: 4px 0 0 0;
font-family: Arial, san-serif;
font-size: 13px;
line-height: 13px;
font-weight: bold;
}
td.left-nav h3.jhgreen {
padding-top: 0;
}

td.left-nav h3.jhgreen a, td.left-nav h3.jhgreen a:link, td.left-nav h3.jhgreen a:visited { color: #4f6931; }
td.left-nav h3.jhbrown a, td.left-nav h3.jhbrown a:link, td.left-nav h3.jhbrown a:visited { color: #725827; }
td.left-nav h3.jhred a,   td.left-nav h3.jhred a:link,   td.left-nav h3.jhred a:visited   { color: #752918; }
td.left-nav h3.jhblue a,  td.left-nav h3.jhblue a:link,  td.left-nav h3.jhblue a:visited  { color: #326b86; }
td.left-nav h3.jhgrey a,  td.left-nav h3.jhgrey a:link,  td.left-nav h3.jhgrey a:visited  { color: #6b7b84; }

td.left-nav h3 a, td.left-nav h3 a:link, td.left-nav h3 a:visited {
font-weight: bold;
text-decoration: none;
}
td.left-nav h3.jhgreen a:hover, td.left-nav h3.jhgreen a:active, 
td.left-nav h3.jhbrown a:hover, td.left-nav h3.jhbrown a:active, 
td.left-nav h3.jhred a:hover, td.left-nav h3.jhred a:active, 
td.left-nav h3.jhblue a:hover, td.left-nav h3.jhblue a:active, 
td.left-nav h3.jhgrey a:hover, td.left-nav h3.jhgrey a:active {
font-weight: bold;
text-decoration: none;
color: #cccccc;
}
/* sub-links */
td.left-nav p {
margin: 0;
padding: 3px 0 3px 6px;
font-family: Arial, san-serif;
font-size: 11px;
line-height: 11px;
color: #444444;
text-align: left;
background-image: url('http://www.jameshardie.com/streetscapes/2009-redesign/templates/img/jhss-left-nav-bullet.gif');
background-position: center left;
background-repeat: no-repeat;
border-bottom: 1px solid #cccccc;
}
td.left-nav p a, td.left-nav p a:link, td.left-nav p a:visited {
margin: 0;
padding: 0;
color: #444444;
text-decoration: none;
font-weight: normal;
}
td.left-nav p a:hover, td.left-nav p a:active {
margin: 0;
padding: 0;
color: #cccccc;
text-decoration: none;
font-weight: normal;
}
/* end */

/* Streetscapes Feature */
td.content-sf {
margin: 0;
padding: 0;
}
td.content-sf h1 {
margin: 0;
padding: 0;
font-family: Arial, san-serif;
font-size: 21px;
line-height: 21px;
font-weight: bold;
color: #4f6931;
}
td.content-sf h2 {
margin: 0;
padding: 5px 0 5px 0;
font-family: Arial, san-serif;
font-size: 13px;
line-height: 16px;
font-weight: bold;
color: #000000;
}
td.content-sf p {
margin: 0;
padding: 0 0 10px 0;
font-family: Verdana, san-serif;
font-size: 11px;
line-height: 13px;
color: #444444;
}
td.content-sf p a, td.content-sf p a:link, td.content-sf p a:visited {
font-weight: bold;
text-decoration: none;
color: #4f6931;
}
td.content-sf p a:hover, td.content-sf p a:active {
font-weight: bold;
text-decoration: none;
color: #cccccc;
}
td.content-sf-img {
margin: 0;
padding: 0 0 10px 0;
}
/* end */

/* global settings for middle content */
td.content-fa, td.content-pi, 
td.content-ii, td.content-in, td.content-sl {
margin: 0;
padding: 0;
}
td.content-fa h4, td.content-pi h4, 
td.content-ii h4, td.content-in h4, td.content-sl h4 {
margin: 0;
padding: 0 0 3px 0;
font-family: Arial, san-serif;
font-size: 17px;
line-height: 17px;
font-weight: bold;
}
td.content-fa h5, td.content-pi h5, 
td.content-ii h5, td.content-in h5, td.content-sl h5 {
margin: 0;
padding: 0;
font-family: Arial, san-serif;
font-size: 13px;
line-height: 16px;
font-weight: bold;
}
td.content-fa p, td.content-pi p, 
td.content-ii p, td.content-in p, td.content-sl p {
margin: 0;
padding: 0;
font-family: Verdana, san-serif;
font-size: 11px;
line-height: 13px;
color: #444444;
}
td.content-sl p {
margin: 0;
padding: 0 0 10px 0;
}
td.content-sl p.sl-link {
margin: 0;
padding: 0 0 10px 25px;
background-image: url('http://www.jameshardie.com/streetscapes/2009-redesign/templates/img/jhss-pointer.gif');
background-position: top left;
background-repeat: no-repeat;
}

td.content-fa h4  { color: #4f6931; }
td.content-pi h4  { color: #725827; }
td.content-ii h4  { color: #752918; }
td.content-in h4  { color: #326b86; }
td.content-sl h4  { color: #6b7b84; }

td.content-fa h5  { color: #798942; }
td.content-pi h5  { color: #a0902e; }
td.content-ii h5  { color: #945442; }
td.content-in h5  { color: #326b86; }
/* end */

/* global settings for middle content: links */

/* Featured Articles */
td.content-fa p a, td.content-fa p a:link, td.content-fa p a:visited {
font-weight: bold;
text-decoration: none;
color: #4f6931;
}
/* Product Innovations */
td.content-pi p a, td.content-pi p a:link, td.content-pi p a:visited {
font-weight: bold;
text-decoration: none;
color: #725827;
}
/* Industry Insights */
td.content-ii p a, td.content-ii p a:link, td.content-ii p a:visited {
font-weight: bold;
text-decoration: none;
color: #752918;
}
/* In The News */
td.content-in p a, td.content-in p a:link, td.content-in p a:visited {
font-weight: bold;
text-decoration: none;
color: #326b86;
}
/* Streetscapes Library */
td.content-sl p a, td.content-sl p a:link, td.content-sl p a:visited {
font-weight: bold;
text-decoration: none;
color: #6b7b84;
}

/* hover */
td.content-fa p a:hover, td.content-fa p a:active, 
td.content-pi p a:hover, td.content-pi p a:active, 
td.content-ii p a:hover, td.content-ii p a:active, 
td.content-in p a:hover, td.content-in p a:active, 
td.content-sl p a:hover, td.content-sl p a:active {
font-weight: bold;
text-decoration: none;
color: #cccccc;
}
/* end */

/* bottom navigation */
table.horiz-nav-bottom-holder {
margin: 0 0 20px 0;
padding: 0;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
}
td.horiz-nav-bottom p {
margin: 0;
padding: 8px 0 8px 0;
font-family: Verdana, san-serif;
font-size: 10px;
line-height: 10px;
color: #999999;
text-align: right;
}
td.horiz-nav-bottom a, td.horiz-nav-bottom p a:link, td.horiz-nav-bottom p a:visited {
margin: 0;
padding: 0;
color: #000000;
text-decoration: none;
font-weight: normal;
}
td.horiz-nav-bottom p a:hover, td.horiz-nav-bottom p a:active {
margin: 0;
padding: 0;
color: #999999;
text-decoration: none;
font-weight: normal;
}
/* end */

td.footer p {
margin: 0;
padding: 0;
font-family: Verdana, san-serif;
font-size: 10px;
line-height: 12px;
color: #666666;
}


td.footer p a {
color: #666666;
}