body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		font-family:Verdana,Arial,Helvetica,sans-serif;
		font-size:14px;
		background:#fff;
		min-width:1000px;    	/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%; 
	}
	a {
		color:#369;
	}
	a:hover {
		color:#fff;
		background:#369;
		text-decoration:none;
	}
	h1, h2, h3 {
		margin:.8em 0 .2em 0;
		padding:0;
	}
	p {
		margin:.4em 0 .8em 0;
		padding:0;
	}
	img {
		margin:10px 0 5px;
	}
	/* Header styles */
	#header {
		clear:both;
		float:left;
		width:100%;
		background-image : url(images/logo.png);
		background-repeat:no-repeat;
	}
	#header {
		border-bottom:1px solid #000;
	}
	#header p,
	#header h1,
	#header h2 {
		padding:.4em 15px 0 155px;
		margin:0;
		color : #369;
		padding-left : 15%;
/*		padding:.4em 15px 0 155px; */
		padding:1.5em 1em .5em 1em; 
		margin:0;
		color : #369;
		padding-left : 210px;
	}


	}
	#header ul {
		clear:left;
		float:left;
		width:100%;
		list-style:none;
		margin:10px 0 0 0;
		padding:0;
	}
	#header ul li {
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
	}
	#header ul li a {
		display:block;
		float:left;
		margin:0 0 0 1px;
		padding:3px 10px;
		text-align:center;
		background:#eee;
		color:#000;
		text-decoration:none;
		position:relative;
		left:15%;
		left:130px;
		line-height:1.3em;
	}
	#header ul li a:hover {
		background:#369;
		color:#fff;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
		color:#fff;
		background:#000;
		font-weight:bold;
	}
	#header ul li a span {
		display:block;
	}
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;
		position:relative;
	}

	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
	}
	/* 2 Column (left menu) settings */
	.leftmenu {
		background:#fff;		/* right column background colour */
	}
	.leftmenu .colleft {
		right:75%;			/* right column width */
		background:#f4f4f4;	/* left column background colour */
	}
	.leftmenu .col1 {
		width:71%;			/* right column content width */
		left:102%;			/* 100% plus left column left padding */
	}
	.leftmenu .col2 {
		width:21%;			/* left column content width (column width minus left and right padding) */
		left:6%;			/* (right column left and right padding) plus (left column left padding) */
	}
	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
		border-top:1px solid #000;
	}
	#footer p {
		padding:10px;
		margin:0;
	}


	.areaBlock1{ /* Red In Crisis box */
		height:96px; 
		width :75%;
		border: solid 2px #e0e0e0;
		background-color:#bc0a0a;
		margin-bottom: 4px;
		margin-Top: 4px;
		border-radius:10px;
		-moz-border-radius:10px; /* Firefox 3.6 and earlier */	
		box-shadow: 10px 10px 5px #888888;	
		-webkit-border-radius:10px;	
		
	}

	.areaBlock2{  /* Yellow Bad Situation box */
		height:96px;
		width :75%;
		border: solid 2px #e0e0e0;
		background-color:#ffff00;
		margin-bottom: 4px;
		border-radius:10px;
		-moz-border-radius:10px; /* Firefox 3.6 and earlier */	
		box-shadow: 10px 10px 5px #888888;	
		-webkit-border-radius:10px;
	}

	.areaBlock3{  /* this is for the Green More Info box */
		height:96px;
		width :75%;
		border: solid 2px #e0e0e0;
		background-color:#080;
		margin-bottom: 4px;
		border-radius:10px;
		-moz-border-radius:10px; /* Firefox 3.6 and earlier */	
		box-shadow: 10px 10px 5px #888888;	
		-webkit-border-radius:10px;
	}

.areaBlock1:hover, .areaBlock2:hover, .areaBlock3:hover{
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05); /*  negative numbers produce a mirrored effect */ 
}

	.textHeader{
		color:#ffffff;
		text-align:center;
		font-weight:bold;
		padding-top: 32px;
		font-size:16px;
	}

	.subTextHeader{
		color:#ffffff;
		text-align:center;
		font-weight:bold;
		font-size:12px;
		padding-bottom: 5px;
	}


