/*
  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,
#footer ul.menu
{
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.nice-menu ul ul{margin-left:240px;margin-top:-31px;}

ul.nice-menu li,
#footer ul.menu li
{
  float: left; /* LTR */
  display:inline-block;
}

ul.nice-menu li a{
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:18px;
	color:#fff;
	padding:10px;
	border-right:1px solid #fff;
}

ul.nice-menu li.last a{border-right:none;}

ul.nice-menu li a:hover,
.not-front ul.nice-menu li a.active,
ul.nice-menu li.over a
{background:#fff;color:#1191d0;text-decoration:none;}

ul.nice-menu li ul{margin-left:-1px;}
ul.nice-menu li.first ul{margin-left:0;}

ul.nice-menu li li a{text-transform:none;letter-spacing:normal;border-right:none;width:240px;background:#fff;color:#444;border-top:1px solid #ddd;padding:9px;}

ul.nice-menu li.menu-1244 a{padding-left:24px;height:16px;width:225px;background:url(../images/bullet-endorse.png) 6px 12px no-repeat #ddd;}
ul.nice-menu li.menu-1244 a:hover{background:url(../images/bullet-endorse.png) 6px 12px no-repeat #ccc;}

ul.nice-menu li.menu-1022 a,
ul.nice-menu li.menu-1029 a,
ul.nice-menu li.menu-1032 a,
ul.nice-menu li.menu-1244 a
{border-top:1px solid #aaa;}

.menu-path-node-58 a,
.menu-path-node-62 a{font-weight:bold;}

ul.nice-menu li li a:hover,
ul.nice-menu li li a.active,
.not-front ul.nice-menu li li a.active
{background:#ccc;}

#footer ul.menu li a{
	font-size:16px;
	color:#fff;
	padding:10px;
	border-right:1px solid #fff;
}

#footer ul.menu li.last a{border-right:none;}