/* Map Popups */
.float_Miami {
left: 370px;
top: 320px;
}
.float_FtLauderdale {
left: 373px;
top: 300px;
}

.float_PortStLucie {
left: 370px;
top: 240px;
}
.float_WestPalmBeach {
left: 380px;
top: 265px;
}

.float_Jacksonville {
left: 293px;
top: 40px;
}
.float_Tallahassee {
left: 170px;
top: 30px;
}
.float_OrangeCity {
left: 310px;
top: 132px;
}


.menu_holder, .menu_holder ul {	
	margin: 0; padding: 0; list-style-type: none;
	display: block;
	min-height: 0;
}
.menu_holder li {
	margin: 0; padding: 1px;
	display: block;
	position: absolute;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		/* thus we need to apply explicit z-index here... */	
	width: 30px;
}
.menu_holder li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}
.menu_holder li:hover ul {
	display: block;	/* display submenu them on hover */
		/* and move them to the right of the item */

}

.menu_holder li ul {
	display: none;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	top: -100px;
	left: -277px;
	width: 290px;
	height: 110px;
	padding: 2px 2px 2px 2px;
	margin: -2px 0 0 -2px;
	background: #ebf3ff;
	border: 1px solid #6f9dd9;
	overflow: auto;
}
.menu_holder .r { left: 270px;}
.menu_holder ul li {
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
}
.menu_holder a 
{
	text-decoration:none;
	color: Black;
	/*font-weight: bold;*/
	font-size: 100%;
	padding-left: 8px;
}

.menu_holder ul .item
{
	background-color: #eeeeff;
}
.menu_holder ul .item:hover
{
	background-color: #ffdf8f;
}
.menu_holder ul .item a 
{
	color: black;
	display: block;
	border-top: solid 1px #dddddd;
}
.menu_holder ul .item .sm a 
{
	display: inline;
	border-top: none;
	text-decoration: underline;
	color: #444444;
	padding-left: 0px;
}
.menu_holder ul .item .sm a:hover {
	color: #880000;
}
.menu_holder h1 {
   background-color: #d6e8ff;
	font-size: 100%;
	color: #00194a;
	margin: 0px;

}
.sm 
{
	font-size: 80%;
	display: inline;
	color: #444444;
	padding-left: 8px;
}



/*
.menu_holder ul a 
{
	color: black;
	font-weight: normal;
	display: block;
	border-top: solid 1px #dddddd;
	background-color: #eeeeff;
}
.menu_holder ul .drk
{
	background-color: #e6e6e6;
}

.menu_holder ul a:hover {
color: #000055;
background-color: #ffdf8f;
}
.menu_holder ul .nolink:hover 
{
	background-color: #e6e6e6;
	color: #999999;
}


.menu_holder h1 {
   background-color: #d6e8ff;
	font-size: 100%;
	color: #00194a;
	margin: 0px;	

}
.menu_holder h1 a 
{
	font-size: 100%;
	text-decoration: none;
	color: #00194a;
}
.sm 
{
	font-size: 80% !important;
	display: inline !important;
	color: #444444 !important;
}
.sm a {
	display: inline !important;
	color: #444444 !important;
	text-decoration: underline !important;
}*/