@charset "utf-8";
/* 
Remix CSS | A microsite implementation for saif.com
Includes CSS for: screen; print; typography; layout; 
By: Ben Protasio benpro@saif.com
*/

/*typography global setting*/


body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 12pt;
	line-height: 14pt;
	color: #000;
	margin: 1in 1in 1in 1in;
	background: url(images/BW-Banner.gif) top center no-repeat #fff;

}

img {
	border: 0;
}

/* LINKS */
a, a:link, a:active {
	text-decoration: underline;

}
a:visited {
	background-color: transparent;
}
a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #000;
}

/* END LINKS */

div {
 font-size: 1em;
}

/* HEADINGS */
h1 {
	margin: 0 0 0.5em 0;
	padding: 0;
	font-size: 2em;
	line-height: 1.5em;
	color: #000;
}
h2 {
	margin: 0 0 0.5em 0;
	padding: 0;
	font-size: 1.5em;
	line-height: 1.5em;
}
h3 {
	margin: 0 0 0.5em 0;
	padding:0;
	font-size: 1.3em;
	line-height: 1.3em;
}
h4 {
	margin: 0 0 0.25em 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.3em;
}
h5 {
	margin: 0 0 0.25em 0;
	padding: 0;
	font-size: 1.1em;
	line-height: 1.3em;
}
h6 {
	margin: 0 0 0.25em 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.3em;
	
}

/* END HEADINGS */

/* TEXT */
p {
 margin: 0 0 1.5em 0;
 padding: 0;
 font-size: 1em;
 line-height:1.4em;
}
blockquote {
	margin-left: 10px;
	border-left: 10px solid #ddd;
}
pre {
	font-family: monospace;
	font-size: 1.0em;
}
strong, b {
	font-weight: bold;
}
em, i {
	font-style:italic;
}
code {
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
	white-space: pre;
}
/* END TEXT */
    
/* LISTS: Please use remix-layout-screen.css for making UL/OL-based navigation */
ul {
	margin: 0px;
	padding: 0;
}
ul li {
	margin: 0px;
	padding: 0;
}
ol {
	margin: 0 0 1.5em 0;
	padding: 0;
	font-size: 1.0em;
	line-height: 1.4em;
}
ol li {
	margin: 0 0 0.25em 30px;
	padding: 0;
	font-size: 1.0em;
}
dl {
	margin: 0 0 1.5em 0;
	padding: 0;
	line-height: 1.4em;
}
dl dt {
	margin: 0.25em 0 0.25em 0;
	padding: 0;
	font-weight: bold;
}
dl dd {
	margin: 0 0 0 30px;
	padding: 0;
}
/* END LISTS */
    
    
/* TABLE */
    table {
	margin: 0 0 1.5em 0;
	padding: 0;
	font-size: 1em;
}
table caption {
	margin: 0;
	padding: 0 0 1.5em 0;
	font-weight: bold;
}
th {
	font-weight: bold;
	text-align: left;
}
td {
	font-size: 1em;
}
/* END TABLE */    
    
hr{
	
}

div.hr {
	height: 1px;
	margin: 1.5em 10px;
	border-bottom: 1px dotted black;
}
    
/* Special to the layout. */
#nav-section ul {
/*	display: block;
	width: 180px;
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	border-top: 1px solid #fbc13b; 
	float:right;
*/
	display: none;
}

#nav-section ul li { 
	display: block;
	width: 180px;
	height:39px;
	border-bottom: 1px solid #fbc13b;
	list-style: none;
	text-align: left;

} 

#nav-section ul li a {
	
	
/* END TYPOGRAPHY */

/* LINKS */
a, a:link, a:active {
	margin: auto;
	color: #fbc13b;

}
a:visited {
	background-color: transparent;
	color: #fbc13b;
}
a:hover {
	text-decoration: none;
	color: #fbc13b;

}
/* END LINKS */

/* Navigation highlights for links. This is limited to Ten Pages.*/
body#l1 li#l1,
body#l2 li#l2,
body#l3 li#l3,
body#l4 li#l4,
body#l5 li#l5,
body#l6 li#l6,
body#l7 li#l7,
body#l8 li#l8,
body#l9 li#l9,
body#l10 li#l10,
{
	background: #8fc73e url(images/menu-highlight.gif) no-repeat -5px;
	margin: 0px 10px 0px 0px;
}

body#l1 #header-element{

	display: block;
	height: 250px;
	width: 950px;
	background:url(images/home-headline.png) no-repeat center;
}

body#l2 #header-element{
	display: block;
	height: 250px;
	width: 950px;
	background:url(images/safetyheader-headline.png) no-repeat center;

}

body#l3 #header-element{
	display: block;
	height: 250px;
	width: 950px;
	background:url(images/diversity-headline.png) no-repeat center;
	padding: 0 0 0 10px;
}

body#l4 #header-element{
	display: block;
	height: 250px;
	width: 950px;
	background:url(images/employee-headline.png) no-repeat center;
}

body#l5 #header-element{
	display: block;
	height: 250px;
	width: 950px;
	background:url(images/community-headline.png) no-repeat center;

}

body#l6 #header-element{
	display: block;
	height: 250px;
	width: 950px;
	background:url(images/environment-headline.png) no-repeat center;
	margin:-50px 0 0 0;

}

/* Template

body#l1 a#l1 #header #header-element{

}

*/


/*END NAV Highlighting */




/*ID and class implied Layout*/
#pagewrapper {
	margin: 0 auto;
	width: 952px;
	padding: 55px 0px 0px 0px;
	background: url(images/csr10-title.gif) no-repeat top center #49301c;


/*typography - global fix*/
	text-align: left;
}

#header { /*topmost part of the layout*/
	background:url(images/csr10-header.jpg) no-repeat center;
	height: 249px;
	display: block;

} 



#nav-section { /*2nd order div that is primarily intended for navigation*/

width: 210px;
display: block;
float: left;
padding: 15px 15px 15px 100px;
/*height: 450px;*/

}

#nav-section .extra{ /* in navsection and below the UL menu, there is this div, available for extra stuff if you need.*/
display: none;
}

#content-area{  /*intended main area for content*/
	width: 560px;
	display: block;
	float: right;
	padding: 15px 30px 15px 30px ;

}

#footer {  /*last div in the #pagewrapper, can serve as 3rd column or as footer*/
	height: 0.5in;
	border-top: solid 1px #000;
	display: block;
	clear: both;
	padding: 0px 0px 0px 0px;
}
/* Additional divs for usage: all present in the   */
#alt-section-a {
	display: none;
}

#alt-section-b {
	display: none;
}

#alt-section-c {
	display: none;
}

#alt-section-d {
	display: none;
}



/*End layout styles*/

/*Navigation Links and Nav Link display*/
#nav-section ul {
	display: block;
	width: 180px;
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	border-top: 1px solid #fbc13b; 
	float:right;

}

#nav-section ul li { 
	display: block;
	width: 180px;
	height:39px;
	border-bottom: 1px solid #fbc13b;
	list-style: none;
	text-align: left;

} 

#nav-section ul li a {
	font-size:16px;
	line-height:39px;
	list-style: none;
	color: #fcf6de;
	text-decoration: none;
	display: block;
	width: 160px;
	height:39px;
	padding: 0px 10px 0px 10px;

}

#nav-section ul li a:hover, .current{
	background: #8fc73e url(images/menu-highlight.gif) no-repeat -5px;
	margin: 0px 10px 0px 0px;
	}
#nav-section ul li :hover {
	
}
/*End Navigation Links and Nav Link display*/