p.month{
	color: #900;
	font-weight: bold;
	width: 525px;
	clear: both;
	margin: 0;
	padding: 10px 0 5px 15px;
	height: 1%;
	border-bottom: 1px dashed #aaa; }
.calendar p{
	width: 525px;
	clear: both;
	margin: 0;
	padding: 3px 0 3px 150px;
	height: 1%;
	}
.calendar label{
	font-weight: bold;
	float: left;
	margin-left: -150px; /*width of left column*/
	width: 125px;
	padding-right: 10px;
	padding-left: 15px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	}
span.details{
	width: 350px;
	float: right;
	margin: 0;
	padding: 0 0 0; }

p.flushlefttext {
	font-weight: bold;
	text-align: left;
	margin-left: 0;
	clear: both;
	padding-right: 5px;
	padding-left: 15px;
	width: 525px; }

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
	margin-left: 3px;
	}
	
.calendar span.details{
	width: 350px;
	float: right;
	margin: 0;
	padding: 0 0 8px; }


<!--[if IE]>
<style>
span.details{
	width: 350px;
	float: right;
	margin: 0;
	padding: -8px 0 8px; }
</style>
<![EndIf]-->