.immigration-button {
	background-color:#FF7900 !important; 
	padding: .5em; 
	font-size:  .813em;
	font-weight:500;
	border-radius: 2px; 
	color:#000;
	text-decoration:none;

}

.immigration-button:hover {
	text-decoration:underline;

}

.dl-trigger:focus-visible {
  outline: 3px solid #005fcc;   /* strong visible color */
  outline-offset: 3px;          /* space from the button */
}




/* SITE SEARCH */

#SiteSearch_panel .gsc-refinementHeader {
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 4px;
}

#SiteSearch_panel .gsc-refinementHeader:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

#SiteSearch_panel .gsc-refinementhActive {
    font-weight: bold;
}

#SiteSearch_panel[hidden] {
	display: none;
}



.gsc-search-button {
	display:block !important;
}

#SiteSearch_panel.search-modal {
	position: fixed;
	inset: 0;		
	z-index: 9999;
	background: transparent !important;
}
/* dark overlay */
#SiteSearch_panel .search-modal-overlay {
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,.5);
}

/* 👉 RIGHT SIDE PANEL */
#SiteSearch_panel .search-modal-dialog {
	position: absolute;
	top: 0;
	right: 0;

	height: 100vh;
	width: min(520px, 100%);

	background: #fff;
	display: flex;
	flex-direction: column;

	transform: translateX(100%);
	transition: transform 0.3s ease;
}

/* 👉 OPEN STATE */
#SiteSearch_panel:not([hidden]) .search-modal-dialog {
	transform: translateX(0);
}

#SiteSearch_panel .search-modal-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1rem;
	border-bottom: 1px solid #ccc;
}

#SiteSearch_panel .search-modal-body {
	flex: 1;
	overflow: auto;
	padding: 1rem;
}

body.search-dialog-open {
	overflow: hidden;
}

/*----------------------------------------------------------------------------
508 / ACCESSIBILITY CSS
-----------------------------------------------------------------------------*/

.sr-only {
	position: absolute !important;
	width: 1px; 
	height: 1px; 
	padding: 0; 
	margin: -1px; 
	overflow: hidden;
	clip: rect(0, 0, 0, 0); 
	white-space: nowrap; 
	border: 0;
}





a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus {
	outline: 3px solid #005fcc; /* or any high contrast color */
	outline-offset: 2px;

}

#skipnav {
	background-color: #0F3F8C;
	color: #fff;

}

#skipnav a {
	position: absolute;
	top: -250px;
	left: 25px;
	height: 54px;
	background-color: #0F3F8C;
	color: #fff;
	z-index: 100;
}

#skipnav a:focus,
#skipnav a:focus-visible {
	top: 10px;
	position:static;
}


.gscb_a {
	color:#000 !important;
	background-color:#fff;
}

.gsc-option {
	color: #000 !important;
	background-color: #fff !important;
}

gsc-tabHeader {
	color: #000 !important;
	background-color: #fff !important;
}

.gsc-inline-block {
	color: #000 !important;
	background-color: #fff !important;
}
.gsc-tabhActive {
	color: #000 !important;
	background-color: #fff !important;
}
/* Skip nav styles from Liam */
/* .skipnav {
position: absolute;
text-align: left;
margin: 0;
padding: 0;
left: -1000em;
top: 0;
color: #000;
background-color: #fff;
}
.skipnav a {
color: #000;
background-color: #fff;
} */

.ati_leadtext {
	display:none;
}

#apply-button {
	background-color: #FF7900;
	color: #000;
	padding: 8px 20px 8px 20px;
	margin-right: 50px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.85em;
	float: right;
}

#apply-button:hover {
	text-decoration: underline;
}



/*For all, including Opera. 
Display:none used to switch off the skip links for Opera users 
(it's redundant, Opera has excellent keyboard navigation)*/
/* * html .skipnav {
display: block
}  */
/*Switch on for IE6 and below*/
/* *+html .skipnav {display: block}  */
/*Switch on for IE7*/
/* :root .skipnav {display: block}  */
/*Switch on for Moz, FF and Safari*/



html, body {height:100%;}

