/*

	Template Name: Left Nav Mining 02

	Template URI: http://freewebtemplates.me

	Description: A hand-coded Mining theme website template with header graphic of an Australian mining site.

	Version: 1.0

	Author: Ed Zivkovic

	Author URI: http://freewebtemplates.me

	Tags: Mining, Brown, CSS, Fixed Width, Graphics, Two Columns, Left Navigation, No Tables, 

*/



/*

	Template by Ed Zivkovic released under the

	Creative Commons Attribution 2.5 License:

	http://creativecommons.org/licenses/by/2.5/au/

*/

.smallish{font-size:9pt; text-align:justify}



body {

	font-family: Century Gothic, "Trebuchet MS", Futura, Arial, Helvetica, Verdana, sans-serif;

	color: #000;

	text-align: center;

	font-size: 90%;

	background-color:  #228751;

}



h1, h2, h3, h4, h5, h6 {

	margin: 0;

	letter-spacing: 0.1em;

}



a {

	text-decoration: none;

}

	

div#mainwrap {

	width: 798px;

	margin-top: 10px;

	margin-right: auto;

	margin-left: auto;

	background-color: #FFF;

	text-align: left;

}



div#header {

	color: #9C9CFE;

	background: url(banner.jpg) no-repeat;

	border:solid;border-width:1px;border-color:#303030;border-bottom:none;

	height: 150px;

	width: 798px;

}



div#header h1 {

color:#FEF66D;

	

	text-align: right;

	padding: 100px 10px 0;

}



div#topnav {

	color: #F0D8A8;

	padding: 8px;

	font-size: 90%;

	background-color: #CCFFCC;

	text-align: center;

	font-weight: bold;

}



div#topnav a {

	color: #0066FF ;

	border-bottom: 0px solid #481818;

}



div#topnav a:hover {

	color: #300000;

	border-bottom: 1px solid #300000;

}



div#leftnavwrap {

	float: left;

	width: 160px;

	padding-top: 5px;

	font-size: 90%;

		

}



div#leftnavwrap h3 {

	font-family: Century Gothic, Arial, "Trebuchet MS", Futura, Helvetica, Verdana, sans-serif;

	color: #484830;

	margin: 15px 0 0;

	padding: 6px;

	font-size: 1.7em;

	text-align: center;

}

	

div#leftnavwrap ul {

	list-style-type: none;

	padding: 0;

	margin: 0;

}

	

div#leftnavwrap ul li {

	margin-top: 8px;

}

	

div#leftnavwrap ul li a {

	display: block;

	width: 160px;

	padding: 7px 5px 7px 10px;

	color: #FFF;

	background-color: #00B454 ;

	font-weight: bold;

	

	border-right:solid;

	border-top:solid;

	border-bottom:solid;

	border-right-color:#336633 ;

	border-left-color:#336633 ;

	border-bottom-color:#336633 ;

	border-top-color:CED7FD;

	border-width:1px



	

}



div#leftnavwrap ul li a:hover {

	color: #228751 ;

	background-color: #ccffcc;

	border-right:solid;

	border-top:solid;

	border-bottom:solid;

	border-right-color:#228751 ;

	border-left-color:#228751 ;

	border-bottom-color:#228751 ;

	border-width:1px

}



div#contentwrap {



	background-color: #CCFFCC;

	border-style:solid;

	border-width:1px;

	border-color:#000 ;

}



div#breadcrumb {

	color: #000;

	padding: 8px 8px 8px 0;

	font-size: 85%;

	background-color: #ccffcc;

	margin-left: 185px;

}



div#breadcrumb a {

	color: #000 ;

	border-bottom: 1px solid #000;

}



div#breadcrumb a:hover {

	color: #000;

	border-bottom: 1px dashed #000;

}



div#content {

	padding: 20px 20px 20px 12px;

	margin-left: 8px;

	margin-right:8px;

	margin-top:6px;

	background-color: #FFF;
min-height: 320px;
}



div#content p {

	line-height: 170%;

}



div#content h2 {

	color: #481818;

	border-bottom: 2px solid #228751;

	padding-bottom: 6px;

}



div#content h3 {

	color: #481818;

	border-bottom: 2px solid #228751;

	padding-bottom: 6px;

}



div#content h4 {

	color: #481818;

	font-size:10pt;

	border-bottom: 2px solid #228751;

	padding-bottom: 6px;
	

}







div#content a {

	color: #0033CC ;

	border-bottom: 1px solid #0066FF ;

}



img{border:solid;border-color:black;border-width:1px;}





div#content a:visited {

	color: #0033CC ;

	border-bottom: 1px solid #0033CC ;

}



div#content a:hover {

	color: #0033FF ;

	border-bottom: 2px dashed #0033CC ;

}



div#bottomnav {

	color: #000;

	padding: 8px;

	font-size: 90%;

	background-color: #99CC99;

	text-align: center;

}



div#bottomnav a {

	color: #000;

	border-bottom: 0px solid #481818;

}



div#bottomnav a:hover {

	color: #000;

	border-bottom: 1px solid #300000;

}



div#copyright {

	color: #FFF;

	padding: 8px;

	font-size: 80%;

	background-color: #007536 ;

}

div#tally {

	color: #FEF66D;

	padding: 8px;

	font-size: 80%;

	background-color: #481818;

}





div#copyright a {

	color: #FFF;

	border-bottom: 1px dashed #C07860;

}



div#copyright a:hover {

	color: #FFF;

	border-bottom: 0px solid #F0D8A8;

}



div#credit {

	color: #C07860;

	padding: 8px;

	font-size: 11px;

	background-color: #481818;

}



div#credit a {

	color: #C07860;

	border-bottom: 0px solid #C07860;

}



div#credit a:hover {

	color: #C07860;

	border-bottom: 1px solid #C07860;

}

		

.right {

	text-align: right;

}



.left {

	text-align: left;

} 



.center {

	text-align: center;

}

	

div#clear {

	clear: both;

}



.box {

	color: #300000; 

	border: 1px solid #228751; 

	background-color: #ccffcc; 

	width:500px;

		font-size: 90%;

text-align:center;

padding:5px;

margin:3px;

	text-align: justify;



}



.bigbox {

	color: #300000; 

	border: 1px solid #228751; 

	background-color: ##ccffcc; 

	width:560px;

		font-size: 90%;

text-align:left;

padding:5px;

margin:3px;

	text-align: justify;



}





td

{

font-size: 90%;

}



.widebox {

	color: #300000; 

	border: 1px solid #C07860; 

	background-color: #F0D8A8; 

	width:560px;

	

		font-size: 80%;

text-align:center;

padding:5px;

margin:3px;

	text-align: justify;



}



.warning {

	color: #FF0000;

}