/* XA Menu Styles */

#menu-holder {
	background-color: #555;
}
/* use the following to get effect of overflow:hidden without actually hiding overflow */
#menu-holder:after {
	clear: both;
	content: "";
	display: block;
}

.sm-simple,
.sm-simple ul {
	border:0;
	background: #555;
	text-transform: uppercase;
}

.sm-simple ul {
	background: #444;
}

.sm-simple a {
	color:#ccc;
}

.sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active,
.sm-simple a.highlighted {
	background: #000;
	color:#fff;
}

.sm-simple ul a:hover, .sm-simple ul a:focus, .sm-simple ul a:active,
.sm-simple ul a.highlighted {
	background: #000;
	color:#fff;
}

.sm-simple li.current-menu-item {
	color: #fff;
	background-color: #222;
}

.sm-simple ul li {
	min-width: 200px;
}

.sm-simple li {
	border-left: 0;
}
.sm-simple ul li,
.sm-simple-vertical li {
	border-left:0;
	border-top:1px solid #f3f3f3;
}

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

Bottom Menu Style

*************************************************** */
ul.menuBottom {
	display: block;
	clear: both;
	height: 2em;
	margin: 0;
	padding: 0;
  background-color: #000;
}

ul.menuBottom li {
	font-size: 80%;
	font-weight: bold;
	color: #fff;
  background: url("../images/divider_white.gif") left no-repeat;
	list-style: none;
	float: right;
	margin: 0;
	margin-top: .5em;
	padding-right: 2em;
	padding-left: 2em;
}

ul.menuBottom li a:link    { color: #ffffff; text-decoration: none; }
ul.menuBottom li a:visited { color: #ffffff; text-decoration: none;  }
ul.menuBottom li a:hover   { color: #ffffff; text-decoration: underline; }

ul.menuBottom li.left_lead {
   background: 0;
	float: left;
}

@media screen and (max-width: 640px) {

	#menu-holder {
		background-color: #fff;
	}

	.sm-simple,
	.sm-simple ul {
		border:1px solid #bbb;
		background:#fff;
	}

	.sm-simple ul {
		border:0;
		/* darken the background of the sub menus */
		background:rgba(100,100,100,0.1);
	}
}