<style>
#header { height: 0% }     /* vertical centering for contents */
#contents {
  height: 350;              /* vertical centering */
  width: 100%;
  border: 0px solid black;  /* just to see what it's doing */
  min-height: 100px;        /* also potentially useful, though not to IE6 */
  
}

div.intro {
	font-size: 12px;	
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
}

.swatchContainer {
	padding-top: 10px;	
}

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

.alpha {
	margin-left: 0;
}

.infoLabel {
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	padding-top: 5px;
}

.frame {
font:14px arial;
background-color: #FFFFCC;
width:275;
height:200;
overflow:hidden;
border:1px solid black;
padding:5;
}

P  { 
color: #212918;
font-size: 14pt; 
font-style: Bold;
}

P.attention  { 
color: Black;
font: 20pt Sans; 
font-style: Bold;
}

P.red1  { 
color: red;
font-size: 16pt; 
font-style: Bold;
}

a:link { 
color: black; 
font-size: 14pt;
font-style: Bold;
text-decoration: none;
}

a:visited { 
color: black; 
font-size: 14pt;
font-style: Bold;
text-decoration: none;

}
a:hover {
color: red; 
font-size: 14pt;
font-style: Bold;
} 

a.nav:link { 
color: yellow; 
font-size: 10pt;
font-style: Bold;
text-decoration: none;
}

a.nav:visited { 
color: yellow; 
font-size: 10pt;
font-style: Bold;
text-decoration: none;

}
a.nav:hover {
color: red; 
font-size: 10pt;
font-style: Bold;
} 

a.nav2:link { 
color: blue; 
font-size: 12pt;
text-decoration: Underline;
}

a.nav2:visited { 
color: blue; 
font-size: 12pt;
text-decoration: Underline;

}
a.nav2:hover {
color: red; 
font-size: 12pt;
font-style: Bold;
} 

</style>
