/* CSS Document */

/* content column styles */
div#content {padding:0 0}

div#content h1{
	font-size:120%;
	font-family:"Lucida Grande", "Helvetica Neue", Arial, Helvetica, sans-serif;
	color:#000066;
	margin-bottom: 20px;
}
div#content p {margin-top:0; margin-bottom:.5em;}	
div#formcontainer {width:470px;}
div#formcontainer h3 {margin:20px 0 0 10px; font-weight:bold; font-size:100%;} /* adjust top margin for your context */
div#formcontainer h4 {margin:0 0 5px 10px; font-weight:normal; font-size:100%;}
div#formcontainer form  {border-top: 2px solid #d9d4cb; border-bottom: 3px solid #d9d4cb;} /* the top border is visually 1 px thicker because it touches the div.clearfix bordertop */
div#formcontainer div.clearfix {border: 1px solid #d9d4cb; padding:10px 0px; vertical-align:top;} /* adds the line above each section and provides vertical spacing */
div#formcontainer form label {width:120px; float:left;font-size:100%; color: #000066;   margin:0 10px;} /* this is the text label on the left of each input */
/*some extra styles for the checkbox and radio button sets*/	
div#formcontainer input[type="submit"] {display:block; margin-left:auto; margin-right:10px;}
div#formcontainer input[type="reset"] {display:block; margin-left:auto; margin-right:10px;}

.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */