@charset "UTF-8";
#content_landing { box-sizing: border-box;
	width:100%; 
	float:right; 
	padding: 10px 20px 30px 10px;
	background-color:#FFFFFF;
}
	
.nav_landing {
    display:inline-block; 
    margin:0px auto;
    padding:0;
    background:#fff;
}

.nav_landing img{
	padding:7px;
}

.flyout {
	background:no-repeat url(../images/landing/cardinal_right-arrow.png);
	background-position: 92% center;
}

.USConnect {
	width: 270px;
	height: 140px;
	margin-left: 10px;
	background-color: #900;
	background-image: url(../images/landing/USConnect-1pxbgd.jpg);
	background-repeat: repeat-x;
	text-align: center;
	padding-top: 30px;
}

.title {
	z-index: 1;
	position:absolute;
	text-transform:uppercase;
	right:30px;
	bottom:30px;
	font-family: National, "proxima-nova-1", "proxima-nova-2", Arial, sans-serif; 
	font-size:2.4em; 
/*	text-shadow:#666 1px 3px 4px;
*/	line-height: 26px;
	color:#FFF ;
	text-align:right;
}

.nav_landing li {
	list-style: none;
	line-height: 21px;
}

.nav_landing > li {
	margin: 0px;
	float: left;
	position: relative;
}

