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

* html #wrapper, html, body {
	height:100%;
}
body {
	font: 100% Arial, Helvetica, sans-serif;
	background:url(img/stripe_oblique_yellow.png);
	margin: 0 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	behavior: url("csshover3.htc"); /*necessary for menu*/
}
#wrapper {
	width: 1000px;
	margin: 0 auto;
	padding:12px 0;
	border: none;
	text-align: left; /* this overrides the text-align: center on the body element. */
	min-height:100%;
	height:100%;
	height:auto !important;
}
#preheader {
	background-color:white;
	height:11px;
	border-bottom:1px solid white;
	margin:0 12px 0 0;
	padding:1px;
}
#header {
	background:url(img/mm_banner.jpg) top left no-repeat;
	height:150px;
	background-color:white;
	border-right:12px solid #663333;
	margin:0px;
	padding:1px;
}

 #content {
	float:left;
	border-right:12px solid #663333;
	background-color:white;
	padding:0px;
	margin:0px;
	min-height:100%;
	overflow:visible;
	width:988px;
}
#topAds {
	display:block;
	float:left;
	width:618px;
	margin-left:12px;
	margin-top:20px;
	height:130px;
}
#metalPrices {
	display:block;
	float:left;
	width:370px;
	margin:20px -20px 10px 0px;
}
#metalPrices p {
	text-align:center;
	font-size:.7em;
}
#metalPrices a {
}
#financials {
	width:175px;
	margin:0 auto;
	height:225px;
	overflow:visible;
}
#footerAds {
	display:block;
	float:left;
	width:630px;
	margin-top:20px;
	margin-left:10px;
	height:130px;
}
img.ad {
	padding-right:0px;
	padding-bottom:2px;
	width:200px;
}
#col1 {
	width:62%;
	padding:0 2%;
	float:left;
	display:block;
	border-right:double #330000;
}
#col1 p {
	margin-left:25px;
}
#col1 a {
	color:#330000;
}
#col1 a:hover {
	color:#993333;
}
#col1 p.top {
	text-align:right;
}
#col1 a.top {
	font-size:.7em;
	text-decoration:none;
}
#col1 div.center {
	margin:0 auto;
}
#col1 div.pad10 {
	padding:10px;
}
.index {
	text-align:center;
}
#col2 {
	width:30%;
	padding:0 1%;
	margin:20px auto 0 auto;
	float:left;
	display:block;
}

#col1 p {
	color:black;
	font-size:.9em;
}

#col1 h1 {
	color:#990000;
	font-size:1.2em;
}
#col1 h2 {
	font-weight:bold;
	font-size:1em;
	color:#663333;
}
#col1 h3 {
	font-weight:bold;
	font-size:.9em;
	background-color:#ffffcc;
	padding:10px;
	border:1px solid #663333;
}
#col1 form {
	border:1px solid #663333;
	background-color:#ffffcc;
}
#col1 form p {
	text-align:center;
}

.notation {
	font-size:.8em;
	color:#555;
	font-style:italic;
}
.center {
	text-align:center;
}
#col2 p {
	color:black;
	font-size:.8em;
}
#col2 img {
	max-width:300px;
	padding-bottom:12px;
	margin:0 auto;
}

#col2 h1 {
	color:#990000;
	font-size:1.1em;
}
#col2 h2 {
	font-weight:bold;
	font-size:.9em;
	color:#990000;
}
#kitco {
	width:370px;
	float:right;
	padding-left:5px;
	border:1px solid silver;
}
#kitco img {
	padding-right:8px;
	padding-bottom:8px;
}
#columnAds {
	display:block;
	width:220px;
	height:375px;
	margin:2px auto 0 auto;
}
#columnAds img {
	padding:5px 0 0 0;
}
#footer {
	padding-top:1px;
	width:1000px;
	background:url(img/mm_footer.gif) no-repeat;
	height:63px;
	max-height:63px;
	margin:0 auto;
}
#footer p {
	color:#ffffcc;
	text-align:center;
	line-height:1em;
	font-size:70%;

}
#wrapper > #footer p {
	margin-top:25px;
}
#footer a {
	text-decoration:none;
	color:#ffffcc;

}
#footer a:hover {
	color:white;
}
#clearFooter {
	clear:both;
	height:63px;
}

.clearit {
	clear:both;
}
.bold {
	font-weight:bold;
	}
.italic {
	font-style:italic;
	}
.tagline {
	font-size:.9em;
	display:block;
	color:#663333;
	position:relative;
	top:75px;
	left:220px;
	width:780px;
	padding-top:12px;
}
.rightButton {
	float:right;
	background-color:#ffffcc;
	border:1px solid #663333;
	padding:3px 8px;
	text-align:center;
	margin-right:25px;
	text-decoration:none;
}
#wrapper > #header .tagline {
	margin-top:-6px;
}
/****************MENU FORMATTING (w. thanks to Claire from Tanfa)***********************/
#menu {
	width:938px;
	background:url(img/bg_menu.gif) #FFC repeat-x;
	float: left;
	border-right:12px solid #663333;
	border-bottom:1px solid #663333;
	height:25px;
	margin:0px;
	padding-left:50px;
	padding-top:5px;

}

#menu ul {
list-style: none;
margin: 0;
padding: 3px 0;
width: 12em;
float: left;
text-align:center;
border-right:1px solid #663333;
}
#menu a, #menu h2 {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:.9em;
color:#990000;
display: block;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu a {
color: #990000;
background-color:#ffffcc;
text-decoration: none;
}
#menu ul ul {
	border:none;
}
#menu ul ul a {
	border-top:1px solid #663333;
	border-left:1px solid #663333;
	border-right:1px solid #663333;
	border-bottom:1px solid #663333;
	padding:5px 0;

}
a.bottom {
	border-bottom:1px solid #663333;
}
#menu a:hover {
color: black;
background: #ffcc33;
}
#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
top: 0;
left: 100%;
}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

/******END OF MENU FORMATTING ************/