#menuBar {
	background-color: #1B325F;
}

.toggleMenu {
    background: none repeat scroll 0 0 #1B325F;
    color: #FFFFFF;
    display: none;
    padding: 10px 15px;
}
.nav {
	display: table;
	margin: 0 auto;
    background: none repeat scroll 0 0 #1B325F;
    list-style: none outside none;
}

#menuBar a {
	color: white;
}

.nav:before, .nav:after {
    content: " ";
    display: table;
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none outside none;
    width: 9em;
}

.nav a {
    color: #FFFFFF;
    padding: 5px 15px;
	font-family: 'Lucida Grande', sans-serif;
	font-size: 17px;
	font-weight: bold;
	-webkit-text-size-adjust: 100%;
}
.nav li {
    position: relative;
}

.nav a:hover {	
	text-decoration:none;
}

.nav > li {
    border-top: 1px solid #1B325F;
    float: left;
	height: 35px;
	-webkit-text-size-adjust: 100%;
}
.nav2 > li > .parent {
    /* background-image: url("images/downArrow.png"); */
    background-position: right center;
    background-repeat: no-repeat;
}
.nav > li > a {
    display: block;
}
.nav li ul {
    left: -9999px;
    position: absolute;
	text-align: left;
	
/*	-moz-box-shadow: 2px 2px 8px rgba(10, 10, 10, 0.2), -2px 2px 8px rgba(10, 10, 10, 0.2);
	-webkit-box-shadow: 2px 2px 8px rgba(10, 10, 10, 0.2), -2px 2px 8px rgba(10, 10, 10, 0.2);*/
	box-shadow: 2px 2px 3px rgba(10, 10, 10, 0.2), -2px 2px 3px rgba(10, 10, 10, 0.2);
	z-index: 100;
}


.nav > li.hover > ul {
	text-decoration:none;
    left: 0;
}
.nav li li.hover ul {
	text-decoration:none;
    left: 100%;
    top: 0;
}
.nav li li a {
    background: none repeat scroll 0 0 #9CC4E4;
    display: block;
    position: relative;
    z-index: 100;
	font-weight: normal;
}
.nav li li li a {
    background: none repeat scroll 0 0 #9CC4E4;
    z-index: 200;
}

.menu_separator {
    height: 3px;
    margin: 0px;
    padding: 0px;	
}



.nav li a {
	background-color: #1B325F;
}

.nav li li a:hover {
	background-color: #1B325F;
}

.nav li a.HO_menu {
	background-image: url(../../assets/images/20px/hockey20px.png);
	background-repeat:no-repeat;
	background-position: 8px;
	padding-left: 35px;
}

.nav li a.BB_menu {
	background-image: url(../../assets/images/20px/baseball20px.png);
	background-repeat:no-repeat;
	background-position: 8px;
	padding-left: 35px;
}

.nav li li a.BK_menu {
	background-image: url(../../assets/images/20px/basketball20px.png);
	background-repeat:no-repeat;
	background-position: 8px;
	padding-left: 35px;
}

.nav li a.SO_menu {
	background-image:url('../../assets/images/20px/soccer20px.png');
	background-repeat:no-repeat;
	background-position: 8px;
	padding-left: 35px;
}

.nav li a.FB_menu {
	background-image: url(../../assets/images/20px/football20px.png);
	background-repeat:no-repeat;
	background-position: 8px;
	padding-left: 35px;
}

.nav li a.SB_menu {
	background-image::no-repeat;
	background-position: 8px;
	padding-left: 35px;
}

.nav li a.VB_menu {
	background-image: url(../../assets/images/20px/volleyball20px.png);
	background-repeat:no-repeat;
	background-position: 8px;
	padding-left: 35px;
}

.nav li a.LA_menu {
	background-image: url(../../assets/images/20px/lacrosse20px.png);
	background-repeat:no-repeat;
	background-position: 8px;
	padding-left: 35px;
}

@media screen and (max-width: 768px) {
	.active {
		display: block;
	}
	.nav > li {
		float: none;
	}
	.nav > li > .parent {
		background-position: 95% 50%;
	}
	.nav li li .parent {
		/* background-image: url("images/downArrow.png"); */
		background-position: 95% 50%;
		background-repeat: no-repeat;
	}
	.nav ul {
		display: block;
		width: 100%;
	}
	.nav > li.hover > ul, .nav li li.hover ul {
		position: static;
	}
}