/*
*************************************************


GOLDEN WEST RESOURCES
General Screen Styles


*************************************************
*/


* {margin: 0; padding: 0;}
body {background: #555 url(../images/body-bg.jpg) repeat-x top left; font-family: Arial, Helvetica, sans-serif; line-height: 1;}
a {color: #ac2624; text-decoration: none;}
#wrap1 {background: #fff url(../images/wrap1.gif) repeat-y top left; margin: 0 auto; width: 855px;}
#wrap2 {background: #fff url(../images/wrap2.gif) repeat-y top left; margin: 0 auto; width: 855px;}


/*-------------------------------------------
    MAJOR POSITIONING DIVS
-------------------------------------------*/

#banner {
	background: #ccc url(../images/banner-bg.jpg) repeat-x top left;
	height: 190px;
	}

#header {
	background: #ac2624;
	height: 65px;
	position: relative;
	}

#header h1 {
	background: url(../images/h1-logo.gif) no-repeat top left;
	float: left;
	height: 65px;
	text-indent: -999em;
	width: 185px;
	}

#main {
	float: left;
	width: 570px;
	padding-bottom: 40px;
	}

#main-content {
	padding-top: 7px;
	}

#sidebar {
	float: right;
	width: 285px;
	padding-bottom: 35px;
	}

#col1 {
	float: left;
	width: 285px;
	}

#col2 {
	float: right;
	width: 285px;
	}



/*-------------------------------------------
    MAIN NAVIGATION
-------------------------------------------*/

#navbox {float: right; position: absolute; right: 23px; bottom: 16px;}

#nav { font-size: 10px; font-weight: normal; list-style: none; text-transform: uppercase; padding: 0; margin: 0; line-height: 1; }
#nav li {float: left; }
#nav li a {color: #fff; display: block; margin: 0; padding: 0; text-align: center; width: 105px; height: 29px; line-height: 29px; border-left: 1px solid #821816; }
#nav li a:hover {color: #f6b412;}

#nav li#nav-home a { width: 50px; border: none; }
#nav li#nav-corporate a { width: 85px; }
#nav li#nav-projects a { width: 75px; }
#nav li#nav-investor a { width: 75px; }
#nav li#nav-sustainability a { width: 105px; }
#nav li#nav-contact a { width: 70px; }
/*
#nav li#nav-wilunawestironore a { width: 90px; height: 23px; line-height: 11px; padding-top: 3px; padding-bottom: 3px; }
#nav li#nav-otherprojects a { width: 75px; height: 23px; line-height: 11px; padding-top: 3px; padding-bottom: 3px; }
*/

#nav li:hover ul, #nav li.sfhover ul {left: auto;}
#nav li ul { font-size: 12px; left: -999em; list-style: none; position: absolute; text-transform: none; width: 15em; padding: 16px 0 0 0; margin: 0; line-height: 1; }

#nav li ul li {width: 15em;}
#nav li ul li a {color: #fff; background: #888; border-bottom: 1px solid #777; border-left: 1px solid #777; border-right: 1px solid #777; padding: 0.5em 1em !important; text-align: left; width: 13em !important; height: auto !important; line-height: 120% !important; }
#nav li ul li a strong {color: #fff;}
#nav li ul li a:hover {background: #777; color: #fff;}

#nav li ul ul { margin: -3.6em 0 0 15em; }
#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; }

#nav li ul ul li a { line-height: 100% !important; }


/*-------------------------------------------
    SECONDARY NAVIGATION
-------------------------------------------*/

#sidenav {border-bottom: 1px solid #ccc; list-style: none; margin: 0 35px; font-size: 14px;}
#sidenav li {display: inline;}
#sidenav li a, #sidenav li span {border-bottom: none; border-top: 1px solid #ccc; color: #222; display: block; font-style: normal; padding: 11px 0;}
#sidenav li span.here {color: #888;}

