body {
	font-family:"Georgia";
	font-size:12pt;
}
div.clearer {
	clear: left;
	line-height: 0;
	height: 0;
}
p, h1, h2, h3, h4, h5 {
	padding:3pt;
}
/* What is the real problem here?? */
div#header img {
	margin-bottom:-3px;
}
div#footer {
	font-size:0.75em;
}
ul#topnav li {
	padding:2px 5px;
	font-weight:bold;
}
ul#topnav li a {
	margin:-2px -5px;
	padding:2px 5px;
}
ul#bottomnav li {
	padding:2px 4px;
}
ul#bottomnav li a {
	margin:-2px -4px;
	padding:2px 4px;
}
div.row span.label {
	float:left;
	width:33%;
	text-align:right;
}
div.row span.formw {
	float:right;
	width:65%;
	text-align:left;
}

form fieldset {
	margin:3px;
}
form fieldset legend {
	padding:2px 5px;
	font-weight:bold;
}

.error {
	margin:2px;
	border:1px solid #700;
	padding:3px;					/* px instead of em because of footer issues */
	color:#900;
	background-color:#fdd;
}
.alert {
	margin:2px;
	border:1px solid #fc3;
	padding:3px;					/* px instead of em because of footer issues */
}

div.col1of3 {
	float:left;
	margin-right:3px;
	width:31%;
}
div.col1of5 {
	float:left;
	margin-right:3px;
	width:18%;
}
div.col1of3:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
/* Hides from IE-mac \*/
* html div.col1of3 {height: 1%;}
/* End hide from IE-mac */