body {
	font-family: Verdana, Arial, Helvetica, Verdana, sans-serif;
	text-align: center;
	background-color: #f0eada;
	color: #833456;
	font-size: 14px;
	margin: 10px;
}

h1 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #997050;
	padding-bottom: 2px;
	border-bottom: 3px solid #95a546;
	margin-bottom: 20px;
}

h3 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #FFFFFF;
	padding-bottom: 2px;
	margin-bottom: 8px;
}

td {
	/*This part is only here because in IE the left border gets cut off the text inputs.
	*Note* - Selects and textareas are fine*/
	padding-left: 1px;
	padding-top: 8px;
	vertical-align: bottom;
}

#demo {
	/*background: url(/images/demo.png) no-repeat top left;*/
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	/*height: 253px;*/
	width: 100%;
	font-weight: bold;
}

#dev {
	font-size:14px;
}

#coming_soon {
	height: 176px;
}

#error-box {
	background-color: transparent;
	border: 1px dashed #FFFF00;
	font-size: 11px;
	color: #FFFF00;
	padding: 4px;
	margin-bottom: 4px;
}

#error-box li {
	padding: 2px 0;
}

.error {
	color: #FFFF00 !IMPORTANT;
}

#logo {
	display: block;
	text-align: center;
	margin: 10px auto 0;
}

#container {
	position: relative;
	width: 712px;
	margin: 20px auto;
	background: #dabd86 url(images/bg-mid-tan.png) repeat-y center;
	/*background: transparent;*/
}

#content {
	position: relative;
	margin: 0 auto;
	text-align: left;
	width: 626px;
}

#top {
	background: transparent url(images/bg-mid-tan.png) repeat-y center;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 100%;
}

#top-inner {
	padding: 0 40px 12px;
}

#bot {
	background: transparent url(images/bg-mid-green.png) repeat-y center;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 100%;
}

#bot-inner {
	padding: 12px 40px 0;
	position: relative;
}

/*Fix for Safari*/
#bot-inner form {
	padding-bottom: 10px;
}

#bot p, #bot td {
	color: #FFFFFF;
}

#spell-wild {
	position: absolute;
	top: 54px;
	left: 62px;
	width: 235px;
	height: 141px;
}

#cards {
	position: absolute;
	top: -4px;
	left: 200px;
}

#welcome {
	margin-left: 316px;
}

#welcome h2 {
	font-size: 10px;
	padding: 0 0 4px;
}

#welcome a {
	text-decoration: none !important;
}

.welcome-p {
	font-size: 12px;
	margin: -7px 0 12px;
}

.highlight {
	/*color: #1F497D;*/
	font-weight: bold;
}

#step1-table {
	margin-left: 30px;
	margin-bottom: 12px;
}

#form-table {
	font-size: 12px;
	text-align: left;
	margin: 0 auto;
	padding: 0 16px;
}
	
#form-table td {
	font-size: 13px;
	vertical-align: bottom;
	padding: 4px 0px 4px 1px;
}	
	
#rules-box {
	margin: 0 auto;
	text-align: left;
	width: 725px;
	border: 1px solid #999999;
	padding: 20px;
	background-color: white;
}

.formdiv {
	float: left;
	margin-right: 16px;
}

.input-reg {
	margin-top: 2px;
	width: 182px;
	margin-right: 16px;
}

.phone-a {
	width: 42px
}

.phone-b {
	width: 58px;
}

.zip {
	width: 72px;
}

.city {
	width: 116px;
}

.opt-in p {
	padding: 0;
	margin: 0 0 0 6px;
}

select, input[type="text"], textarea {
	color: #333333;
	font-size:12px;
	font-family: Georgia, Garamond, serif;
	border: 1px solid #a17855;
	background-color: #f0eada;
}

/*only on step 1*/
#card-img {
	width: 265px;
	height: 98px;
	position: absolute;
	bottom: 0;
	left: 264px;
}

/*step1 submit button*/
#form-submit-btn-1 {
	width: 144px;
	height: 60px;
	position: absolute;
	bottom: -76px;
	left: 130px;
}

/*step2 submit button*/
#form-submit-btn-2 {
	width: 144px;
	height: 60px;
	position: absolute;
	bottom: -76px;
	left: 445px;
}

a:link { color:#39b54a; text-decoration: underline; }
a:visited { color:#39b54a; text-decoration: underline; }
a:hover { color:#39b54a; text-decoration: underline; }

#top a:link { color:#833456; text-decoration: underline; }
#top a:visited { color:#833456; text-decoration: underline; }
#top a:visited { color:#CC3456; text-decoration: underline; }

#bot a:link { color:#FFFFFF; text-decoration: underline; }
#bot a:visited { color:#FFFFFF; text-decoration: underline; }
#bot a:hover { color:#CCFFCC; text-decoration: underline; }

/*Thank you page*/
#thanks {
	margin: 36px auto;
}

/*Letters page*/
#letters {
	margin: 0 auto;
	text-align: center;
	width: 520px;
}

.letterCol {
	float: left;
	width: 130px;
	text-align: center;
	margin: 0;
	padding: 0;
}

.letterCol img {
	margin-bottom: 12px;
}

.letter {
	width: 118px;
	height: 118px;
}


/*Rules page*/
#rules {
	padding: 168px 26px 0;
}

#rules p {
	font-size: 11px;
	color: #333;
}

#rules a {
	color: #000;
}