@charset "utf-8";
/* styling CSS */

body  {
	font: .8em Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

table {font:  Verdana, Arial, Helvetica, sans-serif; font-size:1em;}

h1 { font-size:200%; color:#493A27;}
h2 { font-size:175%; color:#493A27;}
h3 { font-size:140%; color:#493A27;}
h4 { font-size:115%; color:#493A27;}

a:link {color: #A27634;	text-decoration: underline;}
a:visited {color: #A27634; text-decoration: underline;}
a:hover {color: #ACB283; text-decoration: underline;}
a:active {color: #A27634; text-decoration: underline;}

.caption { font-size:70%;}

/* for form validation  */
.required { font-weight:normal;}
.alert { font-weight:bold; color:#CC0000;}
/* contact form */
#form-table { width:395px; margin-top:20px; margin-bottom:20px;}
#form-table thead td.cell-1 { width:95px;}
#form-table thead td.cell-2 { width:300px;}
#form-table tbody td { height:30px; padding:4px;} /* height:20px; in IE fix style sheets */
#form-table tbody td.cell-1 { width:200px; text-align:right;}
#form-table tbody td.cell-2 { width:310px;}
#form-table .textbox {border:1px solid #A4A87E; width:300px; height:18px; }
#form-table .textbox-city {border:1px solid #A4A87E; width:149px; height:18px; }
#form-table .textbox-zip {border:1px solid #A4A87E; width:60px; height:18px; }
#form-table .textarea-comments {border:1px solid #A4A87E; width:300px; height:150px; }
#form-table .select {border:1px solid #A4A87E; height:20px; }
#form-table .button { border:1px solid #5F5F51; margin:4px 0 0 4px; background-color:#A4A87E; color:#FFFFFF; }