@charset "UTF-8";
/*3E SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*modified by MG 11/08/2007*/


/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal {
	padding:0;
	margin: 0px;
	height:28px;
	width: 880px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	line-height:28px;
	font-weight:bold;
	list-style-type:none;
	margin-left: 60px;
	border-left:solid 1px #004377;
	cursor: default;	
}

/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive {
	z-index: 1000;
}

ul.MenuBarHorizontal li {
	display:inline;
	float: left;
}

/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-bottom:0px;
	z-index: 1020;
	cursor: default;
	width: 240px;
	top: 129px;
	position: absolute;
	left: -1000em;
}

/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {
	left: auto;
}

/* SubMenu item containers */
ul.MenuBarHorizontal ul li {
	width: 240px;
	font-size: 10px;
}

/*SUB SUB MENUS */

/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul {
	position: absolute;
	margin: 0px;
	top: -1px;
}
	/*bigger ul for products*/
	ul.MenuBarHorizontal #menu_products ul ul  {
		width: 260px;
	}

/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal #menu_products ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {
	left: 240px;
}

	ul.MenuBarHorizontal #menu_products ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible{
		left: 260px;
	}
	
	/*bigger li for products*/
	ul.MenuBarHorizontal #menu_products ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible li {
		width: 260px;
	}

		#MenuBar1 #menu_products li li a {
			width: 240px;
			border-right:solid 1px #cccccc;
		} 
		
ul.MenuBarHorizontal #menu_resource ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {
	left: 150px;
}

ul.MenuBarHorizontal #menu_about ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {
	left: 150px;
}


/* MENU IMAGES*/

ul.MenuBarHorizontal li a.menu  {
	width: auto;
	padding-left:10px;
	padding-right:10px;
	display:block;
	border-right:solid 1px #004377;
	text-decoration:none;
	height: 28px;
	line-height: 28px;
	margin:0;
	color: #780000;

	}
	
#menu_products a{
	margin: 0;
	padding: 0;
	width: 155px;

}

#menu_advantages a {
	margin: 0;
	padding: 0;
	width: 120px;

	}
	
#menu_customers a {
	margin: 0;
	padding: 0;
	width: 93px;

	}
	
#menu_applications a {
	margin: 0;
	padding: 0;
	width: 190px;

	}

#menu_resource a {
	margin: 0;
	padding: 0;
	width: 173px;

	}
	
#menu_about a {
	margin: 0;
	padding: 0;
	width: 81px;

	}

/*MENU IMAGES HOVER and SELECTED*/

/*selected*/
#MenuBar1 a.current	{
 	display:block;
	background-image: url(../gifs/nav_bkg.gif);
	background-repeat: no-repeat;
	line-height: 28px;
	color:#FFFFFF;
	text-decoration:none;
}


/*hover*/

ul.MenuBarHorizontal li a.menu:hover {
	background-image: url(../gifs/nav_bkg.gif);
	background-repeat: no-repeat;
	color:#FFFFFF;
	text-decoration:none;
	height: 28px;
	line-height: 28px;
	display:block;
	
}

 ul.MenuBarHorizontal li a.selected {
	background-image: url(../gifs/nav_bkg.gif);
	background-repeat: no-repeat;
	color:#FFFFFF;
	text-decoration:none;
	height: 28px;
	line-height: 28px;
	display:block;
	padding-left:10px;
	padding-right:10px;

 }


/*DROP DONW MENU STYLINGS - MG*/


#MenuBar1 li li {
	float:left;
	display:block;
	background-color: #fff;
	height: 28px;
	line-height: 28px;
	margin: 0px;
	padding:0px;
	background-repeat:no-repeat;
	width: 240px;
	text-align:left;
	border-bottom: solid 1px #cccccc;
}

#MenuBar1 li li a {
	display:block;
	width: 220px;
	height: 28px;
	line-height:28px;
	text-decoration:none;
	margin:0px;
	padding: 0px 10px 0px 10px;
	float:left;
	border-bottom: solid 1px #cccccc;
	
}
	
	
#MenuBar1 li li a:hover {
	width: 220px;
	height: 28px;
	line-height: 28px;
	background-color: #790100;
	color: #fff;
	border-bottom: solid 1px #cccccc;
	float:left;
		
}

li#menu_advantages ul, li#menu_advantages li {
	width: 150px;
} 


li#menu_advantages li a, li#menu_advantages li a:hover {
	width: 130px;
	margin:0px;
	padding: 0px 10px 0px 10px;
	
}

li#menu_customers ul, li#menu_customers li {
	width: 150px;
} 


li#menu_customers li a, li#menu_customers li a:hover {
	width: 130px;
	margin:0px;
	padding: 0px 10px 0px 10px;
	
}

li#menu_applications ul, li#menu_applications li {
	width: 150px;
} 


li#menu_applications li a, li#menu_applications li a:hover {
	width: 130px;
	margin:0px;
	padding: 0px 10px 0px 10px;
	
}

li#menu_resource ul, li#menu_resource li {
	width: 150px;
} 


li#menu_resource li a, li#menu_resource li a:hover {
	width: 130px;
	margin:0px;
	padding: 0px 10px 0px 10px;
	
}

li#menu_about ul, li#menu_about li {
	width: 150px;
} 


li#menu_about li a, li#menu_about li a:hover {
	width: 130px;
	margin:0px;
	padding: 0px 10px 0px 10px;
	
}

/*******************************************************************************

 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 */

/*CHANGED IE HACK TO DIV - ****MG/

/*ul.MenuBarHorizontal iframe {
	position: absolute;
	z-index: 1010;
}*/

ul.MenuBarHorizontal div {
	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;
	background-color: transparent;
	line-height: 20px;
}
}