@charset "UTF-8";
/* contact.css (c)2009 SugarHill Works LLC - http://www.sugarhillworks.com */


/* ----------- contact page text styles ----------- */

#contact #container { 

}
#contact #main_div { 
	padding-bottom: 15px;
}

#main_div p {
	margin: 0px 40px 15px 40px;
	text-align: justify;
}
#main_div p.fm_hdr { 
	margin: 0px 40px 10px 40px;
	text-align: justify;
}
.smltxt {
	font-size: 85%;
	line-height: 1em;
}

.colL { 
	position: relative;
	float: left;
	width: 225px;
	padding: 0px 0px 5px 40px; /* was 0px 0px 15px 40px;	*/
}
.colR { 
	position: relative;
	float: right;
	width: 225px;
	padding: 0px 40px 5px 0px; /* was 0px 40px 15px 0px; */
}

.colL .item, .colR .item { 
	/*background-image: url(../img/line.gif);
	background-position: bottom center;
	background-repeat: no-repeat;*/
	position: relative;
	width: 225px;
	height: auto;
	padding: 5px 0px 0px 0px;
}
#main_div .colL .item p, #main_div .colR .item p { 
	position: relative;
	float: right;
	margin: 0px 0px;
	padding: 0px 0px;
	width: 171px; /* was 187 */
	text-align: left;
}
.colL .item img, .colR .item img {
	float: left;
	padding: 1px 10px 3px 0px;
}
.colL .item img:hover, .colR .item img:hover {
	
}

.colL .item p a, .colR .item p a {
	color: #000;
}
.colL .item p a:hover, .colR .item p a:hover {
	color: #900;
}

.colL .item h3, .colR .item h3 { 
	position: relative;
	float: right;
	margin: 0px 0px;
	padding: 5px 0px 5px 0px;
	width: 171px; /* was 187 */
	font-size: 100%;
	color: #900;
	text-align: left;
}


/* --------------- email list form ----------------- */

table { border: #000 solid 0px;
	background-image: url(../info/contact/img/bkgrd_contact.gif);
	background-repeat: repeat;
	background-position: 0% 0%;
	position: relative;
	margin: 0px auto 5px 35px;
	padding: 0px;
	width: 480px;
	line-height: 18pt;
}

tr.tbl_hdr { border: #F00 solid 0px;
	background-image: url(../info/contact/img/bkgrd_contact_top.gif);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	width: 410px;
}
tr.tbl_hdr td { border: #000 solid 0px;
	padding-top: 10px;
}

td { 
	text-align: right;
	vertical-align: bottom;
	border: 0px;
	padding: 0px 30px 0px 0px;
}

tr {
	border: 0px;
	padding: 0px;
}

input, select, textarea {
	background-image: url(../info/contact/img/bg_contact.gif);
	padding: 1px 5px;
	margin: 0px auto;
}

input {
	width: 225px;
}

select {
	width: 235px;
	padding: 0px 0px 0px 3px;
	outline: none;
	background-color: #E6E0D3;
}

option {
	padding: 0px 0px 0px 5px;
	background-image: url(../info/contact/img/bg_contact.gif);
	color: #000;
	border: none;
}


textarea {
	margin: 6px auto 0px auto;
	padding: 1px 5px;
	width: 225px;
	max-width: 225px;
	min-width: 225px;
	font-size: 90%;
}

.lt { 
	text-align: left;
	width: 170px;
	padding: 0px 0px 0px 30px;
	border-bottom: #BA9E6E solid 0px;
}
.rt {
	text-align: right;
	width: 170px;
	font-style: italic;
	font-size: 90%;
	padding-right: 0;
}
.rt .italic { font-size: 1em; }

.g-recaptcha {
	float: right;
	margin-right: -3px;
}

.send {
	background-image: url(../info/contact/img/bkgrd_contact_btm.gif);
	background-repeat: no-repeat;
	background-position: 0% 100%;
	text-align: right;
}
.top {
	vertical-align: bottom;
	padding-bottom: 1px;
}
.comTop {
	width: 170px;
	text-align: left;
	vertical-align: top;
	padding: 0px 0px 0px 30px;
}
.italic {
	font-style: italic;
	font-size: 90%;
}

#btn {
	color: #900;
	font-weight: bold;
	border: none;
	background: none;
	text-align: center;
	margin: 5px 0px 15px 0px;
	padding: 0px;
	height: 23px;
	width: 60px;
	outline: none;
}

.invalid {
	background: #DD0;
}

/* ------ overlay alert box ------ */
#dim {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .70;
	-moz-opacity: .70;
	filter: alpha(opacity=70);
	filter: progid:dximagetransform.microsoft.alpha(opacity=70);
	visibility: hidden;
	z-index: 900;
}
#alert {
	position: absolute;
	top: 35%;
	margin: 0 25% 0 40%;
	width: 35%;
	height: 150px;
	border: #900 dashed 3px;
	background: #BA9E6E url(../img/tile.gif) repeat;
	color: #000;
	font-weight: bold;
	visibility: hidden;
	z-index: 0;
}
#alert p {
	position: relative;
	margin: 20px;
	text-align: center;
	z-index: 0;
}
#alert .close {
	position: absolute;
	top: 125px;
	width: 80%;
	margin: 0px 10%;
	text-align: right;
}