#clickState {
	display: block;
	background-color: #f3f3f3;
	overflow: hidden;
	height: 37px;
	
}

#clickState h3 {
	text-indent:-9999px;
	float: left;
	background: url(../images/mapscroller/header_tab_click_state_province.png) no-repeat top left;
	margin: 0 0 0 0;
	padding: 0px;
	width: 217px;
	height: 37px;
}

#nav_maps{
	list-style: none;
	float: left;
	margin: 0 0 0 30px;
	padding: 0px 10px;
}

#nav_maps li {
	display: block;
	float: left;
}

#nav_maps li a {
	display: block;
	text-indent:-9999px;
	width: 130px;
	height: 35px;
	overflow: hidden;
}

a.showUsa {
	background: url(../images/mapscroller/map_tab_usa_off.png) no-repeat top left;
}

a.showCanada {
	background: url(../images/mapscroller/map_tab_canada_off.png) no-repeat top left;
}

/* Have to do this to satsfy IE6 does not support multiple class a.showUsa.active works fine on ALL other browsers */
#nav_maps li.usa a.active {
	background: url(../images/mapscroller/map_tab_usa_on.png) no-repeat top left;
}

#nav_maps li.canada a.active {
	background: url(../images/mapscroller/map_tab_canada_on.png) no-repeat top left;
}

#maps {
	clear: both;
	width: 730px;
	height: 400px;
	overflow: hidden;
}