@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------------

[Master Style Sheet]

------------------------------------------------------------------------------------
Project:		Slater Mining
Version:		1.0
Designer:		Ryan Martinez - Spincaster design (ryan@spincaster.com)
CSS 2.1 standards validated by: W3C  validated on: 
last change:	
Assigned to:
Primary use:	Slater Mining

Color  palette:
	p standard: 		#666666; grey
	p highlight:		#AC7A51; gold/brown
----------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------
	global reset
----------------------------------------------------------------------------------*/
* {
	border:none;
	outline:none;
	padding:0;
	margin:0;
	list-style:none;
	text-decoration:none;
}

/*----------------------------------------------------------------------------------
	global styles
----------------------------------------------------------------------------------*/

.clearer{
	height:1px; width:100%;
	margin:0px; padding:0px;
	clear:both;
}
/*the following will remove the dotted outline that appears when a link is focused*/
a:focus {
	outline: none;
}
a.skipToContent{
	display:none;
}
#rightColumn #regularContent h2 a.edit_link{
	display:block;
	position:absolute;
	right:0px; top:5px;
	margin:0px 0px 0px 0px; padding:1px 6px 1px 6px;
	text-transform:lowercase;
	background:#666;
	border-top:1px solid #fff;
	border-right:1px solid #333;
	border-bottom:1px solid #555;
	border-left:1px solid #aaa;
	color:#ddd;
	font-size:12px;
}
#rightColumn #regularContent h2 a.edit_link:hover{
	text-decoration:none;
	background:#444;
	border-top:1px solid #555;
	border-right:1px solid #aaa;
	border-bottom:1px solid #fff;
	border-left:1px solid #333;
	color:#fff;
}
/*----------------------------------------------------------------------------------
	default template for Slater Mining
----------------------------------------------------------------------------------*/
html{ 
		position:relative;
		height:100%;
		background: #9e9e9e url(../images/backgrounds/html_bg.jpg) repeat-x 0px 0px;
	}

body{
	position:relative;
	
	min-height: 100%;
	height:auto !important;
	height:100%;
	
	background: url(../images/backgrounds/body_bg.jpg) no-repeat center top;	
	
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
	font-weight: inherit;
	text-decoration:none;
}

/*----------------------------------------------------------------------------------
	main container: #main_container
----------------------------------------------------------------------------------*/
	#main_container{
		position:relative;
		width:927px; 
		
		min-height: 100%;
		height:auto !important;
				
		margin:0px auto;
		padding:0px 0px 86px 0px;
		
	}