body
{
	background-color:#f7f7f7;
	color:#222;
	margin:0px;
	padding:0px;
	font: 400 18px/24px Roboto,sans-serif;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6, h7, p, li, div, span, label, a
{
	font-family:'Roboto', Arial, sans-serif;   
	font-weight:normal;
}

h1 {
	font-size: 1.5em !important;
	font-weight:700;
	margin-bottom: 1%;
	margin-top: 0;
	text-align: center;
	text-transform: uppercase;
}	

p, ul, li {font-size:1em;}	

hr {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #999 -moz-use-text-color;
	border-image: none;
	border-style: solid none;
	border-width: 1px 0;
	clear: both;
	height: 5px;
	margin: 2.25em 0;
}

.txtWhite {color:#fff !important;}

/*BUTTONS*/

a.button:link, a.button:visited {
	border-radius: 5px;
	color: #fff;
	text-decoration:none;
	letter-spacing: 0.045em;
	padding: 0.75em 1.125em;
}

a.highlight:link, a.highlight:visited {
	color:#00274c;
	text-decoration:none;
	padding:0.5em 1em;
	background-color:yellow;
	font-weight:bold;
}
a.highlight:hover {
	background-color:#06c;
	color:#fff;
}

a.pill:link, a.pill:visited {
	border-radius: 25px;
	color: #fff;
	letter-spacing: 0.045em;
	padding: 0.625em 1.75em 0.75em;
	text-decoration:none;
}

a.pill:hover {
	background-color: #db6d01;
	text-decoration: none;
}

a.frame:link {
	background-color: rgba(255, 255, 255, 0.8);
	display: block;
	margin-bottom: 3%;
	/*padding: 4%;*/
	padding: 15px 15px 15px 40px;
	width: 100%;
	color:#333;
	text-decoration:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

a.frame2:link {
	background-color: rgba(255, 255, 255, 0.15);
	display: block;
	margin-left:5%;
	margin-right:5%;
	margin-bottom: 1%;
	padding: 4%;
	width: 90%;
	color:#fff;
	text-decoration:none;
}

a.frame3:link {
	background-color: rgba(255, 255, 255, 0.15);
	display: block;
	margin-bottom: 3%;
	padding: 15px 15px 15px 40px;
	width: 100%;
	color:#fff;
	text-decoration:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

a.frame:hover {
	background-color:#c0ddf4;
}

a.frame2:hover, a.frame3:hover {
	background-color:#0056ac;
	color:#fff;
}

.openLink {
	background:url(../images/icons/open.png) no-repeat left center;
}

.directLink {
	background:url(../images/icons/link.png) no-repeat left center;
}

.openLink2 {
	background:url(../images/icons/open2.png) no-repeat left center;
}

.directLink2 {
	background:url(../images/icons/link2.png) no-repeat left center;
}




.univBlue {
	background-color: #002b54;
}
.medBlue {
	background-color: #0059b2;
}
.univOrange {
	background-color: #db6d01;
}
a.univOrange:hover {
	background-color: #036;
	color: #fff !important;
}
.black {
	background-color: #000;
}
.gray {
	background-color: #555;
}
.white {
	background-color: #f7f7f7;
	border: 1px solid #bbb;
	color: #036 !important;
}
a.white:hover {
	background-color: #002b54;
	color: #fff !important;
}
.gradient {
	background-color: #f4f5f5;
	background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);
	border: 1px solid #bbb;
	color: #036 !important;
	display: inline-block;
}
.gradient:hover {
	background-color: #d9dddd;
	background-image: linear-gradient(to bottom, #d9dddd, #c6c3c3);
	border: 1px solid #bfc4c4;
}

/* TEXT COLORS */
.txtBlack {color:#333;}




/*--------HACK FOR CHROME & SAFARI-----*/	
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
p, li, th, td {-webkit-font-smoothing:subpixel-antialiased; text-rendering: auto; font-family:'open_sansregular', Verdana, Arial, sans-serif; color:#444;}
h1 {-webkit-font-smoothing:subpixel-antialiased;}

.subject {font-family:'open_sansregular', Verdana, Arial, sans-serif;}
em {font-family:'open_sansitalic';}
h1, h3, h4, h5, h6, strong, b {font-family:'open_sansregular'; font-weight:800;}
h2 {font-family:'open_sansextrabold';}

}
*/
/* GENERAL TOP BAR */
#topBar {
	float:left;
	width:100%;
	min-height:40px;
	background-color:#00274C;
}

#topBar .sectionA {
	display: flex;
	justify-content: space-between;
}


@media (max-width: 700px) {
	#topBar .sectionA {
		display: block;
	}
}

.topBarNav {
	/* float: right; */
	/* width: 700px; */
	display: flex;
	align-items: center;
}

.topBarNav .quicklinks {
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 1em;
}

.topBarNav .quicklinks a {
	font-size: 1em;
}

.topBarNav p {
	float:left;
	padding:0;
	color:#fff;
	background-color:#00274C;
	text-transform:uppercase;
	font-weight:bold;
	font-size:.75em !important;
	margin-right:0%;
}

#sitecues-badge
{
	position:relative;
	float:left;
	top:0px;    
	padding:12px 8px 12px 40px;
	z-index:100;
	display:inline-block;
	width:128px;
	height:16px;
	background:url(../images/core/sitecue-bg2.png) no-repeat left top #959595;
	color:#000;
}


.masthead {
	margin: 0 !important;
	padding: 0 10px;
}

.hvr-masthead img {
	display: block;
	width: 200px;
}

.itat-container {
	/* float: left; */
	/* width: auto; */
	/* text-align: center; */
	/* padding-top: 9px; */
	width: 210px;
}

.itat-container img {
	display: block;
	max-width: 100%;
}

/* HOMEPAGE TOP BAR */
.HPPortalLink p {
	float:left;
	margin-left:15px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:.75em !important;
}

.HPTopNavRight {
	float:right;
	width:430px;
}

.HPTopNavRight p {
	float:left;
	padding:0;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	font-size:.75em !important;
}

.logoPatch {
	position:absolute;
	left:43%;
	width:220px;
	height:150px;
	z-index:10;
}

/* SWEEP TOP ROLLOVER */
.topBar-sweep-to-top {
	display: inline-block;
	/*width:13%;*/
	/* height:14px; */
	/* margin-left:1em; */
	padding: .76em 1em;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	color:#fff;
	text-decoration:none;
}

@-moz-document url-prefix() { 
	.topBar-sweep-to-top {padding:14px 25px 5px;}
}

.topBar-sweep-to-top:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #084B8A;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.topBar-sweep-to-top:hover, .topBar-sweep-to-top:focus, .topBar-sweep-to-top:active {
	color: white;
}
.topBar-sweep-to-top:hover:before, .topBar-sweep-to-top:focus:before, .topBar-sweep-to-top:active:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}


/* SEARCH */
.search {
	display:inline-block;
	margin-left:20px;
	margin-top:5px;
}

.search input {
	min-width:150px;
	background-color: #E0EEF5;
	border: 1px solid #ccc;
	border-radius: 5px;
	color: #333;
	padding: 5px;
	font-size:.75em !important;
}

.searchLabel, .searchOptionLabel {color:#fff !important; font-size:.875em;}

.searchOption {
	float:right;
	width: 80px;
	height: 34px;
	overflow: hidden;
	background: url(../images/icons/arrow-dropdown.png) no-repeat right #00274C;
	border: 0;
	margin-right:25px;
}

.searchOption select {
	border: 0;
	border-radius: 0;
	color: #333;
	padding: 5px;
	font-size:.75em !important;	
	font-weight:bold;
	background:transparent;
	-webkit-appearance: none;
	width:100px;
	height:34px;
	color:#E0EEF5;
	line-height: 1;
}

.searchOption option {padding:5px; background-color:#00274C;}


.search-button {
	position: relative;
	top: 0px;
	right: 30px;
	margin: 0;
	padding: 0;
	border: 0;
	width: 21px;
	height: 21px;
	text-indent: -9999px;
	background: url(../images/core/search-btn.png) 0 0 no-repeat;

}

input.search-box {
	padding-right: 40px;
}


/*CSUF WORDMARK*/

#topBar h3 {
	float: left;
	overflow: hidden;
	margin-left:2%;
}


#wordmark {
	text-indent: -100em;
}

#wordmark span {
	float:left;
	display: block;
	margin-bottom: -35px;
	position: relative;
	z-index: 1;
}
#wordmark, #wordmark span {
	background-image: url("../images/core/CSUF-wordmark2.jpg");
	background-repeat: no-repeat;
	height: 40px;
	width: 532px;
}

#wordmark:hover, #wordmark:focus, #wordmark span:hover, #wordmark span:focus {
	background-position: 0 -40px;
	cursor: pointer;
}

.masthead {
	float:left;
	margin:0 !important;
	padding: 0;
}


.masthead a:link,
.masthead a:visited {
	padding: 10px;
	font-family: 'Crimson Text' !important;
	font-weight: 400;
	font-size:1em;
	letter-spacing:0.05em;
	text-transform:uppercase;
	color:#fff;
	background-color:transparent;
}


/*RETURN TO CURRENT/OLDER HOMEPAGE BUTTON*/
#divReturn {
	float:left;
	margin-left:10%;}

