@charset "UTF-8"; /* Seattle Pacific University 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. */

/* --------------------------- Utility Navigation (at the top) --------------------------- */
.utilityNav                { float: left; width: 100%; margin-top: 0px; background: rgba(0, 0, 0, .1); }
.utilityUl                 { margin: 0; padding: 5px 0; text-align: center; line-height: 18px; }
.utilityLi                 { /*border-left: 1px solid #BFB8A7;*/ display: inline; font-weight: bold; margin: 0; padding: 0; border-left: 1px solid #aaa; }
.utilityLi:first-child     { border: none; }
*.utilityLIFirst           { border: none; }
#globalHeader .utilityLi a { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-decoration: none; color: #333333; padding: 0 9px 0 10px; }
#globalHeader .utilityLi a:hover{ text-decoration: none; color: #555555; }

/* --------------------------- Global Navigation --------------------------- */
.spu                       { padding: 9px 0 5px 5px; }
img                        { border: none; }
#globalHeader              { float: left; margin: 0; padding: 0; }
.spuLogo                   { float: left; padding: 22px 0 22px 10px; }
.spuLogoHomeLink:hover     { 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; padding: 0; text-align: center; }
.globalNavUL               { margin: 0; padding: 0; text-align: center; height: 35px; font-size: 10px; }
.globalNavLi               { display: inline-block; margin: 1px 0 0; padding: 8px 0 10px; 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; }
#globalHeader a.gNavLink   { padding: 10px 9px 12px 10px; 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{ text-decoration: none; color: #ffffff; }
#globalNav li ul li a:hover{ background-color: #f8f8f8; color: #660000; text-decoration: underline; }

html body #globalHeader     { padding-top: 0px; font-family: Arial, Verdana, sans-serif; }
table #globalHeader         { background: #660000; width: 100%; }
table .utilityNav           { background: rgba(0, 0, 0, .1); }
*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: #660000; width: 100%; }
table #globalHeader .utilityLi a:hover{ text-decoration: none; color: #ffffff /*#339999*/; background: none; }
table #globalHeader a.gNavLink:hover  { 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: #666666; }

/* Small header for pages less than 750px wide, also to be used in the global_header_sm.html file */
.smallHeader #globalHeader .utilityLi a{ padding: 0 3px 0 9px; }
.smallHeader #globalHeader a.gNavLink  { padding: 10px 6px 12px; }

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

.largerHeader #globalHeader a.gNavLink{ font-size: 10px; }

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

/* --------------------------- Search Box --------------------------- */
#globalHeader .search      { float: right; margin: 0; padding: 35px 0 0 0; width: 235px; }
#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: 12px; line-height: 22px; font-family: Arial, Helvetica, sans-serif; }
div#footer a               { color: #333333; font-size: 12px; line-height: 22px; font-weight: normal; text-decoration: none; }
div#footer a:hover         { text-decoration: underline; font-size: 12px; }
div#footer p               { margin: 0; padding: 0 0 20px; font-size: 12px; }
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    { font-size: 10px; }

/* --------------------------- Drop Down Menu Styles --------------------------- */
.headerNavDropUl     { display: none; /*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;*/ height: 180px; margin: 0; padding: 4px 6px 5px 20px; position: absolute; top: 33px; left: -1px; background-color: #ffffff; /* opacity: 0.97; */ border: solid 1px #d3cfc3; text-align: left; }
.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: 90px; }
.headerNavUlInvest   { height: 77px; }
.headerNavViewAll    { height: 47px; top: 223px; width: 550px; padding-right: 20px; background: #ffffff url('http://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: 288px; left: -238px; }
.viewAllFacStaf      { top: 281px; left: -248px; }
.viewAllEngage       { top: 132px; left: -477px; }
.viewAllInvest       { top: 120px; left: -500px; }
/*.globalNavLi:hover  { 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   { background-color: #555; /*border: solid 1px #333; border-bottom: solid 1px #555; border-radius: 2px 2px 0 0;*/ }
.headerNav li li:hover{ background: none; border-right: none; }
.headerNav li:hover .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("http://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: #770000; 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: #660000; text-decoration: none; }
#globalNav li ul a strong{ color: #660000; 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{ border-left: solid 1px #333; }
.globalNavLi:last-child:hover { border-right: solid 1px #333; }