/*----------------------------------------------------------------------------------
	1.0 header: #header
----------------------------------------------------------------------------------*/
	#header{
		position:relative;
		width:100%; height:198px;
		z-index:15;
	}
		/* 1.1 header h1: #header h1
		-------------------------------------------------*/
		#header h1{
			width:100%; height:130px;
			padding-top:20px;
		}
			#header h1 a{
				display:block; 
				position:relative;
				margin:0px auto;
				width:175px; height:126px;
				background:url(../images/backgrounds/header_h1_a_bg2.png) no-repeat -3px -2px;
			}
				#header h1 a span{ display:none; }
		
		/* 1.2 header Primary Navigation: #header #pnav
		--------------------------------------------------*/
		#header #pnav{
			position:absolute; bottom:0px;
			width:100%; height:42px;
			background:url(../images/backgrounds/pnav_bg2.jpg) no-repeat center 0px;
			z-index:15;
		}
			#header #pnav > ul{
				float:right;
				width:auto; height:43px;
				position:relative; top:-5px;
				padding: 0px;
			}
				#header #pnav > ul > li{
					position:relative;
					float:left;
					width:auto; height:auto;
				}
					#header #pnav > ul > li:hover{
						background: url(../images/backgrounds/header_pnav_li_bg.png) no-repeat 0px 0px;
					}
					#header #pnav > ul > li:hover > span{
						display:block;
						background:url(../images/backgrounds/header_pnav_li_span_bg.png) no-repeat right top;
					}
					#header #pnav ul li a{
						display:block;
						padding:18px 27px 0px 27px;
						height:26px; 
						
						color:#aaa;
						font-size:11px;
						text-transform:uppercase;
					}
						#header #pnav > ul > li:hover a{
							color:#eee;
							background:url(../images/backgrounds/pnav_ul_li_a_hover_bg.jpg) no-repeat center 7px;
						}
						#header #pnav ul li ul{
							display:none;
							float:none;
							position:absolute;
							top:43px; left:-10px;
							height:auto; width:257px;
							padding:0px 0px 14px 0px;
							
							background:url(../images/backgrounds/header_pnav_li_subnav_bg.png) no-repeat -1px bottom ;
							
							z-index:15;
						}
						#main_container #header #pnav ul li ul#investorsSubnav{ left:auto; right:-10px; }
						#header #pnav ul li:hover ul{display:block;}
							
							#header #pnav ul li ul li{
								padding:0px 14px 0px 14px;
								background:url(../images/backgrounds/header_pnav_li_subnav_li_bg.png) repeat-y 0px 0px;
							}
							#header #pnav ul li ul li a{
									width:auto; height:auto;
									margin:0px; padding:10px 0px 10px 25px;
									
									background:url(../images/backgrounds/pnav_li_bg.png) no-repeat 7px 13px;
									border-top:1px solid #d0ad91;
									
									text-transform:lowercase;
									font-size:12px;
									color:#eee;
							}
								
								#header #pnav ul.subnav li:first-child a{border-top:none;}
								#header #pnav ul li ul li:hover a{color:#fff; background:url(../images/backgrounds/pnav_li_bg.png) no-repeat 7px 13px;}
								#header #pnav ul li:hover ul li a{background:url(../images/backgrounds/pnav_li_bg.png) no-repeat 7px 13px;}
								#header #pnav ul li ul li a em{
									color:#d0ad91;
									font-style:normal;
									text-transform:lowercase;
									font-size:11px;
								}
								#header #pnav ul li ul li:hover a em{
									color:#E5B483; 
								} 
		/* 1.3 header tertiary Navigation: #header #tnav
		--------------------------------------------------*/
		#header #tnav{
			width:auto;
			position:absolute; top:15px; right:0px;
		}
			#header #tnav li{
				position:relative;
				float:left;
				width:auto; height:15px;
				border-left:1px solid #6b6b6b; 
				padding:0px 2px 0px 2px;
				
				color:#ccc;
				font-size:14px;
			}
				#header #tnav li:first-child{ border:none; }
				#header #tnav li a{
					display:block;
					height:12px;
					padding:3px 7px 3px 7px;
					color:#6b6b6b;
					font-size: 10px;
					text-transform:uppercase;
				}
				#header #tnav li a span{
					color:#ccc;
					font-size:10px;
				}
					#header #tnav li:hover a{
						color:#999;
						background: url(../images/backgrounds/header_tnav_li_a_hover_bg.png) no-repeat 0px 0px;
					}
					#header #tnav li form.tnavOverlay{
						display:none;
						position:absolute;
						top:18px; right:2px;
						width:310px; height:auto;
						padding:10px 10px 10px 10px;
						
						background: url(../images/backgrounds/header_tnav_li_a_hover_bg.png) repeat 0px 0px;
						border-left:1px solid #666;
						border-bottom:1px solid #444;
						border-right:1px solid #111;
						
					}
						#header #tnav li:hover form.tnavOverlay{display:block;}
						#header #tnav li form.tnavOverlay p{
							display:block;
							margin:0px 0px 3px 0px;
							font-size:12px;	
						}
						#header #tnav li form.tnavOverlay label{	
							float:left;
							display:block;
							width:150px; height:16px;
							padding:6px 0px 0px 0px;
							
							font-size:9px;
							text-transform:uppercase;
							color:#666; 
							vertical-align:middle;
							
						}
						#header #tnav li form.tnavOverlay input[type="text"], #header #tnav li form.tnavOverlay input[type="password"] {
							height:16px; width:143px;
							margin:2px 0px 5px 0px;
							padding:4px 0px 0px 10px;
							
							border:1px solid #444;
							background:url(../images/backgrounds/header_tnav_li_div_input_bg.png) repeat-x 0px -2px;
							
							vertical-align:middle;
							font-size:11px;
							color:#666;
						}
						#header #tnav li form.tnavOverlay input[type="text"] :focus , #header #tnav li form.tnavOverlay input[type="text"]:active{
						 	color:#999;
							border:1px dotted #777;
						}
						#header #tnav li form.tnavOverlay input[type="submit"]{
							float:right;	
							width:74px; height:32px;
							cursor:pointer;
							
							background:url(../images/backgrounds/header_tnav_li_div_submit_bg2.png) no-repeat 0px 0px;
							
							font-size:9px; 
							color:#222;
						}
						#header #tnav li form.tnavOverlay hr{
							width:100%; height:1px;
							margin:5px 0px 5px 0px;
							border-top:1px solid #111;
							border-bottom:1px solid #444;
							
						}
		