/*#divReturn p {
height:40px;
text-align:center;
font-size:.75em;
}
#divReturn a:link, #divReturn  a:visited {
padding:20px 42px;
text-decoration:none;
color:#fff;
background-color :#084B8A;
background-image:url(../images/core/divReturn-bg.png);
background-repeat:no-repeat;
background-position:left bottom;
}


#divReturn a:hover {
background-color:#9CD0E8;
color:#333;
}*/

.box {

	background-color :#084B8A;
	color:#eee;

	position : relative;

	display : block;

	height : 40px;

	/* width : 260px;*/
	width : 120px;

	text-align : center;

	margin : 0 auto;

}

.box p {
	font-size:.75em;
	padding : 8px 0px;

}

.box::before {

	content: '';

	height: 40px;

	width: 40px;

	background-color :#084B8A;

	position: absolute;

	top: 0;

	left: -7px;

	transform: skewX(-40deg);

	transform-origin: top;

	-webkit-transform: skewX(-40deg);

	-webkit-transform-origin: 0 0;

}

.box::after {

	content: '';

	height: 40px;

	width: 35px;

	background-color :#084B8A;

	position: absolute;

	top: 0;

	right: -35px;

	left: auto;

	transform: skewX(-40deg);

	transform-origin: top;

	-webkit-transform: skewX(-40deg);

	-webkit-transform-origin: 0 0;

}	

.box a:link, .box a:visited {
	color:#fff;
	text-decoration:none;
}
.box a:hover {
	border-bottom:1px dotted #fff;
}





/*---FOOTER----*/

footer {clear:both !important; float:none; background-color:#00274C !important; color:#ddd;}

#footer {
	clear:both;
	width:96%;
	background-color:#00274C !important;
	color:#ddd;
	font-size:.75em;
	padding:1% 2%;
}

#footer a:focus {
	border:1px solid #084B8A;
}

#footer p {
	font-size:1em;
	line-height:1.5em;
	color:#ccc;
	margin-top:10px;
	margin-bottom:15px;
}
#footer p a:link, footer p a:visited {color:#ccc;}

#footer p a:focus {
	text-decoration:underline;
}

#footer img {float:left; padding-right:35px;}


#accessibility {
	float:left;
	width:100%;
	background-color:#00274c;
	color:#bdbdbd;
	padding-top:20px;
}

#accessibility p {
	float:left;
	width:10%;
	padding:.28% 1%;
	margin:0;
	font-size:.75em;
	text-align:center;
	color:#bdbdbd;
	border-top:1px dotted #084B8A;
	border-bottom:1px dotted #084B8A;
}

#accessibility .download {
	float:left;
	width:55%;
	list-style-type:none;
	margin:0 0 40px;
	border-top:1px dotted #084B8A;
	border-bottom:1px dotted #084B8A;
}

#accessibility .download li {
	float:left;
	width:98% !important;
}


#accessibility .download a:link, #accessibility .download a:visited {
	float:left;
	display:inline-block;
	width:23%;
	padding:.5% 1%;
	font-size:.75em;
	text-align:center;
	color:#bdbdbd;
	text-decoration:none;
}

#accessibility .download a:hover, #accessibility .download a:focus {
	background-color:#084B8A;
	color:#eee;
}



#accessibility .ati {
	float:left;
	width:33%;
	list-style-type:none;
	margin:0 0 40px;
	color:#9f9f9f;
	background-color:#001d38;
	border-top:1px dotted #084B8A;
	border-bottom:1px dotted #084B8A;
}

#accessibility .ati li {
	float:left;
	width:98% !important;
}

#accessibility .ati a:link, #accessibility .ati a:visited {
	float:left;
	display:inline-block;
	width:48%;
	padding: .80% 1%;
	font-size:.75em;
	text-align:center;
	color:#bdbdbd;
	text-decoration:none;
}

#accessibility .ati a:hover, #accessibility .ati a:hover {
	background-color:#084B8A;
	color:#eee;
}

.footerResources {
	background: #00274C;
	float:left;
	width:96%;
	padding:1% 2% 0;
	border-top:1px dotted #084B8A;
	font-size:.725em;
}

.footerResources h4 {text-transform: uppercase; font-weight: bold;}

.footerResources .col3 {
	background: #00274C;
	float: left;
	width: 27%;
	padding: 1%;}

.footerResources .col3 ul, .footerResources .col3 li {list-style-type: none !important;}
.footerResources .col3 li {margin-left: -15px !important;}
.footerResources .col3 a:link, .footerResources .col3 a:visited {text-decoration:none; color: #ccc;}
.footerResources .col3 a:hover, .footerResources .col3 a:focus {text-decoration: underline;}



/* SITE PREFERENCE */

/*#makeHomepage_nav_wrap {
background-image:url(../images/icons/homepage-icon.png);
background-repeat:no-repeat;
background-position:left;

}
*/

#ctlMakeHomepage_rblSitePreference label {
	color: #000;
}

#makeHomepage_nav_wrap ul
{
	list-style:none;
	position:relative;
	float:right;
	/*margin:10px 0 0;*/
	padding:0;
	/*background-color: #00274C;
	background-image:url(../images/icons/homepage-icon.png);
	background-repeat:no-repeat;
	background-position:left;
	min-width:215px;*/
	z-index:99;
}


#makeHomepage_nav_wrap ul a:link, #makeHomepage_nav_wrap ul a:visited
{
	display:block;
	color: #fff;
	text-decoration:none;
	font-weight:700;
	font-size:12px;
	line-height:32px;
	/*padding:0 15px;*/
	background:url(../images/core/make-homepage-bg.png) no-repeat left top;
	background-color: #084B8A;
	padding:0 15px 0 36px;
}

#makeHomepage_nav_wrap ul li
{
	position:relative;
	float:right;
	margin:0;
	padding:0;
}

#makeHomepage_nav_wrap ul li.current-menu-item
{
	background:#ddd;
}

#makeHomepage_nav_wrap ul a:hover
{
	background-color:#084B8A;
	text-decoration:underline;
}

#makeHomepage_nav_wrap ul li li:hover:first-child
{
	background:#fff;

}

#makeHomepage_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	width: 200px;
	text-align:left;
	padding: 5%;
}

#makeHomepage_nav_wrap ul ul li
{
	float:none;
	width:200px
}

#makeHomepage_nav_wrap ul ul a
{
	line-height:120%;
	padding:10px 15px;
}

#makeHomepage_nav_wrap ul ul ul
{
	top:0;
	left:100%;
}

#makeHomepage_nav_wrap ul li:hover > ul
{
	display:block;
}



/* Information Slide */
.slide-out-menu {     
	width: 20%;
}     

