/* CSS Document */

/* ==========================================================
	MAIN NAVIGATION
============================================================= */

.main-navigation {
	clear:both;
	font-size:0.8em; 
	width:10;
	font-family: 'Open Sans', sans-serif;
	width: 1200px;
	margin:0px auto;
	height:41px;
	padding:0;
	border-top: 1px solid #ddd; 
	background: #ffffff; }
	
.main-navigation ul { margin:0; padding:0 }

.main-navigation ul li {
	float:left;
	text-align:center;
	position:relative;
	padding:0 ;
	margin:0;
	list-style:none;
}

.main-navigation ul > li { font-size: 1.1em; line-height: 1.4; font-weight: bold; text-transform: uppercase; }

.main-navigation ul li.menu-1 { width: 12.16666666666667%; }  /* Discover RSCCD 146 */
.main-navigation ul li.menu-2 { width: 8%; }                  /* Trustees 96 */
.main-navigation ul li.menu-3 { width: 10.75%; }              /* Departments 129 */
.main-navigation ul li.menu-4 { width: 10.41666666666667%; }  /* For Business 125 */ 
.main-navigation ul li.menu-5 { width: 12.25%; }              /* Faculty & Staff 147 */
.main-navigation ul li.menu-6 { width: 14.25%; }              /* Diversity Initiative 171 */
.main-navigation ul li.menu-7 { width: 10.41666666666667%; }  /* Employment 125 */
.main-navigation ul li.menu-8 { width: 11.58333333333333%; }  /* Bond Projects 139 */
.main-navigation ul li.menu-9 { width: 10.16666666666667%; }  /* Foundation 122 */


.main-navigation ul li:hover {	
	background: #e7e7e7;	
}

.main-navigation ul li.selected {	
	background: #e7e7e7;	
}

.main-navigation ul li a {
	padding: 11px 0 10px 0;
	color: #222;
	display:block;
	box-sizing:border-box;
	outline:0;
	text-decoration:none;
}

.main-navigation ul li:hover a {
	color:#000;
}

/* === LEVEL 2 ===================== */
.main-navigation ul > li > ul > li { font-weight: normal; font-size: 1em; text-transform: none; }

.main-navigation ul li ul {
	width: 250px;
	margin:0;
	float:left;
	position:absolute;
	left:-999em; /* Hiding dropdown */
	text-align:left;
	padding:0;
	border-top:none;
	background:#e7e7e7;
	z-index:50; }

.main-navigation ul li:hover ul { /* level 2 link dropdown appears when hovering over level 1 links */
	left:0px;
	top:auto; }

.main-navigation ul li ul {
	list-style:none;
	padding:0;
	margin:0; }

.main-navigation ul li ul li {
	float:none;
	width:100%;
	position:relative;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
	border-bottom: 1px solid #ddd; }

.main-navigation ul li ul li.flyout-right {
	background: url(../images/flyout-right.png) no-repeat 97% 15px; }

.main-navigation ul li:hover ul li.flyout-right:hover {
	background: #666 url(../images/flyout-right-white.png) no-repeat 97% 15px; }

.main-navigation ul li ul li.flyout-left {
	background: url(../images/flyout-left.png) no-repeat 5px 15px; }

.main-navigation ul li:hover ul li.flyout-left:hover {
	background: #666 url(../images/flyout-left-white.png) no-repeat 5px 15px; }

.main-navigation ul li ul li:hover {
	background:#666;
	border:none;
	padding:0;
	margin:0;
	border-bottom: 1px solid #ddd; }

.main-navigation ul li ul li a {
	display:block;
	padding: 8px 20px; }

.main-navigation ul li ul li:hover a { color: #fff; }

.main-navigation ul li ul li a:hover { color: #fff; }

.main-navigation ul li.menu-7:hover ul, .main-navigation ul li.menu-8:hover ul, .main-navigation ul li.menu-9:hover ul {
	left: auto;
	right:0px;
	top:auto; }

/* === LEVEL 3 ===================== */

.main-navigation ul li:hover ul li ul{
    display:none;   /* hiding level 3 links */
	z-index:50; }
 
/* level 3 menus only appear when a corresponding level 2 link is hovered over. */
.main-navigation ul li:hover ul li:hover ul{
    width: 100%;
	position:absolute;
	display:block;
    left: 100%;
    top:0px; }
 
/* Level 3 background color*/
.main-navigation ul li:hover ul li:hover ul li {
	background:#666;
	border-bottom: 1px solid #e7e7e7; }
 
/* Level 3 text color */
.main-navigation ul li:hover ul li:hover ul li a {
	color:#fff;
	padding: 8px 20px;}

.main-navigation ul li:hover ul li:hover ul li a:hover { 
	background:#737373; }

/* last 3 level 3 dropdowns */
.main-navigation ul li.menu-7:hover ul li:hover ul,
.main-navigation ul li.menu-8:hover ul li:hover ul,
.main-navigation ul li.menu-9:hover ul li:hover ul
{
    width: 100%;
	position:absolute;
	display:block;
    left: -100%; /* goes -225px to the left side of level 2 links */
    top:0px;
	background:#666; }

/* ............................. */

.main-navigation ul.rsscd-nav, .main-navigation div.nav-menu > ul { }
.main-navigation ul.rsscd-nav.toggled-on, .menu-toggle { display: inline-block!important; }

/**/

/* Buttons */
.menu-toggle {
	/* padding: 6px 10px;
	padding: 0.428571429rem 0.714285714rem; */
	width:40px;
	height:30px;
	font-size: 13px;
	line-height: 1.5;
	font-weight: normal;
	color: #000;
	background-color: #5b7f71;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
	background: url("../Images/toggle-menu.png") no-repeat;
	border: 1px solid #d2d2d2;
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
	text-indent: -9999px;
}
.menu-toggle { cursor: pointer; }

.menu-toggle:hover {
	color: #f8981d;
	background-color: #000;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: linear-gradient(top, #f9f9f9, #ebebeb);
	background: url("../Images/toggle-menu-hover.png") no-repeat;
}
.menu-toggle:active {
	color: #757575;
	background-color: #e1e1e1;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: linear-gradient(top, #ebebeb, #e1e1e1);
	background: url("../Images/toggle-menu-hover.png") no-repeat;
	box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
	border: none;
}

/* MEDIA QUERIES */

@media screen and (max-width: 1199px) { 
	.main-navigation ul li ul li ul { display:none; } /* hiding drop-down menus level 3*/	
}

@media screen and (min-width: 769px) {
	.menu-toggle { display: none !important }
	.main-navigation ul.rsccd-nav,
	.main-navigation div.nav-menu > ul { display: inline-block !important; width: 100%; }
	.main-navigation ul { margin: 0; text-indent: 0; }
	.main-navigation li a, .main-navigation li { display: inline-block; text-decoration: none; }
	.main-navigation li ul {
		display: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 1;
	}
	.main-navigation li ul ul { top: 0; left: 100%; }
	.main-navigation ul li:hover > ul { border-left: 0; display: block; }
}

@media only screen and (max-width:768px) {
	
	nav#mainMenu { clear:both !important; }

	nav#mainMenu.main-navigation h3.menu-toggle { margin-left:30px; text-transform:uppercase; }
	.menu-toggle { font-size: 115%;}
	.main-navigation { width:90%;  height:auto; margin:0 auto 20px auto; border-top: none; }
	.main-navigation ul.rsscd-nav, .main-navigation div.nav-menu > ul { display:none !important; }
	.main-navigation ul {
		width:100%;
		height:auto;
		clear:both;
		border-top: 1px dotted #999 !important; }
		
	.main-navigation ul li {
		float:none !important;
		clear: both;
		width: 90% !important; 
		text-align:left;
		border-bottom: 1px dotted #999;
		padding: 0 5% ;
		margin:0;
		z-index:20;
		font-size: 115%;
		background: #f3f3f3;	}
		
	.main-navigation ul li ul { display:none; } /* hiding drop-down menus level 2 & 3*/
	
	.main-navigation ul li div.more { display:none; }
	nav#mainMenu.main-navigation h3.menu-toggle { margin-left:0; }
}

/* Tablet view*/

@media screen and (min-width: 769px) and (max-width: 1199px) {
	
	.main-navigation { width: 100%;	}
	.main-navigation ul > li { font-size: 0.95em; font-weight: normal; }
}
@media screen and (min-width: 769px) and (max-width: 960px) {
	.main-navigation ul > li { font-size: 0.95em; font-weight: normal; text-transform: none; }	
}