body {
	background-color:grey;
	min-width: 800px;
	font-family:sans-serif;
	text-align: center;
	/*086BE4*/
}

ul { list-style: none; }

a { 
text-decoration: none; 
}

img {
border:none; 
}

a.right{
float:right;
}

a.left{
float:left;
}

p{
line-height: 1.5em; 
}

#main{
width: 800px;
margin-left:auto;
margin-right:auto;
background-color:#BBD2E4;
border: 2px solid #003366 ;
text-align: left ; 
}

#header{
text-align:center;
background-color:#003366;
}


#left-nav{
float: left;
width: 100px;
margin: 0;
padding: 0;
/*border-right: 1px solid gray;*/
}

#left-nav ul{
padding:0;
margin:0;
list-style-type:none;
border: 1px solid darkblue; 
}

#left-nav ul a{
text-decoration: none;
color:black;
}

#left-nav li a{
display:block; 
color:blue;
background-color:white;
text-align:right;
border-bottom:1px grey solid; 
padding: 2px;
}

#left-nav li a:hover {
background-color:darkblue;
color:white; 
}

#left-select a: before{
content: ">>";
}

/*
ul#navlist li:hover ul#subnavlist li a:before { content: " >> "; }*/


#graphs{
margin-left: 100px;

}


#content{
height: 640px;
/*padding-top: 3em;*/
margin: 1em 1em 0 1em;
font-size:small;
}


html>body #content{
margin: 1em 1em 0 1em;
font-size:small;
width: auto;
height: auto;
min-height:640px;
} 



#content.p{
margin-top:10px;
}


#blurb p.titlez{
font-size: medium; 
font-weight:bold; 
text-indent: 0em;
}

#blurb{

}

#blurb p{
font-size: small; 
word-spacing: 2px; 
}

#footer{
clear:both;
background-color: #BBD2E4;
padding: 1em;
border-top: 1px solid grey;
font-size:xx-small; 
}

#footer-center{

text-align:center;
}
#footer-right{
text-align:right;
}

.alignleft{
float:left;
text-align:center;
}

.alignright{
float:right;
}

#clear{
clear:both;
}


#menu ul {
padding:0;
margin:0;
list-style-type:none;
text-align:center;
}

#menu li {
display:inline;
width:16.6666%;
float:left;
}

#menu li a
{
display:block;
text-decoration:none;
color:white;
/*background-color:#086BE4;/*/
border:none;
height:2em;
line-height:2em;
text-align:center;
border:0.1em solid white;

}

#menu li a:hover {
background-color:darkblue;
}


ul#navlist a
{

text-decoration: none;
font-family: arial; 

}

ul#navlist, ul#navlist ul, ul#navlist li
{
margin: 0px;
padding: 0px;
list-style-type: none;
}

ul#navlist li { float: left;
text-align: center;
 }

ul#navlist li a
{
display:block;
color: #ffffff;
background-color: #086BE4;
padding: 3px;
border: 1px #ffffff outset;


}

ul#navlist li a:hover
{
background-color: #369;
color: #FFF;

}

ul#navlist li a:active
{
color: #cccccc;
background-color: #003366;
border: 1px #ffffff;
}

#subnavlist2 { display: none; }
#subnavlist2 li { float:none;}

#subnavlist  li a
{
padding: 0px;
margin: 0px;
}

#navlist2  li:hover #subnavlist2
{
display: block;
padding: 0;
margin: 0; 

}

#navlist2  li:hover ul#subnavlist2 li a
{
display: block;
text-align:left;
border: 1px #ffffff outset;
}


/* ul#navlist li:hover ul#subnavlist li a:before { content: " >> "; }
*/

/*
  #navlist2 {
    width: 800px; height: 50px;
    background-image: url('../images/button-1.png');
    margin: 10px auto; padding: 0;
    position: relative;}
  #navlist2 li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;
	border:1px solid black;
	}
  #navlist2 li, #navlist2 a {
    height: 50px; display: block;} */

  /*#nhome {left: 0; width: 100px;}*/
  
 

  #nhome, #nhome a {background-image:url(../images/Home_img.png);width:132px;}
  #nnews, #nnews a {background-image:url(../images/News_img.png);width:132px;}
  #nalloys, #nalloys a {background-image:url(../images/Alloys_img.png);width: 132px;}
  #nproducts, #nproducts a {background-image:url(../images/Products_img.png);width: 132px;}
  #nmetals, #nmetals a {background-image:url(../images/Metal_prices_img.png);width: 132px;}
  #nmetals2, #nmetals2 a  { background-image:url(../images/Au_&_Pd_Data_img.png);width: 132px; }
  #nmetals3, #nmetals3 a  { background-image:url(../images/Ag_&_Pt_Data_img.png);width: 132px; }
  #nmetals4, #nmetals4 a  { background-image:url(../images/3_combined_Data.png);width: 132px; }
  #ncontact, #ncontact a {background-image:url(../images/Contact_img.png);width: 126px; border:0;}
  
  

  
  