.nav_landing a {
    
    text-decoration:none; 
	color:#666;
    display:block;
	-webkit-transition: background .2s ease-in;
	-moz-transition: background .2s ease-in;
	-ms-transition: background .2s ease-in;
	-o-transition: background .2s ease-in;
	transition: background .2s ease-in;
}
.nav_landing li .flyout2 {
	float: left;
	overflow: hidden;
	position: absolute;
	z-index: 20;
	height: 235px;
	width: 0;
	background: #fff;
	background-image:url(images/landing/cardinal-right.png);
	background-repeat:no-repeat;
	
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

.nav_landing ul{
    opacity:0; 
    visibility:hidden;
	z-index:2;
	top:0;
	min-height:210px;	
    padding:35px 0px; padding-top:25px; padding-bottom:45px;
    position:absolute;
	/*border-bottom: solid 1px #FFCC00;*/
	
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
	
	}

.nav_landing ul li {
    float:none;
	padding:0px 0px 0px 10px;
    margin:0;
}

.nav_landing li img{
	opacity:0.8;
}

.nav_landing ul ul{
    top:0px;
}

/************* menu grid images ****************/
.bgimgs {	
	padding: 10px;
	height: 304px; 
	width: 309px;	
	background-color:rgba(255,204,0,1);
}
.bgimg_learn {
	background:url(../images/landing/landing_learn.jpg) no-repeat;
}
.bgimg_learn1 {
	background:url(../images/landing/landing_learn1.jpg) no-repeat;
}
.bgimg_learn2 {
	background:url(../images/landing/landing_learn2.jpg) no-repeat;
}
.bgimg_learn3 {
	background:url(../images/landing/landing_learn3.jpg) no-repeat;
}
.bgimg_learn4 {
	background:url(../images/landing/landing_learn4.jpg) no-repeat;
}
.bgimg_learn5 {
	background:url(../images/landing/landing_learn5.jpg) no-repeat;
}
.bgimg_learn6 {
	background:url(../images/landing/landing_learn6.jpg) no-repeat;
}
.bgimg_learn7 {
	background:url(../images/landing/landing_learn7.jpg) no-repeat;
}
.bgimg_learn8 {
	background:url(../images/landing/landing_learn8.jpg) no-repeat;
}
.bgimg_learn9 {
	background:url(../images/landing/landing_learn9.jpg) no-repeat;
}
.bgimg_visit {
	background:url(../images/landing/landing_visit.jpg) no-repeat; 
}
.bgimg_visit1 {
	background:url(../images/landing/landing_visit1.jpg) no-repeat; 
}
.bgimg_visit2 {
	background:url(../images/landing/landing_visit2.jpg) no-repeat; 
}
.bgimg_visit3 {
	background:url(../images/landing/landing_visit3.jpg) no-repeat; 
}
.bgimg_visit4 {
	background:url(../images/landing/landing_visit4.jpg) no-repeat; 
}
.bgimg_visit5 {
	background:url(../images/landing/landing_visit5.jpg) no-repeat; 
}
.bgimg_visit6 {
	background:url(../images/landing/landing_visit6.jpg) no-repeat; 
}
.bgimg_visit7 {
	background:url(../images/landing/landing_visit7.jpg) no-repeat; 
}
.bgimg_visit8 {
	background:url(../images/landing/landing_visit8.jpg) no-repeat; 
}
.bgimg_finaid {
	background:url(../images/landing/landing_finaid.jpg) no-repeat; 
}
.bgimg_finaid1 {
	background:url(../images/landing/landing_finaid1.jpg) no-repeat; 
}
.bgimg_finaid2 {
	background:url(../images/landing/landing_finaid2.jpg) no-repeat; 
}
.bgimg_finaid3 {
	background:url(../images/landing/landing_finaid3.jpg) no-repeat; 
}
.bgimg_finaid4 {
	background:url(../images/landing/landing_finaid4.jpg) no-repeat; 
}
.bgimg_finaid5 {
	background:url(../images/landing/landing_finaid5.jpg) no-repeat; 
}
.bgimg_finaid6 {
	background:url(../images/landing/landing_finaid6.jpg) no-repeat; 
}
.bgimg_finaid7 {
	background:url(../images/landing/landing_finaid7.jpg) no-repeat; 
}
.bgimg_finaid8 {
	background:url(../images/landing/landing_finaid8.jpg) no-repeat; 
}
.bgimg_finaid9 {
	background:url(../images/landing/landing_finaid9.jpg) no-repeat; 
}
.bgimg_finaid10 {
	background:url(../images/landing/landing_finaid10.jpg) no-repeat; 
}
.bgimg_accepted {
	background:url(../images/landing/landing_accepted.jpg) no-repeat;
}
.bgimg_accepted1 {
	background:url(../images/landing/landing_apply1.jpg) no-repeat;
}
.bgimg_accepted2 {
	background:url(../images/landing/landing_apply2.jpg) no-repeat;
}
.bgimg_accepted3 {
	background:url(../images/landing/landing_apply3.jpg) no-repeat;
}
.bgimg_accepted4 {
	background:url(../images/landing/landing_apply4.jpg) no-repeat;
}
.bgimg_accepted5 {
	background:url(../images/landing/landing_apply5.JPG) no-repeat;
}
.bgimg_accepted6 {
	background:url(../images/landing/landing_apply6.JPG) no-repeat;
}
.bgimg_accepted7 {
	background:url(../images/landing/landing_apply7.jpg) no-repeat;
}
.bgimg_accepted8 {
	background:url(../images/landing/landing_apply8.jpg) no-repeat;
}
.bgimg_contact {
	background:url(../images/landing/landing_contact.jpg) no-repeat; 
}
.bgimg_FAQ {
	background:url(../images/landing/landing_FAQ.jpg) no-repeat; 
}
.bgimg_FAQ1 {
	background:url(../images/landing/landing_faq2.jpg) no-repeat; 
}	
.bgimg_counselors {
	background:url(../images/landing/landing_counselors.jpg) no-repeat; 
}
.bgimg_parents {
	background:url(../images/landing/landing_parents.jpg) no-repeat; 
}
.bgimg_alumni {
	background:url(../images/landing/landing_alumni.jpg) no-repeat;
}
.bgimg_alumni1 {
	background:url(../images/landing/landing_alumni1.jpg) no-repeat;
}
/**************************** hovers begin ****************************/

/***************** sub-menu hovers *****************/
.nav_landing li:hover > ul {
	left:-1px;
	padding-left:20px; 
/*	padding-top:10px; */
	width:296px;  
	min-height:236px;
	/*max-height:300px;   orig value 235px; */
	z-index:10;
	opacity:1;
    visibility:visible; 
	background:url(../images/gold-topbar.gif) rgba(255,255,255,0.9) no-repeat;
}
/** safari only blocked chrome **/
body:first-of-type
::i-block-chrome,
.nav_landing li:hover > ul {
	left:-3px;
	padding-left:20px; 
	width:298px;  
	min-height:238px;	
	z-index:10;
	opacity:1;
    visibility:visible; 
	background:url(../images/gold-topbar.gif) rgba(255,255,255,0.9) no-repeat;
}

.nav_landing li:hover > a {
	opacity:1;
	/*background-color:rgba(255,204,0,1);/*on or off*/
}


/***************** sub-sub-menu hovers *****************/
.nav_landing ul li:hover > ul {
	opacity:1;
    visibility:visible; 
	left:316px;
	padding-left:20px;
	/*padding-top:40px;*/
	width:310px;
	min-height:236px;
/*	max-height:315px;  */
	z-index:10;
	background:url(../images/gold-topbar.gif) rgba(255,255,255,0.9) no-repeat;
}
/** safari only blocked chrome **/
body:first-of-type
::i-block-chrome,
nav_landing ul li:hover > ul {
	opacity:1;
    visibility:visible; 
	
	padding-left:20px;	
	width:310px;
	min-height:240px;

	z-index:10;
}

.nav_landing ul li:hover > a {
	color:#900;
}
.nav_landing ul li:hover {
	color:#900;
}

.nav_landing li:hover > a img{
	opacity:1;
}

.flyout:hover {
	background:no-repeat url(../images/landing/cardinal_right-arrow.png) ;
	background-position: 92.5% center;
	background-color: #e0e0e0;
	margin-left:-20px;
	padding-left: 30px;
}


/************* menu grid images swap ****************/
/*
.bgimg_learn:hover {
	background:url(../images/landing/landing_learn-hover.jpg) no-repeat;
}
.bgimg_visit:hover {
	background:url(../images/landing/landing_visit-hover.jpg) no-repeat;
}
.bgimg_finaid:hover {
	background:url(../images/landing/landing_finaid-hover.jpg) no-repeat;
}
.bgimg_accepted:hover {
	background:url(../images/landing/landing_accepted-hover.jpg) no-repeat;
}
.bgimg_contact:hover {
	background:url(../images/landing/landing_contact-hover.jpg) no-repeat;
}
.bgimg_counselors:hover {
	background:url(../images/landing/landing_counselors-hover.jpg) no-repeat;
}

.bgimg_FAQ:hover {
	background:url(../images/landing/landing_FAQ-hover.jpg) no-repeat;
}
*/

/********** for main menu landing page for counselors  ***********/
.menu_ImgQuote {
	
	margin-right: 14px !important;	
	height: 306px; 
	width: 644px;	
	background-color:#990000;
}
.title_quote {
	font-family: Arial-Narrow, Helvetica, sans-serif;
	font-size:36px;
	font-weight:light;
	color:#ffffff;
	line-height: 42px;
}
.title_quote blockquote {
		
}

/*** flyout_left  for right-most menu  **/
.flyout_left {
	background:no-repeat url(../images/landing/cardinal_left-arrow.png) ;
	background-position: left center;
	
}
.flyout_left ul li {
	margin-right: 40px;	
}

.flyout_left:hover .flyout2 {
	width: 617px;
	left: -200px !important; 
	background-image:url(../images/gold-topbar.gif);
	background-position:top right;
	z-index:100;
}

.flyout_left:hover {
	background:no-repeat url(../images/landing/cardinal_left-arrow.png) ;
	background-position: 10px center; 
	background-color: #e0e0e0;  /* #e5e4e2; */
	margin-left: -10px;
	padding-left: 20px; 	
}

.bgimg_counselors ul, .bgimg_parents ul {
	text-indent: 20px;	
}

.bgimg_counselors ul .flyout_left ul {
	text-indent: 0px !important;	
}
.nav_landing li ul li ul li.flyout {
	color: #000000;	
/*	left: 317px !important; */
}
.nav_landing li ul li ul li.flyout:hover {
	color: #900;	
}
#header_nav{ height:55px; margin-bottom:10px;}
@media all and (max-width: 768px) {
	
.menu_ImgQuote {
	margin-right: 0px !important; 
	margin-left: 20px;
	padding: 5px 20px 5px 20px;
	height: auto; 
	width: 90%;	
}

.title_quote {
	font-size:24px;
	line-height: 42px;
}

.nav_landing { display:none;}
#content_landing { box-sizing: border-box;
	width:100%; 
	float:left; 
	padding-left:5px; 
	padding-right:5px; 
	padding-bottom: 30px; background-color:#FFFFFF;
}
#content { min-height:550px;} 



}