/*----------------------------------------------------------------------------------
	2.0 Page Content: #content
----------------------------------------------------------------------------------*/
	#content{
		position:relative;
		width:100%; 
		
		height:auto !important;
	}
	/* 2.1 Page Content: #content #leftcolumn
	--------------------------------------------------*/
	#leftColumn{
		position: relative;
		float:left;
		width:230px; height:auto;
		background:#302e2f url(../images/backgrounds/right_column_bg.jpg) repeat-x 0px 0px;
		margin: 0px 0px 130px 0px;
	}
		#leftColumn h2{
			display:block;
			width:100%; height:28px;
			
			border-top:1px solid #555;
		}
		#leftColumn h2 span{ display:none; }
		#leftColumn h2#quickRef{background:url(../images/backgrounds/QuickReference_header_bg.png) no-repeat 7px 0px; }
		#leftColumn h2#newsHead{background: url(../images/backgrounds/newsHead_header_bg.png) no-repeat 3px 0px; }
		#leftColumn h2#projectHeader{background:url(../images/backgrounds/project_header_bg.png) no-repeat -3px 3px; }
		#leftColumn #quickReference{
			margin:0px 0px 0px 0px;
			padding:7px 15px 7px 15px;
			
			background:url(../images/backgrounds/left_column_headerShadow_bg.png) repeat-x 0px 0px;
			border-bottom:1px solid #252525;
		}
		#leftColumn #quickReference li{
				display:block;
				width:auto; height:auto;
				padding: 0px 0px 0px 17px;
				background:url(../images/backgrounds/quickReference_li_bg.png) no-repeat 0px 3px;
				
		}
			#leftColumn #quickReference li a{
				display:block;
				width:100%;	height:18px;
				margin:5px 0px 5px 0px;
				
				color:#b6b6b6;	
				text-transform:lowercase;
			}
			#leftColumn #quickReference li a:hover{color:#fff;}
			#leftColumn a img{
				margin:0px; padding:0px;
			}
		#leftColumn #news{
			padding:12px 15px 5px 15px;
			
			border-bottom:1px solid #252525;
			background:url(../images/backgrounds/left_column_headerShadow_bg.png) repeat-x 0px 0px;
		}
		#leftColumn #news li{
			font-size:11px;
			color:#aaa;
			overflow:auto;
			margin:15px 0px 0px 0px;
		}
			#leftColumn #news li a{
				display:block;
				min-height:15px;
				height: auto;
				padding:0px 0px 5px 0px;
				
				color:#eee;
				font-size:11px;
			}
			
				#leftColumn #news li a small{
					/*float:left;*/
					/*width:45px; height:65px;*/
					padding:0px 0px 5px 0px;
					
					/*background:url(../images/backgrounds/news_li_a_bg.png) no-repeat 25px 25px;*/
					
					font-size:10px;
					color:#9a9a9c;
				}
				#leftColumn #news li p{
					margin:0px 0px 0px 0px;
					text-align: justify;

				}
			#leftColumn #news li a.readMore{
				float:right;
				width:60px; height:22px;
				margin:3px 0px 3px 0px;
				padding:5px 0px 0px 14px; 
				
				background:url(../images/backgrounds/news_li_a_readMore_bg.png) no-repeat 1px 1px;
				
				font-weight:normal;
				font-size:11px;
				color:#666;
			}
			#leftColumn #news li a.readMore:hover{
				color:#aaa;
			}
			#leftColumn .imgButton {
				display:block;
			}
			
		/* 2.2 Page Content: #content #rightcolumn
		--------------------------------------------------*/
		#rightColumn{
			float:right;
			width:697px; 
			min-height:625px;
			height:auto !important;
					
			border-bottom:5px solid #333333;
			background:#ededed  url(../images/backgrounds/rightColumn_bg.jpg) repeat-x 0px 131px;
		}
			/* 2.2.1 right column featured content: #content #rightcolumn #featured
			--------------------------------------------------*/
			#rightColumn #featured{
				width:100%; height:126px;
				border-bottom:5px solid #333333;
				background:#4d4d4f url(../images/backgrounds/rightColumn_featured__interior_bg.jpg) no-repeat 0px 0px ; 
			}
				#rightColumn #featured #breadCrumbs{
					width:100%; height:28px;
					
					border-bottom:1px solid #9c6b42; /* dark gold*/
					background:url(../images/backgrounds/header_tnav_li_a_hover_bg.png) repeat 0px 0px;
				}
				#rightColumn #featured #breadCrumbs li{
					float:left;
					width:auto; height:28px;
					padding:0px 10px 0px 15px;
					background:url(../images/backgrounds/breadcrumbs_divider_bg.gif) no-repeat 0px 12px;
				}
					#rightColumn #featured #breadCrumbs li:first-child{ background:none; }
					#rightColumn #featured #breadCrumbs li a{
						display:block;
						width:100%; height:20px;
						padding:7px 0px 0px 0px;
						
						font-size:11px;
						color:#8E8E8E;
					}
						#rightColumn #featured #breadCrumbs li a:hover{
							color:#bbb;
						}
					#rightColumn #featured #breadCrumbs li.currentLocation a{ color:#bbb; }
					
			/* 2.2.2 right column regular content: #content #rightcolumn #regularContent
			--------------------------------------------------*/
			#rightColumn #regularContent{
				padding:15px;
				color:#666;
				font-size:12px;
			}
			#rightColumn #regularContent h2{
				position:relative;
				display:block;
				width:100%;
				height:18px;
				padding:6px 0px 8px 0px; margin:0px 0px 15px 0px;
								
				font-size:15px;
				color:#AC7A51; /*gold*/
				text-transform:uppercase;
				font-weight:400;
			}
			#regularContent p, #regularContent ul, #regularContent ol {
				margin:0px 0px 10px 0px;
			}
			#regularContent p strong{color:#000; font-weight:400;}
			#regularContent a{color:#AC7A51; /*gold*/ }
			#regularContent a:hover{text-decoration:underline;}
			#regularContent li{
				padding:0px 0px 0px 12px;
				background:url(../images/backgrounds/rightColumn_li_bg.png) no-repeat 0px 4px;
			}
			#regularContent dl dt{
				color:#222;
				font-weight:bold;	
			}
		/* 2.3 Page Content Contact info: #content #contact
		--------------------------------------------------*/
		dl#contact{
			position:absolute;
			bottom: -130px;
			left: 0px;
			display:block;
			width:215px; height:116px;
			margin:8px 0px 0px 0px;
			padding:0px 5px 5px 10px;
			
			background: url(../images/backgrounds/contactUs_bg.jpg) no-repeat 0px 0px;
		}
			dl#contact dt{
				display:block;	
				color:#AC7A51; /*gold*/
				
				width:100%;height:18px;
				padding:9px 0px 5px 0px;
				margin:0px 0px 15px 0px;
				
				font-size:15px;
				font-weight:bold;
			}
			dl#contact dd{
				font-size:11px;
				color:#666;	
			}
			dl#contact dd span{
				display:block;
				width:40px;
				float:left;
			}
