.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;

}


/*----------------------------------------------------------------------------
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;

}


.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;
    }


}