/* following resets CSS our colours > cream FFEECC > light green DDDD99 > dark green 005522 */ * { } html { margin-bottom:1px; } body { text-align:center;margin:0; padding:0; color:#010101; background-color:#859b51; } /* end reset, start layout - I _usually_ use ID's for layout items and classes for typography */ #pagewrap { width:740px; height:100%; position:relative; display:table; height:100%; min-height:100%; margin-right:auto; margin-bottom:0px; margin-left:auto; text-align:center; background-color:#005522; padding:10px; font-family: Arial, Helvetica, sans-serif; background-image: url(../images/bottom.gif); background-position: left bottom; background-repeat: no-repeat;} body#home #pagewrap #logo { width:720px; height:140px; margin-right:auto; margin-bottom:10px; margin-left:auto; text-align:center; background-image:url(../images/logo.jpg); background-repeat:no-repeat; overflow:hidden; background-position: -18px -6px; } #logo { width:720px; height:140px; margin-right:auto; margin-bottom:10px; margin-left:auto; text-align:center; background-image:url(../images/logo_main.jpg); background-repeat:no-repeat; background-position: -18px -6px; overflow:hidden; } #logo h2{ float:right; text-align: right; font-weight: bold; text-transform: uppercase; color: #EBC680; letter-spacing: 3px; *letter-spacing: 4px; background-color: transparent; font-size: 11px; margin: 90px 30px 3px 2px; display:inline; height: 30px; width: 700px;} #logo h2 span#symbol{padding-right:33px;*padding-right:38px;} #logo img#print_logo{ display: none; } /*body#home #pagewrap #logo h2{ float:right; font-weight: bold; text-transform: uppercase; color: #EBC680; letter-spacing: 3px; background-color: transparent; font-size: 11px; margin:110px 20px 3px 20px; display:inline; height: 30px; width: 680px; text-align: right;}*/ body#home #pagewrap #logo h2{ display:none;} body#home #pagewrap #logo h2 span#symbol{padding-right:1px; float:left; } /* top menu */ #header {float: right;} #header ul { font-size:13px; margin:0; padding:0px; list-style:none; } #header li { display:inline; margin:0; padding:0; } #header a { float:left; background:url('../images/tab_left.gif') no-repeat left bottom; margin:0; padding:0 0 0 7px; font-weight: bold; text-decoration:none; } #header a span { float:left; display:block; background:url('../images/tab_right.gif') no-repeat right bottom; padding:3px 10px 4px 5px; font-weight: bold; color:#dddd99; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #header a span {float:none;} /* End IE5-Mac hack */ #header a:hover span { color:#005522; } #header #current a { background-position:0 -19px; border-width:0; } #header #current a span { background-position:100% -19px; padding-bottom:4px; color:#005522; } #header #nav_contact a span { background:url(../images/contact_tab_right.gif) no-repeat right bottom; } #header #nav_contact a:hover span { background-position:100% -19px; } #header #nav_home a span { background:url(../images/home_tab_right.gif) no-repeat right bottom; } #header #nav_home a:hover span { background-position:100% -19px; } #header a:hover { background-position:0% -19px; } #header a:hover span { background-position:100% -19px; } /* end top menu styles */ /* this is only for the home page */ .smbox a{ width:120px; height:100px; margin-bottom:10px; float:left;font-size: 10px; font-weight: bold; background-image:url(../images/copperbox.gif); background-repeat:no-repeat; display:block;text-decoration: none; color:#990000; text-transform: capitalize; text-align: center; background-position: center bottom; } .smbox a:hover{ background-image:url(../images/copperbox.gif); background-repeat:no-repeat; background-position: center top; color:#FFEEDD; } .bigbox a{ width:200px; height:140px; margin-bottom:10px; font-size: 10px; font-weight: bold; background-image:url(../images/copperbox_big.gif); background-repeat:no-repeat; display:block;text-decoration: none; color:#990000; text-transform: capitalize; text-align: center; background-position: center bottom; } #fadeshow1{margin:0px auto;} .bigbox a:hover{ color:#FFEEDD; background-position: center top; } .smbox2 a{ width:120px; height:100px; margin-bottom:10px; float:left;font-size: 10px; font-weight: bold; background-image:url(../images/copperbox.gif); background-repeat:no-repeat; display:block; text-decoration: none; color:#FFEEDD; text-transform: capitalize; text-align: center; background-position: center top; padding-top:2px;} .smbox2 a:hover{ color:#990000; background-position: center bottom; } .smbox3{ float:right; padding: 20px; margin-right: 40px; } .left{ float: left; width:200px; margin-right:13px;} .smbox #infobox1 a{background-position: center top;} .smbox #infobox1 a:hover{ background-position: center bottom; } .smbox2 .anni,.smbox .anni, .bigbox .anni { display: block; width: 110px; height: 6px;} #infobox4 , #infobox3 , #infobox5, #infobox2{ margin-right:9px; margin-left:0px; } #infobox1 { margin-right:0px; margin-left:0px; } .newsbox { width:200px;background-image:url(../images/litecreamboxlbottom.gif); background-repeat:no-repeat;display:block;padding: 5px 0px 0px 0px; margin:0px;background-color: transpaerent; background-position: left top; top: 0px; } .newsbox img{ padding:0px; margin:0px; position: inherit; top: 0px; } .newsbox h1 { font-family:Arial, sans-serif; font-size:10px; text-align:left; color:#005522; background-color:transparent; background-image:url('../images/recentnews.gif'); background-repeat:no-repeat; background-position:center left; padding:0px 0px 0px 25px; margin:10px 0px 6px 5px; } .newsbox h1#top {margin:7px 0px 6px 5px;} .newsbox h2 { font-family:Arial, sans-serif; font-size:11px; text-align:left; color:#583B1D; background-color:transparent; margin:0px 22px 3px 15px; } .newsbox p { font-family:Arial, sans-serif; font-size:10px; text-align:left; color:#583B1D; background-color:transparent; margin:0em 1px 6px 10px; } .newsbox a { color:#583B1D; text-decoration:none;} .newsbox a:hover {color:#800000;} /*#home_content form {margin:10px 0px 20px 20px;line-height:26px;color:#ffffff; background-color:transparent; font-family:Arial, sans-serif; font-size:12px; text-align:left; width:180px; float:right; padding:5px; display:block;}*/ .right { display:block; margin-left:8px; font-family:Arial, sans-serif; font-size:10px; text-align:left; float:left; color:#583B1D; background-color:transparent; } .submit { font-family:Arial, sans-serif; font-size:10px; text-align:center; float:left; color:#583B1D; background-color:transparent; margin-right:0; margin-bottom:6px; margin-left:30px; clear:both; } #home_content { width:502px; height:290px; background-image:url(../images/highlights_home.png); background-repeat:no-repeat; display:block; float:right; font-weight:bold; background-position: center; background-color: transparent; vertical-align: middle;} #highlights { width:502px; height:290px; background-image:url(../images/highlights_home.png); background-repeat:no-repeat; display:block; background-position: center top; background-color: transparent; } #home_content img{ padding-top: 10px; } #home_content h3 { font-family:Arial, sans-serif; font-size:17px; text-align:left; font-weight:bold; color:#ffCC66; background-color:transparent; margin:10px 32px 0px 19px; letter-spacing:1px;} #home_content p { font-family:Arial, sans-serif; font-size:14px; text-align:left; line-height:16px; color:#FFFFFF; background-color:transparent; margin:0px 10px 5px; font-weight: bold; background-image: url(../images/arrow-home.gif); padding-left: 9px; background-repeat: no-repeat; background-position: left top;} /* end home page styles */ /* side menu for inside pages */ #menubox { width:140px; /*height:100%;*/ background-color:#FFEECC; background-repeat:no-repeat; display:block; float:left; } body#home #menubox { width:140px; /*height:100%;*/ background-color:#486d91; background-repeat:no-repeat; display:block; float:right; margin-left:10px;} #captop_menu { display:block; } #capbot_menu { clear:both; display:block; } #menubox h1 { font-family:Verdana,sans-serif; font-size:11px; text-align:left; color:#7A3501; background-color:transparent; margin:4px 12px 3px 12px; border-bottom: 1px solid #CCAA88; } #menubox ul { font-size:11px; text-align:left; list-style:none; color:#7A3501; background-color:#FFEECC; padding:0px 12px 0px 10px; margin:0px; } #menubox li{ padding:0px 0px 0px 2px; margin:0px; } #menubox ul li a, #menubox ul li a:link, #menubox ul li a:visited { border-bottom: 1px solid #CCAA88; padding:2px 0px 3px 2px; color:#7A3501; border-left-width: 2px; border-left-style: solid; border-left-color: #FFEECC; line-height:1em; display:block; text-decoration:none; } #menubox ul li a:hover { color:#800000; background-color:#F6E6C0; border-left-style: solid; border-left-color: #CCAA88; text-decoration:none; padding:2px 0px 3px 2px;} #menubox ul li.active { font-weight:bold; } #menubox form, #menubox .form_head { margin-left:14px; margin-top:0px;line-height:20px;color:#583B1D; background-color:transparent; font-size:10px; text-align:left;} #menubox option, #home_content option, #menubox select, #home_content select, #menubox input, #home_content input { font-family:Arial, sans-serif; font-size:10px; text-align:left; color:#583B1D; margin-left:0px; padding-left:0px;} #content { width:572px; background-color:white; display:block; float:right; display:table; background-image: url(../images/capbot_content.gif); background-repeat: no-repeat; background-position: center bottom; /*overflow:auto; */ min-height:400px; } /*holder makes short pages taller with out the ie bug*/ #content .holder{width:0px; height:375px; background-color:transparent; display:block; float:left; display:none;} body#feasibility#content .holder{width:0px; height:375px; background-color:transparent; display:block; float:left; } body#gallery #content .holder{width:0px; height:0px; background-color:transparent; display:block; float:none; margin:0px auto;} body#presentation #content .holder{width:0px; height:80px; background-color:transparent; display:block; float:left;} #menubox .holder{width:2px; height:345px; background-color:transparent; display:block; float:left;} #captop_content { display:block; } #capbot_content { display:block; clear:both; width:572px; height:10px; } #content h3 { font-family:Verdana, sans-serif; font-size:16px; text-align:left; font-weight:normal; color:#7A3501; background-color:white; margin:14px 32px 10px 19px; line-height:16px; } #content p { margin:0px 16px 5px 19px; line-height:20px;} #content li{line-height:16px; background-image: url(../images/arrow-right.gif); background-repeat: no-repeat; background-position: left 2px; background-color: transparent; margin-left: 0px; padding: 3px 0px 3px 16px;} #content p, #content li , #content td, #content em, #content h4, #content .management, #content .newslist li .pdflist li{ background-color:transparent; font-family:Verdana, sans-serif; font-size:12px; text-align:left; color:#331100; } #content .newslist li,#content .pdflist li{ background: url(none); } #content .pdflist h4{ background: url(none); } body#resources #content td,{font-size:11px; text-align:center;} #content a{ color:#990000; background-color:white; text-decoration:none;} #content a:hover{ color:#996600; text-decoration:none;} #content ul{ list-style-type: none; padding: 0px 3px 3px 3px;} #content h4{ margin:0px 16px 5px 19px; border-top-width: 1px; border-top-style: solid; border-top-color: #000000; font-weight: normal; padding-top: 7px; } #content h5{ margin:0px 0px 10px 19px; font-weight: normal; font-size: 14px; line-height: 16px; color: #005522; font-family: Arial, Helvetica, sans-serif; text-align: left; padding: 0px;} small{ text-align:left; font-size: 9px; line-height: 10px; padding: 0px 20px 5px 20px;display: block; color:#332211;} #content .photo_caption{float: right; margin: 0px 10px 0px 20px ; display:block;} #content .photo_caption img#fluid{float:none;} /* photos*/ #content #history_pit, #content #princeton, #content #infastucture{ border: 1px solid #331100; margin:0; margin-bottom:5;} #content #bc { } #content #rod , #content #jim { float: right; border: 1px solid #331100; margin-bottom: 10px; margin-left: 20px; } #content table{ margin:0px 16px 5px 19px;} #content td{ border-top-width: 1px; border-top-style: solid; border-top-color: #CCBBAA; line-height:15px; padding:5px 5px 5px 0px;} body#gallery #content td{ border-top: none 0px; font-size:10px; line-height:12px; padding:0px; margin:0px; text-align: center; } body#gallery #content table{ margin:0px auto; text-align: center; padding:0px;} body#gallery #content tr{ margin:0px; padding:0px;} body#gallery #content img{ margin:0px; padding:0px; border-top: none 0px;} body#gallery #content a{ color:#990000; background-color:transparent; text-decoration:none;} #content .management p{margin:0px 16px 5px 19px; line-height:16px;} .floatright{ float: right; background-color:white; } .floatleft{ float: left; background-color:white; } #content #current_exploration, #content img#super_pit { float: right; padding-right: 10px; padding-bottom: 10px;} /* news *//*pdf lists*/ #content .newslist, #content .pdflist {color:#7A3501;margin:0px; } #content .newslist ul, #content .pdflist ul { list-style-type: none; margin: 2px 0px 2px 16px; padding: 0px;} #content .newslist li, #content .pdflist li { font-size: 11px; padding-right:5px; padding-left: 0px; } #content .newslist .date, #content .pdflist .date{ background:none; width: 80px; float: left; padding-left: 0px;} #content .pdflist a { background-color: transparent; background-image: url(../images/PDF_icon_20pix.gif); background-repeat: no-repeat; background-position: left top; padding-left: 20px; } #content .pdflist #2009, #content .pdflist #2008, #content .pdflist #2007{ padding-left: 0px; background: transparent url(none); } /* investor form*/ #content .investor{ text-align: right; line-height: 25px; } /* foot */ #footer { width:720px; text-align:center; clear: both; height: 30px; padding-top: 10px; } #footer p{ font-family:Verdana, sans-serif; font-size:9px; color: #99AA66; } #footer a { color: #DDDD99; text-decoration: none; background-image: url(../images/nav_arrow.gif); background-repeat: no-repeat; background-position: left 5px; padding-left: 7px; padding-right: 3px;} #footer a:hover { color: #FFFFFF; text-decoration: none; background-image: url(../images/nav_arrow.gif); background-repeat: no-repeat; background-position: left bottom; padding-left: 7px; padding-right: 3px; } #footer #sitemanager a { text-decoration:none; background: url(images/sitemanager.gif) no-repeat left bottom; padding: 4px; height:11px; width:11px; display:block;} #footer #sitemanager a:hover {background: url(images/sitemanager.gif) no-repeat left top;} /* highlighted nav */ body#subscribe #menubox li#nav_subscribe a, body#investors #menubox li#nav_investors a, body#location #menubox li#nav_location a, body#history #menubox li#nav_history a, body#infrastructure #menubox li#nav_infrastructure a, body#exploration_strategy #menubox li#nav_exploration_strategy a, body#current_exploration #menubox li#nav_current_exploration a, body#geology #menubox li#nav_geology a, body#resources #menubox li#nav_resources a, body#outlook #menubox li#nav_outlook a, body#profile #menubox li#nav_profile a, body#management #menubox li#nav_management a, body#corporate_info #menubox li#nav_corporate_info a, body#contact #menubox li#nav_contact a, body#news #menubox li#nav_news a, body#2007 #menubox li#financials a, body#presentation #menubox li#nav_presentation a, body#articles #menubox li#nav_articles a{ border-left-width: 2px; border-left-style: solid; border-left-color: #800000;} #home_content #base_metals { margin-top: 10px; padding-top: 10px; } .mainarea{ width:720px; margin-right:auto; margin-bottom:0px; margin-left:auto;}.mainarea #content #flash { float: right; padding-right: 10px; padding-left: 10px; } #resources #content td { font-size: 11px; } #content .articles img { float: left; padding-right: 10px; } #content .articles p{ padding-bottom: 10px; } p#job{width:510px; border-bottom:1px solid #876;display:inline-block;} p#job b{ font-size: 10px; } #position{width:320px; display:inline-block;} #location{width:100px;display:inline-block;} p#job a{ width:80px; text-align: center; display:inline-block; }