/* Big Fresh Standard Contact Form Specs

COLORS:
Light Grey - #eeeeee (background of boxes) 
Medium Grey - #999999 (lines around boxes/fields)
Dark Grey  - #333333 (title box) 
Red - #cc0000 (Required Info) 
Orange - #ff9900 (Links, selected field) 
White - #ffffff

FONTS:
Titles: Trebuchet, reg, 16px, white
Address Details: Titles: Trebuchet, reg, 13px, Dark Grey  - #333333
Links: Arial, reg, 11px, underlined, Orange - #ff9900 
Field Names: Links - Arial, reg, 11px, Dark Grey  - #333333 
Required Information: Arial, reg, 10px, ALL CAPS, Red - #cc0000 
Instruction Text: Trebuchet, reg, 14px, Dark Grey  - #333333
*/

/*font styles*/
/*#main #container .title_bar p.title {
font-family:Trebuchet MS, sans-serif;
font-size:16px;
font-weight:normal;
color:#ffffff;
text-align:center;}

#contact_top .address p {
font-family:Trebuchet MS, sans-serif;
font-size:13px;
font-weight:normal;
color:#333333;
margin:6px 0;
padding:0;
vertical-align:middle}*/

#container a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#620504;
text-decoration:underline;}

#container .map a img {
border:1px solid #999999;}

#container table.form {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#333333;}

#container table.form p {
font-family:Trebuchet MS, sans-serif;
font-size:13px;
font-weight:normal;
color:#333333;
margin:10px 5px 0 18px;}

#container td.required {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
text-transform:uppercase;
color:#cc0000;
padding-left:15px;}

#container .red {
color:#cc0000;
font-size:12px;}

/*#sidebar .box {
font-family:Tahoma, sans-serif;
font-size:12px;
font-weight:normal;
color:#798cc6;}

#sidebar .box p {
margin-bottom:10px;}

#sidebar .title {
font-family:Arial, sans-serif;
font-size:20px;
font-style:italic;
color:#666666;
padding-left:15px;}

#sidebar .date {
font-family:Tahoma, sans-serif;
font-size:10px;
font-weight:bold;
color:#333333;}

#sidebar .heading {
font-family:Tahoma, sans-serif;
font-size:13px;
font-weight:bold;
color:#1c2674;}*/



/*layout styles*/

* {
margin:0;
padding:0;}

#container {
width:500px;
margin:0 auto 30px auto;}

/*top box*/
/*#contact_top {
width:495px;
float:left;
background-color:#eeeeee;
border:1px solid #999999;
border-top:none;
margin-bottom:20px;}

.title_bar {
width:495px;
height:24px;
float:left;
background-color:#008ea7;
border:1px solid #333333;}

#contact_top .address {
float:left;
padding:5px 10px 0 15px;}

.map {
float:right;
padding:15px 15px 15px 10px;
}*/


/*bottom box*/
#contact_bottom {
width:495px;
float:left;
border-top:none;}

#contact_bottom form {
margin-left:0;}

#contact_bottom form table td {
padding: 0px 2px 1px 2px;}

#contact_bottom form table td.contact_label {
padding: 2px 2px 0px 2px;
vertical-align: bottom;}

table.form {
margin:5px 10px;
padding:0px;
border:0px;
width:400px;}


/*.button {border: 1px solid #999999; font-size: 12px; font-family: Verdana; background-color: #ffffff; height:25px; color:#FFFFFF; }*/
.textbox { border: 1px solid #999999; font-size: 13px; font-family: Verdana; width: 240px; height:22px; margin-bottom:5px;}
.textboxreqd { border: 1px solid #999999; font-size: 13px; font-family: Verdana; width: 240px; height:22px; margin-bottom:5px; 
background-color: #ffffff;}
.dropdown { border: 1px solid #999999; font-size: 13px; font-family: Verdana; margin-bottom:5px; }
.large_text { border: 1px solid #999999; font-size: 13px; font-family: Verdana; width: 380px; height: 125px; }
.large_text2 { border: 1px solid #999999; font-size: 13px; font-family: Verdana; width: 240px; height: 125px; }
.small_text  { border: 1px solid #999999; font-size: 13px; font-family: Verdana; width: 300px; height: 50px; margin-bottom:5px; font-style:normal; }
.short_textbox  { border: 1px solid #999999; font-size: 13px; font-family: Verdana; width: 90px; height:22px; margin-bottom:5px; font-style:normal;}
.submit_textbox { border: 1px solid #999999; font-size: 13px; font-family: Verdana; width: 300px; height:22px; margin-bottom:5px;}

/* spam decoys */
.form_serial { 
display: none; }

/* row highlighting  from http://www.jankoatwarpspeed.com/examples/ContextHighlighting/ */
.over{
border:1px solid #ff9900;}

/* this doesn't work in IE */
.swap {
float:right; 
margin-right:25px;
background-image:url("images/submit_button_green.png");}

.swap:hover {
background-image:url("images/submit_button_blue.png");}