/* Mobile first queries */

/* ==================================
			Main Nav Bar
   ================================== */
nav#main {
	box-sizing: border-box;
	font-size: 13px;
	font-weight: normal;
	color: black;
	background-color: #89002e;
	line-height: 24px;
	height: auto;
	overflow: hidden;
	border-bottom: 0x solid white;
}
nav#main span { display: none; }
nav#main ul {
	list-style: none;
	float: left;
	margin-bottom: 0;
}
nav#main ul.home {
	float: left;
}
nav#main ul.menu {
	float: left;
}

nav#main ul li {
	float: left;
	margin-bottom: 0;
}
nav#main a:link, nav#main a:visited {
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #89002e;
	border-left: 0px solid white;
	border-right: 1px solid white;
	color: white;
	font-weight: bold;
	text-decoration: none;
}
nav#main a.active, nav#main a.current, nav#main a.section {
	background-color: #c30037;
}
nav#main ul a:hover {
	background-color: #c30037;
	-webkit-transition: background 0.25s linear;
	-moz-transition: background 0.25s linear;
	-o-transition: background 0.25s linear;
	transition: background 0.25s linear;
}
nav#main a.home {
	background-repeat: no-repeat;
	background-color: #89002e;
/* 	background-image: url(../images/css-imgs/a5-home-logo-transp.png); */
	width: 120px;
	height: 24px;
	padding-left: 0;
}
nav#main a#home.current {
	background-color: #c30037;
}


.navbar-section {
  padding: 0 0rem;
	background-color: #89002e;
	margin-bottom: 0em;
}

	nav#main {
		line-height: 40px;
	}
	nav#main a.home {
		display: none;
		height: 40px;
	}



/* Larger than mobile */
@media (min-width: 400px) {
	.navbar-section {
		margin-bottom: 2em;
	}

}

/* Larger than phablet */
@media (min-width: 550px) {

}

/* Larger than tablet */
@media (min-width: 750px) {
	nav#main ul.home {
		float: left;
	}
	nav#main ul.menu {
		float: right;
	}
	nav#main a:link, nav#main a:visited {
		border-left: 1px solid white;
		border-right: 0px solid white;
	}
	nav#main a.home {
		border-left: 0px solid white;
		border-right: 0px solid white;
	}


}

/* Larger than desktop */
@media (min-width: 1000px) {
	.navbar-section {
		margin-bottom: 3em;
	}
	nav#main {
		line-height: 24px;
	}
	nav#main a.home {
		display: inline;
		height: 24px;
	}

}

/* Larger than Desktop HD */
@media (min-width: 1200px) {

}



/* ===============================
   Sub Navigation
   =============================== */
/*** SUBNAV ***/
div.subnavigation {
	margin: 10px 0 10px 0;
}
ul.subnav {
	box-sizing: border-box;
	background-image: url(../images/subnav-grad-pink.png);
	background-repeat: repeat-x;
	width: 100%;
	padding: 0 5px 0 5px;
	margin: 0 22px 0 0;
}
ul.subnav li {
	padding: 10px 5px 10px 5px;
	display: block;
	border-top: 1px solid #aeaeae;
	list-style: none;
	margin: 0;
	line-height: 18px;
}
ul.subnav .subnavTitle {
	font-size: 1.3em;
}
ul.subnav:first-child li {
	border-top: none;
}
ul.subnav a {
	display: block;
	width: 100%;
	font-weight: bold;
	text-decoration: none;
}
ul.subnav li.current a {
	color: #c30037;
}
ul.subnav li.link a {
	color: #222222;
}
ul.subnav li a:hover {
	color: #89002e;
}
ul.subnav li.subnavTitle a.inline {
	display: inline;
}
ul.subnav li a.red, ul.subnav li span.red {
	color: red;
}


