/* Basic */

/* --- layout ---*/

body { 
	/* Thanks Zeldman */
	background: #F7F6F1;
	margin: 0;
	padding: 0;
	border: 0;
	font: normal 12px/1.5em "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
}
#maintable {
	background: #F7F6F1 url(images/bg.jpg) no-repeat;
	border: 2px solid #DDD;
	border-top: 0;
	margin-bottom: 40px;
}
#helpbutton {
	padding: 12px;
}

/* --- typography ---*/

p, li, td {
	font: normal 12px/1.5em verdana, lucida, arial, helvetica, sans-serif;
	color: #534741;
	padding: 0px;
}
li {
	padding: 0px;
}
li li {
	padding: 0px;
	margin: 0px 8px 0px 8px;
}
h1 {
	font: bold italic 22px verdana, lucida, arial, helvetica, sans-serif;
	color: #224587;
	margin: 10px 15px 18px 15px;
	padding: 0;
}
h2 {
	font: bold italic 16px verdana, lucida, arial, helvetica, sans-serif;
	color: #534741;
	margin: 10px 35px 18px 35px;
	padding: 0;
}
h3 {
	font: bold italic 16px verdana, lucida, arial, helvetica, sans-serif;
	color: #534741;
	margin: 0px 125px 0px 50px;
	padding: 0;
}

/* --- navigation ---*/

	#nav {
		background: #EFEDE5;
		font: normal 10px/1.5em verdana, lucida, arial, helvetica, sans-serif;
		padding: 0px 0 0 0;
	}
	#nav ul {
		border: 0;
		margin: 10px;
		padding: 0;
	}
	
	#nav ul li {
		list-style-type: none;
		color: #766760;
		padding: 0;
		margin: 1em;
		font: normal 11px/1.5em "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	}
	#nav ul li.youarehere {
		list-style-image: url(images/arrow.gif);
		color: #000;
		padding: 0;
		margin: 1em;
	}
	
/* --- quiz ---*/

#quiz {
	background: #F7F7F7;
	border: 1px inset gray;
	margin: 10px 70px 18px 40px;
	padding: 8px;
	width: 510px;
}
#quiz h1 {
	font: bold italic 14px/1.2em verdana, lucida, arial, helvetica, sans-serif;
	margin: 10px 4px;
	padding: 0;
}
#quiz div {
	display: block;
	clear: both;
	margin: 8px 2px;
}
#quiz input {
	float: left;
	display:block;
	padding: 0px;
}
#quiz label {
	font: normal 12px/1.2em verdana, lucida, arial, helvetica, sans-serif;
	padding: 0;
	margin: 0 25px;
	display: block;
}
#quiz fieldset { 
	border:1px solid #AAA;
	margin-bottom: 8px;
}
#quiz legend {
	color: #999;
	font-size:90%;
	text-align:right;
}
input.button {
	float: none;
	background: #224587;
	font: bold 14px/1.2em verdana, lucida, arial, helvetica, sans-serif;
	color: white;
	margin: 0px;
}
.buttons {
	text-align: right;
	padding: 0 95px 30px 0;
}

/* --- error ---*/

.error {
	border: 1px dashed red;
	background: #FFF;
	font: bold italic 12px Arial, verdana, lucida, arial, helvetica, sans-serif;
	color: #A00;
	margin: 10px 70px 18px 40px;
	padding: 8px;
}
.error td {
	color: #F00;
}



/* --- form ---*/

.state {
	width: 25px;
}
.largebox {
	width: 150px;
}
.phonenumber {
	width: 90px;
}
.zip {
	width: 60px;
}
.middleinitial {
	width: 15px;
}
#formtable {
	background: #F7F7F7;
	border: 1px inset gray;
	margin: 10px 70px 18px 40px;
	padding: 8px;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}
#formtable td {
	padding: 4px 0 4px 5px;
}
#formtable th {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	background: #CCC;
	padding: 3px 5px;
}
#formtable input {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}

.sssecond {
	width: 35px;
}
.ssthird {
	width: 45px;
}
.toppadding {
	padding-top: 3px;
	padding-left: 5px;
}
.bottompadding {
	padding-bottom: 3px;
	padding-left: 5px;
}
.padding {
	padding-left: 5px;
}
.submitbordere {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #993333;
	background: #CCC;
}

/* --- AMA ad ---*/

#ama_ad {
	background: #FFF url(images/ama_bg.png) top no-repeat;
	border: 1px inset #066;
	margin: 10px 70px 18px 40px;
	padding: 70px 8px 8px 8px;
}
#ama_ad h1 {
	font: bold 20px 'Arial Narrow', Arial, verdana, lucida, arial, helvetica, sans-serif;
	color: #000;
	margin: 10px 15px 18px 15px;
	padding: 0;
}
#ama_ad h1 strong {
	color: #066;
}
#ama_ad h2 {
	background: url(images/ama_h2.gif) bottom left no-repeat;
	font: bold 16px 'Arial Narrow', Arial, verdana, lucida, arial, helvetica, sans-serif;
	color: #066;
	margin: 10px 35px 18px 35px;
	padding: 4px 0;
}
#ama_ad p, 
#ama_ad li, 
#ama_ad td {
	font: normal 12px/1.2em verdana, lucida, arial, helvetica, sans-serif;
	color: #000;
	padding: 0px;
	margin: 0px 50px 20px 50px;
}
#ama_ad li {
	padding: 0px;
	margin: 0px 125px 8px 50px;
}
#ama_join {
	background: #FFF url(images/ama_join.png) top no-repeat;
	width: 100%;
	height: 88px;
	text-align: bottom;
}
#ama_join h1 {
	font: bold 18px 'Arial Narrow', Arial, verdana, lucida, arial, helvetica, sans-serif;
	color: #FFF;
	margin: 10px 15px 18px 15px;
	padding: 30px 15px 20px 15px;
}
#ama_join h1 a {
	color: #CEFF00;
}

/* --- SLCP ad ---*/

#slcp_ad {
	background: #FFF url(images/ama_slcp.png) top no-repeat;
	border: 1px outset #38787E;
	margin: 10px 70px 18px 40px;
	padding: 90px 8px 8px 8px;
}
#slcp_ad p, 
#slcp_ad li, 
#slcp_ad td {
	font: normal 12px/1.2em verdana, lucida, arial, helvetica, sans-serif;
	padding: 0px;
	margin: 10px;
}
#slcp_ad .opt-in {
	background: #F7F7F7;
	border: 1px solid #E2D9CE;
	margin: 10px;
	padding: 4px;
}