/*  http://www.noobcube.com/tutorials/html-css/css-image-maps-a-beginners-guide-/  */

ul#counties {
  list-style: none;

/*  background: url(images/2009-Emergency-Shelter-Map.png) no-repeat 0 0; */

  background: url(images/FloridaMap.png) no-repeat 0 0;  

  float: Left;
  position: relative;
/*  width: 654px; */
  width:100%;
  height: 708px; 

  overflow:hidden;
  margin: 0;
  padding: 0;
}

ul#counties li {
/*  border: 1px solid #0f0; */
  position: absolute;
}

/* new map */

#Escambia{
top: 20px;
left: 23px;
width: 30px;
height: 67px;}


#SantaRosa{
top: 19px;
left: 50px;
width: 38px;
height: 60px;}


#Okaloosa{
top: 20px;
left: 88px;
width: 29px;
height: 52px;}

#Walton{
top: 20px;
left: 117px;
width: 26px;
height: 65px;}

#Holmes{
top: 20px;
left: 143px;
width: 36px;
height: 22px;}


#Washington{
top: 38px;
left: 148px;
width: 43px;
height: 27px;}

#Bay{
top: 64px;
left: 149px;
width: 46px;
height: 46px;}

#Jackson{
top: 21px;
left: 188px;
width: 47px;
height: 38px;}

#Calhoun{
top: 60px;
left: 195px;
width: 28px;
height: 29px;}

#Gulf{
top: 89px;
left: 195px;
width: 20px;
height: 47px;}


#Gadsden{
top: 43px;
left: 228px;
width: 47px;
height: 24px;}


#Collier{
top: 440px;
left: 487px;
width: 76px;
height: 40px;}

#Collier2{
top: 420px;
left: 505px;
width: 26px;
height: 20px;}

#PalmBeach{
top: 375px;
left: 563px;
width: 70px;
height: 57px;}


#Broward{
top: 431px;
left: 563px;
width: 65px;
height: 33px;}

#Miami-Dade{
top: 462px;
left: 563px;
width: 62px;
height: 82px;}

#Monroe2{
top: 573px;
left: 485px;
width: 83px;
height: 28px;}

#Monroe{
top: 484px;
left: 517px;
width: 46px;
height: 64px;}

#Liberty{
top: 65px;
left: 222px;
width: 28px;
height: 38px;}

#Franklin{
top: 103px;
left: 220px;
width: 71px;
height: 24px;}

#Leon{
top: 44px;
left: 265px;
width: 30px;
height: 37px;}

#Wakulla{
top: 79px;
left: 246px;
width: 53px;
height: 25px;}

#Jefferson{
top: 44px;
left: 303px;
width: 15px;
height: 50px;}

#Madison{
top: 46px;
left: 325px;
width: 35px;
height: 27px;}


#Taylor{
top: 75px;
left: 307px;
width: 40px;
height: 45px;}

#Alachua{
top: 114px;
left: 410px;
width: 36px;
height: 34px;}

#Baker{
top: 47px;
left: 416px;
width: 36px;
height: 41px;}

#Bradford{
top: 93px;
left: 437px;
width: 14px;
height: 20px;}


#Gilchrist{
top: 118px;
left: 389px;
width: 17px;
height: 23px;}

#Levy{
top: 142px;
left: 380px;
width: 45px;
height: 42px;}


#Union{
top: 88px;
left: 411px;
width: 25px;
height: 14px;}

#Columbia{
top: 46px;
left: 400px;
width: 15px;
height: 59px;}

#Hamilton{
top: 46px;
left: 360px;
width: 40px;
height: 22px;}

#Suwannee{
top: 70px;
left: 363px;
width: 30px;
height: 29px;}

#Lafayette{
top: 83px;
left: 347px;
width: 31px;
height: 33px;}

