#cssdemo {
	width: 400px;
	margin: 0 auto;
	}
	
#cssdemo p {
	font: 12px Arial, Helvetica, sans-serif;
	}	


/* X------- main freeform container */
.block {
	margin: 12px 0;
	padding: 0;
	font: normal 11px arial, helvetica, sans-serif;
	color: #000;
	background-color: #fff;
	background: #F8FAF5 url(images/bgblock_green.gif) bottom repeat-x;
	border: 1px solid #96AF8B;
	}


/* ---------------------------- HEADERS  ---------------------------- */

/* XX------- main block header */
.block h1 {
	margin: 0;
	background: none;
	height: auto;
	font: bold 15px arial, helvetica, sans-serif;
	color: #fff;
	padding: 5px 7px;
	border-bottom: 1px solid #597a95;
	background: #fff url(images/bg_green.gif) repeat-x 0 0;
	}





/* ---------------------------- MAIN CONTENT ---------------------------- */

/* X------- main containter for freeform content (used within a 'block' container) - also see hack styles below  */
.block .contentblock {
	margin: 10px 0 0 0;
	padding: 0 10px 10px 10px;
	}




/* X------- content headers */
.block .contentblock  h1,
 {
	margin: 0 0 5px 0;
	padding: 0;
	color: #333;
	}

/* X------- main header for content (needed to differentiate from main h1 tag) */
.block .contentblock h1,
.block .contentblock h1 a:link,
.block .contentblock h1 a:visited,
.block .contentblock h1 a:active {
	border: none;
	background-image: none;
	padding: 0;
	color: #0a3d93;
	}






/* X------- standard paragraph */
.block p {
	margin: 0 0 10px 0;
	line-height: 18px !important;
	font: normal 12px arial, helvetica, sans-serif;
	color: #5A734F;
	}




/* --------------------------------------------------------------------------------------------------
hack for floated elements in freeforms containers - makes the box expand for fit content in firefox */


.contentblock:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}


.contentblock
{
	display: inline-block;
	}

/* Hides from IE-mac \*/

* html .contentblock
{ height: 1%; }


.contentblock
{ display: block; }
/* End hide from IE-mac */