body {
 	background: White url("images/bkgrd.jpg") repeat-x top left;
	color: #5A5A5A;
	margin: 0;
	padding: 0 0 25px 0;
	font-family: Arial, sans-serif, Helvetica;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	text-align: center;
}
	
html>body { font-size: small; }
	
/* Postioning
----------------------------------------------- */

#wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 770px;
}

#main-body {
	float: left;
	background: white url("images/pgbk.gif") no-repeat;
	padding: 0 20px;
}

#flashBanner,
#flashcontainer { 
	display: block;
	margin: 0;
	padding: 0;
	height: 227px;
}
	
h1, h2, h3, h4, h5, h6	{
	font-family: Helvetica, Arial, sans-serif;
}

h1 { 
	color : #6CA80A;
	margin: 8px 0 16px 0;
	padding: 8px 0 8px 16px;
	font-size: 145%;  
	border-top: 1px solid #D6F89E;
	border-bottom: 1px solid #D6F89E;
}
	
h2 { 
	color : #6CA80A;
	margin: 12px 0 4px 0;
	padding: 0;
	font-size: 135%;  
}
	
h2.emphasise { 	
	clear: left;
	color : #0A94D6;
	border-bottom: 1px solid #18AFF4;
	margin: 22px 0 8px 0;
	padding: 0 0 4px 0;
	font-size: 145%;  
}

h2.playDown { 	
	clear: left;
	color : #6CA80A;
	border-bottom: 1px solid #D6F89E;
	margin: 12px 0 4px 0;
	padding: 0 0 2px 0;
	font-size: 115%;  
}
	
h3 {
	background: transparent url("images/bl-line-arrow-lg.gif") no-repeat 1px 1px;
	color: #0A94D6;
	margin: 0;
	padding: 0 0 3px 12px;
	font-size: 115%;
	font-weight: bold;
	line-height: 1em;
}
	
h4 { 
	color : #0A94D6;
	margin: 3px 0;
	padding: 0;
	font-size: 115%; 
}
	
ul, ol, dl {
	margin: 0;
	padding: 0;
}


ul#sitemap {
	background: #0A94D6;
	border: 0;
	margin: 0;
	padding: 8px 10px 0 0;
	list-style-type: none;
	float: right;
	line-height: 100%;
}

ul#sitemap li {
	display: block;
	text-align: center;
	float: left;
}

 ul#sitemap li a:link,
 ul#sitemap li a:visited {
	background: transparent;
	color: White;
	margin: 0;
	display: block;
	font-size: 85%;  
	text-decoration: none; 
}
	
ul#sitemap li a:hover,
ul#sitemap li a:active {
	background: none;
	color: #D6F89E;
	text-decoration: underline;
}
	
.sitemap {
	background: transparent url("images/login-icon.gif") no-repeat 100% 50%;
	padding: 0 16px 0 6px;
}

.contact,
.home,
.account {
 	border-right: 1px solid #D6F89E;
	padding: 0 6px;
}
	

.steel_utilities {
	background: url("images/steel_utilities.jpg") no-repeat;
	list-style: none;
}

ul#steel_util li {	
	background: transparent url("images/bl-line-arrow-lg.gif") no-repeat;
	list-style: none;
	margin: 0px 5px 10px 5px;
	padding: 0px 10px 6px 18px;
}


#content {
	float: left;
	margin: 0;
	padding: 0 20px;
	width: 500px; /* for IE5/Win */
  	width: 460px;
	line-height: 120%;
}
	
html>body div.content {
	width: 460px;
} 
	
#content p {
	margin: 0;
	padding: 0 0 12px 0;
	font-size: 100%;
}
	
p.em {
	font-style: italic;
}
	
#content p.actionCall{
	background-color: #FEFEEF;
	border-top: 1px solid #D6F89E;
	border-bottom: 1px solid #D6F89E;
	margin: 0 0 30px 0;
	padding: 8px;
	font-size: 95%;
}
	