.infoSlide {
	/*padding:3%;*/
	min-height: 200px;
	float: left;
	width: 100%;
	background-color: #efefef;
	/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */
	/*width: 100%;*/
	/* Theoretically for IE 8 & 9 (more valid) */
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";*/
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	/*filter: alpha(opacity=95);
	*/    /* Older than Firefox 0.9 */
	/*-moz-opacity: 0.95;
	*/    /* Safari 1.x (pre WebKit!) */
	/* -khtml-opacity: 0.95;*/
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	/*opacity: 0.95;*/
}

#ctlInfoSlide_divInformation {

	margin:3%;
}

.infoSlide h1 {color:#CC0000;}

.infoSlide p {
	font-size:.875em;
	color: #000;
	line-height:1.25em;
}

.infoSlide li {

	text-align: center;
	background-color: #000;
	/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */
	/*width: 100%;*/
	/* Theoretically for IE 8 & 9 (more valid) */
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=80);
	/* Older than Firefox 0.9 */
	-moz-opacity: 0.8;
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.8;
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.8;

}

.infoSlide li a {
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	font-size: 0.7em;
}

.infoSlide ul li:hover {
	background-color: #E17000;
}


.infoSlide li img {
	display: block;
	text-align: center !important;
	margin-top: 4%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 4%;
}

#ctlInfoSlide_divInformation {
	max-width: 95%;
}

/* /Information Slide */


/* Side Navigation */
.sideNav {
	z-index: 10;
	/*width:7.8%;*/
	width: 110px;   
	margin-top: 2%;  
	position: absolute;
	background-color: rgba(0, 0, 0, .85);
	/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */
	/*width: 100%;*/
	/* Theoretically for IE 8 & 9 (more valid) */
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";*/
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	/*filter: alpha(opacity=75);*/
	/* Older than Firefox 0.9 */
	/*-moz-opacity: 0.75;*/
	/* Safari 1.x (pre WebKit!) */
	/*-khtml-opacity: 0.75;*/
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	/*opacity: 0.75;*/
}

.sideNav p {
	color: #fff;
}

.sideNav li {
	padding-top: 7%;
	padding-bottom: 7%;
	text-align: center;
	/*background-color: rgba(0, 0, 0, 1);*/
	/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */
	/*width: 100%;*/
	/* Theoretically for IE 8 & 9 (more valid) */
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";*/
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	/*filter: alpha(opacity=80);*/
	/* Older than Firefox 0.9 */
	/*-moz-opacity: 0.8;*/
	/* Safari 1.x (pre WebKit!) */
	/*-khtml-opacity: 0.8;*/
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	/*opacity: 0.8;*/

}

.sideNav li a {
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	font-size: 0.7em;
}

.sideNav ul li:hover {
	background-color: rgba(8, 75, 138, 1);
}

.sideNav ul .active {
	background-color: rgba(8, 75, 138, 1);
}


.sideNav li img {
	display: block;
	text-align: center !important;
	margin-top: 4%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 4%;
}

/* / Side Navigation */


/*FOOTER*/
footer {
	clear:both !important;
	width:100%;
	background-color:#f0f;
}

#main {
	height:100%;
}

/*MAIN*/
main {
	/*position:relative;*/
	width:100%;
	height:100%;
}

/* NAV */
.navBar {
	float:left;
	width:100%;
	min-height:37px;
	background-color:#00203e;
	border-top:1px dotted #084B8A;
}

.navBar h1 {
	width:100%;
	margin:0;
	text-align:left !important;
	/*padding-top:10px;*/
	/*padding-left:2%;*/
	/*padding-bottom:.5% !important;*/
	font-family: 'Crimson Text';
	text-transform:none !important;
	font-size:2em !important;
	font-weight:100;
}

.navBar p {
	margin:0 0 0 0px !important;
	text-align:left;
	padding:0 !important;
	color:#fff;
	/*font-size:.875em;*/
}

.navBar p.hpLeftNav {
	float:left;
	width:40%;
}

.navBar p.hpRightNav {
	float:right;
	width:40%;
}


.scrollup {
	cursor: pointer;
}

/* HOMEPAGE Sweep To Top */
.hp-sweep-to-top {
	display: inline-block;
	width:32%;
	padding:10px 0;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	color:#fff;
	text-decoration:none;
	text-align:center;
}
.hp-sweep-to-top:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #E17000;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.1s;
	transition-duration: 0.1s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.hp-sweep-to-top:hover, .hp-sweep-to-top:focus, .hp-sweep-to-top:active {
	color: white;
}
.hp-sweep-to-top:hover:before, .hp-sweep-to-top:focus:before, .hp-sweep-to-top:active:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}


/* Sweep To Top */
.hvr-sweep-to-top {
	display: inline-block;
	/*padding:10px 0 12px;*/
	padding:12px 0 12px;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	color:#ddd;
	text-decoration:none;
	text-align:center;
}

.hvr-sweep-to-top:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #084B8A;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
	color: white;
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}


.hvr-masthead {
	display: inline-block;
	padding:0 20px;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	color:#ccc;
	text-decoration:none;
	text-align:center;
}

.hvr-masthead:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #084B8A;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.hvr-masthead:hover, .hvr-masthead:focus, .hvr-masthead:active {
	color: white;
}
.hvr-masthead:hover:before, .hvr-masthead:focus:before, .hvr-masthead:active:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}



.hvr-secondary {
	font-family:'Crimson Text';
	display: inline-block;
	padding:15px 30px;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	color:#ccc;
	text-decoration:none;
	text-align:center;
}

.hvr-secondary:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #084B8A;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.hvr-secondary:hover, .hvr-secondary:focus, .hvr-secondary:active {
	color: white;
}
.hvr-secondary:hover:before, .hvr-secondary:focus:before, .hvr-secondary:active:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}




/*---------CUTOMIZED TABS--------*/
/*.futureStudentsTab {width:154px !important;}
.studentsTab {width:140px !important; margin-left:10px;}
.OneStopTab {
width: 130px !important;

}
.parentsTab {width:172px !important;}
.alumniTab {width:88px !important;}
.friendsTab {width:174px !important;}
.facTab {width:161px !important;}
.mediaTab {width:104px !important;}
.portalTab {
width:156px !important; 
background-color:#084B8A;}
.socialTab {
width: 125px !important;
}
.athleticsTab {
width: 104px !important;
}*/

.navBar p {
	/*font-size: 0.8vw;*/
	font-size:.875em;
	padding: 5px;
}

.navBar p a {
	margin: 0px 5px 0px 5px;
	padding:13px;
}

