﻿/* SCA Packaging main style sheet */



/* base rules */
html, body, * 
{
	font-family: Arial, Verdana, Georgia, Sans-Serif;
	margin: 0;
	padding: 0;
}

html, body { height: 100%; /* needed for container min-height */ }

body 
{
	background: #f0f0f0 url("gfx/body-bg.gif") no-repeat 50% 0;
	font-size: 62.5%;
	overflow-x: hidden;
	
}

p { margin-bottom: 1em; }
img, fieldset, input { border: none; }
ul, ol { list-style-type: none; }
a { text-decoration: none; }
fieldset { float: left; }
label { cursor: hand; cursor: pointer; }

p, td, li {	color: #02487c; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.nobg { background-image: none !important; }
.separator { border-top: dotted 1px #898e93; }

.sar
{
	background: transparent url("gfx/arrow-right_blue.gif") no-repeat 0 0.3em;
	padding-left: 0.8em;
}

img.left { margin-right: 1em; }
img.right { margin-left: 1em; }

div#maincontent ul,
div#maincontent ol
{
	margin: 1em 0 1em 2em;
}

div#maincontent li 
{
	background: transparent url("gfx/li-bg.gif") no-repeat 0 50%;
	padding-left: 12px;
}

/* headings */
h1, h2, h3 { font-weight: normal; }

h1
{
	color: #26a2e2;
	float: left;
	font-size: 1.8em;
	margin-bottom: 0.8em;
	text-transform: uppercase;
	width: 100%;
}

h2 
{
	border-bottom: solid 1px #a8daf3;
	color: #26a2e2;
	float: left;
	font-size: 1.4em;
	margin: 1.3em 0 1em 0;
	padding-bottom: 0.3em;
	width: 100%;
}

h2 span { float: left; }
h2 span#results 
{
	color: #02487c;
	float: right;
	font-size: 0.7em;
	font-weight: bold;
	margin-top: 2px;
}

h3 
{
	color: #02487c;
	font-size: 1.2em;
	font-weight: bold;
	margin: 1em 0;
}

/* main layout */
div#wrap
{
	height: auto !important; /* for standard-aware browsers */
	height: 100%; /* IE6: treated as min-height*/
	min-height: 100%; /* for standard-aware browsers */
	margin: 0 auto;
	padding: 0 30px 0 39px;
	position: relative;
	width: 919px;
}

div#wrap-content 
{
	background: transparent url("gfx/wrap-bg.gif") repeat-y 0 0;
	margin-left: -39px;
	padding: 0 39px 80px 39px;
	width: 900px;
}
.nmt { margin-top: -8px; }
.historytimeline { margin-top: 30px; }


div#top
{
	background: #fff url("gfx/top-bg.gif") no-repeat 0 0;
	height: 160px;
	margin-left: -30px;
	margin-right: -30px;
	padding: 5px 0 11px 30px;
	width: 930px;
}

div#top a#logolink { float: left; }

div#scapackaging
{
	float: left;
	margin: 20px 0 0 15px;
	width: 290px;
}

div#scapackaging strong#title
{
	color: #004087;
	float: left;
	font-size: 1.3em;
}

div#scapackaging ul#logotagline
{
	clear: left;
	float: left;
	margin: 5px 0 0 0;
}

ul#logotagline li 
{
	border-right: solid 1px #b4d3ec;
	color: #004087;
	font-size: 1.2em;
	font-weight: bold;
	float: left;
	padding: 0 6px;
}

ul#logotagline li.first { padding-left: 0; }
ul#logotagline li.last { border-right: none; }

/* content container layout */
div#content
{
	background: #fff;
	font-size: 1.1em;
	padding: 20px 0 165px 0; /* padding-bottom: 125px;*/
	width: 900px;
}

div#content a {	color: #0085c9; }

	
	
/* leftmenu layout */
div#leftmenu
{
	background: #fff url("gfx/leftmenu-bg.gif") no-repeat 0 0;
	float: left;
	margin-top: 10px;
	width: 214px;
	/*margin-bottom: 125px;*/
}

	
	
/* main content layout */
div#maincontent
{
	margin-left: 240px;
	width: 655px;
}

div#maincontent a { text-decoration: underline; }

	
	
	/* news & reports */
	
	
	
	
	
	
	
	
/* footer container layout */
div#footer
{
	background: #fff url("gfx/footer-bg.gif") no-repeat 0 100%;
	font-size: 1.1em;
	height: 125px;
	margin-left: -30px;
	padding-left: 30px;
/*	position: absolute;*/
	bottom: 0;
	width: 930px;
}

div#footer p 
{
	border-top: solid 1px #adc9de;
	color: #5b6672;
	margin-bottom: 0.5em;
	padding-top: 24px;
	width: 900px;
}

div#footer a 
{
	color: #26a2e2;
	text-decoration: underline;
}

div#footer ul li 
{
	border-right: solid 1px #a2ab97;
	float: left;	
}

div#footer ul li a { padding: 0 10px; }

div#footer ul li.first a { margin-left: -10px; }
div#footer ul li.last { border: none; }