body {
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	background: #596b85;
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #000000;
}
#container {
	max-width: 1026px; 
	background: #FFFFFF;
	margin: 10px auto;
	border: 1px solid #000000;
	text-align: left; 
    font-size:16px;
}
#header {
	background: #ddd; 
	padding: 20px; 
	border-bottom: #999 thin solid;
}
#header h1 {
	margin: 0; 
	padding: 10px 0; 
}
#mainContent {
	padding: 0 20px; 
	background: #fff;
}
.input {
	width:290px;
	background:#fff;
	padding:3px 0 2px 5px;
	font-size:1em;
	line-height:1.243em;
}
textarea {
	width:305px;
	height:93px;
	background:#fff;
	padding:0 0 0 5px;
	overflow:auto;
	font-size:1em;
}

ul li {padding-bottom:6px;}

#order-steps { 
	padding:12px; 
	font-size:14px; 
	font-weight:bold; 
	background-color:#fc3; 
	background-image:url("images/steps-bkg.jpg");
}
#order-steps h3 {
	padding:0; 
	margin:0; 
}
#order-steps-end {
	height:12px; 
	background-color:#e9ad53;  
	margin-bottom:12px;
}
.config-button {
	font-size:14px; 
	font-weight:bold; 
	padding:8px; 
	background-color:#ffe8b4;
	cursor:pointer;
}
#footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#ddd;
	text-align: center;
	border-top: #999 thin solid;
	margin-top: 20px;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: 80%;
}
.smalltext {
	font: 80% Verdana, Arial, Helvetica, sans-serif;
}
.sub1 { font-size: 20px; font-style: oblique; font-weight: bold; color: #666; }
.sub2 { font-size: 18px; font-style: oblique; font-weight: bold; color: #666; }
.sub3 { font-size: 16px; font-style: oblique; font-weight: bold; color: #666; }

form {
	padding: 0;
	margin: 0;
}