/*.freshmenTab {width:118px !important;}
.transferTab {width:105px !important;}
.graduatesTab  {width:122px !important;}
.internationalTab {width:139px !important;}
.contEdTab {width:154px !important;}*/

.freshmenTab {width:94px !important; margin-left:15px;}
.transferTab {width:90px !important;}
.graduatesTab  {width:90px !important;}
.internationalTab {width:110px !important;}
/*.contEdTab {width:170px !important;}*/




/*INFO BAR*/
#infoBar {
	clear:both;
	position:absolute;
	bottom:0 !important;
	left:0;
	width:100%;
	height:9.5%;
	background-color:#00274C;


}

#infoBar ul {
	list-style-type:none;
	margin-left:auto;
	margin-right:auto;
	width:75%;
}
#infoBar li {
	float:left;
	display:inline-block;
	width:16%;
	padding: 0;
	color:#bbb;
	text-align:center;
	font-size:.75em;
	text-transform:uppercase;
	font-weight:bold;
}

#infoBar li img {
	display:block;
	margin-top:4%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
}

/*STACKS*/
.stack {
	position:relative;
	float:left;
	width:100%;
	background-color:#f7f7f7;
}

.stack h1 {margin-top:6%;}

.stackWrap {width:60%; margin-left:auto; margin-right:auto;}

.stackWrap h2 {
	margin-left:auto;
	margin-right:auto;
	font-weight:normal;
	font-size:1.125em;
	margin-top:5%;
	margin-bottom:1%;
	padding:0;
}

.stackWrap p {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:2%;
	line-height:1.5em;}

.stackWrap ul {
	margin-left:auto;
	margin-right:auto;
	list-style-image:url(../images/core/bullet-orange.png);
	background-image:url(../images/core/list-vline.png);
	background-repeat:repeat-y;
	padding-left:25px;
	margin-top:1%;
	margin-bottom:5%;
}

.stackWrap ul li {margin-bottom:1%; line-height:1.5em;}

.stackWrap ul.alphaList {
	margin-left:auto;
	margin-right:auto;
	list-style-image:none !important;
	background-image:url(../images/core/list-vline3.png);
	background-repeat:repeat-y;
	padding: 0;
	margin-top: 2%;
}

.bannerPointer {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:54px;
	background:url(../images/core/stack-arrow-transparent.png) no-repeat center;
}

.pointerF7 {background:url(../images/core/stack-arrow-F7.png) no-repeat top center;}
.pointerltblue {background:url(../images/core/stack-arrow-ltblue.png) no-repeat top center;}
.pointerltgray {background:url(../images/core/stack-arrow-ltgray.png) no-repeat top center;}
.pointerblack {background:url(../images/core/stack-arrow-black.png) no-repeat top center;}
.ltblue {background-color:#e8f0f5 !important;}
.ltgray {background-color:#d2d6dc !important;}
.F7 {background-color:#f7f7f7 !important;}


/*COLUMNS*/
.col100 {width:96%; padding:0 2% 1% ; border:1px dotted #ccc; margin-bottom:2%;}
.col50Left {float:left; width:47%; padding:0 2% 1% ; margin-right:1%; min-height:200px;}
.col50Right {float:left; width:47%; padding:0 2% 1% ; margin-left:1%; min-height:200px;}


/*SLIDEOUT SIDEBAR*/

.slide-out-menu {
	/*padding: 0px;*/
	/*width: 8%;*/

}      

.slide-out-div {
	padding: 20px;
	width: 250px;
	background: #f2f2f2;
	border-right: #0048a7 4px solid;
}

.slide-out-div a:link, .slide-out-div a:visited {
	color:#000;
	text-decoration:none;
}
.slide-out-div a:hover {
	color:#0048a7;	
}

.slide-out-div hr {
	border-width: 1px 0 0;
	margin: .875em 0;
}	

.slide-out-div ul {
	list-style-image:url(../images/icons/circular-arrow.png);
	margin-left:22px;
}
.slide-out-div li {
	margin-bottom:15px;
}




/*MISC*/
.top {clear:both !important; margin-left:auto; margin-right:auto; padding-top:5%; padding-bottom:5%; text-align:center;}
.top a:link, .top a:visited {text-decoration:none;}
.borderDotted {border:1px dotted #ccc;}
.margLeft220 {margin-left:220px;}

.mobile-wordmark {
	display:none;
}

.btnNavMenu {
	display:none;
}

.btnPageMenu {
	display:none;
}

#pageNavBar {
	display:none;
}



.search {
	float:right;
}





/* -------------- @MEDIA -------------*/

/* ----------- iPhone 1-5S and GALAXY S3-S5 ----------- */
/* Portrait */
@media only screen 
	and (min-device-width: 320px) 
	and (max-device-width: 640px)
	and (-webkit-min-device-pixel-ratio: 2)
	and (orientation: portrait) {

		.navBar p {
			font-size: 5.0vw;
			padding: 5px;

		}

		.navBar p a {
			margin: 0px 5px 0px 5px;
			padding: 13px;
		}

		#divReturn, .box {display:none !important;}

		.searchOption {
			width: 75px;
			margin-right:15px;}

		#sitecues-badge {display:none;}

		.topBarNav {
			float:right;
			/*min-width:450px;
			width:100% !important;*/
		}

		.topBarNav p a {

			float:right;
			width: 100% !important;
		}

		.search {display:none;}

		#wordmark, #wordmark span {display:none;}

		.masthead a:link, .masthead a:visited {font-size:.630em;}

		.mobile-wordmark {
			display:block;
			float:left;
			margin-top:2%;
			margin-left:2%;}

		#topBar p {
			float:none !important; 
			margin-left:0; }

		.topBar-sweep-to-top {
			width:85px;
			text-align:center;
			padding:8px 5px;}

		.topBar-sweep-to-top:first-child {
			margin-left:15%;}	

		.stackWrap {width:98%;}

		.topBarNav {
			float:none !important;
			width:100%;}

		/*#topBar p {margin-left: 110px;}*/

		.topBar-sweep-to-top {
			width:100%;
			text-align:center;
			padding:8px 5px;}

		#navBar{display:none;}

		#pageNavBar {display:none;}

		.sectionA {
			display:block;
			overflow:hidden;}

		.mobile-search-container {
			display:block;
			float:left;}

		.btnNavMenu {
			display:inline-block;}

		.btnNavMenu img {display:block;}

		.btnPageMenu {
			display:inline-block;
			float:right;
			margin-top:3%;
			margin-right: 3%;}


		#topBar h3 {margin-left: 0%; }

		#wordmark span {
			background-image: none;
			height: 0px;}

		.mobileSearch {
			z-index: 99;
			padding-top:2%;
			padding-left: 2%;
			padding-bottom: 4%;
			background-color:#00274C;}

		.mobileSearch #SearchCSUF {width: 45%;}

		/*.slide-out-menu {display:none;}*/

		/* Information Slide */
		.slide-out-menu {     
			width: 85%;
		}     

		#sideNav {
			display:none;
			visibility:hidden;}

		.sideNav {display:none; visibility:hidden; border:1px solid #f0f;}



		.btnNavMenu {
			float:left;
		}

		.topBarNav p {
			float:right;

		}

		#SearchCSUF {
			min-width:10px !important;
			padding: 5px 0px !important;
		}	

		#sideNav {
			visibility: visible !important;
			width: 100%;
			position: relative;
			padding: 0;
			margin: 0;
			border: none;
			font-size: 1.3em;
		}

		#sideNav li {
			padding: 10px;
			margin: 0;
			border: 1px dotted #777;
		}

		#sideNav li img {
			display: none;
		}

		#footer img {clear:both !important; float:none; padding-right:0; margin-top:5%; margin-left:20%;}
		#accessibility {clear:both !important; float:none;}
		#accessibility p {clear:both; float:none; width:98%;}
		#accessibility .download {clear:both; float:none; width:100%;}
		#accessibility .download li {clear:both; float:none;}
		#accessibility .download a:link, #accessibility .download a:visited {clear:both; float:none; display:block; width:98%;}
		#accessibility .ati {clear:both; float:none; width:100%;}
		#accessibility .ati li {clear:both; float:none;}
		#accessibility .ati a:link, #accessibility .ati a:visited {clear:both; float:none; display:block; width:98%;}
	}

