p {
  font-family: verdana;
  font-size: 20px;
  padding: 15px;
  text-align: justify;
  text-indent: 50px;
}

a:link,a:visited
{
display:block;
font-weight:bold;
color:#000000;
background-color: #F0EAD6 ;
width:230px;
text-align:center;
padding:4px;
text-decoration:none;
}
a:hover,a:active
{
color: #666666 /* #D1B45C  #A8EECA  #B7B7FF */ ;
background-color: #F0EAD6 /* #FFCEFF */ ;
}

body
{
background: #FFFFFF /* #F0EAD6 #FFAD5C #FFCEFF */ ;
margin-top:30px;
/* margin-left:200px; */
}

.container
{
width:90%;
//position: relative;
position: center;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
text-align:center;
}

.top
{
margin-top: 0px;
text-align:center;
padding:5px 5px; 
background: #F0EAD6 /* #FFCEFF */ ;
//width:1200px;
width:100%;
-moz-border-radius:20px; /* Firefox */
border-radius:20px;
-moz-box-shadow: 5px 5px 5px #E0FFC2; /* Firefox */
-webkit-box-shadow: 5px 5px 5px #E0FFC2; /* Safari and Chrome */
box-shadow: 5px 5px 5px /* #E0FFC2 */ #000000;
}

.nav
{
//float:right;
float:left;
margin-top:20px;
padding:10px 10px; 
background: #F0EAD6 /* #FFCEFF */ ;
opacity:1.0;
filter:alpha(opacity=100);
font-size:1.2em;
width:240px;
-moz-border-radius:20px; /* Firefox */
border-radius:20px;
-moz-box-shadow: 5px 5px 5px #E0FFC2; /* Firefox */
-webkit-box-shadow: 5px 5px 5px #E0FFC2; /* Safari and Chrome */
box-shadow: 5px 5px 5px /* #E0FFC2 */ #000000;
}

.middle
{
margin-top:0px;
margin-left:300px;
padding:10px 10px; 
background:  #F0EAD6 /* #FFCEFF  #B7B7FF */ ;
text-align:center;

opacity:1.0;
filter:alpha(opacity=100);
font-size:1.2em;
width:600px;
-moz-border-radius:20px; /* Firefox */
border-radius:20px;
-moz-box-shadow: 5px 5px 5px #E0FFC2; /* Firefox */
-webkit-box-shadow: 5px 5px 5px #E0FFC2; /* Safari and Chrome */
box-shadow: 5px 5px 5px /* #E0FFC2 */ #000000;
}

.bottom
{
text-align:center;
padding:5px 5px; 
background: #F0EAD6 /* #FFCEFF */;
//width:1200px;
width:100%;
-moz-border-radius:20px; /* Firefox */
border-radius:10px;
-moz-box-shadow: 5px 5px 5px #E0FFC2; /* Firefox */
-webkit-box-shadow: 5px 5px 5px #E0FFC2; /* Safari and Chrome */
box-shadow: 5px 5px 5px /* #E0FFC2 */ #000000;
}


#fingers
{
text-align:center;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:80%;
border-collapse:collapse;
}
#fingers td, #fingers th 
{
font-size:1.2em;
border:0px solid #98bf21;
padding:3px 7px 2px 7px;
}
#fingers th 
{
font-size:1.2em;
text-align:center;
padding-top:5px;
padding-bottom:4px;
background-color: #ffffff; /*#8A5C2E*/
color:#ffffff;
}
#fingers tr.alt td 
{
color:#ffffff; /* #000000 */
background-color: #ffffff; /* #EAF2D3 */
}


#metals
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:85%;
border-collapse:collapse;

margin-left: auto; 
margin-right: auto;

}
#metals td, #metals th 
{
font-size:1.1em;
border:0px solid #8585FF;
padding:6px 11px 6px 11px;
text-align:center;
}
#metals th 
{
font-size:1.1em;
text-align:center;
padding-top:8px;
padding-bottom:8px;
background-color: #000000; /*#8A5C2E*/
color:#D1B45C;
}
#metals tr.alt td 
{
color:#000000;
background-color:#C4C4BB;
}