csessig86/GOP Caucus Results

## GOP Caucus Results
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>

<title>Lee Enterprises - GOP Caucus/Primary Results</title>
<style>
  body { height: 650px; width:610px;
  font-family: Arial, sans-serif; }

  #map_canvas { height: 650; width:610; }

  #search {
  	font-family: Arial, sans-serif;
	font-size:14px;
	font-weight: bold;
	width: 600px;
}

  #legend {
    top:5px;
    right:5px;
    width:610px;
    background-color:#FFFFFF;
    padding:5px;
    font-family: Arial, sans-serif;
    font-size:12px;
    line-height:1.3em;
    opacity: .85;
}

#legend h1 {font-size:18px; margin:0 0 4px 0;}
#legend h2 {font-size:14px; margin:0;}
#legend h3 {font-size:13px; margin: 10px 0 0 0;}

#legend .colors {float:left;line-height:20px; width:150px; margin: 10px 0;}
#legend .colors span {height:20px; width:20px; margin-right:5px; display:block; float:left; clear:left; opacity: .85; border: 1px solid #444444;}
#legend .huntsman {background-color: #fdd49e;}
#legend .bachmann {background-color: #fdbb84;}
#legend .romney {background-color: #fc8d59;}
#legend .gingrich {background-color: #ef6548;}
#legend .perry {background-color: #d7301f;}
#legend .santorum {background-color: #b30000;}
#legend .paul {background-color: #b30000;}

#legend p {clear:both; margin:5px 0 0 0;}

</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

<script type="text/javascript" id="script">
var map;
var layer;
var tableid = 2575877;
var infoWindow;

function map() {
	map = new google.maps.Map(document.getElementById('map_canvas'), {
		center: new google.maps.LatLng(41.5, -456.9),
		zoom: 4,
		minZoom: 2,
		maxZoom: 7,
		mapTypeControl: false,
		streetViewControl: false,
		mapTypeId: google.maps.MapTypeId.TERRAIN
	});

	layer = new google.maps.FusionTablesLayer({
		query: {
			select: 'geometry',
			from: tableid
		}
	});
	layer.setMap(map);
}

function initialize() {
    map();
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>

<div id="legend">
            <div class="colors">
            	<table width="610px">
                <tr>
                <td>
            	<span class="huntsman"></span>Huntsman<br>
                </td>
                <td>
            	<span class="bachmann"></span>Bachmann<br>
                </td>
                <td>
                <span class="romney"></span>Romney<br>
                </td>
                <td>
                <span class="gingrich"></span>Gingrich<br>
                </td>
                <td>
                <span class="perry"></span>Perry<br>
                </td>
                <td>
                <span class="santorum"></span>Santorum<br>
                </td>
                <td>
                <span class="paul"></span>Paul
                </td>
                </tr>
                </table>
            </div>
</div>

<div id="map_canvas"></div>

</body>
</html>
	<html>
	<head>
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
	<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>

	<title>Lee Enterprises - GOP Caucus/Primary Results</title>
	<style>
	body { height: 650px; width:610px;
	font-family: Arial, sans-serif; }

	#map_canvas { height: 650; width:610; }

	#search {
	font-family: Arial, sans-serif;
	font-size:14px;
	font-weight: bold;
	width: 600px;
	}

	#legend {
	top:5px;
	right:5px;
	width:610px;
	background-color:#FFFFFF;
	padding:5px;
	font-family: Arial, sans-serif;
	font-size:12px;
	line-height:1.3em;
	opacity: .85;
	}

	#legend h1 {font-size:18px; margin:0 0 4px 0;}
	#legend h2 {font-size:14px; margin:0;}
	#legend h3 {font-size:13px; margin: 10px 0 0 0;}

	#legend .colors {float:left;line-height:20px; width:150px; margin: 10px 0;}
	#legend .colors span {height:20px; width:20px; margin-right:5px; display:block; float:left; clear:left; opacity: .85; border: 1px solid #444444;}
	#legend .huntsman {background-color: #fdd49e;}
	#legend .bachmann {background-color: #fdbb84;}
	#legend .romney {background-color: #fc8d59;}
	#legend .gingrich {background-color: #ef6548;}
	#legend .perry {background-color: #d7301f;}
	#legend .santorum {background-color: #b30000;}
	#legend .paul {background-color: #b30000;}

	#legend p {clear:both; margin:5px 0 0 0;}

	</style>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
	<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

	<script type="text/javascript" id="script">
	var map;
	var layer;
	var tableid = 2575877;
	var infoWindow;

	function map() {
	map = new google.maps.Map(document.getElementById('map_canvas'), {
	center: new google.maps.LatLng(41.5, -456.9),
	zoom: 4,
	minZoom: 2,
	maxZoom: 7,
	mapTypeControl: false,
	streetViewControl: false,
	mapTypeId: google.maps.MapTypeId.TERRAIN
	});

	layer = new google.maps.FusionTablesLayer({
	query: {
	select: 'geometry',
	from: tableid
	}
	});
	layer.setMap(map);
	}

	function initialize() {
	map();
	}
	google.maps.event.addDomListener(window, 'load', initialize);
	</script>
	</head>
	<body>

	<div id="legend">
	<div class="colors">
	<table width="610px">
	<tr>
	<td>
	<span class="huntsman"></span>Huntsman<br>
	</td>
	<td>
	<span class="bachmann"></span>Bachmann<br>
	</td>
	<td>
	<span class="romney"></span>Romney<br>
	</td>
	<td>
	<span class="gingrich"></span>Gingrich<br>
	</td>
	<td>
	<span class="perry"></span>Perry<br>
	</td>
	<td>
	<span class="santorum"></span>Santorum<br>
	</td>
	<td>
	<span class="paul"></span>Paul
	</td>
	</tr>
	</table>
	</div>
	</div>

	<div id="map_canvas"></div>

	</body>
	</html>