@charset "utf-8";
/* CSS needed for Osceola County JS Libraries  */


/* ===================================================================================================================== */
/* Osceola Drop Down Menu */
.OsceolaDropDownMenu .NavContainerMaster { z-index: 100; width: 600px; position: absolute; padding: 0px 0px 5px 10px; }

.NavContainer 		{ background-color: white; margin-left: 10px; margin-right: 10px;}
	.NavContainer li			{ margin: 0px; padding: 0px; }
	.NavContainer h3 			{ height: 2em; font-size: 16px; font-weight: bold; color: #666; }

	/* Item Styles ============================= */
	.NavContainer li				{ padding: 5px 10px; margin-bottom: 10px; cursor: pointer; color: #0066CC; }
		.NavContainer li .Title 			{ color: #0066CC; font-weight: bold; }
		.NavContainer li .Description 		{ color: #666666; font-weight: normal; font-size: .9em; line-height: 1.3em; }
		
	.NavContainer li:hover 			{ background-color: #0066CC; color: white;  }
		.NavContainer li:hover .Title 		{ color: #FFFFFF; }
		.NavContainer li:hover .Description { color: #EEEEEE; }
	
	
	/* List Styles ============================== */
	.NavContainer .NavColumnLinkList 	{ width: 200px; float: left; padding: 5px; display: inline;  }
	.NavContainer .NavColumnIconList 	{ width: 350px; float: left; padding: 5px;}
	
	.NavContainer .NavColumnLinkList 		{ }
		.NavContainer .NavColumnLinkList 	li 				{   font-weight: bold; }
		.NavContainer .NavColumnLinkList	li img 			{ height: 24px; width: 24px; margin-right: 5px; }
	
	.NavContainer .NavColumnIconList		{ }
		.NavContainer .NavColumnIconList 	li				{ height: 50px;  margin-bottom: 5px;  }
		.NavContainer .NavColumnIconList	li img 			{ float: left; height: 48px; width: 48px; }
		.NavContainer .NavColumnIconList	li .Title 		{ margin-left: 55px;  }
		.NavContainer .NavColumnIconList	li .Description { margin-left: 55px; margin-top: .5em;  }