#content p.action {
	background-color: #FEFEEF;
	border-top: 1px solid #D6F89E;
	border-bottom: 1px solid #D6F89E;
	margin: 0 0 30px 0;
	padding: 5px;
}
	
p.action a:link,
p.action a:visited {
	background: url("images/gn-solid-arrow-lg.gif") no-repeat 100% 50%;
	margin: 0;
	padding: 5px 18px 5px 5px;
	list-style: none;
	font-size: 115%;
	color: #0A94D6;
	font-weight : normal; 
	text-decoration: underline;
}
	
p.action a:hover,
p.action a:active {
	background: url("images/gn-solid-arrow-lg-h.gif") no-repeat 100% 50%;
	color: #0A94D6;
	font-weight : normal; 
	text-decoration: none;
}
	
#content p.extLink {
	background-color: #F9F9F9;
	margin: 0 0 30px 0;
	padding: 0 0 2px 5px;
}
	
ul.bulletsSimple {
	background: #FEFEEF;
	margin: 0 0 20px 0;
	padding: 6px;
	line-height: 1em;
	list-style: none;
}
	
ul.bulletsSimple li.title {
	background: none;
	margin: 0;
	padding: 0 0 2px 0;
	font-size: 85%;
	font-weight: bold;
}
	
ul.bulletsSimple li span {
	font-weight: bold;
}
	
ul.bulletsSimple li {
	background: transparent url("images/gy-line-arrow-mid.gif") no-repeat 1px 7px;
	margin: 0;
	padding: 5px 0 5px 16px;
	font-size: 85%;
}
	
ul.bulletsSimple li.avoid {
	color: #DC143C;
	background: none;
	margin: 6px 0 0 0;
	padding: 6px 0 2px 0;
	font-size: 85%;
	font-weight: bold;
}
	
ul.bulletsSimple li.warning {
	background: transparent url("images/rd-line-arrow-mid.gif") no-repeat 1px 7px;
	margin: 0;
	padding: 5px 0 5px 16px;
	font-size: 85%;
}

ul.bulletsNumber {
	margin: 0 0 20px 0;
	padding: 6px;
	line-height: 1em;
	list-style-type: decimal;
	list-style-position: outside;
}
	
ul.bulletsNumber li {
	margin-left: 14px;
	padding: 5px 0;
	font-size: 85%;
}
	
ul.bulletsLegal {
	margin: 12px 0 20px 0;
	padding: 0;
	line-height: 1em;
	list-style: none;
}
	
ul.bulletsLegal li.title {
	background: none;
	margin: 0;
	padding: 0 0 2px 0;
	font-size: 85%;
	font-weight: bold;
}
	
ul.bulletsLegal li {
	background: transparent url("images/gy-line-arrow-mid.gif") no-repeat 1px 7px;
	border-bottom: 1px solid #DFE1CA;
	margin: 0;
	padding: 5px 0 5px 16px;
	font-size: 85%;
}
	
ul.bulletsLegalSubSet li {
	background: transparent url("images/gy-line-arrow-sml.gif") no-repeat 1px 7px;
	border-bottom: none;
	margin: 0;
	padding: 5px 0 5px 16px;
	font-size: 100%;
	list-style: none;
}
	
ul.bulletsLegalSub {
	margin: 12px 0 20px 0;
	padding: 0;
	line-height: 1em;
	list-style: none;
}
	
ul.bulletsLegalSub li.title {
	background: none;
	margin: 0;
	padding: 0 0 2px 0;
	font-size: 85%;
}
		
ul.bulletsLegalSub li {
	margin: 0 0 0 16px;
	padding: 2px 0 2px 16px;
	font-size: 85%;
}

ul.bulletsLegalNumbered {
	margin: 0 0 20px 0;
	padding: 0;
	line-height: 1em;
	list-style: none;
}
		
ul.bulletsLegalNumbered li {
	margin: 0;
	padding: 0 0 12px 0;
	font-size: 85%;
}
	
