@charset "UTF-8"; /* Βι¶ΉΣ³Ορ CSS Document - Authored by Jacob Lane - 12-18-2009 */
                  /* Originally setup for Mail Copy Services - Cleaned up for etc & CIB 01-25-2010 */
                  /* Redone to display the new global header part of the Dec. 2010 redesign - JL - 12-3-2010 */
                  /* Added drop-down menus to global header to match the redesign. - JL - 04-20-2011. */
                  /* Added the MySPU drop-down menu and moved the Utility Nav down between the logo and search box. - JL - 06-07-2012. */
                  /* Updated the global header to the new SPU maroon color #780629. - JL - 10-01-2015. */
									/* Updated the global header to the new SPU maroon color #592B2F. - HB - 08-24-18. */

/* --------------------------- Utility Navigation (at the top) --------------------------- */
.hiddenElement             { display: none; }
.mySPU                     { float: left; height: 21px; padding: 0; width: 100%; z-index: 3; background: #592B2F/* url('/_ui/img/bg-header.png') repeat-x*/; }
.mySPUmenu                 { width: 180px; float: right; z-index: 2; display: block; position: relative;}
.mySPUlock                 { float: right; width: 80px; height: 24px; display: block; }
.mySPUlockImage            { height: 22px; width: 80px; }
#globalHeader .mySPUul a   { text-decoration: none; color: #ffffff; font-weight: normal; width: 140px; display: block; padding: 2px 15px; font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif; font-size: 11px; line-height: 15px; }
.header                    { width: 100%; border: 0; text-align: center; padding: 0; border-spacing: 0; padding-bottom: 12px;}
.header td                 { padding: 0; }
#globalHeader .mySPUul a:hover, #globalHeader .mySPUul a:focus{ color: #cccccc; }
.mySPUul .headerNavDropLi:last-child a{ background: #333333; color: #8e8e8e; margin-top: 1px; padding: 1px 15px 3px; }
.mySPUul .headerNavDropLi:last-child a:hover, .mySPUul .headerNavDropLi:last-child a:focus{ background: #444444; color: #dddddd; }
.mySPU .mySPUdropdown      { background: url('/images/global_header_images/mySPU.png') no-repeat; border: none; margin: 0; padding: 0; position: relative; z-index: 5; height: 22px; list-style: none; }
.mySPU .mySPUdropdown:hover, .mySPU .mySPUdropdown:focus{ background: url('/images/global_header_images/mySPU-hover.png') no-repeat; }
.mySPU .mySPUul            { border: none; height: 114px; background: #000000; background: rgba(0, 0, 0, 0.88); top: 19px; left: -97px; padding: 0; }
.utilityNav                { float: right; margin-top: 0; background: none; width: 75px; }
.utilityNavWide            { width: 100px; }
.utilityUl                 { margin: 0; padding: 5px 0; }
.utilityLi                 { /*border-left: 1px solid #BFB8A7; display: inline; border-left: 1px solid #aaa;*/ list-style: none; font-weight: bold; margin: 0; padding: 2px 0; line-height: 24px; display: inline; }
.utilityLi:first-child     { border: none; }
*.utilityLIFirst           { border: none; }
#globalHeader .utilityLi a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none; color: #ffffff; padding: 0 9px 0 10px; }
#globalHeader .utilityLi a:link { text-decoration: underline; }
#globalHeader .utilityLi a:link:hover, #globalHeader .utilityLi a:link:focus { text-decoration: none; }
*#globalHeader .utilityLi a{ line-height: 24px; }
#globalHeader .utilityLi a:hover, #globalHeader .utilityLi a:focus{ text-decoration: underline; color: #cccccc; }
input[type="text"].searchBox{ width: 135px; float: left; border: solid 1px #cccccc; margin: 0; padding: 4px 0; /*box-shadow: -1px -1px 1px #888;*/ }
.searchIcon                { float: left; padding: 2px 0 0 3px; line-height: 12px; }
.searchIcon input          { line-height: 12px; }

/* --------------------------- Global Navigation --------------------------- */
.spu                       { padding: 9px 0 5px 5px; }
img                        { border: none; }
#globalHeader              { float: left; margin: 0; padding: 0; }
.spuLogo                   { float: left; padding: 5px 0 0 20px; margin-top: -15px; margin-left: 10px;}
.spuLogoHomeLink:hover, .spuLogoHomeLink:focus{ background: none; }
div#globalNav              { float: left; width: 100%; clear: both; z-index: 2; background: #333 url('/images/global_header_images/header-nav-background.png') repeat-x; margin: 26px 0 0; text-align: center; }
.globalNavUL               { margin: 0; padding: 0; text-align: center; font-size: 10px; width: 100%; }
.globalNavLi               { display: inline-block; margin: 1px 0 0; padding: 8px 0 9px; position: relative; z-index: 4; line-height: 10px; /*border-right: solid 1px #42403e; border-left: solid 1px #585654; border-top: solid 1px #4F4C4A;*/ }
* li.globalNavLi            { display: inline; }
/*.globalNavLi:first-child   { border-left: solid 1px transparent; }*/
.globalNavLi:last-child    { /*border-right: solid 1px transparent;*/ padding: 8px 4px 10px; }
#globalHeader a.gNavLink   { padding: 10px 10px 12px 11px; color: #eee; text-decoration: none; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 10px; font-weight: bold; text-transform: uppercase; line-height: 1.5em; /*border-left: 1px solid #555;*/
                              /* change this to padding: 0 11px 0 6px; font-size: 10px; if it is too small - also change in CBTE */ }
#globalHeader a.gNavLink:hover, #globalHeader a.gNavLink:focus{ text-decoration: none; color: #ffffff; }
#globalNav li ul li a:link, #globalNav li ul li a:link { text-decoration: underline; }
#globalNav li ul li a:hover, #globalNav li ul li a:focus{ background-color: #f8f8f8; color: #592B2F; text-decoration: underline; }
#globalNav li ul li a:link:hover, #globalNav li ul li a:link:focus { text-decoration: none; }

html body #globalHeader     { padding-top: 0; font-family: Arial, Verdana, sans-serif; }
table #globalHeader         { background: #592B2F; width: 100%; }
table .utilityNav           { background: none; }
/**table .utilityNav          { background-color: #5b0000; }*/
table #globalHeader .utilityLi a{ color: #eeeeee; }
/*table #globalNav ul       { width: 750px; }
#table #globalNav ul        { width: 750px; }*/
#header                     { float: left; background: #592B2F; width: 100%; padding-top: 15px; }
table #globalHeader .utilityLi a:hover, table #globalHeader .utilityLi a:focus{ /*text-decoration: none;  #339999*/ color: #ffffff; background: none; }
table #globalHeader a.gNavLink:hover, table #globalHeader a.gNavLink:focus{ text-decoration: none; /*color: #cccccc;*/ background: none; }
/*#header img.searchIcon    { padding-top: 8px; }*/
/*#header ul li a.globalNavA{ font-size: 9px !important; }*/

.htmlHeader                 { float: left; padding-bottom: 4px; }
table .htmlHeader #globalHeader a.gNavLink { font-size: 9px; line-height: 1.7em; }

/* Global header with a neutral (grey) background */
.neutralHeader #globalHeader{ background: #888888; }
.neutralHeader #header      { background: #555555; }
.neutralHeader .mySPU       { background: #555555; }

/* Small header for pages less than 750px wide, also to be used in the global_header_sm.html file */
.smallHeader #globalHeader .utilityLi a{ font-size: 10px; padding: 0 3px 0 9px; }
.smallHeader #globalHeader a.gNavLink  { padding: 10px 6px 12px; }
.smallHeader .utilityNav    { width: 60px; line-height: 16px; }
.smallHeader .utilityNavWide{ width: 87px; }
.smallHeader .logoImg       { width: 243px; height: 50px; }

/* Global Header with a black background */
.blackBgHeader #globalHeader{ background: #333333; }
.blackBgHeader #header      { background: #222222; }
.blackBgHeader #globalNav   { background: #222222; }
/*.blackBgHeader .globalNavLi { border-left: solid 1px transparent; }
.blackBgHeader .globalNavLi:first-child  { border-left: solid 1px #42403e; }
.blackBgHeader .globalNavLi:last-child  { border-right: solid 1px #42403e; }*/

/* Large/Big Global Header that used to have a Home link in the Utility Nav */
.largerHeader { float: right; width: 100%; /*background-color: #E5E4E0;*/ }
.largerHeader #globalHeader a.gNavLink{ font-size: 10px; }
.largerHeader #globalHeader .mySPU    { background: transparent; }
.largerHeader #globalHeader #header                 { background: transparent; }
.largerHeader #globalHeader .utilityLi a            { color: #555555; }
.largerHeader #globalHeader .utilityLi a:hover, .largerHeader #globalHeader .utilityLi a:focus{ color: #111111; }

/**** To make dropdown menus work in IE 6 - added 4-27-2010 - SPU UC Web Team JL****/
/* 
this doesn't exist anymore
body                       { behavior: url("/includes/csshover3.htc"); } */

/* --------------------------- Search Box --------------------------- */
#globalHeader .search      { float: right; margin: 0; padding: 15px 0 0 35px; width: 175px; }
#globalHeader .searchImg   { float: left; padding: 3px 5px 5px; }
#globalHeader .search .text{ width: 160px; padding: 4px 0; font-size: 12px; border: solid #999999 1px; }
#globalHeader .go          { width: 38px; height: 22px; font-size: 12px; }
.searchForm                { padding-top: 5px; } /* Class only in the old global header include, global_header.html */
#header .searchImg         { float: left; padding: 7px 5px 5px; }
#header .search            { float: right; }

/* --------------------------- Footer Styles --------------------------- */
div#footer                 { float: left; width: 100%; margin-top: 0; padding: 20px 0 15px 0; color: #333333; font-size: 11px; line-height: 22px; font-family: Arial, Helvetica, sans-serif; }
div#footer a               { color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 22px; font-weight: normal; text-decoration: none; }
div#footer a:link          { text-decoration: underline; }
div#footer a:hover, div#footer a:focus{ text-decoration: underline; font-size: 11px; }
div#footer a:link:hover, div#footer a:link:hover{ text-decoration: none; }
div#footer p               { font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0 0 20px; font-size: 11px; }
div#footer_left            { float: left; clear: both; }
div#footer_bottom          { float: left; width: 100%; clear: both; }
div#footer_right           { float: right; padding-right: 5px; }
div#footer_right a         { padding-left: 15px; }
div#footer .small          { font-size: 10px; }
div#footer .small:hover, div#footer .small:focus{ font-size: 10px; }

/* --------------------------- Drop Down Menu Styles --------------------------- */
.headerNavDropUl     { display: none; height: 200px; *height: 220px; margin: 0; padding: 4px 6px 5px 20px; position: absolute; top: 33px; left: -1px; background-color: #ffffff; border: solid 1px #d3cfc3; text-align: left; /* opacity: 0.97; */ /*opacity:0; -moz-transition: visibility .1s linear .01s, opacity .05s linear; -webkit-transition: opacity .25s linear, visibility .1s linear .1s; transition: opacity 0.5s linear, visibility 0s linear 0.5s;*/ }
/*ul.headerNavDropUl  { height: 190px; }*/
.headerNavTopBar     { height: 15px; width: 564px; margin-left: 1px; padding: 0 13px; top: 34px; border: none; }
.headerNavUl2        { left: 196px; }
.headerNavUl3        { left: 393px; }
.headerNavUlAlumni1  { left: -268px;/* display: block */ }
.headerNavUlAlumni2  { left: -71px; }
.headerNavUlAlumni3  { left: 126px; }
.headerNavUlCurStuL1 { left: -238px; }
.headerNavUlCurStuL2 { left: -41px; }
.headerNavUlCurStuL3 { left: 156px; }
.headerNavUlFacStaf1 { left: -248px; }
.headerNavUlFacStaf2 { left: -51px; }
.headerNavUlFacStaf3 { left: 146px; }
.headerNavUlEngage1  { left: -477px; }
.headerNavUlEngage2  { left: -280px; }
.headerNavUlEngage3  { left: -83px; }
.headerNavUlInvest1  { left: -500px; }
.headerNavUlInvest2  { left: -303px; }
.headerNavUlInvest3  { left: -106px; }
.headerNavUlTall     { height: 245px; }
.headerNavUlAlumni   { height: 100px; }
.headerNavUlEngage   { height: 95px; *height: 130px; }
.headerNavUlInvest   { height: 95px; }
.headerNavViewAll    { height: 47px; top: 242px; width: 550px; padding-right: 20px; background: #ffffff url('https://spu.edu/_ui/img/flyoutnav_cta_bg.png') repeat-x 0px 38px; border-top: none; }
.viewAllParents      { top: 200px; }
.viewAllAlumni       { top: 191px; left: -268px; }
.viewAllCurStu       { top: 264px; left: -238px; }
.viewAllFacStaf      { top: 257px; left: -248px; }
.viewAllEngage       { top: 138px; left: -477px; }
.viewAllInvest       { top: 138px; left: -500px; }
.scbiLink            { padding-top: 14px; }
#globalNav .scbiLink a:hover, #globalNav .scbiLink a:focus{ background: #ffffff; }
/*.globalNavLi:hover, .globalNavLi:focus{ background-color: #555; border: solid 1px #333; border-bottom: none; -moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; }*/
li.globalNavLi:hover, li.globalNavLi:focus{ background-color: #555; /*border: solid 1px #333; border-bottom: solid 1px #555; border-radius: 2px 2px 0 0;*/ }
.headerNav li li:hover, .headerNav li li:focus{ /*background: #000000;*/ border-right: none; }
.headerNav li:hover .headerNavDropUl, .headerNav li:focus .headerNavDropUl{ display: block; /*visibility: visible; opacity: 1; -moz-transition: opacity .3s linear, visibility .1s linear .1s; -webkit-transition: opacity .3s linear, visibility .1s linear .1s; transition-delay: 0s;*/ z-index: 4; }
.headerNavDropLi     { margin: 0; border: none; list-style-type: none; padding: 0; line-height: normal; }
/**li.headerNavDropLi     { float: left; width: 170px; }*/
.headerNavLiLocked   { background: url('/images/znewsite/icon-lock.png') no-repeat 42px 2px; }
.liLockedBlackboard  { background-position: 66px 2px; }
.liLockedWebmail     { background-position: 51px 2px; }
.liLockedLineWrap    { background-position: 60px 16px; }
.headerNavViewAllLi  { margin-top: 8px; padding-top: 10px; padding-left: 2px; border-top: solid 1px #d3cfc3; }
* li.headerNavViewAllLi{ width: 550px; }
#globalNav .headerNavViewAllLi a{ width: 550px; background: url("https://spu.edu/_ui/img/arrow_sprite.png") no-repeat 55px 4px; font-size: 14px; font-weight: bold; }
/* #globalNav Specificity set for CIB site (and the global_styles.css) since #content a and #content h4 were overwritting the 4 follwing definisions */
#globalNav li ul a   { margin: 0; padding: 4px 0 5px; display: block; color: #592B2F; text-decoration: none; font-family: Arial, Verdana, sans-serif; font-size: 13px; font-weight: normal; line-height: 14px; width: 170px; }
#globalNav li ul a em{ font-weight: normal; color: #592B2F; text-decoration: none; }
#globalNav li ul a strong{ color: #592B2F; text-decoration: none; }
#globalNav .dropDownNavHeading{ margin: 0 0 3px; padding: 12px 5px 0 0; font-weight: bold; font-family: Arial, Verdana, sans-serif; font-size: 13px; color: #333333; }
* div.dropDownNavHeading{ float: left; }
#globalNav .dropDownNavHeading a{ font-size: 13px; font-weight: bold; padding: 2px 0 3px; }
#globalNav .NavDividerHeadLi { width: 152px; margin-top: 9px; padding-top: 9px; border-top: solid 1px #d3cfc3; font-weight: bold; }
.headerNavDropLiTop  { padding-top: 10px; }
.headerNavHrLi       { margin: 0; padding: 0; width: 170px; height: 1px; line-height: 1px; }
.headingLink         { margin: 0; }
/*.globalNavLi:first-child:hover, .globalNavLi:first-child:focus{ border-left: solid 1px #333; }
.globalNavLi:last-child:hover, .globalNavLi:last-child:focus{ border-right: solid 1px #333; }*/

/*** footer ***/
div#footer_shell { background: url('/_ui/img/bg-footer.png') repeat-x scroll left bottom transparent; display: block; height: 188px; padding: 10px 0 0; width: 100%; z-index: 1; }
html body div#footer { display: block; font-size: 0.846em; height: 140px; margin: 0 auto; padding: 25px 0 0; }
div#footer div.footer-left { display: block; float: left; margin: 7px 0 0 6px; width: 195px; }
div#footer div.footer-right { float: left; display: block; width: 264px; }
div#footer a.icon_SPU {display: block; width: 169px; height: 56px; margin-top: -10px; margin-left: 10px; background: url('/images/global_header_images/new-logo-black.png') no-repeat left top; border: none; }
div#footer .copyright p { margin: 0;color: #fff; }
div#footer p.footer-callout { color: #424141; line-height: 18px; margin: 30px 0 0 6px; padding: 0; width: 440px; }

/*** /footer ***/
.offscreen {
position: absolute;
left: -999999px;
}
div#footer ul.footer-nav {
list-style: none;
margin:0;
padding:0;
}
div#footer ul.footer-nav li {
	margin: 0;
	padding: 0;
	line-height: 28px;
}
div#footer ul.footer-nav li.first {
	border: 0;
}
div#footer ul.footer-nav li a  {color: #51504f; }
div#footer ul.footer-nav li a:hover, div#footer ul.footer-nav li a:focus{color: #6c001b; }

    div#footer ul.social-media-links {
        list-style: none;
        margin: 0;
        padding: 0;
        float: right;
        clear: both;
        display: block;
    }
div#footer ul.social-media-links li {
            display: block;
            margin: 0;
            padding: 0 12px 0 0;
            float: left; }

            div#footer ul.social-media-links li a {
                display: block;
                width: 28px;
                height: 28px;
                background: url('/_ui/img/social-media-links-sprint.png') no-repeat;
            }
div#footer ul.social-media-links a.icon-twitter { background-position: 0px -28px; }
div#footer ul.social-media-links a.icon-facebook { background-position: -28px -28px; }
div#footer ul.social-media-links a.icon-vimeo { background-position: -56px -28px; }
div#footer ul.social-media-links a.icon-flickr { background-position: -84px -28px; }
div#footer ul.social-media-links a.icon-itunes { background-position: -112px -28px; }
div#footer ul.social-media-links a.icon-mobile { background-position: -140px -28px; }
div#footer ul.social-media-links a.icon-linkedin { background: url("/_ui/img/homepage/icon-linked-in.png") no-repeat; }
div#footer ul.social-media-links a.icon-instagram { background: url("/_ui/img/homepage/icon-instagram.png") no-repeat; }

.footer-share { overflow: hidden; width: 260px; float: right; }
.footer-share .footer-magazines {
        display: block;
        clear: both;
        padding-top: 22px;
        width: 179px;
        margin-left: 5px;
    }
div#footer .footer-share .footer-magazines a { background: url('/_ui/img/etc.png') no-repeat 0 0; cursor: pointer; display: block; float: left; height: 18px; margin-left: 15px; margin-top: 2px; text-decoration: none; width: 41px; }
div#footer .footer-share .footer-magazines a:first-child { background: url('/_ui/img/response.png') no-repeat 0 0; border-right: 1px solid #A6A49D; margin-top: 0; width: 80px; }
div#footer .footer-right p, div#footer .footer-share p { line-height: 18px; padding: 2px; margin: 0 0 8px; color: #424141; }
div#footer .footer-share p { padding: 0; margin: 0 0 10px 20px; }
.footer-copyright { background: none; float: left; width: 100%; clear: both; margin: 15px 0 0; padding: 0 0 20px 0; display: block; height: 24px; }
div#footer .footer-copyright p { color: #424141; font-size: 11px; line-height: 24px; padding: 0; margin: 0 0 0 10px; }
/*** /footer ***/

.body {
    background-color: #ffffff;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
}

.body a {
    color: #8c001a;
}

.body a:active {
    color: #70028f;
}

.body a:visited {
    color: #d60027;
}

.skipnav a {
    transition: top .5s ease-out, background .5s linear;
    padding: 6px;
    position: absolute;
    top: -40px;
    left: 0;
    color: #fff;
    background: #592B2F;
    z-index: 100;
}

.skipnav a:focus {
    position: absolute;
    left: 0;
    top: 0;
    background: #140a0b;
    transition: top .5s ease-out, background .5s linear;
}