form {
	background: none repeat scroll 0 0 #e1e1e1;
        # border: 1px black solid;
	# clear: both;
	display: inline;
	# float: right;
	# font: 13px Georgia, "Times New Roman", Times, serif;
	# background:#eee;
	margin: 0px;
	padding: 0px 10px;
	width: 330px;
	# z-index: 999;
	# position: absolute;
}

form ol {
	list-style: none;
	margin: 0px;
	padding: 0px;
	top: 0px;
}

form li {
	padding: 6px;
        background: #e1e1e1;
}

form li#send {
	background:none;
	margin-top:6px;
}

form label {
	float:		left;
	width:		70px;
	text-align:	right;	
	margin-right:	4px;
	color:		#0066CC;
	line-height:	23px; /* This will make the labels vertically centered with the inputs */
}

form input, form textarea {
	border: 1px solid #999999;
        # font: 13px Georgia, "Times New Roman", Times, serif;
	padding: 4px;
	resize: none;
	width: 218px;
}

form input:focus, form textarea:focus {
	border:1px solid #666;
	background: #e3f1f1;
}

form li#send button {
	background:#003366 url('http://www.extemporaneous.org/images/css-form-send.gif') no-repeat 8px 50%;
	border:none;
	padding:4px 8px 4px 28px;
	# border-radius:1%; /* Don't expect this to work on IE6 or 7 */
	# -moz-border-radius:1%;
	# -webkit-border-radius:1%;			
	color:#fff;
	# margin-left:77px; /* Total width of the labels + their right margin */
	# cursor:pointer;
	# float: right;
}

form li#send button:hover { 
	background-color:#006633;
}

div#contactForm
{
	align: center;
	border: 1px black solid;
        background: none repeat scroll 0 0 #e1e1e1;
	# clear: both;
	# display: none;
	# float: left;
	# position: relative;
	position: center;
	width: 330px;
}

div#zipCodeForm
{
        align: center;
        border: 1px black solid;
        background: none repeat scroll 0 0 #e1e1e1;
        # clear: both;
        # display: none;
        # float: left;
        # position: relative;
        position: center;
        width: 335px;
}

div#areaCodeForm {
        align: center;
        border: 1px black solid;
        background: none repeat scroll 0 0 #e1e1e1;
        # clear: both;
        # display: none;
        # float: left;
        # position: relative;
        position: center;
        width: 335px;
}

form li#query {
        background:none;
        margin-top: 6px;
}

form li#query button {
        background:#003366 no-repeat 8px 50%;
        # url('http://www.extemporaneous.org/images/css-form-send.gif') no-repeat 8px 50%;
        border:none;
        padding:4px 8px 4px 28px;
        border-radius:1%; /* Don't expect this to work on IE6 or 7 */
        -moz-border-radius:1%;
        -webkit-border-radius:1%;
        color:#fff;
        margin-left:77px; /* Total width of the labels + their right margin */
        cursor:pointer;
        float: right;
}

form li#query button:hover {
        background-color:#006633;
}

div#ol {
	height: auto;
	width: auto;
}