#sidenav li ul { border-top: 1px solid #ccc; }
#sidenav li li a, #sidenav li li span { padding: 6px 16px; border: none; line-height: 125%; }

#sidenav li a:hover {color: #777;  border-top-color: #ccc;}


/*-------------------------------------------
    STYLING
-------------------------------------------*/

#main-content h3 { font-weight: bold; font-size: 28px; line-height: 125%; letter-spacing: -1px; margin: 35px 35px 15px 35px; }
#main-content h4 { font-weight: bold; font-size: 20px; line-height: 25px; margin: 20px 35px 10px 35px; }
#main-content h5 { font-weight: bold; font-size: 17px; line-height: 125%; margin: 12px 35px 6px 35px; }

#main-content ul, #main-content ol {font-size: 14px; line-height: 21px; margin: 20px 35px 14px 0; padding: 0 20px 0 60px;}
#main-content li {padding: 0 0 7px 8px;}

#main-content ul.reports { list-style: none; margin: 20px 35px 14px 35px; padding: 0; }
#main-content ul.reports li { list-style: none; padding: 0 0 7px 0; }

#main-content ul.governance { list-style: none; }
#main-content ul.governance li { list-style: none; margin-left: 20px; padding-left: 0; text-indent: -40px; }

#main-content dl {font-size: 14px; line-height: 20px; margin: 20px 35px 14px 35px;}
#main-content dt {font-weight: bold;}
#main-content dd {margin-bottom: 6px;}

#main-content p {font-size: 14px; line-height: 20px; margin: 0 35px 13px 35px;}
#main-content a {border-bottom: 1px solid #d2b7b6; padding-bottom: 2px;}
#main-content a:hover {border-bottom-color: #ac2624;}

span.item { display: block; float: left; width: 35px; }
#main-content h4 span.item { padding-bottom: 0.5em; }
#main-content dl.governance dt { display: block; float: left; width: 35px; font-weight: normal; }
#main-content dl.governance dd { margin-left: 35px; }
#main-content dl.level2 dt.item { display: block; float: left; padding-left: 35px; width: 50px; }
#main-content dl.level2 dd { margin-left: 85px; }
#main-content dl.level3 dt.item { display: block; float: left; padding-left: 85px; width: 40px; }
#main-content dl.level3 dd { margin-left: 125px; }


/** SUMMARY **/
#summary {background: #fff; padding: 3px 0 30px 0;}
#summary h2 {font-size: 45px; letter-spacing: -0.04em; line-height: 45px; margin: 30px 35px 0 35px; padding: 0 0 20px 0;}
#summary h2 span {font-style: normal; font-weight: normal}
#summary p {font-size: 14px; margin: 0 35px; line-height: 20px;}
body#home #summary h2 {margin-top: 30px; margin-bottom: 0; padding-bottom: 10px; font-size: 35px; }

#homesummary {background: #fff; border-bottom: 1px solid #cececf; border-left: 1px solid #bababa; padding: 30px; text-align: center;}
#homesummary h2 {font-size: 1.5em; margin: 0; padding: 0; font-weight: bold;}
body#home #homesummary h2 {margin: 0; padding: 0;}
#homesummary h2 span {font-size: 2em; display: block;}
#homesummary p {font-size: 0.8em; margin: 1em 0; font-weight: bold;}
#homesummary p span {font-size: 1.44em; font-weight: bold;}

#homesummary p.more { text-transform: uppercase; letter-spacing: 1px; font-style: oblique; font-size: 0.75em; }
#homesummary p.more a { border-bottom: 1px solid #d2b7b6; }
#homesummary p.more a:hover { border-color: #ac2624; }



/* FRONT PAGE */

#columns h4 {
	font-size: 22px;
	margin: 25px 35px 16px 35px;
	letter-spacing: -1px;
	}

#columns p {
	font-size: 12px;
	line-height: 16px;
	margin: 14px 35px 0 35px;
	}

