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

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

.ati_leadtext {
display:none;
}

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


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

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

h1 {

background:transparent;
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:.75em 1em 1.25em;
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 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 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 {
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 {
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 {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) {
 #divReturn, .box {display:none !important;}

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

#sitecues-badge {display:none;}

.topBarNav {
float:right;
min-width:450px;}

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


.masthead img {/* width: 100%; */}

.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) {
#divReturn, .box {display:none !important;}

.masthead img {
width: 95%;
}
  
#SearchCSUF {
min-width:175px;

}	


#sitecues-badge {display:none;}
  
.topBarNav {
  float:none;
  min-width:450px;}

.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:85%;}

#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) { 
#divReturn, .box {display:none !important;}

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

.findIt {
width: 75% !important;

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

#sitecues-badge {display:none;}

.topBarNav {
float:right;
min-width:450px;}

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

.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) { 
#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:none;
  min-width:450px;}

.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) { 
#divReturn, .box {display:none !important;}

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

#sitecues-badge {display:none;}

.topBarNav {
float:right;
min-width:450px;}

.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) { 
#divReturn, .box {display:none !important;}

#sitecues-badge {display:none;}
  
.topBarNav {
  float:none;
  min-width:450px;}

.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 */
#sitecues-badge {display:none;}
.topBarNav {float:right; width:150px;}
.futureStudentsTab, .studentsTab, .parentsTab, .alumniTab, .friendsTab, .facTab, .mediaTab {font-size:.875em;}
.futureStudentsTab {width:114px !important;}
.studentsTab {width:80px !important;}
.parentsTab {width:132px !important;}
.alumniTab {width:58px !important;}
.friendsTab {width:134px !important;}
.facTab {width:121px !important;}
.mediaTab {width:95px !important;}


}
/* Landscape */
@media only screen and (max-width : 1050px) and (min-width : 1022px) {
/* 1024 x 768 */
#sitecues-badge {display:none;}
.topBarNav {float:right; width:150px;}
.friendsTab {width:154px !important;}
.sideNav { margin-top: 1%;}
}