/* Page Structure*/

@import url("content.css");

/* TOC

1: - Global Styles

2: - Header

3: - Main Nav

4: - Content

5: - Footer

*/


/* 1 :-------- Global Styles ------------ */

	body {
		margin: 0px;
		padding: 0 0 30px;
		background:#ccc url('../images/generic/background.jpg') 50% 0 no-repeat;
		}
		
	.skipLink {
		position: absolute;
		margin-top: -999px;
		}
		
	.container {
		width: 908px;
		margin:0 auto;
		margin-top:5px;
		background:#fff url('../images/generic/rightcolumn-bg.gif') 100% 0 repeat-y;
		padding:0 18px 0 19px;
		border-bottom:30px solid #fff;
		border-top:20px solid #fff;
		}
		
	a {
		color: #666;
		}
		
	a img {
		border: 0;
		}
	ul{
		list-style:none;
		padding:0;
		margin:0;
		}		
	.clear {
		clear: both;
		display:block;
		line-height:0px;
		margin:0;
		}

/* 2 :-------- Header ------------ */

	.header {
		position:relative;
		}
		
	.mainLogo {
		margin: 0;
		position:absolute;
		top:0;
		right:13px;
		}
		
	.searchBar {
		float: right;
		text-align: right;
		margin-right:13px;
		width:214px;
		display:inline;
		}
		
	.searchText {
		border: 1px solid #bcbdc0;
		font-size: .95em;
		margin-right: 0px;
		width:124px;
		vertical-align: top;
		background:#fff url('../images/generic/searchText-bg.jpg') 0 0 no-repeat;
		padding:3px 2px;
		color:#666;
		}
		
	.searchButton {
		border:0px;
		font-size: .95em;
		vertical-align: top;
		}

/* 3 :-------- Main Nav ------------ */


	#mainNav {
		background:url('../images/generic/background-lines2.gif') 0 0 repeat-y;
		padding:0 0 31px 0;
		}
	
	#mainNav ul {
		margin: 0 0 0 1px;
		padding: 0;
		list-style: none;
		float:left;
		width:226px;
		}
		
	#mainNav li {
		margin: 0 0 0 0px;
		padding: 0;
		display:block;
		}
			
	#mainNav a {
		display: block;
		padding: 0 0 0 0px;
		margin:0 0 0 1px;
		width:226px;
		height:24px;
		text-indent:-9999px;
		outline:none;
		}
		
/* nav backgrounds */
			
	#mainNav .home { background:url('../images/nav/home.gif') 0 0 no-repeat; }
	#mainNav .about { background:url('../images/nav/about.gif') 0 0 no-repeat; }
	#mainNav .operations { background:url('../images/nav/operations.gif') 0 0 no-repeat; }
	#mainNav .investor { background:url('../images/nav/investor.gif') 0 0 no-repeat; }
	#mainNav .news { background:url('../images/nav/news.gif') 0 0 no-repeat; }
	#mainNav .sustainability { background:url('../images/nav/sustainability.gif') 0 0 no-repeat; }
	#mainNav .careers { background:url('../images/nav/careers.gif') 0 0 no-repeat; }
	#mainNav .contact { background:url('../images/nav/contact.gif') 0 0 no-repeat; }
	#mainNav .minmetalsOffer { background:url('../images/nav/minmetalsOffer.gif') 0 0 no-repeat; } 

	#mainNav a:hover{
		background-position:0 -24px;
		}
	#mainNav li.on a{
		background-position:0 -24px;
		}
	