/* iPhone 1-5: Landscape */
@media only screen 
	and (min-device-width: 320px) 
	and (max-device-width: 640px)
	and (-webkit-min-device-pixel-ratio: 2)
	and (orientation: landscape) {

		.navBar p {
			font-size: 2.0vw;
			padding: 5px;

		}

		.navBar p a {
			margin: 0px 5px 0px 5px;
			padding: 13px;
		}



		#divReturn, .box {display:none !important;}

		.masthead img {
			width: 95%;
		}

		#SearchCSUF {
			min-width:175px;

		}	


		#sitecues-badge {display:none;}

		.topBarNav {
			float: right;
			/*min-width:450px;
			width:100% !important;*/
		}

		.search {display:none;}

		#wordmark, #wordmark span {display:none;}

		.mobile-wordmark {
			display:block;
			float:left;
			margin-top:1%;
			margin-left:2%;}


		#topBar p {
			float:none !important; 
			margin-left:0;
			border-top:1px dotted #ccc;
			border-bottom:1px dotted #ccc;}

		.topBar-sweep-to-top {
			/*width:100%;*/
			text-align:center;
			padding:8px 5px;}

		.topBar-sweep-to-top:first-child {
			margin-left:100px;}	

		.stackWrap {width:98%;}



		.topBarNav {
			float: right;
			/*min-width:450px;
			width:100% !important;*/
		}

		#navBar{display:none;}

		#pageNavBar {display:none;}

		.sectionA {
			display:block;
			overflow:hidden;}

		.mobile-search-container {
			display:block;
			float:left;}

		.btnNavMenu {display:inline-block;}

		.btnNavMenu img {display:block;}

		.btnPageMenu {
			display:inline-block;
			float:right;
			margin-top:3%;
			margin-right: 3%;}


		#topBar h3 {margin-left: 0%; }

		#wordmark span {
			background-image: none;
			height: 0px;}

		.mobileSearch {
			z-index: 99;
			padding-top:2%;
			padding-left: 2%;
			padding-bottom: 4%;
			background-color:#00274C;}

		.mobileSearch #SearchCSUF {width: 45%;}

		/*.slide-out-menu {display:none;}*/
		.slide-out-menu {     
			width: 85%;
		}  

		#sideNav {
			display:none;
			visibility:hidden;}

		.sideNav {display:none; visibility:hidden; border:1px solid #f0f;}

		#sideNav {
			visibility: visible !important;
			width: 100%;
			position: relative;
			padding: 0;
			margin: 0;
			border: none;
			font-size: 1.3em;
		}

		#sideNav li {
			padding: 10px;
			margin: 0;
			border: 1px dotted #777;
		}

		#sideNav li img {
			display: none;
		}

		#footer img {clear:both !important; float:none; padding-right:0; margin-top:2%; margin-left:33%;}
		#footer p {font-size:.875em !important; text-align:center;}
		#accessibility {clear:both !important; float:none;}
		#accessibility p {clear:both; float:none; width:98%;}
		#accessibility .download {clear:both; float:none; width:100%;}
		#accessibility .download li {clear:both; float:none;}
		#accessibility .download a:link, #accessibility .download a:visited {clear:both; float:none; display:block; width:98%;}
		#accessibility .ati {clear:both; float:none; width:100%;}
		#accessibility .ati li {clear:both; float:none;}
		#accessibility .ati a:link, #accessibility .ati a:visited {clear:both; float:none; display:block; width:98%;}	
	}

#navAZ {
	/*display:block;*/
}



/* ----------- iPhone 6 ----------- */

