/*
-----------------------------------------------
Mining House Styles
Author: James Tunstall
Version: 4th March 2008
----------------------------------------------- */


/* 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:#d1ca9e url(../images/background/main_bg.gif) repeat-y 50% 0;
	font-size: 62.5%;
}


/* =Structure
----------------------------------------------- */	
#body-wrap {
	/* KLUDGE: Deals with IE off by 1px centering issue [ http://www.positioniseverything.net/bg-centering.html ] */
	background: #d1ca9e url(../images/background/main_bg.gif) repeat-y 50% 0;	
	margin-left: auto; 
	margin-right: auto; 
	width: 730px;
}
#main-col { 
	float: right; 
	width: 578px; 
}
#main-col-pad { 
	padding: 5px; 
} 
	

/* =Header
----------------------------------------------- */	
#header { 
	width: 729px; 
}
	#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; 
	}


/* =Footer
----------------------------------------------- */	
#footer {
	clear:left; 
	background:url(../images/background/footer.gif ); 
	background-repeat:repeat-x; 
	background-position: top left; 
	margin-top:10px;   
	margin-left:5px;   
	
	width:565px; 
	height:40px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em; 
	
	padding-top:10px; 
	
		color:#888;
}
	#footer  a {
		color:#505050;
	}
	#footer  a:hover{
		color:red;
		text-decoration:underline;
	}
	#footer #footer_left {
		float:left;
	}
	#footer #footer_right {
		float:right;
	}
	
	


/* =Navigation
----------------------------------------------- */
#sub-col {  
	float: left; 
	width: 150px; 
	background: #DFDE34; 
}
#menu-items {
	width: 150px;
	padding: 0;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size:1.6em;
}
	/* 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;			
		width: 140px;
	}
	html>body #menu-items li a { 
		width:auto; 
	}
	#menu-items li a:hover {
		background-color: #CDC69C;
		color: #2663A6;				
	}
	
/* prob delete this */
#minimenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em; 
	margin:5px; 
	float:right;
}


#minimenu  a {
	color:#505050;
}


#minimenu  a:hover{
	color:red;
	text-decoration:underline;
}


/* =Headings
----------------------------------------------- */
h1 {
	background: #fff url(../images/background/content_heading.gif) repeat-y top left ;
	color: #2462AD;  
	font: 2em '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: 1.6em 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
	color: #E99800; 
	padding: 0;
	margin: 10px 0;  
}
h2 a { 
	color: #E99800; 
}

h2 a:hover { 
	text-decoration:underline;
	color:red;
}

h2 a:visited{ 

}

h3 {
	font: 1.4em 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
	color: #2462AD; 
	margin: 8px 0;
}



/* =Lists
----------------------------------------------- */
ul {}
	ul li a { 
		text-decoration: none; 
	}
	ul li a:hover { 
		color: red; 
		text-decoration: underline; 
	}
ul.vanilla { 
	font: 1.3em Arial, Lucida, Geneva, Helvetica, sans-serif; 
	line-height: 1.6em; 
	list-style-type: disc;
	margin: 0 0 0 20px; 
	padding: 0;
}
ul.arrow-bullet {
	font: 1.3em Arial, Lucida, Geneva, Helvetica, sans-serif; 
	line-height: 1.6em; 
	list-style-image: url(../images/bullets/boxed_arrow.gif);
	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: 1.3em Arial, Lucida, Geneva, Helvetica, 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: 1.3em Arial, Lucida, Geneva, Helvetica, sans-serif; 
	margin: 5px 0 5px 0;
}
	dl.arrow-bullet dt { 
		background: #fff url(../images/bullets/boxed_arrow.gif) no-repeat; 
		line-height: 1.4em;
		padding: 0 0 0 16px; 
	}
	dl.arrow-bullet dd { 
		margin: 0;
		padding: 4px 0 10px 18px; 
	}
	dl.arrow-bullet dd.companies_list {
		margin:3px 0 0 18px; 
		padding:0;
		color:#999; 
	}

dl.bio { 
	font: 1.3em Arial, Lucida, Geneva, Helvetica, sans-serif; 
}
	dl.bio dt { font-weight:bold; margin:0; padding:3px 0 3px ; clear:left; }
	dl.bio dd { margin:0; padding:3px 0 10px 10px }
	dl.bio img { float:left; border: solid 1px #D1CA9E; margin-right:10px; margin-bottom:5px; }

  
ol.vanilla { 
	font: 1.3em Arial, Lucida, Geneva, Helvetica, sans-serif; 
	line-height: 1.6em; 
  list-style-type: decimal;
	margin: 0 0 0 20px; 
	padding: 0;
}
	
/* 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: 1.8em '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: 1.3em Arial, 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, sans-serif;
		color: #333;
		margin: 0;
		padding: 3px 0 0 18px;		
	}			 
	.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: 1.3em Arial, Lucida, Geneva, Helvetica, sans-serif; 
	padding: 0; 
	margin: 8px 0 8px 0;
	line-height:1.3em; 
}
p a:hover { 
	color: red; 
	text-decoration: underline; 
}
.clear { 
	clear: both; 
}

/* Misc =home
----------------------------------------------- */
.spacer_5high {
	clear: both;
	height: 5px; 
	line-height: 5px; 
	}
	
	
/* Misc =people
----------------------------------------------- */
table#people_overview1 {
	width: 100%;
	}
	
table#people_overview1 th {
	text-align: left;
	width: 33%; 
	}
	
table#people_overview1 td.people_sub_group {
	vertical-align: top;
	}
	
  
table#people_overview2 {
	width: 100%;
	}
	
table#people_overview2 th {
	text-align: left;
	width: 33%; 
	}
	
table#people_overview2 td.people_sub_group {
	vertical-align: top;
	}
  
	
/* Misc =sitemap
----------------------------------------------- */
#sitemap ul {
	margin-left: 15px; 
	list-style-type: circle;
	font-family: arial;
	font-size: 12px; 
}

#sitemap li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	line-height: 16px; 
}



/* Misc =portfolio
----------------------------------------------- */
img#kal_portfolio {
	margin-left: 32px;
	}

img#delta_portfolio {	
	margin-bottom: 50px;  
	}
	
.company_tab {
	border: 1px solid #ccc;
	color: #454F59;
	font: bold 1.2em arial;
	margin-bottom: 2px;
	padding: 3px;
}

ul.ui-accordion-container { 
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	}
	ul.ui-accordion-container li { 
		background-repeat: no-repeat; 
		margin: 0; 
		margin-bottom: 2px; 
		padding: 0; 
		position: relative;
		}
		ul.ui-accordion-container li a.ui-accordion-link { 
			border: 1px solid #E99800; 
			color: #454F59; 
			display: block;  
			font: bold 1.2em arial;      
			height: 16px;
			line-height: 16px;
			padding: 3px; 
			text-decoration: none; 
			background: #DFDE34;
		}
	ul.ui-accordion-container p {
		font-size: 1.2em;
		padding-left: 3px;
	}   

.bold {
	font-weight: bold;
}
   

#map_wrap {
	float: left; 
	width: 396px; 
	height: 260px; 
}

.maps {
	display: none;
}

#map_menu {
	float: right; 
	margin-right: 5px; 
}
	#map_menu noscript p {
		width: 160px;
	}


#portfolio {
	display: none; 
	width: 160px;
}
	#portfolio li p {
		display: none;
	}
	#portfolio li p#map_instructions {
		display: block;
	}