body
{
	padding: 0;
		margin: 0;
		color: #000;
		text-align: center;
    font-family: Arial, Helvetica, sans-serif;    
}

#container
{
margin-top: 20px;
	padding: 5px;
	text-align: center;
	color: #000;
background-color: #eee; 
}

#contents	
	{
		margin-top: 3px;
		margin-bottom: 10px;
		margin-right:auto;
		margin-left:auto;
		width: 732px;
		padding: 10px;
		background-color: #FFF;
		color: #000;
		text-align: left;border:2px solid #ccc;
	}

#colorinfo 
{
float:right;margin:2px;padding:5px;border:1px solid #ddd;
background-color:#eee;  font-size:11px;
}	
#colorinfo span {margin-left:10px;}
	h1	
	{	font-size: 20px; margin:3px;padding:1px;}
	h2	
	{	font-size: 17px; margin:1px;padding:1px;}
	h3	
	{	font-size: 16px; margin:1px;padding:1px;}	
	p	
	{
		margin:1px;padding:1px;
		background-color: transparent;		
		font-size: 0.8em; margin-bottom:7px;
	}

  pre {background-color:#FFFFE0 ;padding:4px;border:1px solid #ddd;}

#breadcrumb
{
font-size:10px;font-family:Verdana;margin-bottom:8px;margin-top:7px;
}

.lbox {width:40px; height:40px; float:left;}
.palette {width:140px; height:104px; float:left;text-align:center;padding:1px;margin:5px;border:1px solid #ccc;}

a { color: #0066CC; text-decoration:none;font-size: 12px;}
a:hover {color: #ff0000;text-decoration:underline;}

img {border:0px;margin:1px;}
.fright
{
float:right;padding:2px;margin:2px;
}
 .fleft
{
float:left;padding:2px;margin:2px;
}

.clear {clear:both;}

#colorbox {width:710px;float:none;}

.box{width:70px; height:70px; float:left; margin:2px;display:block;}
.box a
{
display:block;
width:100%;
height:100%;
}

.colortable {
font-weight:bold;
margin:10px 1px 10px 1px;
padding:1px;
height:164px;
width:275px;
}

#colorgraph {
margin:0 auto;
text-align:center;
}


table
{
font-size: 15px;
}
table, td, th
{
padding:2px; 
}
td{padding:3px;}


#footer
{
	clear: both;
	color: #666;
	text-align: right;
	font-size: 11px; text-align:center;
	font-family:Verdana; margin-top:20px;
	padding: 5px;border-top:1px solid #ccc;
}