/* 4 :-------- Content ------------ */
	
	#contentShell{
		background:url('../images/generic/rightcolumn-bottom-bg.gif') 100% 100% no-repeat;
		border-bottom:5px solid #fff;
		min-height:1%; /* hasLayout hack for IE7 */
		}
	.content {
		margin-right:226px;
		padding-left:11px;
		padding-bottom:35px;
		position:relative;
		}
		
	/*.subNav{
		float:right;
		width:192px;
		padding:43px 12px 257px 11px;
		width:203px;
		}
	.subNav ul{
		list-style:none;
		padding:0;
		margin:0;
		}
	.subNav li{
		border-bottom:1px solid #dfa819;
		border-top:1px solid #dfa819;
		margin-top:-1px;
		}
	.subNav li a{
		font-weight:bold;
		color:#666633;
		text-decoration:none;
		padding:6px 0px 6px 14px;
		width:189px;
		display:block;
		background:url('../images/icons/subnav-bullet-sprite.gif') 0 9px no-repeat;
		}
	.subNav li a:hover{
		color:#fff;
		background-position:-201px 9px;
		}
		
	/* level 01 
	.level01On li,
	.level01Open li{
		border-bottom:0px;
		}

	/* level 02
	.level01Open li{
		
		}
		
	/* level 03 */
	
	/*new subnav styles*/
	.subNav{
		float:right;
		width:192px;
		padding:43px 12px 257px 11px;
		width:203px;
		}
	.subNav ul{
		list-style:none;	
		padding:0;
		margin:0;
		}
	.subNav li{
		border-bottom:1px solid #dfa819;
		border-top:1px solid #dfa819;
		margin-top:-1px;
		/*float:left; ADD THIS TO IE ONLY STYLES*/
		}
	.subNav li a{
		font-weight:bold;
		color:#666633;
		text-decoration:none;
		padding:6px 0px 6px 14px;
		width:189px;
		display:block;
		background:url('../images/icons/subnav-bullet-sprite.gif') 0 9px no-repeat;
		}
	.subNav li.on a{
		color:#fff;
		text-decoration:none;
		background:#fdc131 url('../images/icons/subnav-bullet-sprite.gif') -200px 9px no-repeat;
		}
	.subNav li a:hover{
		color:#fff;
		background-position:-201px 9px;
		text-decoration:none;
	}

	/*level 01 onstate*/
	.subNav .level01On a,
	.subNav .level01On a:hover,
	.subNav .level01Open a:hover {
		background:#fdc131 url('../images/icons/subnav-bullet-on.gif') 0 12px no-repeat!important;
		color:#fff;
		}
	/*level 01 open state*/
	.subNav .level01Open a {
		color:#666633;
		background:#fdc131 url('../images/icons/subnav-bullet-open.gif') 0 12px no-repeat!important;
	}
	
	/*Level 02*/	
	.subNav .level02{
		/*border-top:1px solid #dfa819;*/
		}
	.subNav .level02 li{
		border-bottom:0;
		}
	.subNav .level02 a{
		padding-left:30px;
		width:173px;
		font-weight:normal;
		color:#666633;
		background:#fdc131 url('../images/icons/subnav-bullet-sprite.gif') 17px 9px no-repeat!important;
		}
	.subNav .level02 li a:hover{
		color:#fff;
		background:#fdc131 url('../images/icons/subnav-bullet-sprite.gif') -184px 9px no-repeat!important;
		}
		

	.subNav .level02On a {
		background:#fdc131 url('../images/icons/subnav-bullet-on.gif') 17px 12px no-repeat!important;
		color:#fff !important;
	}
	.subNav .level02On a:hover {
		background:#fdc131 url('../images/icons/subnav-bullet-on.gif') 17px 12px no-repeat !important;
		color:#fff !important;
		}

	.subNav .level02Open a {
		color:#666633;
		background:#fdc131 url('../images/icons/subnav-bullet-open.gif') 17px 12px no-repeat !important;
	}
	.subNav .level02Open a:hover {
		color:#fff;
		background:#fdc131 url('../images/icons/subnav-bullet-on.gif') 17px 12px no-repeat !important;
	}

	/*Level 03*/
	.subNav .level03 li{
		border-bottom:0;
		}
	.subNav .level03 li a{
		padding-left:46px;
		width:157px;
		font-weight:normal;
		color:#666633 !important;
		background:#fdc131 url('../images/icons/subnav-bullet-sprite.gif') 34px 9px no-repeat !important;
		}

	.subNav li .level03 a:hover {
		color:#fff;
		background:#fdc131 url('../images/icons/subnav-bullet-sprite.gif') -167px 9px no-repeat !important;
	}

	.subNav li .level03On a {color:#fff!important; background:#fdc131 url('../images/icons/subnav-bullet-on.gif') 34px 12px no-repeat !important;}
	.subNav li .level03On a:hover {
		color:#fff!important;
		background:#fdc131 url('../images/icons/subnav-bullet-on.gif') 34px 12px no-repeat !important;
	}



/* See content.css */

/* 5 :-------- Footer ------------ */

	.footer {
		clear: both;
		border-top:5px solid #cccccc;
		padding:7px 0 0;
		background:url('../images/generic/background-lines2.gif') 0 0 repeat-y;
		}
	
	.footer ul {
		margin: 0;
		padding: 0;
		width:227px;
		float:left;
		}
	
	.footer li {
		display: block;
		margin: 0;
		padding: 0;
		list-style: none;
		width:216px;
		color:#999999;
		padding:1px 0px 1px 11px;
		}
		
	.footer a {
		width:216px;
		display:block;
		color:#999999;
		text-decoration:none;
		}
	.footer a:hover{
		color:#585858;
		}
		
	#sitemap ul {
		margin: 0;
		padding: 0;
	}
	#sitemap ul li {
		font-weight:bold;
		text-transform:uppercase;
		padding:0 0 5px 0;
	}
	#sitemap ul li a {color:#eba90c;}
	
	#sitemap ul li ul{
		margin: 0 !important;
		padding: 0!important;
	}
	#sitemap ul li ul li {
		background:none!important;
		padding:15px 0 5px 0!important;
		border-top:1px solid #d9d8d8;
	}
	#sitemap ul li ul li a {
		display:block;
		width:300px;
		padding-bottom:7px;
		color:#eba90c;
	}
	
	#sitemap ul li ul li ul {
		margin:0px 0 0 10px!important;
		padding:0px;
	}
	#sitemap ul li ul li ul li {
		text-transform:capitalize;
		background:url(../Images/Icons/listBullet-yellow.gif) no-repeat 0 3px !important;
		padding:0 0 0 9px!important;
		border-bottom:none!important;
		border-top:none!important;
	}
	#sitemap ul li ul li ul li a {padding-bottom:3px!important; font-weight:bold; color:#666;}
	#sitemap ul li ul li ul li ul {
		margin:3px 0 10px 0!important;
		padding:0px;
	}
	#sitemap ul li ul li ul li ul li {
		background:url(../Images/Icons/listBullet-grey.gif) no-repeat 4px 3px !important;
		border-bottom:none!important;
		border-top:none!important;
		padding:0 0 0 13px!important;
	}
	#sitemap ul li ul li ul li ul li a {font-weight:normal;}
	
	#sitemap ul li ul li ul li ul li ul {
		margin:1px 0 10px 0!important;
		padding:0px;
	}
	
	#sitemap ul li ul li ul li ul li ul li {
		font-size:11px!important;
		padding:0px 0 0 12px!important;
		margin:-2px 0 0 0!important;
		background:url(../Images/Icons/listBullet-grey.gif) no-repeat 4px 3px;
	}
		
		