#columns img {
	border: none;
	margin: 0 35px 0 35px;
	padding: 6px;
	background: #fff;
	}

#col1 h3, #col2 h3, #sidebar h3 {
	color: #fff;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 1px;
	margin: 35px 35px 0 35px;
	padding: 9px 15px;
	text-transform: uppercase;
	}

#sidebar h4 {
	font-size: 18px;
	letter-spacing: -1px;
	margin: 20px 35px 5px 35px;
	}

#sidebar p {
	font-size: 12px;
	line-height: 16px;
	margin: 0 35px 0 35px;
	}

#col1 h3 {background: #5b8315;}
#col2 h3 {background: #276284;}
#sidebar h3 {background: #ac2624;}

.more {font-style: oblique;}

#col1 a {color: #5b8315;}
#col2 a {color: #276284;}
#col1 p.more a {border-bottom: 1px solid #5b8315;}
#col2 p.more a {border-bottom: 1px solid #276284;}

#sidebar p.more {margin-top: 7px;}
#sidebar p.more a {border-bottom: 1px solid #ac2624;}

#sidebar p.newsdate {margin-top: 0;}
#sidebar p.newscopy {margin-bottom: 7px;}

#markets table {font-size: 12px; margin: 20px 35px 10px 35px; width: 215px;}
#markets table th {font-size: 18px; letter-spacing: -1px;}
#markets table .stockvalue {text-align: right;}
#markets table .stockname {text-align: left;}

#reasons p.more { font-size: 10px; line-height: 13px; margin-right: 55px; }


/*-------------------------------------------
    FOOTER
-------------------------------------------*/

#footer {
	background: #888 url(../images/footer-bg.jpg) repeat-x top left;
	clear: both;
	padding: 60px 0 20px 0;
	width: 855px;
	}

#footer p {
	color: #444;
	font-size: 12px;
	line-height: 18px;
	margin: 0 35px;
	padding: 0;
	}

#footer a {
	border-bottom: 1px solid #aaa;
	color: #fff;
	text-decoration: none;
	}

#footer a:hover {
	border-bottom: 1px solid #fff;
	}


/*-------------------------------------------
    OTHER
-------------------------------------------*/

#breadcrumb {color: #888; font-size: 12px; list-style: none; margin: 15px 35px 0 35px;}
#breadcrumb li {display: inline;}
#breadcrumb a {color: #444; text-decoration: none;}
#breadcrumb a:hover {color: #ac2624;}

