@charset "utf-8";
dt:first-letter {
    margin-left: -16px;
    font-weight: bold;
}
dd:first-letter {
    margin-left: -16px;
    font-weight: bold;
}
body {
	background:#000;
	font:12px Arial, Helvetica, sans-serif;
	color:#000;
}
img {
	border:none;
}
a {
	color:#000;
	text-decoration:underline;
}
p {
	margin-bottom:10px;
}
.error {
	color:#f00 !important;
}
#container {
	width:90%;
	margin:0 auto;
	padding:5px;
	overflow:hidden;
	background-color:#fff;
	border:2px solid #000;
}
h1 {
	font-size:20px;
	color:#000;
	margin:0 0 20px 0;
} 
#buttons {
	text-align:center;
	width:90%;
	margin:0 auto 25px;
}
	.contact_form #buttons img {
		float:left;
	}
	.contact_form #buttons input {
		float:right;
	}

/* The FAQ/Contact Form */
.contact_form dt, .contact_form dd {
	position:relative;
	margin-left:20px;
}
.contact_form dt { /* The Question */
	font-weight:bold;
	margin-bottom:3px;
}
.contact_form dd { /* The Answer */
	margin-bottom: 20px;
}
.contact_form span.bullet { /* See Conditional Comment for IE6 fix */
	position:absolute; 
	top:0;
	left:-20px;
}
.contact_form fieldset { /* Lets us use the legend tag for a nifty "text-over-line" effect, but we have to overwrite default styles first */
	border-width:2px 0 0 0; 
	border-color:#8a8a8a;
}
.contact_form legend {
	font-weight:bold;
	color:#000 !important;
}
.contact_form form p {
	padding-bottom:20px;
}
.contact_form form div { /* Each group of label/input boxes */
	margin-top:5px; 
	clear:both; 
	overflow:hidden;
	padding-bottom:5px;
}
.contact_form form div label { /* The label for each form element */
	display:block;
	width:30%;
	float:left;
}
.contact_form form div input, .contact_form form div select, .contact_form form div textarea {
	float:right;
	font-size:11px;
}