/*
-----------------------------------------------
Mining House Styles
Author: James Tunstall
Version: 7th July 2006
----------------------------------------------- */


/* Tantek Undo: undo some of the default styling of common (X)HTML browsers
------------------------------------------------------------------------- */	
/* (CC) 2004-2005 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This part of the style sheet is licensed under a Creative Commons License. */
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code,kbd { font-size:1em; }
dl,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address,abbr { font-style:normal }
/* Tantek Creative commons license ends */


/* =globals 
----------------------------------------------- */	
body { 
	/* faux column background [  http://www.alistapart.com/articles/fauxcolumns/ ] */
	background:none;
}


/* =Structure
----------------------------------------------- */	
#body-wrap {
	/* KLUDGE: Deals with IE off by 1px centering issue [ http://www.positioniseverything.net/bg-centering.html ] */
	background: none;	
	margin-left: inherit; 
	margin-right: inherit; 
	width: 100%;
}
#main-col { 
	float: right; 
	width: 100%; 
}
#main-col-pad { 
	padding: 5px; 
} 
	

/* =Header
----------------------------------------------- */	
#header { 
	width: 100%; 
	display:none;
}
	#header #upper-bar { 
		background: #cbc6A0; 
		height: 9px; 
	}
	#header #logo {
		background: #fff url(../images/background/header_bg.gif) repeat-x;
		padding: 5px 0 5px 20px;
	}
	#header #logo a img {
		border: none;
	}
	#header #lower-bar{	
		background: #e99800; 
		height: 9px; 
	}


/* =Navigation
----------------------------------------------- */
#sub-col {  
	display:none;
}
#menu-items {
	width: 150px;
	padding: 0;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
}
	/* ff reads this but ie ignores */
	html>body #menu-items { 
		width: 150px; 
	}
	#menu-items ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
	}
	#menu-items li {
		border-bottom: 1px dashed orange;
		margin: 0;
	}
	#menu-items li a {
		display: block;
		background-color: #DFDE34;				
		color: #505050;
		text-decoration: none;
		padding:5px 5px 5px 5px;			
		width: 140px;
	}
	html>body #menu-items li a { 
		width:auto; 
	}
	#menu-items li a:hover {
		background-color: #CDC69C;
		color: #2663A6;				
	}


/* =Headings
----------------------------------------------- */
h1 {
	background: #fff url(../images/background/content_heading.gif) repeat-y top left ;
	color: #2462AD;  
	font: 20px 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	height: 31px;
	margin: 0 0 8px 0; 
	padding: 6px 0 0 15px;
}
h2 { 
	font: 16px 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
	color: #E99800; 
	padding: 0;
	margin: 10px 0;  
}


/* =Lists
----------------------------------------------- */
ul {}
	ul li a { 
		text-decoration: none; 
	}
	ul li a:hover { 
		color: red; 
		text-decoration: underline; 
	}
ul.vanilla { 
	font: 12px Tahoma, Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
	line-height: 16px; 
	list-style-type: disc;
	margin: 0 0 0 20px; 
	padding: 0;
}
dl {}
	dl dt a { 
		text-decoration: none; 
	}
	dl dt a:hover { 
		color: red; 
		text-decoration: underline; 
	}
dl.vanilla { 
	font: 12px Tahoma, Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
}
	dl.vanilla dt { margin:0; padding:3px 0 3px 0 }
	dl.vanilla dd { margin:0; padding:3px 0 10px 10px }
dl.arrow-bullet  {
	font: 12px Tahoma, Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
	margin: 5px 0 5px 0;
}
	dl.arrow-bullet dt { 
		background: #fff url(../images/bullets/boxed_arrow.gif) no-repeat; 
		line-height: 14px;
		padding: 0 0 0 16px; 
	}
	dl.arrow-bullet dd { 
		margin: 0;
		padding: 4px 0 10px 18px; 
	}
	
	
/* Shortcut Menus:=Boxes
----------------------------------------------- */
.shortcuts { 
	border: 1px solid black;
	width: 135px; 
	height: 150px; 
	display: inline;
	float: left;
	margin-right: 5px;
	text-align: center;
	margin-top: 8px;
}
.shortcuts.color-one { 
	background: #fff url(../images/background/blueboxshade.gif) repeat-x top left;
	border-color: #BED0E7;
}
.shortcuts.color-two { 
	background: #fff url(../images/background/orangeboxshade.gif) repeat-x top left;
	border-color: #F6D699;
}
.shortcuts.color-three { 
	background: #fff url(../images/background/yellowboxshade.gif) repeat-x top left;
	border-color: #F5F5CA;
}
.shortcuts.color-four { 
	background: #fff url(../images/background/brownboxshade.gif) repeat-x top left;
	border-color: #F4F2E8;
}

	.shortcuts h2 {  	
		font: 18px 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
		color: #333;
		margin: 0;
		padding: 5px 0 0 0 ;
	} 
	.shortcuts h2 a { 
		text-decoration: none; 
		color: #333; 
	}
	.shortcuts h2 a:hover { 
		text-decoration: underline; 
		color: red; 
	}
	.shortcuts ul {
		text-align: left;
		font: 12px Tahoma, 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
		color: #333;
		margin: 0;
		padding: 3px 0 0 20px;		
	}			 
	.shortcuts.color-one ul { 
		list-style-image: url(../images/bullets/blue_arrow_list_bullet.gif);
	}	
	
	.shortcuts.color-two ul { 
		list-style-image: url(../images/bullets/orange_arrow_list_bullet.gif);
	}
	
	.shortcuts.color-three ul { 
		list-style-image: url(../images/bullets/yellow_arrow_list_bullet.gif);
	}
	.shortcuts.color-four ul { 
		list-style-image: url(../images/bullets/brown_arrow_list_bullet.gif);
	}
		.shortcuts ul li a {
			text-decoration: none; 
			color: #333; 
		}
		.shortcuts ul li a:hover { 
			text-decoration: underline; 
			color: red; 
		}


/* Shortcut Menus:=Companies
----------------------------------------------- */
.company-profile { 
	clear: both; 
}
	.company-profile img { 
		float: right; 
		margin-top: 10px; 
		margin-left: 5px; 
	}
dl.arrow-bullet dd.companies-list { 
	margin: 3px 0 0 18px; 
	padding: 0; 
	color: #999 
}


/* =Misc
----------------------------------------------- */
p { 
	font: 12px Tahoma, Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
	padding: 0; 
	margin: 8px 0 8px 0;
}
p a:hover { 
	color: red; 
	text-decoration: underline; 
}
.clear { 
	clear: both; 
}