.leftcol {float: left; width: 50%;}
.rightcol {float: right; width: 50%;}
.img-standard {background: #fff; border: 1px solid #ccc; padding: 7px;}

#main-content .thumb {float: left; margin-left: 35px;}
#main-content .thumb img {background: #fff; border: 1px solid #ccc; padding: 7px;}
#main-content .thumb a {border: none;}
#main-content .thumb p {font-size: 12px; margin: 0 0 20px 0; padding: 0; font-style: oblique; text-transform: uppercase;}

#main-content .thumb p a {border-bottom: 1px solid #d2b7b6; padding: 0;}
#main-content .thumb p a:hover {border-bottom-color: #ac2624;}

#main-content .clearfix {clear: both;}

.chemical sub {font-size: 0.66em;}

#asxfeed {margin: 0 35px; height: 500px; width: 500px;}


/** TABLES **/
#main-content table {font-size: 14px; margin: 0 35px 16px 35px; line-height: 20px; border-collapse: collapse;}
#main-content td {background: #fff; padding: 6px 10px; border: 1px solid #ddd;}
#main-content th {background: #eee; padding: 6px 10px; text-align: left; border: 1px solid #ddd; line-height: 16px;}

#main-content table.data {font-size: 11px; line-height: 12px;}
#main-content table.data caption { font-size: 13px; font-weight: bold; text-align: center; padding-bottom: 0.75em; line-height: 125%; }
#main-content table.data th { text-align: center; background: #eee; }
#main-content table.data td { text-align: center; }
#main-content table.data td.category { border-bottom: 2px solid #ddd; }
#main-content table.data td.deposit { text-align: left; /*white-space: nowrap;*/ }
#main-content table.data td.prospect { text-align: left; white-space: nowrap; }
#main-content table.data tr.total td { font-weight: bold; border-bottom: 2px solid #ddd; }
#main-content table.data td.total { text-align: right; }

table td.date {width: 80px;}

#main-content table.shareholders th { text-align: center; vertical-align: bottom; }
#main-content table.shareholders td { height: 3em; vertical-align: top; }
#main-content table.shareholders th.sharename { text-align: left; }
#main-content table.shareholders td.sharerank { text-align: center; }
#main-content table.shareholders td.sharename { text-align: left; line-height: 16px; }
#main-content table.shareholders td.sharename em { font-size: 10px; font-style: normal; text-transform: uppercase; display: block; }
#main-content table.shareholders td.shares { width: 85px; text-align: right; }
#main-content table.shareholders tr.subgroup td { background: #f3f3f3; }
#main-content table.shareholders tr.total td { border-top-width: 2px; }

#main-content table.downloads { font-size: 0.83em; width: 495px; }
#main-content table.downloads th { text-align: center; vertical-align: bottom; }
#main-content table.downloads td.date { white-space: nowrap; text-align: right; width: auto; }
#main-content table.downloads td.source { white-space: nowrap; text-align: left; }
#main-content table.downloads td.number { white-space: nowrap; text-align: right; }
#main-content table.downloads img { border: none; }


/** FORMS **/
fieldset  { border-top: 1px solid #cececf; border-bottom: 1px solid #cececf; border-left: none; border-right: none; padding: 0; }
.label    { display: block; }

ul.radiolist    { list-style: none; margin: 0; padding: 0; text-align: left; }
ul.radiolist li { list-style: none; margin: 0; padding: 0; text-align: left; }

#sidebar form { margin: 0; padding: 0; border: none; }
#sidebar fieldset { border: none; font-size: 11px; margin: 0 35px; text-align: center; }
#sidebar fieldset p { margin: 5px 0; }
#sidebar ul.radiolist { margin-left: auto; margin-right: auto; width: 100px; }

/** MANAGEMENT PROFILES **/
div.management { clear: both; margin-bottom: 2em; }
div.management h3 { /*margin-left: 175px !important;*/ margin-bottom: 5px !important; }
div.management h4 { /*margin-left: 175px !important;*/ margin-top: 5px !important; }
div.management p { margin-left: 175px !important; }
div.management img { float: left; clear: left; margin: 4px 22px 5px 35px; background: #ffffff; border: 1px solid #cccccc; padding: 7px; }
div.management span.qualifications { font-size: 18px; font-style: normal; font-weight: normal; letter-spacing: 0; }


/** PHOTO GALLERY **/
table.gallery { border: none; font-size: 11px !important; margin: 0 20px !important; }
table.gallery td { text-align: center; vertical-align: top; padding: 5px !important; }
table.gallery td p { font-size: 11px !important; line-height: 13px !important; font-weight: normal; color: #666666; margin: 0 !important; padding: 0 !important; text-align: center; }
table.gallery img { border: none; }
table.gallery a { border: none !important; }
table.gallery a:hover { color: #f6b412; }

#pagemenu { list-style: none; margin: 20px !important; padding: 0 !important; text-align: center; color: #ffffff; background: #ac2624; border: 1px solid #ac2624; }
#pagemenu li { list-style: none; margin: 0; padding: 10px !important; display: inline; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; font-weight: normal; color: #f6b412; }
#pagemenu a { color: #ffffff; text-decoration: none; border: none; padding: 0; white-space: nowrap; }
#pagemenu a:hover { color: #d2b7b6; }
