@charset "utf-8"; /* CSS Document */

/* 
====CSS INFO============================================

	FILENAME:		menu.css
	DESCRIPTION:	CSS for Mega Dropdown Menus
	VERSION:		1.0.0 (01-14-2010)
	WEB SITE:		City of Sunnyvale, California
					http://sunnyvale.ca.gov

=========================================================
*/

	
/* MENU */
ul#menu {
	background: transparent;
	color: transparent;
	margin: 0;
	margin-left:35px;
	padding: 0.3em 0em;
	top:97px;
	position:absolute;
	height: 20px;
	width: 903px;
	z-index:300;
	font-size:13px;
	font-weight:bold;
	
	
}
ul#menu h2, ul#menu h3 { font-size: 100%; font-weight: normal; display: inline; font-weight: bold; }
ul#menu li { display: inline; position: relative;}
ul#menu li a:hover { color:#fc3; }
ul#menu li a { color: #fff; text-decoration: none; padding: 0 0em; }
ul#menu li a:hover { text-decoration: underline; }
ul#menu li.mega a { background: transparent center right no-repeat; padding: 0 0em;  }
ul#menu li.mega a:hover, ul#menu li.mega2 a:hover  { text-decoration:none;  color:#fc3;  }
ul#menu li.hovering div { display: block; }

/* MEGA (Note: "mega" extends to the right, "mega2" extends to the left) */
ul#menu li.mega div, 
ul#menu li.mega2 div { position: absolute; top: 1.6em;  padding: 1.3em; background: url(images/menubg.png) no-repeat #f2f2f2 ; color: #000; border-bottom:solid #000 1px; border-left:solid #000 1px; border-right:solid #000 1px; border-top:none; line-height:1.5em; padding-bottom:1em; }

ul#menu li.mega div { left: -1em }
ul#menu li.mega2 div { right: 1em }

ul#menu li.mega div a, 
ul#menu li.mega2 div a { color: #300; padding: 0; background-image: none; text-decoration: none; color: #1e8cc8; }

ul#menu li.mega div a:hover, 
ul#menu li.mega2 div a:hover { color: #1e8cc8; text-decoration:underline; }

/* DIV */
ul#menu div { display: none; } 
ul#menu div h3 { font-weight: bold; font-size: 1.1em; text-transform: uppercase;  padding-top:5px; padding-bottom:0; }
ul#menu div p { padding: 0; font-size:1.2em;  margin-top:0; margin-bottom:5px; line-height:1.3em }
ul#menu div p a:hover { color:#1e8cc8 }

/* .-.. --- ...- . / -.- . . .--. ... / .... . .-. / .. -. / - .... . / .- .. .-. */