
#nav {
	margin: 0;
}

#nav .block-title {
	display: none;
}

/*********** NICE MENUS ***********/

.block-nice-menus {
  line-height: normal;
  z-index: 60;
}

ul.nice-menu, ul.nice-menu ul {
	z-index: 55;
	position: relative;
	list-style: none;
}

ul.nice-menu li {
  position: relative;
}

ul.nice-menu a {
	display: block;
}

ul.nice-menu ul {
  position: absolute;
  visibility: hidden;
}

ul.nice-menu li.over ul {
  visibility: visible;
}

ul.nice-menu ul li {
  display: block;
}

/* Show submenus when over their parents. */
ul.nice-menu li:hover ul, ul.nice-menu li.over ul {
  visibility: visible;
}

/* Hide sub-menus initially. */
ul.nice-menu li:hover ul ul, ul.nice-menu li.over ul ul {
  visibility: hidden;
}

/***************
 IE 6 Fixes
***************/

/* Iframe to fix z-index bug when menu hovers over <select> fields. */
ul.nice-menu li.menuparent ul,
/* For Garland header. */
#header-region ul.nice-menu li.menuparent ul {
	overflow: visible !important;
	/* overflow: hidden; */
}

ul.nice-menu li.menuparent ul iframe,
/* For Garland header. */
#header-region ul.nice-menu li.menuparent ul iframe {
	display: none;
	display/**/: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	filter: mask();
	width: 20px;
	height: 20px;
}

/*
  This is the default layout template for nice menus, and will provide
  a starting point for the look of your menus. To customize, it's
  recommended to create a custom CSS file using this file as a template,
  then configure the module to use your custom CSS file
  (this is done in the global settings tab of the theme administration.)

  See README.txt and the handbook page (http://drupal.org/node/185543)
  for more information on using the CSS.
*/

/******************************
 Global CSS for ALL menu types
******************************/

ul.nice-menu, ul.nice-menu ul {
	font-size: 13px;
	font-family: Century Gothic, 'CenturyGothicRegular', sans-serif;
	width: 218px;
	padding: 0;
	margin: 0;
}

ul.nice-menu ul {
	font-size: 12px;
}

ul.nice-menu a {
  	width: 198px;
	height: 24px;
	margin: 0;
	padding: 8px 10px 0 10px;
	color: #eeeeee;
	text-transform: uppercase;
	text-decoration: none;
	float: left;
	display: block;
	
	background-color: #000;
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.65);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

ul.nice-menu ul a {
	height: 21px;
	padding: 6px 10px 0 10px;
}

ul.nice-menu a:hover{
	color: #000000;
	background-color: #b7d1a4;
	opacity: 1;
	filter: alpha(opacity=100); /* for IE */
}

ul.nice-menu li {
  float: left;
}

ul.nice-menu ul {
  left: 218px;
}

ul.nice-menu ul a {
	color: #000000;
	background-color: #b7d1a4;
	opacity: 1;
	filter: alpha(opacity=100); /* for IE */
}

ul.nice-menu ul a:hover{
	color: #000000;
	background-color: #a2c08c;
	opacity: 1;
	filter: alpha(opacity=100); /* for IE */
}