address {
	margin: 0;
	padding: 0 0 12px 16px;
	font-size: 95%;
	font-style: normal;
}

#content p.registered {
	margin: 0;
	padding: 0 0 12px 16px;
	font-size: 95%;
	font-style: normal;
}

ul#emails,
ul#contacts {
	margin: 12px 0 12px 0;
	padding: 0;
	line-height: 1em;
	list-style: none;
}
	
ul#contacts li.tel {	background: transparent url("images/phone-icon.gif") no-repeat 1px 50%;
	margin: 0 0 0 16px;
	padding: 2px 0 2px 20px;
	font-size: 95%;
}
	
ul#emails li {	background: transparent url("images/gy-line-arrow-mid.gif") no-repeat 1px 50%;
	margin: 0 0 0 16px;
	padding: 2px 0 2px 16px;
	font-size: 95%;
}
	
ul#emails li.general {
	font-weight: bold;
}	
	
dl {
	border-bottom: 1px solid #B7C2CC;
	margin: 0 0 16px 0;
	padding: 0;
}
	
dt {	background: transparent url("images/gy-line-arrow-mid.gif") no-repeat 1px 2px;
	padding: 0 0 0 14px;
	font-weight: bold;
	font-size: 85%;
}

dd {
	margin: 0;
	padding: 0 0 16px 14px;
}
	
ul.sessionTags {
	border: 0;
	margin: 0 0 26px 0;
	padding: 6px 0;
	list-style-type: none;
	line-height: 100%;
	background-color: #FEFEEF;
	border-top: 1px dashed #D6F89E;
	border-bottom: 1px dashed #D6F89E;
	text-align: right;
}

ul.sessionTags li {
	background: transparent url("images/gn-line-arrow-lg.gif") no-repeat 1px 4px;
	display: inline;
	text-align: center;
	padding: 0 4px 0 12px;
}
	
ul.steps {
	background: #FEFEEF;
	margin: 0 0 20px 0;
	padding: 6px;
	line-height: 1em;
	list-style: none;
}
	
ul.steps li.title {
	background: none;
	margin: 0;
	padding: 0 0 2px 0;
	font-size: 85%;
	font-weight: bold;
}
	
ul.steps li span {
	font-weight: bold;
}
	
ul.steps li {
	background: transparent url("images/gn-line-arrow-mid.gif") no-repeat 1px 7px;
	margin: 0;
	padding: 5px 0 12px 16px;
	font-size: 85%;
}
	
	
label {
	width: 300px;
	clear: both; 
	margin: 0px 0px 10px 0px;
	padding: 0;
	border-left: 2px solid #89D70A;
	font-weight : bold; 
}

input {
	width: 200px;
	clear: both; 
}

caption,
tfoot {
 	display: none;
}

th {
	background: #F8FCC4;
	text-align: left;
	padding: 2px 5px;
	font-weight: bold;
	text-align: left;
}

#table {
/*	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #89D70A;
	border-left: 1px solid #89D70A;*/
	clear: both; 
	margin: 2px 0 10px 0;
	padding: 0;
}

#table th, td, tr {
/*	border-right: 1px solid #89D70A;
	border-bottom: 1px solid #89D70A;*/
	padding: 2px 5px;
	font-size: 95%;
	text-align: left;
}

	
/* Sidebar
----------------------------------------------- */
	
#sidebar {
	float: left;
	margin: 32px 0 40px 0;
	padding: 0 0 0 20px;;
	width: 210px;
	color: #828282;
}
	
#sidebar p {
	margin: 0;
	padding: 0 0 8px 0;
	font-size: 85%;
}
	
#sidebar ul.easyBullets {
	margin: 0 0 12px 0;
	padding: 0;
	line-height: 1em;
	list-style: none;
}
	
#sidebar ul.easyBullets li.title {
	background: none;
	color: #828282;
	margin: 0;
	padding: 8px 0 4px 0;
	font-size: 95%;
	font-weight: bold;
}
	
