#content div.col.first h2 { background: url(../img/h2-mauve.gif) repeat-y; }
#content div.col.green h2 { background: url(../img/h2-green.gif) repeat-y; }
#content div.col.orange h2 { background: url(../img/h2-orange.gif) repeat-y; }

#content div.col h2 {
	color: #fff;
	font-family: "Trebuchet MS", Verdana sans-serif;
	font-size: 140%;
	height: 38px;
	line-height: 38px;
	text-align: center;
	width: 310px;
}


#content div.col p { font-size: 100%; }


div.col {
 	display: inline;
 	float: left;
 	margin-left: 15px;
	width: 310px;
}

div.col.first { margin: 0; }

div.col div {
	padding: 10px 10px 10px 10px;
	width: 290px;
}
div.col.first div { background: url(../img/bg-mauve.gif) repeat-y 0 100%; }
div.col.green div { background: url(../img/bg-green.gif) repeat-y 0 100%; }

div.col.orange div { background: url(../img/bg-orange.gif) repeat-y 0 100%; }


/* self-clearing floats*/
#whatever-goes-here:after,
#content:after
{
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}