@charset "utf-8";
/* CSS Document - for search form -  */

form, .label, .button, .textbox {margin: 0; padding 0: border: none;}

div#header label { display: none; }

.textbox { 
border-top: 1px solid #d7ecb2;
border-left: 1px solid #d7ecb2;
border-right: 1px solid #769c27; 
border-bottom: 1px solid #769c27; 
padding: 0 3px; }
	
/*
.button { background-color: #FFF; border: 1px #CCC solid; font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt; color: #999; margin-left: 5px; padding: 2px 0; } 
(abandoned in favor of 'custombutton' below 
*/
/*   the ':hover' breaks the layout of home page in IE
this hover effect works great in FF but breaks IE: the footer div moves up -  CRAP!  
.button:hover {	border: 1px solid #afd865; color: #afd865; }
.textbox:hover { border: 1px solid #afd865;	}
*/
/* I'm using an image inside the button element. 
from this website: http://jarrodspillers.com/articles/custom-image-form-submit-buttons-what-is-the-correct-approach/  */
.custombutton { padding: 0; margin:0; border:none; background:none; cursor:pointer;}
* html .custombutton {cursor:hand;} /* alternate cursor style for ie */

#header form {border: none;}