#Dixie{
top: 117px;
left: 347px;
width: 33px;
height: 44px;}

#Nassau{
top: 22px;
left: 452px;
width: 51px;
height: 24px;}

#Clay{
top: 82px;
left: 451px;
width: 33px;
height: 31px;}

#Duval{
top: 53px;
left: 455px;
width: 46px;
height: 28px;}

#StJohns{
top: 87px;
left: 488px;
width: 32px;
height: 38px;}

#Flagler{
top: 125px;
left: 500px;
width: 30px;
height: 32px;}

#Putnam{
top: 110px;
left: 452px;
width: 40px;
height: 40px;}

#Volusia{
top: 160px;
left: 505px;
width: 45px;
height: 42px;}

#Marion{
top: 149px;
left: 425px;
width: 60px;
height: 42px;}

#Citrus{
top: 190px;
left: 407px;
width: 33px;
height: 25px;}

#Sumter{
top: 193px;
left: 450px;
width: 20px;
height: 60px;}

#Lake{
top: 192px;
left: 471px;
width: 16px;
height: 56px;}

#Lake2{
top: 177px;
left: 491px;
width: 16px;
height: 30px;}

#Hernando{
top: 216px;
left: 414px;
width: 32px;
height: 27px;}


#Pasco{
top: 243px;
left: 406px;
width: 50px;
height: 23px;}

#Pinellas{
top: 268px;
left: 402px;
width: 15px;
height: 47px;}

#Hillsborough{
top: 268px;
left: 419px;
width: 48px;
height: 46px;}

#Polk{
top: 280px;
left: 470px;
width: 51px;
height: 34px;}

#Polk2{
top: 255px;
left: 470px;
width: 31px;
height: 24px;}

#Seminole{
top: 204px;
left: 510px;
width: 30px;
height: 18px;}

#Brevard{
top: 218px;
left: 554px;
width: 22px;
height: 80px;}

#Orange{
top: 220px;
left: 491px;
width: 53px;
height: 30px;}

#Osceola{
top: 250px;
left: 510px;
width: 43px;
height: 22px;}

#Osceola2{
top: 250px;
left: 529px;
width: 23px;
height: 67px;}

#IndianRiver{
top: 300px;
left: 554px;
width: 48px;
height: 17px;}

#StLucie{
top: 320px;
left: 577px;
width: 38px;
height: 33px;}

#Martin{
top: 354px;
left: 577px;
width: 49px;
height: 20px;}

#Okeechobee{
top: 317px;
left: 550px;
width: 24px;
height: 40px;}

#Manatee{
top: 316px;
left: 419px;
width: 50px;
height: 25px;}

#Sarasota{
top: 338px;
left: 425px;
width: 44px;
height: 38px;}

#Desoto{
top: 338px;
left: 469px;
width: 39px;
height: 31px;}

#Hardee{
top: 316px;
left: 469px;
width: 39px;
height: 22px;}

#Highlands{
top: 316px;
left: 507px;
width: 37px;
height: 50px;}

#Charlotte{
top: 369px;
left: 452px;
width: 56px;
height: 27px;}

#Glades{
top: 371px;
left: 508px;
width: 44px;
height: 24px;}

#Lee{
top: 396px;
left: 466px;
width: 42px;
height: 38px;}

#Hendry{
top: 396px;
left: 508px;
width: 55px;
height: 20px;}

#Hendry2{
top: 396px;
left: 535px;
width: 27px;
height: 45px;}

/* end of map */

ul#counties li a{
  display: block;
  height: 100%;
  text-decoration:none;
}

ul#counties li a span {
  display: none;

}
 
ul#counties li a:hover {
	background:none;
}

ul#counties li a:hover span {
  display: block;
  padding: 5px;
  width: 280px;
  background: #000;
  position: relative;
  top: 50%;
  left: 50%;
  font: 13px Arial, Helvetica, sans-serif;
  opacity: .85;
  filter:alpha(opacity=85);
  color: #fff;
}