#sidebar ul.easyBullets li {
	background: transparent url("images/bl-line-arrow-mid.gif") no-repeat 1px 7px;
	border-bottom: 1px solid #B7C2CC;
	margin: 0;
	padding: 5px 0 5px 14px;
	font-size: 85%;
}
	
/* Box Panels
----------------------------------------------- */
	
#boxPanel,
#boxPanel2 {
	border: 5px solid #D3ECFF;
	margin: 16px 0;
}

#boxPanelPrice {
	border: 5px solid #BDDD7E;
	margin: 16px 0;
}


#boxPanel div,
#boxPanel2 div {
	border:1px solid White;
	padding: 8px;
	background:#EBF6FF;
}

#boxPanelPrice div {
	border:1px solid White;
	padding: 8px;
	background: #F0F9DF;
}

#boxPanel h3,
#boxPanel2 h3,
#boxPanelPrice h3 {
	background: none;
	border-bottom:1px solid #B3DCFB;
	color: #164485;
	margin:0;
	padding: 0 0 2px 0;	
	font-size: 125%;
	font-weight: bold;
}
	
#boxPanel p.desc,
#boxPanel2 p.desc,
#boxPanelPrice p.desc {
	color: #0A7DB1;
	border-bottom: 1px dashed #B3DCFB;
	margin: 3px 0 0 0;
	padding: 3px 0;	
	font-size:95%;
}
	

#boxPanel p.action,
#boxPanel p.actionGy,
#boxPanelPrice p.action {
	color: #0A7DB1;
	margin: 0;
	padding: 0;	
}
	
#boxPanel p.descGy,
#boxPanel2 p.descGy,
#boxPanelPrice p.descGy {
	border-bottom:1px solid #B3DCFB;
	margin: 3px 0 0 0;
	padding: 3px 0;	
	font-size:95%;
}

p.desc span {
	color: #828282;
	font-size:85%;
}

#boxPanel p.action a:link,
#boxPanel p.action a:visited,
#boxPanel2 p.action a:link,
#boxPanel2 p.action a:visited,
#boxPanelPrice p.action a:link,
#boxPanelPrice p.action a:visited  {
	background: url("images/gn-solid-arrow-lg.gif") no-repeat 100% 50%;
	margin: 6px 0 0 0;
	padding: 0 18px 0 0;
	font-size: 100%;
	font-weight : bold; 
	text-decoration: underline;
	text-align: right;
	display:block;
}
	
	
#boxPanel p.action a:hover,
#boxPanel p.action a:active,
#boxPanel2 p.action a:hover,
#boxPanel2 p.action a:active,
#boxPanelPrice p.action a:hover,
#boxPanelPrice p.action a:active {
	background: url("images/gn-solid-arrow-lg-h.gif") no-repeat 100% 50%;
	color: #0A94D6;
	text-decoration: none;
}
	
#boxPanel p.pdf a {
	display: block;
	background: url("images/pdf-icon.gif") no-repeat 100% 50%;
	padding: 4px 18px 4px 0;
	text-align: right;
}
	
img {
	display: block;
 	border: 0;
}
	
.banner {
	display: block;
	width: 100%;
	height: 227px;
}
	
.tell-me-more {
	margin: 16px 0;
}

.sidePhoto {
	border: 5px solid #DEF5F9;
	margin: 16px 0;
}
	
.smlBanner {
	margin: 0 0 12px 0;
}

.bannerTreeTop {
	clear: both;
	margin: 20px 0;
}

.bannerTree {
	clear: both;
	margin-bottom: 20px;
}
	
.photoR {
	float: right;
	border: 1px solid #B3DCFB;
	margin: 0 0 6px 6px;
	width: 160px;
}
	
.visualTagR {
	float: right;
	margin: 0 6px 6px 6px;
}

.ISOlogos {
	margin: 26px 0 16px 0;
}

	
/* General linkology
----------------------------------------------- */