/* Portrait */
@media only screen 
	and (min-device-width: 375px) 
	and (max-device-width: 667px) 
	and (-webkit-min-device-pixel-ratio: 2)
	and (orientation: portrait) {

		.navBar p {
			font-size: 5.0vw;
			padding: 5px;

		}

		.navBar p a {
			margin: 0px 5px 0px 5px;
			padding: 13px;
		}


		#divReturn, .box {display:none !important;}

		.masthead a:link, .masthead a:visited {font-size:.760em; padding: 5px; margin: 0 auto; display: block;}
		.masthead a img {margin: 0 auto; width: 175px;}
		.itat-container {
			display: none;
		}

		.quicklinks,
		.quicklinks a {
			margin: 0 !important;
		}

		.findIt {
			width: 75% !important;

		}	
		.searchOption {
			width: 75px;
			margin-right:15px;}

		#sitecues-badge {display:none;}

		.topBarNav {
			float: right;
			/*min-width:450px;
			width:100% !important;*/
		}

		.search {display:none;}

		#wordmark, #wordmark span {display:none;}

		.mobile-wordmark {
			display:block;
			float:left;
			margin-top:2%;
			margin-left:2%;}

		#topBar p {
			float:none !important; 
			margin-left:0; }

		.topBar-sweep-to-top {
			width:85px;
			text-align:center;
			padding:8px 5px;}

		.topBar-sweep-to-top:first-child {
			margin-left:15%;}	

		.stackWrap {width:98%;}

		.topBarNav {
			float:none !important;
			width:100%;
			justify-content: space-between;
			margin: 0;
		}

		/*#topBar p {margin-left: 110px;}*/

		.topBar-sweep-to-top {
			width:100%;
			text-align:center;
			padding:8px 5px;}

		#navBar{display:none;}

		#pageNavBar {display:none;}

		.sectionA {
			display:block;
			overflow:hidden;}

		.mobile-search-container {
			display:block;
			float:left;}

		.btnNavMenu {
			display:inline-block;}

		.btnNavMenu img {display:block;}

		.btnPageMenu {
			display:inline-block;
			float:right;
			margin-top:3%;
			margin-right: 3%;}


		#topBar h3 {margin-left: 0%; }

		#wordmark span {
			background-image: none;
			height: 0px;}

		.mobileSearch {
			z-index: 99;
			padding-top:2%;
			padding-left: 2%;
			padding-bottom: 4%;
			background-color:#00274C;}

		.mobileSearch #SearchCSUF {width: 45%;}

		/*.slide-out-menu {display:none;}*/
		.slide-out-menu {     
			width: 85%;
		}  

		#sideNav {
			display:none;
			visibility:hidden;}

		.sideNav {display:none; visibility:hidden; border:1px solid #f0f;}

		#footer img {clear:both !important; float:none; padding-right:0; margin-top:5%; margin-left:20%;}
		#accessibility {clear:both !important; float:none;}
		#accessibility p {clear:both; float:none; width:98%;}
		#accessibility .download {clear:both; float:none; width:100%;}
		#accessibility .download li {clear:both; float:none;}
		#accessibility .download a:link, #accessibility .download a:visited {clear:both; float:none; display:block; width:98%;}
		#accessibility .ati {clear:both; float:none; width:100%;}
		#accessibility .ati li {clear:both; float:none;}
		#accessibility .ati a:link, #accessibility .ati a:visited {clear:both; float:none; display:block; width:98%;}

	}

/* iPhone 6: Landscape */
@media only screen 
	and (min-device-width: 375px) 
	and (max-device-width: 667px) 
	and (-webkit-min-device-pixel-ratio: 2)
	and (orientation: landscape) {


		.navBar p {
			font-size: 2.0vw;
			padding: 5px;

		}

		.navBar p a {
			margin: 0px 5px 0px 5px;
			padding: 13px;
		}


		#divReturn, .box {display:none !important;}

		#sideNav {
			visibility: visible !important;
			width: 100%;
			position: relative;
			padding: 0;
			margin: 0;
			border: none;
			font-size: 1.3em;
		}

		#sideNav li {
			padding: 10px;
			margin: 0;
			border: 1px dotted #777;
		}

		#sideNav li img {
			display: none;
		}

		#sitecues-badge {display:none;}

		.topBarNav {
			float: right;
			/*min-width:450px;
			width:100% !important;*/
		}

		.search {display:none;}

		#wordmark, #wordmark span {display:none;}

		.mobile-wordmark {
			display:block;
			float:left;
			margin-top:1%;
			margin-left:2%;}


		#topBar p {
			float:none !important; 
			margin-left:0;
			border-top:1px dotted #ccc;
			border-bottom:1px dotted #ccc;}

		.topBar-sweep-to-top {
			/*width:100%;*/
			text-align:center;
			padding:8px 5px;}

		.topBar-sweep-to-top:first-child {
			margin-left:100px;}

		.stackWrap {width:98%;}

		.topBarNav {
			float:none !important;
			width:100%;}

		#navBar{display:none;}

		#pageNavBar {display:none;}

		.sectionA {
			display:block;
			overflow:hidden;}

		.mobile-search-container {
			display:block;
			float:left;}

		.btnNavMenu {display:inline-block;}

		.btnNavMenu img {display:block;}

		.btnPageMenu {
			display:inline-block;
			float:right;
			margin-top:3%;
			margin-right: 3%;}


		#topBar h3 {margin-left: 0%; }

		#wordmark span {
			background-image: none;
			height: 0px;}

		.mobileSearch {
			z-index: 99;
			padding-top:2%;
			padding-left: 2%;
			padding-bottom: 4%;
			background-color:#00274C;}

		.mobileSearch #SearchCSUF {width: 45%;}

		/*.slide-out-menu {display:none;}*/
		.slide-out-menu {     
			width: 85%;
		}  

		#sideNav {
			display:none;
			visibility:hidden;}

		.sideNav {display:none; visibility:hidden; border:1px solid #f0f;}

		.findIt {
			float:right;
		}

		#footer img {clear:both !important; float:none; padding-right:0; margin-top:2%; margin-left:36%;}
		#footer p {font-size:.875em !important; text-align:center;}
		#accessibility {clear:both !important; float:none;}
		#accessibility p {clear:both; float:none; width:98%;}
		#accessibility .download {clear:both; float:none; width:100%;}
		#accessibility .download li {clear:both; float:none;}
		#accessibility .download a:link, #accessibility .download a:visited {clear:both; float:none; display:block; width:98%;}
		#accessibility .ati {clear:both; float:none; width:100%;}
		#accessibility .ati li {clear:both; float:none;}
		#accessibility .ati a:link, #accessibility .ati a:visited {clear:both; float:none; display:block; width:98%;}	
	}

/* ----------- iPhone 6+ ----------- */

/* Portrait */
@media only screen 
	and (min-device-width: 414px) 
	and (max-device-width: 736px) 
	and (-webkit-min-device-pixel-ratio: 3)
	and (orientation: portrait) {

		.navBar p {
			font-size: 5.0vw;
			padding: 5px;

		}

		.navBar p a {
			margin: 0px 5px 0px 5px;
			padding: 13px;
		}

		#divReturn, .box {display:none !important;}

		.searchOption {
			width: 75px;
			margin-right:15px;}

		#sitecues-badge {display:none;}

		.topBarNav {
			float: right;
			/*min-width:450px;
			width:100% !important;*/
		}

		.search {display:none;}

		#wordmark, #wordmark span {display:none;}

		.mobile-wordmark {
			display:block;
			float:left;
			margin-top:2%;
			margin-left:2%;}

		#topBar p {
			float:none !important; 
			margin-left:0; }

		.topBar-sweep-to-top {
			width:85px;
			text-align:center;
			padding:8px 5px;}

		.topBar-sweep-to-top:first-child {
			margin-left:15%;}	

		.stackWrap {width:98%;}

		.topBarNav {
			float:none !important;
			width:100%;}

		/*#topBar p {margin-left: 110px;}*/

		.topBar-sweep-to-top {
			width:100%;
			text-align:center;
			padding:8px 5px;}

		#navBar{display:none;}

		#pageNavBar {display:none;}

		.sectionA {
			display:block;
			overflow:hidden;}

		.mobile-search-container {
			display:block;
			float:left;}

		.btnNavMenu {
			display:inline-block;}

		.btnNavMenu img {display:block;}

		.btnPageMenu {
			display:inline-block;
			float:right;
			margin-top:3%;
			margin-right: 3%;}


		#topBar h3 {margin-left: 0%; }

		#wordmark span {
			background-image: none;
			height: 0px;}

		.mobileSearch {
			z-index: 99;
			padding-top:2%;
			padding-left: 2%;
			padding-bottom: 4%;
			background-color:#00274C;}

		.mobileSearch #SearchCSUF {width: 45%;}

		/*.slide-out-menu {display:none;}*/
		.slide-out-menu {     
			width: 85%;
		}  

		#sideNav {
			display:none;
			visibility:hidden;}

		#footer img {clear:both !important; float:none; padding-right:0; margin-top:5%; margin-left:30%;}
		#accessibility {clear:both !important; float:none;}
		#accessibility p {clear:both; float:none; width:98%;}
		#accessibility .download {clear:both; float:none; width:100%;}
		#accessibility .download li {clear:both; float:none;}
		#accessibility .download a:link, #accessibility .download a:visited {clear:both; float:none; display:block; width:98%;}
		#accessibility .ati {clear:both; float:none; width:100%;}
		#accessibility .ati li {clear:both; float:none;}
		#accessibility .ati a:link, #accessibility .ati a:visited {clear:both; float:none; display:block; width:98%;}

	}

