.orange { font:14px arial;color:#ffb300;font-weight:bold;text-decoration:none;cursor:text;} 
.orange:hover { font:14px arial;color:#000;font-weight:bold;cursor:text; } 

.text{font:11px arial;color:#000;text-decoration:none;cursor:text;}
.text:hover{font:11px arial;color:#000;text-decoration:none;cursor:text;}


.productstext{font:13px arial;color:#ffe2a6;font-weight:bold;text-decoration:none;}
.productstext:hover{font:13px arial;color:#000;font-weight:bold;text-decoration:none;}

.red { font:14px arial;color:#e90c0c;font-weight:bold;text-decoration:none;cursor:text; } 
.red:hover { font:14px arial;color:#000;font-weight:bold;cursor:text; } 

.purple { font:14px arial;color:#5a2d5f;font-weight:bold;text-decoration:none;cursor:text; } 
.purple:hover { font:14px arial;color:#000;font-weight:bold;cursor:text; } 

.blue{font:14px arial;color:#0368c2;font-weight:bold;text-decoration:none;cursor:text;}
.blue:hover { font:14px arial;color:#000;font-weight:bold;cursor:text; } 


.green{font:14px arial;color:#00ea0b;font-weight:bold;text-decoration:none;cursor:text;}
.green:hover { font:14px arial;color:#000;font-weight:bold;cursor:text; } 

.pink{font:14px arial;color:#da0ebd;font-weight:bold;text-decoration:none;cursor:text;}
.pink:hover { font:14px arial;color:#000;font-weight:bold;cursor:text; } 


.darkgreen{font:14px arial;color:#008478;font-weight:bold;text-decoration:none;cursor:text;}
.darkgreen:hover { font:14px arial;color:#000;font-weight:bold;cursor:text; } 


table #one{
border-collapse:collapse;text-align:center;

}

table #one td {padding:2px 2px 2px 2px;border-left:1px solid #565656;border-top:1px solid #565656;}

.right{border-right:1px solid #565656;}

.nobo{border:none;}

.down{border-bottom:1px solid #565656;}

.up{border-top:1px solid #565656;}

.top { background-color:#ffffff; } 


#menu{
width:170px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px;
text-align:left;
float:left;
}

#menu ul{
list-style-type:none;
margin:0px;
padding:0px;
}

#menu ul li{
display:block;
margin:0px;
padding:0px;
list-style-type:none;
}

#menu ul li a{
font:11px verdana;color:#000;
font-weight:bold;
text-decoration:none;
list-style-type:none;
margin:0px 0px 0px 20px;
padding:0px 10px 0px 10px;
cursor:text;
}

#menu #hydrogen a{
background:url(images/black.jpg) no-repeat;
}


#menu #alkali a{
background:url(images/orange.jpg) no-repeat;
}

#menu #earth a{
background:url(images/red.jpg) no-repeat;
}

#menu #transition a{
background:url(images/purple.jpg) no-repeat;
}

#menu #poor a{
background:url(images/green.jpg) no-repeat;
}

#menu #nonmetals a{
background:url(images/blue.jpg) no-repeat;
}

#menu #noble a{
background:url(images/pink.jpg) no-repeat;
}

#menu #rare a{
background:url(images/darkgreen.jpg) no-repeat;
}

#menu ul li a:hover{
font:11px verdana;color:#000;
font-weight:bold;
text-decoration:none;
}

.redemboss{background:url(images/redemboss2.jpg) repeat; }

.darkemboss{background:url(images/darkblue.jpg) repeat; }

.shaded{background:url(images/darkgreen1.jpg) repeat; }

.greenshaded{background:url(images/darkgreen2.jpg) repeat; }

.blueshaded{background:url(images/blue1.jpg) repeat; }

.purpleshaded{background:url(images/darkpurple.jpg) repeat; }