/*----------------------------------------------------------------------------------
	3.0 Footer: #footer
----------------------------------------------------------------------------------*/
#footer{
	position:absolute;
	bottom:0px;
	width:100%; height:86px;
	
	background: url(../images/backgrounds/footer_bg.jpg) repeat-x 0px 0px;
}
	#footer #fnav{
		position:relative;
		width:927px; height:65px;
		margin:0px auto;
		padding:15px 0px 0px 0px;
	}
		#footer #fnav ul{
			float:right; 
			width:auto; height:18px;
			overflow:auto;
		}
		#footer #fnav ul li{
			float:left;
			width:auto; height:auto;
			
		}
		#footer #fnav ul li a{
			display:block;
			height:11px;
			padding:0px 12px 0px 12px;
			
			font-size:10px;
			text-transform:uppercase;
			color:#777777;
			border-left: 1px solid #AC7A51; /*gold*/ 
		}
		#footer #fnav ul li:first-child a{border:none;}
		#footer #fnav ul li a:hover{ color:#bbb; }
		
		#footer #fnav div.horizontal{
			clear:both;
			height:1px; width:100%;
			margin:0px 0px 10px 0px;
			border-top:1px solid #444;
		}
		#footer #fnav p, #footer #fnav p a {
			text-transform:uppercase;
			font-size:10px;
			color:#666;
		}
		#footer #fnav p a:hover{
			background:#222;
			color:#999;
		}
		#footer #fnav a.SlaterHome img{
			float:right;
		}
/*----------------------------------------------------------------------------------
	4.0 Page Specific styling: Stock Information Page
----------------------------------------------------------------------------------*/
	div.stockDisplay{
		float:left;
		width:320px;
		margin:0px 10px 0px 0px;
	}
	#main_container div.stockDisplay p{font-size:11px;}
	#main_container div.stockDisplay p strong{
		font-size:13px;
		font-weight:bold;
		color:#666;
	}
	div.stockDisplay a#stockChartImg {
		display:block;
		margin:10px 0px 10px 0px;
		padding:10px 0px 10px 0px;
		width:320px;
		border:1px solid #999;
		background:#fff;
		text-align:center;
	}
	div.stockDisplay a#stockChartImg:hover{border:1px solid #333;}
	#stockquoteTable{
		margin:0px 0px 10px 0px;
		border-bottom:1px solid #999;
	}
	#stockquoteTable tr.tableStripe {background:#e5e5e5;}
	#stockquoteTable td, #stockquoteTable th{
		padding:2px 0px 2px 0px;
		font-weight:normal;
		font-size:11px;
	}
	#stockquoteTable tr:first-child th{
		border-bottom:1px solid #999; 
		font-weight:bold;
		font-size:12px;
	}
	#stockquoteTable th,#stockquoteTable td{text-align:right;}
	#stockquoteTable th:first-child,#stockquoteTable td:first-child{text-align:left;}		
/**********************************
	Classes
***********************************/
.stock_down { color: red; }
.stock_up { color: green; }