﻿/* Reset css */
body, p, h1, h2, h3, h4, ul, li, ol, form{ padding:0; margin:0;}
body{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size:11px; background:#3F3F2E url(../images/tile_darkbrown.gif) 0% 0% repeat;}
ul, li, ol{ list-style:none;}
p{padding-bottom: 7px;}
#wrapper{ width:770px;}
hr{color: #d3511a;background-color: #d3511a;height: 1px;width: 100%;}
img{border:0;}
/**** Skip Navigation  ****/
.skip{ text-align:left; position:absolute; clear:both; z-index:1234;}
.skip a{ display:none;}
.skip a:focus{ position: static; left: 0; width: auto; line-height:20px; overflow: visible; }
a:focus{ color:#FFFFFF !important; background:#3F3F2E;}
/*****  Header  ****/
#header{ width:750px; position:relative; padding-left:20px;}
#header ul.leftalign{ width:20px; padding-top:84px; position:absolute; top:0; left:0; z-index:122px; clear:both;}
#header ul.leftalign li{ border-top:1px solid #9F9682; height:12px; line-height:1px; font-size:1px;}
#header #leftlines {position:absolute; top:0; left:0;width:20px;height:179px; background:url(../images/leftlines.gif) no-repeat; clear:both;overflow:visible;}
#header #logo{ width:750px; padding:6px 0 0; height:40px; font-size:10px; overflow:hidden; background:url(../images/top_banner.gif) 0% 6px no-repeat;}
#header #logo img{ display:none;}
#header #logo a{ display:block; width:712px; height:36px; text-decoration:none; text-indent:-9999px;}
#navigation{ width:748px; position:relative; border:1px solid #9F9682; height:140px;}
.homenavi{ background:url(../images/home_bgfoto_mines.jpg) 0% 0% no-repeat;}
.sectionnavi{ background:url(../images/second_bg.jpg) 0% 0% no-repeat;}
ul.topmenu, ul.topmenu li{ list-style:none; margin:0; padding:0}
ul.topmenu{ width:100%;}
ul.topmenu li.brline{ border-right:0;}
ul.topmenu li.brline a{ width:142px;}
ul.topmenu li{ float:left; border-right:1px solid #9F9682; border-bottom:1px solid #9F9682; background:#3F3F2E; }
ul.topmenu li a{ color:#FFFFFF; display:block; width:143px; padding:0 0 0 6px; font-weight:bold; float:left; font-size:9px; text-decoration:none; line-height:19px;}
ul.topmenu li a span{ visibility:hidden; display:block; z-index:100; background:#3F3F2E; color:#CCCCAF; border-right:1px solid #9F9692; float:left; padding:6px 8px 0 8px; height:92px; overflow:hidden; font-size:11px; line-height:16px; width:260px; position:absolute; top:42px; left:0; font-weight:normal;}
ul.topmenu li a:hover span, ul.topmenu li.active a span{ visibility:visible;}
ul.topmenu li a:hover, ul.topmenu li.active a{ background:#D3511A; color:#FFFFFF;}
span.tabdesc{ display:block; height:100px; z-index:100; background:#3F3F2E; width:276px; z-index:99; border-right:1px solid #9F9692; position:absolute; top:40px; left:0; }

/*****  Search  ****/
#searchbox{ padding-top:2px; width:400px; clear:both; position:absolute; right:0; top:187px; color:#FFFFFF; border:1px solid #9F9682; z-index:111; background:#6F6F5C;}
#searchbox label{ float:left; padding-top: 2px;padding-right: 4px;padding-left: 20px;padding-bottom: 2px; line-height:18px;}
#searchbox img{ float:left; padding-top:4px; vertical-align:middle;}
.txtbutton{ float:left; width:200px;}
.submitbutton{ background:#6F6F5C; border:0; float:left; color:#FFFFFF; font-size:11px; cursor:pointer; padding-top: 2px;padding-bottom: 2px; margin:0; line-height:16px;}

/*****  Main Container  ******/
#container{ clear:both; padding-left:20px; width:750px; color:#CCCCAF; line-height:16px;}
#container a{ color:#D3511A; text-decoration:none; border-bottom:1px dotted #CCCCA2;}
#container .picalign a:link{ border:none;}
#container h1{ color:#333333; font-weight:normal; font-size:22px; padding:15px 0;line-height:28px;}
#container h2{ font-weight:normal; font-size:14px; padding-bottom:6px;}
#container a:hover{ color:#FF6600;}
#container .colunmLeft{ width:130px; float:left; overflow:hidden}
#container .colunmRight{ width:609px; padding:30px 0 0 9px; float:left; overflow:hidden; border:1px solid #9F9682; border-top:none; background:#4F4F3E;}
ul.cntblocks li{ width:280px; padding:10px;padding-left:0px; display:-moz-inline-box; -moz-box-orient:vertical; display:inline-block; *display:inline; vertical-align:top; zoom:1;	}
ul.cntblocks li > *{display:table;}
ul.cntblocks li p{ padding-bottom:7px;}
.picalign{ float:left; margin:0 5px 0 0; width:80px; overflow:hidden; text-align:left;}
.innerwrap{ width:280px; overflow:auto;}

/*****  Footer  ******/
#footer{ clear:both; width:100%; overflow:hidden; padding-bottom:20px;}
#footer ul, #footer ul li{ list-style:none; margin:0; padding:0}
#footer ul{ padding-left:151px;}
#footer ul li{  float:left; border-left:1px solid #9F9682;}
#footer ul li.first{ border:none;}
#footer ul li.first a, #footer ul li.first a:hover{ padding-left:0;}
#footer ul li.end a, #footer ul li.end a:hover{ padding-right:0;}
#footer ul li a{ color:#FFFFFF; display:block; float:left; font-size:9px; text-decoration:none; padding:4px 5px 20px 5px; line-height:16px;border-bottom:none;}
#footer ul li a:hover{ color:#FFFFFF; border-top:4px solid #CC3300; padding:0 5px 20px 5px;}

/*****  Section Page  ******/
#container .wrap{ border:1px solid #9F9682; border-top:none; background:#FFFFFF; color:#333333; width:724px; padding:0 12px 12px; min-height:350px; height:auto !important; height:350px;}
div.smallinks{ padding:5px 0 0 5px;}
div.smallinks p{ display:inline; color:#333333;}
div.smallinks p a{ font-style:italic;}
.wrap p{ line-height:17px; padding-bottom:7px;}
.wrap ul{ margin: 0 0 5px 25px;}
#container .wrap ul li{ list-style:square; margin-bottom:10px;}
.wrap ul.cntblocks{ margin:0px; margin-top:10px; width:724px;}
#container .wrap ul.cntblocks h2{ padding-bottom:0;}
.wrap ul.cntblocks li{ width:340px; padding:0 10px 0 0px; margin:0;}
hr.linebreak{color: #6f6f5c;background-color: #6f6f5c;height: 1px;width: 100%;}
.subsection{ font-size:22px; line-height:23px; padding:10px 0 0;}

/*****  Third Section  ******/
.panel #searchbox{ top:86px;}
.panel #navigation{ height:40px; border-bottom:0;}
.panel #container h1{ padding:15px 15px;}
/*.panel .wrap p,h2,form{ padding:0 20px 7px;}*/
.panel .wrap p,h2,form{ padding:0 20px 7px 0;}

#maincontent{float:left;width:700px;padding-left:20px;}
#twocol{width:740px;}
#twocol #maincontent{width:550px;}
#rightlinks{float:right;width:170px;}
#belowmain{ clear:both;padding-left:20px;}

h3 {
font-weight: normal;
	font-size: 11px;
	line-height: 15px;
	background-color: #FFFFFF;
	padding: 0px;
	padding-left: 20px;
}
h4{
font-weight: bold;
font-size: 14px;
padding-bottom: 4px;
color: #000000;
}
td,th{vertical-align:top;}
th{font-weight: bold;text-align:left;}
table{width:100%;}
select{font-size:11px;}
input.btn{font-size:11px;}
fieldset{border: 1px dotted #CCCCA2;padding:5px;}
legend {background-color:#ffffff;}

