h1, h2, h3, h4, h5, h6 {display:inline;}
form {padding:0px; margin:0px;}


.white {color:#FFFFFF;}
.black {color:#000000;}


p { line-height:1.5; margin:0 0 1em;}
.serif {font-family:serif;}
.sans {font-family:sans-serif;}
.bold {font-weight:bold;}
.normal {font-weight:normal;}
.size9px {font-size:9px;}
.size10px {font-size:10px;}
.size11px {font-size:11px;}
.size12px {font-size:12px;}
.upper {text-transform:uppercase;}
.lower {text-transform:lowercase;}
.ucfirst {text-transform:capitalize;}
.caption {color:#666666;font-size:.85em;}
.pre {white-space:pre;}
.nowrap {white-space:nowrap;}
.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}
.top {vertical-align:top;}
.middle {vertical-align:middle;}
.bottom {vertical-align:bottom;}
.nounderline {text-decoration:none;}
.highlight {background:#FFF7C0;padding:5px;}
.clickable {cursor:pointer;}
ul.compact {list-style: none;margin: 0px;padding:0px;}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
img {border:none;}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {float: right;}
.alignleft {float: left;}