#navlist2 { height:30px;width:800px;position:relative;margin:0; padding:0; background-color:darkblue; }
#navlist2 li, #navlist2 li a {float:left;background-position: 0 0;background-repeat:no-repeat; background-color:darkblue; border-right:1px solid darkblue; border-left:1px solid darkblue; }
#navlist2 li {height:30px;padding:0;margin:0; }
#navlist2 li a {display:block;padding:30px 0 0 0;height: 0px !important;height /**/:30px;overflow: hidden;outline:none;}
#navlist2 li a:hover {background-position:0 -60px;}



#subnavlist2 li {height:20px;padding:0;margin:0; border:0; }
#subnavlist2 li a {display:block;padding:20px 0 0 0;height: 0px !important;height /**/:20px;overflow: hidden;outline:none; }
#subnavlist2 li a:hover {background-position:0 -20px;}

  #home #nhome, #home #nhome a {background-position:0 -30px; }
  #news #nnews, #news #nnews a {background-position:0 -30px; }
  #alloys #nalloys, #alloys #nalloys a {background-position:0 -30px; }
  #products #nproducts, #products #nproducts a {background-position:0 -30px; }
  #metals #nmetals, #metals #nmetals a {background-position:0 -30px; }
  #contact #ncontact, #contact #ncontact a {background-position:0 -30px; }
  
  #metals #nmetals #subnavlist2 li a {background-position:0 0px; }
  #metals #nmetals #subnavlist2 li a:hover {background-position:0 -60px; }
  
  #home #navlist2 li a:hover {background-position:0 -60px;}
  #news #navlist2 li a:hover {background-position:0 -60px;}
  #alloys #navlist2 li a:hover {background-position:0 -60px;}
  #products #navlist2 li a:hover {background-position:0 -60px;}
  #metals #navlist2 li a:hover {background-position:0 -60px;}
  #contact #navlist2 li a:hover {background-position:0 -60px;}

label{
float: left;
width: 120px;
}

#submitbutton{
margin-left: 120px;
margin-top: 5px;
width: 90px;

}

#otherbutton{
margin:0px;
width:90px;
}


input, textarea{
width: 220px;
margin-bottom: 5px;
}

textarea{
width: 280px;
height: 150px;
}

fieldset{
width: 440px;
border: 1px solid #003366; 
}

legend{
color : #fff; 
background: #086BE4;
padding: 2px 6px ; 
}

table
{text-align: center;
font-weight: normal;
font-size:small ;
color: #fff;
width: 770px;
background-color: #666;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;}

table th { 
background-color:#369;
color:#000;
padding: 4px; 
text-align: center;
border:1px #fff solid;
}

table th.topleft{
border-right:none;
text-align:left;
}
table th.topright{
border-left:none;
text-align:right;
}

table th.rleft{
border-right:none;
text-align:center;
}


table td { 
background-color:#158;
color:#fff;
padding: 4px; 
text-align: center;
border:1px #fff solid;
}

table a{ 
text-decoration: none;
color:#FFFF66;
}

table td a.group{ 
color:#66FFFF;
}

table.sub{
width:100px;
font-size:x-small;
float:left;
}
table.sub2{
width:200px;
font-size:x-small;
float:left;
}

table.sub td{
text-align:right;
}

table.sub2 td{
text-align:right;
}

table.prices{
margin-left: auto;
margin-right: auto;
width:540px;
}

.hidden{
	display:none;
}

hr.prices{

	width:580px;

}

hr.g {
	clear:both; 
	border: 1px solid #003366;
	width: 100%;
	height: 1px;
	margin: 10px auto 0 0;
	}	
	
ul { list-style: none; }

ol.subnumlist {
list-style-type: lower-roman;
}


a { 
text-decoration: none; 
border:none ;
}

p.post {

width:720px; 
float:left;
}


.title {

font-size:large; 
font-weight:bold; 
display:inline; 

}

.date {

font-size:smaller;
}