/************************************************************************** This is the SKIN style definition for the CSS menu.                    ** Feel free to customize this section.                                   **************************************************************************//* * Menu container settings * Applies to the first level menu container */.grvytune {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
 	font-weight: bold;
}/* * Menu container settings * Applies to second (or more) level menu containers */.grvytune ul {	border: 1px none #000000;
}/* * Menu items settings * Applies to all menu items in all menu containers */.grvytune li {	background-image: none;
	width: 112px;
	border: thin solid #fef200;
	background-color: #000000;
}/* * Menu items settings * Applies to second (or more) level menu items */.grvytune ul li {	background-image: none;
	background-color: #FFFFFF;
 	width: 162px;
 
}/* * Menu link settings * Applies to links that are to be found within the menu items, no matter the menu level */.grvytune a {	text-decoration: none;
	color: #FFFFFF;
	line-height: 20px;
	padding: 0px 5px ;
	padding-left: 18px;
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #c0c0c0;
	cursor: pointer;
}/* * Menu link settings * Applies to links located in the second (or more) level menu items */.grvytune ul a { 	border: none;
 	border-bottom: 1px solid silver;
 	color: #000000;
	line-height: 19px;
}/**************************************************************************** In this section, we will define what happens when mouse-overing an item  ****************************************************************************//* * Mouse over on menu items * Applies to all menu items in all menu containers */.grvytune li.hover {	background-position: 0px 12px !important;
	background-color: #000000;
	background-image: none;
}  /* * Mouse over on menu items * Applies to second (or more) level menu items */.grvytune ul li.hover {  	background-color: #FEF200;
  	background-image: none;
}/* * Mouse over on links * Applies to all links in all menu items */.grvytune a.hover {	color: #FFFFFF;
}/* * Mouse over on links * Applies to links located in the second (or more) level menu items */.grvytune ul a.hover {  	color: #000000 !important;
}/****************************************************************************** In this section, we will define what happens when a menu item is selected  ******************************************************************************//* * Selected menu item * Applies to selected menu items in all menu containers */.grvytune li.selected {	background-position: 0px 22px;
	background-color: #FFFFFF;
}/* * Selected menu item * Applies to second (or more) level selected menu items */.grvytune ul li.selected {	background-color: #FEF200;
}/* * Selected links * Applies to selected links in all menu items */.grvytune a.selected {	color: #000000;
}/* * Selected links * Applies to selected links located in the second (or more) level menu items */.grvytune ul a.selected {	color: #000000;
}/******************************************************************************* In this section, we will define the menu arrows behavior                    ** An arrow is inserted next to the menu item when the menu item has sub-menus *******************************************************************************//*  * Define the arrow * Applies to all menu items that have sub-menus */.grvytune .arrow {	background-image: url(img/arrow.gif);	background-repeat: no-repeat;	background-position: right center;}/*  * Define the arrow * Applies to all menu items that have sub-menus located in the second (or more) level */.grvytune .hover ul .arrow,.grvytune ul .arrow {	background-image: url(img/arrow.gif);	background-repeat: no-repeat;	background-position: right center;}/*  * Define the arrow on mouse over * Applies to all menu items that have sub-menus on mouse over */.grvytune .hover .arrow {	background-image: url(img/arrow_hover.gif);}/*  * Define the arrow on mouse over * Applies to all menu items that have sub-menus located in the second (or more) level on mouse over */.grvytune ul .hover .arrow {	background-image: url(img/arrow.gif);}/************************************************************************** This is the LAYOUT style definition for the CSS menu                   ** DO NOT alter this section, unless you know what you're doing           **************************************************************************/div.horizontal {	clear: both;}div.horizontal br {	clear: both;}div.horizontal ul {	margin: 0px;	padding: 0px;	display: block;	float: left;	clear: both;}div.horizontal li {	list-style-type: none;	display: block;	float: left;	clear: none;	text-align: left;    position: static;}div.horizontal li img {	border: none;}div.horizontal a {	clear: both;	display: block;	margin: 0px;}div.horizontal ul li ul {	position: absolute;	left: -5000px;	top: -5000px;	visibility: hidden;	clear: both; }div.horizontal ul li ul li {	clear: both; }div.horizontal ul li ul li a {	clear: both;}.hasImg,.hasImg a {	padding: 0px !important;	margin:	0px	!important;	border:	none !important;	outline: none !important;	background:	transparent !important;	width: auto !important;}