#content {
	width: 740px;
	margin: 0px auto; /* Right and left margin widths set to "auto" */
	text-align: left; /* Counteract to IE5/Win Hack */
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}

.disclaimer {
	font-size: 11px;
	color: #CC0000;
	margin: 0;
	padding: 0;
}

#content h1 {
	font-size: 18px;
	color: #002A8F;
	font-weight: bolder;
	margin: 15px 5px 10px 0px;
}

.bigblock {
	font-size: 12px;
}

textarea,label {
	font: normal 12px/ 15px Arial;
}

#terms {
	width: 640px;
	font: normal 11px/ 12px Tahoma;
}

/* All form elements are within the definition list for this example */
dl {
	font: normal 12px/ 15px Arial;
	position: relative;
	width: 385px;
}

dt {
	float: left;
	width: 175px;
	padding: 4px 0 2px 0;
	text-align: left;
}

dd {
	float: left;
	width: 200px;
	margin: 0 0 8px 0;
	padding-left: 6px;
}

#introText {
	width: 370px;
	float: left;
}

#footerTerms {
	width: 740px;
	margin: 0px auto;
	clear: both;
	text-align: left;
}

/* The hint to Hide and Show */
.hint {
	display: none;
	position: absolute;
	right: -180px;
	width: 200px;
	margin-top: -4px;
	border: 1px solid #c93;
	padding: 10px 12px;
	/* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
	background: #ffc url(/img/pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span
    background: url(/img/pointer.gif) left top no-repeat;*/
.hint .hint-pointer {
	position: absolute;
	left: -10px;
	top: 5px;
	width: 10px;
	height: 19px;
}

#copyright {
	font: 11px normal Verdana, Arial, Helvetica, sans-serif;
}

#error {
	color: #CC0000;
}

.grayform {
	clear: both;
	padding: 5px;
	float: none;
	width: 100%;
	border: 2px solid #cccccc;
}