a:link,
a:visited {
	color: #0A94D6;
	font-weight : normal; 
	text-decoration: underline;
}

a:hover { 
	color: #DEF5F9;
	background: #0A94D6;
	text-decoration : none;
}

a:active {
	color: #052E21;
	text-decoration : underline;
}
	
#sidebar a:link,
#sidebar a:visited {
	color: #0A94D6;
}

#sidebar a:hover { 
	color: #0A94D6;
	background: #DEF5F9;
}

#sidebar a:active {
	color: #052E21;
}
	
	
/* Main Navigation
----------------------------------------------- */

ul#mainNav { clear: both;
	border: 0;
	margin: 0;
	padding: 64px 0 0 0;
	list-style-type: none;
	float: right;
	line-height: 100%;
}

ul#mainNav li {
	display: block;
	text-align: center;
	float: left;
	padding: 0 2px;
	border-right: 1px solid #6CA80A;
}

ul#mainNav li a:link,
ul#mainNav li a:visited {
	background: transparent;
	color: #6CA80A;
	margin: 0;
	padding: 2px 4px;
	display: block;
	font-weight: bold;
	font-size: 100%;  
	text-decoration: none; 
}
	
ul#mainNav li a:hover,
ul#mainNav li a:active {
	color: #DEF5F9;
	background: #0A94D6;
	text-decoration : none;
}
	
/* Sub Navigation
----------------------------------------------- */

ul#subNav {
	margin: 0 0 12px 0;
	padding: 0;
	line-height: 1em;
	list-style: none;
}
	
ul#subNav li.title {
	background: transparent url("images/bl-line-arrow-lg.gif") no-repeat 1px 1px;
	color: #0A94D6;
	border-bottom: 1px solid #B7C2CC;
	margin: 0;
	padding: 0 0 6px 12px;
	font-size: 115%;
	font-weight: bold;
}
	
ul#subNav li {
	background: none;
	border-bottom: 1px solid #B7C2CC;
	margin: 0;
	font-size: 85%;
	font-weight: bold;
}
	
ul#subNav li a:link,
ul#subNav li a:visited {
	background: transparent url("images/gn-solid-arrow-mid.gif") no-repeat 1px 6px;
	padding: 5px 0 5px 18px;
	display: block;
}
	
ul#subNav li a:hover, 
ul#subNav li a:active {
	background: #ECF9FB url("images/gn-solid-arrow-mid-h.gif") no-repeat 1px 6px;
color: #0A94D6;
	padding: 5px 0 5px 18px;
	display: block;
}
	
/* Header
----------------------------------------------- */

#header	{
	background: transparent url("images/header.jpg") top left no-repeat;
	border: 0;
	margin: 0;
	padding: 0;
	height: 115px;
}
	
#title-bar	{
	background: transparent url("images/title-bar.gif") top left no-repeat;
	border: 0;
	margin: 0;
	padding: 0;
	height: 29px;
}

/* Footer
----------------------------------------------- */
#footer {
	float: left;
	background: transparent url("images/footer.gif") repeat;
	margin: 0;
	padding: 6px 0 6px 20px;
}
	
div.copyright {
	float: left;
	margin: 0;
	padding: 0 20px;
	width: 500px; /* for IE5/Win */
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 460px;
}
	
div.copyright p {
	margin: 0;
	padding: 0;
	font-size: 75%;
}
	
div.quickContact {
	float: right;
	background: #0A94D6;
	color: white;
	margin: 0;
	padding: 0;
	width: 250px;
	text-align: center;
	font-size: 105%;
}
	
div.quickContact a:link,
div.quickContact a:visited {
	background: transparent;
	color: White;
	text-decoration: none; 
}
	
div.quickContact a:hover,
div.quickContact a:active {
	background: none;
	color: #D6F89E;
	text-decoration: underline;
}
	
#footer p {
	margin: 0;
	padding: 0;
}

#footer a { font-size: 100%; }
	
