/* ColumnWrapper and Spacer are required in order to get the content div
   to surround the floating columns at the end of a page.
   Usage:
     <div class="columnwrapper">
       <div class="spacer">&nbsp;</div>
       <div class="column col-first">
         ..content here..
       </div>
       <div class="column col-last">
         ..content here..
       </div>
       <div class="spacer">&nbsp;</div>
     </div><!-- end columnwrapper -->
*/
.columnwrapper { 
width: 100%;
}
.spacer { clear: both; }

.column {
	width: 45%;
	float: left;
	margin: 1em 2% 1em;
}
.col-first { margin-left: 1%; }
.col-last { margin-right: 1%; }
.column h3 {
	font-size: 1.1em;
	border: 1px #bbb;
	border-style: none none solid;
	padding: 0;
	margin: 0.5em 0;
}
.column h3 a { color: black; }
.column h3 a:hover { color: #b02;
                     text-decoration: underline; }
.column a { text-decoration: none; }
.column a:hover {color: #b02;
                 text-decoration: underline; }
.column ul {
	margin: 0;
	padding: 0 1.5em;
	font-size: 1em;
}