@charset "UTF-8";/* Menu item containers, position children relative to this container and are a fixed width */ul.MenuBarHorizontal{	cursor: pointer;	float: left;	position: absolute;	left: 270px;	top: 220px;	width: 520px;	font-size: 85%;}/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */ul.MenuBarActive{}ul.MenuBarHorizontal li{	margin: 0;	padding: 0em;	list-style-type: none;	font-size: 100%;	text-align: left;	cursor: pointer;	float: left;}/* Menu items are a light gray block with padding and no text decoration */ul.MenuBarHorizontal a{	display: block;	cursor: pointer;	color: #666666;	text-decoration: none;	font: bold normal 17px Verdana, Helvetica, sans-serif;	text-transform: uppercase;	text-align: center;	padding: 0.8em 20px 1.3em 25px;}ul.MenuBarHorizontal /* Menu items that have mouse over or focus have a blue background and white text */ a:hover  {	color: #000000;}ul.MenuBarHorizontal a.blog {	padding-right: 18px;}ul.MenuBarHorizontal a:focus{}ul.MenuBarHorizontal ul{	margin: 0;	padding: 0 0 1.5em;	list-style-type: none;	font-size: 100%;	z-index: 1020;	cursor: default;	width: 145px;	position: absolute;	left: -1000em;	background: url(../imgcss/solapa-menu.gif) no-repeat left bottom;	top: 4em;}ul.MenuBarHorizontal ul.MenuBarSubmenuVisible{	left: auto;}/* Menu item containers are same fixed width as parent */ul.MenuBarHorizontal ul li{}ul.MenuBarHorizontal ul a {	font-size: 14px;	color: #666666;	font-weight: bold;	display: block;	width: 145px;	padding: 0px 0px 15px;}ul.MenuBarHorizontal ul a.top {	background: url(../imgcss/solapa-sup.gif) no-repeat left top;	padding-top: 30px;}ul.MenuBarHorizontal  ul  a:hover  {	color: #333333;}/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */ul.MenuBarHorizontal ul a.MenuBarItemSubmenu{	background-image: url(SpryMenuBarRight.gif);	background-repeat: no-repeat;}/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover{	background-image: url(SpryMenuBarRightHover.gif);	background-repeat: no-repeat;}/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible{	left: auto;	top: 0;}/******************************************************************************* SUBMENU INDICATION: styles if there is a submenu under a given menu item *******************************************************************************//* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */ul.MenuBarHorizontal a.MenuBarItemSubmenu{	background: no-repeat;}/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */ul.MenuBarHorizontal a.MenuBarItemSubmenuHover{}/******************************************************************************* BROWSER HACKS: the hacks below should not be changed unless you are an expert *******************************************************************************//* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */ul.MenuBarHorizontal iframe{	position: absolute;	z-index: 1010;}/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */@media screen, projection{	ul.MenuBarHorizontal li.MenuBarItemIE	{	display: inline;	f\loat: left;	}}