#creds {
	clear: both;
	border-top: 1px solid #DFE1CA;
	margin: 0 0 0 20px;
	padding: 0;
	line-height: 200%;
}
	
#creds p {
	color : #828282;
	margin: 0;
	padding: 0 20px;
	font-size: 75%;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
}
	
#creds p.credits {
	color : #828282;
	border: none;
	margin: 0;
	padding: 0;
	font-size: 75%;
	text-align: right;
	}
	
/* Associate Logos
----------------------------------------------- */

ul#credsNav  {
	margin-top: -40px;
	margin-left: 80px;
	margin-bottom: 20px;
}

ul#credsNav  li {
	float: left;
	margin-top: -40px;
	margin-bottom: 20px;
	display: block;
  	list-style-type: none;
}

ul#credsNav  li.rep, ul#credsNav  li.inwa {
	margin-top: -40px;
	margin-bottom: 20px;
}

ul#credsNav  a:link, ul#credsNav  a:visited {
	display: block;
	margin-top: 0px;
	margin-bottom: 20px;
	height: 86px;
}

ul#credsNav  a:link.logo1, ul#credsNav  a:visited.logo1 {
	background: url("images/foot-logo1.png") no-repeat;
	padding: 0;
	width: 120px;
	valign: middle;
}

ul#credsNav  a:link.logo2, ul#credsNav  a:visited.logo2 {
	background: url("images/foot-logo2.png") no-repeat;
	padding: 0;
	width: 120px;
}

ul#credsNav  a:link.logo3, ul#credsNav a:visited.logo3 {
	background: url("images/foot-logo3.png") no-repeat;
	margin-left:10px;
	padding: 0;
	width: 120px;
}
	
ul#credsNav  a:link.logo4, ul#credsNav a:visited.logo4{
	background: url("images/foot-logo4.png") no-repeat;
	margin-left:-10px;
	padding: 0;
	width: 120px;
}

ul#credsNav  a:link.logo5, ul#credsNav a:visited.logo5 {
	background: url("images/foot-logo5.png") no-repeat;
	margin-left:-20px;
	padding: 0;
	width: 120px;
}

ul#credsNav  a:link.logo6, ul#credsNav a:visited.logo6 {
	background: url("images/foot-logo6.png") no-repeat;
	margin-left:-20px;
	padding: 0;
	width: 120px;
}
	
/* Topper
----------------------------------------------- */

.topper {
	clear: both;
	background: url("images/gn-topper.gif") 100% 10% no-repeat;
	margin: 10px 0 0 0;
	padding: 0 10px;
	font-size: 100%;
	text-align: right;
}


/* Misc Elements
----------------------------------------------- */

.skiplink {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
}

.clear {
	clear: both; 
	margin: 0;
	font-size: 1px; 
	line-height: 1px; 
	height: 100px; /* used for clearing elements */
}
	
.hide { display: none; }

body#popup #wrapper { width: 100%; }

body#popup {
	background: White;
	padding: 30px;
}
	



ul#stmap {
	margin: 12px 0 12px 0;
	padding: 0;
	line-height: 1em;
	list-style: none;
}
	
ul#stmap li.links {	background: transparent url("images/gn-solid-arrow-mid-h.gif") no-repeat 1px 50%;
	margin: 0 0 0 16px;
	padding: 2px 0px 2px 20px;
	font-size: 95%;
}

ul#stmap li.sublinks {	background: transparent url("images/gn-line-arrow-lg.gif") no-repeat 1px 50%;
	margin: 10px 0 0 16px;
	padding: 2px 10px 2px 20px;
	font-size: 95%;
}

 ul#stmap li a:link, ul#stmap li a:visited {
	background: transparent;
	margin: 0;
	display: block;
	text-decoration: none; 
	font-weight : bold; 
}
	
ul#stmap li a:hover, ul#stmap li a:active {
	background: none;
	color: #5A5A5A;
	text-decoration: underline;
	font-weight : bold; 
}

.lbs {
	width:350px;
	display: inline;
}