@charset "utf-8"; 
/* Base Styles */
#mobilemenu { background: #ffffff; width: 100%; }

#mobilemenu > ul {
	background: #3774b0 url('/images/main-nav-bg.png') top left repeat-x;
	max-height: 52px;
	overflow: hidden;
}

#mobilemenu > ul > li {
	border-left: 1px solid #fde1b2;
	border-right: 1px solid #fde1b2;
	box-shadow: 0 0 0 transparent;
	display: block;
	float: none;
	-moz-box-shadow: 0 0 0 transparent;
	-webkit-box-shadow: 0 0 0 transparent;
}

#mobilemenu > ul > li > a {
	color: #ffffff;
	display: block;
	font-size: 16px;
	padding: 12px 0;
	text-shadow: 0 1px 1px #000000;
}

#mobilemenu > ul > li > a > span { display: block; font-weight: bold; padding: 6px 10px; }

#mobilemenu > ul > li > a:hover { 
	text-decoration: none; 
	background: url('/images/mo_menu_hover_bkg.jpg') top left repeat-x;
}

#mobilemenu > ul > li.active {
	background: #3774b0 url('/images/main-nav-bg.png') top left repeat-x;
}

#mobilemenu > ul > li.active { border-bottom: none; }

#mobilemenu > ul > li.active > a { color: #ffffff; text-shadow: 0 1px 1px #000000; }

#mobilemenu > ul > li.mobile { display: block; }

#mobilemenu > ul > li.mobile {
	border-right: 1px solid #fde1b2;
	box-shadow: 0 0 0 transparent;
	-moz-box-shadow: 0 0 0 transparent;
	-webkit-box-shadow: 0 0 0 transparent;
}

#mobilemenu > ul > li.mobile i { float: right; font-style: normal; }

#mobilemenu > ul > li:last-child {
	border-radius: 0 4px 4px 0;
	border-right: 0 none;
	box-shadow: 0 0 0 transparent;
	-moz-border-radius: 0 4px 4px 0;
	-moz-box-shadow: 0 0 0 transparent;
	-webkit-border-radius: 0 4px 4px 0;
	-webkit-box-shadow: 0 0 0 transparent;
}

#mobilemenu > ul > li:last-child ul { left: auto; right: 0; }

#mobilemenu > ul:after { clear: both; content: ''; display: table; }

#mobilemenu a { line-height: 1.5; }

/* Sub menu */
#mobilemenu ul ul {
	background: #fde1b2;
	box-shadow: #000000 1px 1px 3px;
	display: none;
	left: 0;
	padding: 5px 12px;
	position: relative;
	top: 0;
	width: 100%;
	z-index: 1;
}

#mobilemenu ul ul a {
	color: #000;
	display: block;
	font-size: 16px;
	font-weight: bold;
}

#mobilemenu ul ul a:hover { color: #444444; }

#mobilemenu ul ul li { padding: 10px 0; }

#mobilemenu,
#mobilemenu ul,
#mobilemenu li,
#mobilemenu a {
	border: 0;
	font: normal 14px/1 'Open Sans', sans-serif;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	text-decoration: none;
}

#mobilemenu.expand ul { max-height: 1150px; }