//BUILD THE SEARCH FORM
var cbgSearch = '';
cbgSearch += '<div class="cbgSearchLabel"><h4>SEARCH LOCAL PRODUCTS & SERVICES</h4></div>';
cbgSearch += '<form id="cbgSearchForm" action="http://cranston.chambergateway.biz/search.cfm" method="post">';
cbgSearch += '<input type="text" id="cbgSearchField" name="bizsearch" class="off" style="height:20px !important;width:120px !important;padding:3px !important;">';
cbgSearch += '<input type="image" src="http://cranston.chambergateway.biz/templates/images/searcharea/searchbutton.jpg" name="submit">';
cbgSearch += '</form>';
cbgSearch += '';

//BUILD THE DIV AREA AND LINK THE STYLESHEET
document.write('<div id="cbgSearch"></div>');
document.write('<link rel="stylesheet" type="text/css" href="http://cranston.chambergateway.biz/templates/stylesheet_chambersite_js.css">');
document.getElementById("cbgSearch").innerHTML = cbgSearch;

//ADD FIELD ACTIONS
document.getElementById("cbgSearchField").onfocus = function() {
	this.className = "on";
}
document.getElementById("cbgSearchField").onblur = function() {
	this.className = "off";
}