/* iPhone 6+: Landscape */
@media only screen 
	and (min-device-width: 414px) 
	and (max-device-width: 736px) 
	and (-webkit-min-device-pixel-ratio: 3)
	and (orientation: landscape) {

		.navBar p {
			font-size: 2.0vw;
			padding: 5px;

		}

		.navBar p a {
			margin: 0px 5px 0px 5px;
			padding: 13px;
		}

		#divReturn, .box {display:none !important;}

		#sitecues-badge {display:none;}

		.topBarNav {
			float: right;
			/*min-width:450px;
			width:100% !important;*/
		}



		.search {display:none;}

		#wordmark, #wordmark span {display:none;}

		.mobile-wordmark {
			display:block;
			float:left;
			margin-top:1%;
			margin-left:2%;}


		#topBar p {
			float:none !important; 
			margin-left:0;
			border-top:1px dotted #ccc;
			border-bottom:1px dotted #ccc;}

		.topBar-sweep-to-top {
			/*width:100%;*/
			text-align:center;
			padding:8px 5px;}

		.topBar-sweep-to-top:first-child {
			margin-left:100px;}

		.stackWrap {width:98%;}

		.topBarNav {
			float:none !important;
			width:100%;}

		#navBar{display:none;}

		#pageNavBar {display:none;}

		.sectionA {
			display:block;
			overflow:hidden;}

		.mobile-search-container {
			display:block;
			float:left;}

		.btnNavMenu {display:inline-block;}

		.btnNavMenu img {display:block;}

		.btnPageMenu {
			display:inline-block;
			float:right;
			margin-top:3%;
			margin-right: 3%;}


		#topBar h3 {margin-left: 0%; }

		#wordmark span {
			background-image: none;
			height: 0px;}

		.mobileSearch {
			z-index: 99;
			padding-top:2%;
			padding-left: 2%;
			padding-bottom: 4%;
			background-color:#00274C;}

		.mobileSearch #SearchCSUF {width: 45%;}

		/*.slide-out-menu {display:none;}*/
		.slide-out-menu {     
			width: 85%;
		}  

		#sideNav {
			display:none;
			visibility:hidden;}

		.sideNav {display:none; visibility:hidden; border:1px solid #f0f;}

		#footer img {clear:both !important; float:none; padding-right:0; margin-top:2%; margin-left:40%;}
		#footer p {font-size:.875em !important; text-align:center;}
		#accessibility {clear:both !important; float:none;}
		#accessibility p {clear:both; float:none; width:98%;}
		#accessibility .download {clear:both; float:none; width:100%;}
		#accessibility .download li {clear:both; float:none;}
		#accessibility .download a:link, #accessibility .download a:visited {clear:both; float:none; display:block; width:98%;}
		#accessibility .ati {clear:both; float:none; width:100%;}
		#accessibility .ati li {clear:both; float:none;}
		#accessibility .ati a:link, #accessibility .ati a:visited {clear:both; float:none; display:block; width:98%;}	
	}



/* ----------- iPad ----------- */
/* Portrait */
@media only screen and (max-width : 1020px) and (min-width : 760px) {
	/* 768 x 1024 and 800 x 600 */

	/* 1024 x 768 */
	.navBar p {
		font-size: 1.4vw;
		padding: 5px;
	}

	.navBar p a {
		margin: 0px 0px 0px 0px !important;

		padding: 13px 6px 13px 6px;

	}

	#sitecues-badge {display:none;}
	.topBarNav { width:100%; float:none;}
	.friendsTab {width:154px !important;}
	.sideNav { margin-top: 1%;}
	.topBar-sweep-to-top {
		padding:0;
		margin:0%;

	}
	.topBar-sweep-to-top:nth-child(2) {
		float:right;
		margin-right:1%;
		margin-top:0.75%;

	}

	.itat-container img {
		width:20% !important;

		float:none;
		float:left;

	}
	.quicklinks {

		width:17%;
	}


	.topBarNav p {
		float:left;
	}

	.topBar-sweep-to-top:nth-child(2) {
		float: right;
		margin-right: 7%;
		margin-top: 2.75%;

	}

	/*.topBar-sweep-to-top:nth-child(2) {
	float: right;
	margin-right: 1%;
	margin-top: 0.75%;
}*/

}
/* Landscape */
@media only screen and (max-width : 1050px) and (min-width : 1022px) {




	/* 1024 x 768 */
	.navBar p {
		font-size: 1.3vw;
		padding: 5px;

	}

	.navBar p a {
		margin: 5px 5px 0px 5px;
		padding: 8px;
	}

	#sitecues-badge {display:none;}
	.topBarNav { width:100%; float:none;}
	.friendsTab {width:154px !important;}
	.sideNav { margin-top: 1%;}
	.topBar-sweep-to-top {
		padding:0;
		margin:0%;

	}
	.topBar-sweep-to-top:nth-child(2) {
		float:right;
		margin-right:1%;
		margin-top:0.75%;

	}
}


@media only screen and (max-width : 1248px) and (min-width : 1024px) {


	.navBar p {
		font-size: 1.1vw;

	}

	.topBarNav {
		width:unset;
		float:unset;

	}
	.topBar-sweep-to-top:nth-child(2) {
		margin-left:0;
		padding:0;
	}


}