/* == GENERAL ==================================================================================== - NORTHLANDCOLLEGE.EDU - GLOBAL BASE - Created by: Northland Community and Technical College == NOTES ====================================================================================== - Use for global page structure and layout == TABLE OF CONTENTS ========================================================================== 01: PAGE LAYOUT STRUCTURE 02: SITE HEADERS (below main master header) a) Structure b) Site Title Graphic or Logo c) Site Internal Navigation d) Floating (Ghost) Navigation Bar e) Button Links 03: PAGE CONTENT CONTAINER 04: TOWER STRUCTURES a) tower_1Col_v1 b) tower_2Col_v1 c) tower_2Col_v2 d) tower_3Col_v1 e) tower_3Col_v2 05: INTERNAL NAVIGATION BAR (remove after updating to Site Internal Navigation) 06: SECTIONS (do we need???) 07: LEFT SIDEBAR (clean up) 08: RIGHT SIDEBAR (clean up) 09: GLOBAL FOOTER a) Structure b) Audience Navigation Links c) Contact Information Links d) Connect Social Media Icon Links e) Legal Info ============================================================================================== */ /* ########################################################################################################################################### ########################################################################################################################################### 01: PAGE STRUCTURE/LAYOUT ########################################################################################################################################### ########################################################################################################################################### */ /* PAGE STRUCTURE/LAYOUT = Page Structure ---------------------------------------------------------------------------------------------------------- */ #page_content_background { background-color: #D9D9D9;} #page_content_structure { width:982px; _width:982px; min-width:982px; max-width:982px; min-height:550px; padding-top:0; padding-bottom:0; overflow:visible!important; margin-top: 0px; margin-right: auto; margin-bottom: 20px!important; margin-left: auto;} * html #page_content_structure { height: 100%;} /* NEW!!!!!! LAYOUT 2.0 ---------------------------------------------------------------------------------------------------------- */ #main { width: 100%; position: relative; margin:0 auto !important;} * html #main { height: 100%;} #main .content { zoom:1; margin-top: 0; margin-right: auto !important; margin-bottom: 30px; margin-left: auto !important; padding: 0px !important;} #main .content:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; } #main .content:nth-child(1n) { border: none; } .content #hero-skin { position: relative; width:100%; _width:100%; min-width:980px; min-height:610px; margin: 0 auto !important; padding: 0px !important; /* -webkit-box-shadow: inset 0px -2px 3px 0px rgba(0, 0, 0, .5); -moz-box-shadow: inset 0px -2px 3px 0px rgba(0, 0, 0, .5); box-shadow: inset 0px -2px 3px 0px rgba(0, 0, 0, .5); *border:1px solid #999;*/} .content #hero-skin .wrapper { position: relative; float:left; width:980px; margin: 0 auto 0px auto; background-color:#F39} .content #hero-skin.navy { background:#1F2839;} .content #hero-skin.dgrey { background:#222222;} .content #hero-skin.salmon { background:#E5665D;} .content #hero-skin.briteblue { background:#48C4B7;} .content #upper { position: relative; margin: 0 auto 0px auto !important; /* -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, .4); -moz-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, .4); box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, .4); *border-bottom: 1px solid #999; */} .content #upper.tall-105 { max-height:110px !important; min-height:110px !important;} .content #upper.tall-600 { max-height:600px !important; min-height:600px !important;} .content #upper.tall-900 { max-height:900px !important; min-height:900px !important;} .content #upper .upper-wrapper { position: relative; margin: 0 auto 0px auto;} .content #upper .upper-wrapper#SD { width:982px; _width:982px; min-width:982px; max-width:982px;} .content #upper .upper-wrapper#HD { width:1200px; _width:1200px; min-width:1200px; max-width:1200px;} .content #lower { /**/position: relative; width:980px; _width:980px; min-width:980px; max-width:980px; margin: 0px auto 0px auto !important; padding: 0px !important;} .content #lower.border { position: relative; -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, .4); -moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, .4); box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, .4); *border:1px solid #999; min-height:800px; background:#FFF;} .content #lower .lower-wrapper { position: relative; height:100%; margin: 0px auto 0px auto !important; padding: 0px !important; } /* BASEMENT FRAME */ .content #basement { position: relative; float: left; width: 100%; _width: 100%; min-width: 100%; max-width: 100%; min-height: 180px; margin: -15px auto -30px auto !important; padding: 0px!important; background-repeat: repeat; background-position: center top; border-top: 3px solid #000; border-bottom: 1px solid #000;} .content #basement.dark { background-color: #1A1A1A; background-image: url(http://www.blacktie.es/img/site/bg_body_b.jpg); background-repeat:repeat} .content #basement.light { background-color: #CCC; background-image: url(http://www.baystate.edu/images/gray_stripes_pattern.png);} .content #basement .basement-wrapper { height:100%; margin: 25px 0 35px 0 !important; padding: 0 0 0 0 !important;} .content #basement h3 { font-family: 'Segoe UI', Arial, Sans-Serif !important; /* font-family: "BentonSansComp-Bold", sans-serif !important; */ font-size: 32px!important; font-weight: normal!important; letter-spacing: -0.03em!important; text-transform: capitalize; line-height:1.0em!important; margin:5px 0 25px 0!important; padding: 0px!important;} .content #basement.dark h3 { color:#FFF !important;} .content #basement.light h3 { color:#1F1F1F !important;} .content #basement ul { margin: 0 0 5px 0!important; padding:0px; text-align: left;} .content #basement ul li{ border:none!important;} .content #basement ul li a { border:none!important; display: block; font-size: 14px!important; /*color: #666666!important;*/ line-height: 1.3em!important; padding-left: 22px!important; padding-top:0px; padding-bottom:12px; *padding-top: 0px!important; /* IE7 */ _padding-top: 0px!important; /* IE6 */ *padding-bottom: 0px!important; /* IE7 */ _padding-bottom: 0px!important; /* IE6 */ background-image: url(/001_Global/_images/_icons/_lists/bul-sub.png)!important; background-repeat: no-repeat!important; background-position: 3px 0px!important; *background-position: 3px 10px!important; /* IE7 */ _background-position: 3px 10px!important; /* IE6 */ } .content #basement ul li a:hover, .content #basement ul li a:focus { /*color: #1eabec!important;*/ text-decoration:underline; } .content #basement ul li:last-child {padding-bottom:0px;border-bottom:none;} .content #basement.dark ul li a { color:#CCC!important;} .content #basement.light ul li a { color:#333!important;} /* #Mobile (Portrait) ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (max-width: 480px) { .content #upper { position: relative; height:100% !important; margin: 0 auto 0px auto !important; overflow:visible;} .content #upper.tall-105 { height:100%; max-height:100% !important; min-height:110px !important;} .content #upper.tall-600, .content #upper.tall-900{ height:100%; max-height:100% !important;} } /* dividers WORK IN PROGRESS move to elements.css #divider.framerow.gradient-down { background:url(http://images.apple.com/v/iphone/home/d/images/overview_divider_down.jpg) no-repeat center top;border-top:1px solid #ced0d5;} #divider.framerow.gradient-up { background:url(http://images.apple.com/v/iphone/home/d/images/overview_divider_up.jpg) no-repeat center bottom;border-bottom:1px solid #ced0d5;} #divider.framerow { width:980px; padding:0;background:#FFF; margin:0px!important; }*/ /* ########################################################################################################################################### ########################################################################################################################################### 02: SITE HEADERS (Site Signatures/Dept Logos) ########################################################################################################################################### ########################################################################################################################################### */ /* SITE HEADERS: Structure/Positioning ---------------------------------------------------------------------------------------------------------- */ #menuHD { float:left; position: relative; z-index:100!important; padding:0px; width: 980px !important; height: 120px !important; /* 75px */ overflow: visible !important; /* Important - allows for site nav drop menus to appear */ margin: 0px auto 0px auto!important; background-color:#CF3!important;} #menuHD .full { overflow:hidden!important;} #menuHD .left, #menuHD .right, #menuHD .left-bigHD, #menuHD .right-bigHD { float:left; display:inline; height: 120px; margin: 0px; padding: 0px;} #menuHD .topRow { height: 55px!important; max-height: 55px; margin: 0px!important; padding-top:15px!important; padding-bottom:0px!important; background-color: transparent; overflow:hidden!important;} #menuHD .bottomRow { height: 40px!important; max-height: 40px; background-color: transparent; overflow:visible!important; margin: 0px!important; padding: 0px!important; text-align:left;} /* SITE HEADERS: Site Name/Logo ---------------------------------------------------------------------------------------------------------- */ #menuHD h1 { display: block; margin: 0px!important; min-height: 50px; /* specific height can be customized on site specifc css files */ max-width: 982px!important; /* specific width can be customized on site specifc css files */ background-repeat: no-repeat!important; text-indent: -9000px; overflow: visible!important;} #menuHD h1 a { display: block; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif!important; min-height: 50px; overflow: visible!important; border: none!important; text-indent: -9000px; padding: 0px!important; background-repeat: no-repeat!important;} #menuHD h1.standard { margin-top: 20px!important; padding-top: 5px!important;} #menuHD h1.withnav { margin-top: 0px!important; padding-top: 5px!important;} /* SITE HEADERS: Site Navigation ---------------------------------------------------------------------------------------------------------- */ #menuHD ul.menu-nav { list-style:none; padding-bottom:10px!important; margin-top:35px!important; float:left!important;} #menuHD ul.menu-nav.Left { list-style:none; padding:0px!important; margin:0px!important; float:left!important;} #menuHD ul.menu-nav li { float:left!important; text-align:left!important; width:auto; color: #FFF; background-color: transparent; -webkit-transition-property: background-color, color; -webkit-transition-duration: .3s; -webkit-transition-timing-function: ease-in-out; -moz-transition-property: background-color, color; -moz-transition-duration: .3s; -moz-transition-timing-function: ease-in-out; transition-property: background-color, color; transition-duration: .3s; transition-timing-function: ease-in-out;} #menuHD ul.menu-nav li:first-child { } #menuHD ul.menu-nav li a { display:block; text-decoration:none; /*font-family:Calibri,'Trebuchet MS',Helvetica,sans-serif!important; font-family: "Benton-Sans-Medium", sans-serif!important; font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode" !important;*/ font-family: "Segoe UI", Tahoma, Helvetica, Arial, Verdana, sans-serif !important; font-size:17px!important; *font-size:17px!important; /* IE7 and below */ _font-size:17px!important; /* IE6 */ color: #FFFFFF!important; *color: #FFFFFF; /* IE7 and below */ _color: #FFFFFF; /* IE6 */ font-weight: normal !important; text-transform: none !important; /*text-shadow: 0 -1px 1px rgba(0,0,0,0.5)!important;*/ text-shadow:none!important; margin: 2px 22px 0px 0px!important; *margin: 2px 15px 0px 0px!important; /* IE7 and below */ _margin: 2px 15px 0px 0px!important; /* IE6 */ padding: 0px!important; -webkit-transition-property: background-color, color; -webkit-transition-duration: .2s; -webkit-transition-timing-function: ease-in-out; -moz-transition-property: background-color, color; -moz-transition-duration: .2s; -moz-transition-timing-function: ease-in-out; transition-property: background-color, color; transition-duration: .2s; transition-timing-function: ease-in-out;} #menuHD ul.menu-nav li:first-child a { margin-left: 0px; } #menuHD ul.menu-nav li i { text-transform: lowercase!important; font-style:normal!important; } #menuHD ul.menu-nav li a:hover, #menuHD ul.menu-nav li a:focus, #menuHD ul.menu-nav li:hover, #menuHD ul.menu-nav li:hover a, #menuHD ul.menu-nav li a:focus, #menuHD ul.menu-nav li a:active { text-decoration: none; color: #177AFF!important;/* 0A86C0 */} #menuHD ul.menu-nav li.NEW { float:left; padding-left:-12px; background-image: url(/001_Global/_images/_icons/_lists/new.png); background-repeat: no-repeat; background-position: right center;} /* SITE HEADERS: Link Active States ---------------------------------------------------------------------------------------------------------- */ .SN-00 #menuHD ul.menu-nav li.SN-00 a, .SN-01 #menuHD ul.menu-nav li.SN-01 a, .SN-02 #menuHD ul.menu-nav li.SN-02 a, .SN-03 #menuHD ul.menu-nav li.SN-03 a, .SN-04 #menuHD ul.menu-nav li.SN-04 a, .SN-05 #menuHD ul.menu-nav li.SN-05 a, .SN-06 #menuHD ul.menu-nav li.SN-06 a, .SN-07 #menuHD ul.menu-nav li.SN-07 a, .SN-08 #menuHD ul.menu-nav li.SN-08 a, .SN-09 #menuHD ul.menu-nav li.SN-09 a, .SN-10 #menuHD ul.menu-nav li.SN-10 a, .SN-11 #menuHD ul.menu-nav li.SN-11 a, .SN-12 #menuHD ul.menu-nav li.SN-12 a { font-size: 13px; font-weight: bold!important; color: #FFF;/*0065F4*/ text-shadow:none!important; /* background-image: url(../_images/_navigation/_internalnavbar/bg-menu-nav-arrow.png); background-repeat: no-repeat; background-position: 50% 15px; */} .SN-00 #menuHD ul.menu-nav li.SN-00 a:hover, .SN-01 #menuHD ul.menu-nav li.SN-01 a:hover, .SN-02 #menuHD ul.menu-nav li.SN-02 a:hover, .SN-03 #menuHD ul.menu-nav li.SN-03 a:hover, .SN-04 #menuHD ul.menu-nav li.SN-04 a:hover, .SN-05 #menuHD ul.menu-nav li.SN-05 a:hover, .SN-06 #menuHD ul.menu-nav li.SN-06 a:hover, .SN-07 #menuHD ul.menu-nav li.SN-07 a:hover, .SN-08 #menuHD ul.menu-nav li.SN-08 a:hover, .SN-09 #menuHD ul.menu-nav li.SN-09 a:hover, .SN-10 #menuHD ul.menu-nav li.SN-10 a:hover, .SN-11 #menuHD ul.menu-nav li.SN-11 a:hover, .SN-12 #menuHD ul.menu-nav li.SN-12 a:hover { text-decoration: none!important; color: #FFF!important;/*177AFF*/ text-shadow:none!important;} /* SITE HEADERS: Dropdown Menus ---------------------------------------------------------------------------------------------------------- */ /* Main Links */ #menuHD ul.menu-nav li span.arrow { display:block; float:right; width:7px; height:4px; margin:15px 0 0 6px; background-image: url(../_images/_navigation/_internalnavbar/drop-arrow.png); background-repeat: no-repeat; background-position: 0px 0px;} .ie7 #menuHD ul.menu-nav li span.arrow { display:none!important;} #menuHD ul.menu-nav li.menu:hover, #menuHD ul.menu-nav li.menu:focus, #menuHD ul.menu-nav li.menu.current_page_item:hover, #menuHD ul.menu-nav li.menu.current_page_item:focus { background-color: transparent; text-align: left; z-index:5000000; background-image: url(../_images/_navigation/_internalnavbar/menu-arrow.png); background-repeat: no-repeat; background-position: 5% 27px; text-shadow:none!important; font-weight:normal!important;} #menuHD ul.menu-nav li.menu:hover ul, #menuHD ul.menu-nav li.menu:focus ul { left:auto; width:180px; padding-top: 2px; padding-right: 10px; padding-bottom: 2px; padding-left: 10px; font-weight:normal!important;} /* Dropdown Menus */ #menuHD ul.menu-nav li a:hover, #menuHD ul.menu-nav li:hover a, #menuHD ul.menu-nav li a:focus, #menuHD ul.menu-nav li:focus a, #menuHD ul.menu-nav li a.active_section { color:#FFF;text-shadow:none!important;font-weight:normal!important;} #menuHD ul.menu-nav li li:hover, #menuHD ul.menu-nav li li:focus { background:none;text-shadow:none!important;font-weight:normal!important;} #menuHD ul.menu-nav.no-dive li.current_page_item:hover, #menuHD ul.menu-nav.no-dive li.current_page_item:focus { background:none;cursor:default;font-weight:normal!important;} #menuHD ul.menu-nav li ul { position:absolute; margin:0!important; text-decoration: none!important; left:-999em; z-index:100; background: #FFF;/* 0A86C0 */ background-image: url(http://www.baystate.edu/_online/images/bg_lines_gray.png); background-repeat: repeat; background-position: 0px 0px; color:#555555!important; font-weight:normal!important; box-shadow:0 3px 6px rgba(0,0,0,0.8); -moz-box-shadow:0 3px 6px rgba(0,0,0,0.8); -webkit-box-shadow:0 3px 6px rgba(0,0,0,0.8); -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; padding-top:15px!important; padding-bottom:15px!important;} #menuHD ul.menu-nav li ul { border-top:0!important;} .max #menuHD ul.menu-nav li ul, .med #menuHD ul.menu-nav li ul, .micro #menuHD ul.menu-nav li ul { width:20em;font-weight:normal!important;} #menuHD ul.menu-nav li li { width:100%;margin-right:0; font-family: sans-serif;font-weight:normal!important;} #menuHD ul.menu-nav li li a, #menuHD ul.menu-nav li:hover li a, #menuHD ul.menu-nav li:focus li a { font-family: "Segoe UI", Tahoma, Helvetica, Arial, Verdana, sans-serif !important; font-size:14px!important; line-height:1.1em!important; text-transform:capitalize!important; font-weight:normal!important; text-decoration: none!important; display:block; width:auto; margin:0!important; padding:10px 10px!important; /* background: #FFF;0A86C0 */ color:#555555!important; height:auto; border-bottom-width: 0px; border-right-style: none; border-bottom-style: solid;/* dotted */ border-bottom-color: #DDDDDD;} #menuHD ul.menu-nav li li:first-child a { } #menuHD ul.menu-nav li li:last-child a { border:none!important; } #menuHD ul.menu-nav li li a, #menuHD ul.menu-nav li li a:hover, #menuHD ul.menu-nav li li a:focus { color:#000!important;/* 555555 */ text-decoration: none; /* background-color: #FFF;0A86C0 */ font-weight:normal!important;} #menuHD ul.menu-nav li li a:hover, #menuHD ul.menu-nav li li a:focus { color:#177AFF!important;/* 555555 */ text-decoration: none!important; background-color: #F8F8F8;/* F4F4F4 */ font-weight:normal!important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .SN-00 #menuHD ul.menu-nav li.SN-00 li a, .SN-01 #menuHD ul.menu-nav li.SN-01 li a, .SN-02 #menuHD ul.menu-nav li.SN-02 li a, .SN-03 #menuHD ul.menu-nav li.SN-03 li a, .SN-04 #menuHD ul.menu-nav li.SN-04 li a, .SN-05 #menuHD ul.menu-nav li.SN-05 li a, .SN-06 #menuHD ul.menu-nav li.SN-06 li a, .SN-07 #menuHD ul.menu-nav li.SN-07 li a, .SN-08 #menuHD ul.menu-nav li.SN-08 li a, .SN-09 #menuHD ul.menu-nav li.SN-09 li a, .SN-10 #menuHD ul.menu-nav li.SN-10 li a, .SN-11 #menuHD ul.menu-nav li.SN-11 li a, .SN-12 #menuHD ul.menu-nav li.SN-12 li a { font-weight: normal!important;} .SN-00 #menuHD ul.menu-nav li.SN-00 li a:hover, .SN-01 #menuHD ul.menu-nav li.SN-01 li a:hover, .SN-02 #menuHD ul.menu-nav li.SN-02 li a:hover, .SN-03 #menuHD ul.menu-nav li.SN-03 li a:hover, .SN-04 #menuHD ul.menu-nav li.SN-04 li a:hover, .SN-05 #menuHD ul.menu-nav li.SN-05 li a:hover, .SN-06 #menuHD ul.menu-nav li.SN-06 li a:hover, .SN-07 #menuHD ul.menu-nav li.SN-07 li a:hover, .SN-08 #menuHD ul.menu-nav li.SN-08 li a:hover, .SN-09 #menuHD ul.menu-nav li.SN-09 li a:hover, .SN-10 #menuHD ul.menu-nav li.SN-10 li a:hover, .SN-11 #menuHD ul.menu-nav li.SN-11 li a:hover, .SN-12 #menuHD ul.menu-nav li.SN-12 li a:hover { text-decoration: none !important; color: #000!important;} /* SITE HEADERS: Structure/Positioning ---------------------------------------------------------------------------------------------------------- */ #siteheader { position: relative; z-index:100!important; padding:0px; width: 982px; height: 110px !important; /* 75px */ overflow: visible !important; /* Important - allows for site nav drop menus to appear */ margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto;} #siteheader .full { width: 982px; background-color: transparent; overflow:hidden!important;} #siteheader .left, #siteheader .right, #siteheader .left-bigHD, #siteheader .right-bigHD { float:left; display:inline; height: 110px; margin: 0px; padding: 0px;} #siteheader .topRow { width: 982px; max-width: 982px; height: 55px!important; max-height: 55px; margin: 0px!important; padding-top:15px!important; padding-bottom:0px!important; background-color: transparent; overflow:hidden!important;} #siteheader .bottomRow { width: 982px; max-width: 982px; height: 40px!important; max-height: 40px; background-color: transparent; overflow:visible!important; margin: 0px!important; padding: 0px!important; text-align:left;} #siteheader .left { width: 300px; max-width: 300px; overflow:hidden; background-color: transparent; overflow:hidden!important;} #siteheader .right { background-color: transparent; overflow:visible!important; margin-left: 10px!important; width: 672px!important; max-width: 672px!important; padding: 0px!important; border:none; text-align:right;} #siteheader .left-bigHD { width: 500px; max-width: 500px; overflow:hidden; background-color: transparent; overflow:hidden!important;} #siteheader .right-bigHD { background-color: transparent; overflow:visible!important; margin-left: 10px!important; width: 472px!important; max-width: 472px!important; padding: 0px!important; border:none; text-align:right;} /* SITE HEADERS: Site Name/Logo ---------------------------------------------------------------------------------------------------------- */ #siteheader h1 { display: block; margin: 0px!important; min-height: 50px; /* specefic height can be customized on site specifc css files */ max-width: 982px!important; /* specefic width can be customized on site specifc css files */ background-repeat: no-repeat!important; text-indent: -9000px; overflow: visible!important;} #siteheader h1 a { display: block; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif!important; min-height: 50px; overflow: visible!important; border: none!important; text-indent: -9000px; padding: 0px!important; background-repeat: no-repeat!important;} #siteheader h1.standard { margin-top: 20px!important; padding-top: 5px!important;} #siteheader h1.withnav { margin-top: 0px!important; padding-top: 5px!important;} /* SITE HEADERS: Site Navigation ---------------------------------------------------------------------------------------------------------- */ #siteheader ul.SiteNav { list-style:none; padding-bottom:10px!important; margin-top:35px!important; float:left!important;} #siteheader ul.SiteNav.Left { list-style:none; padding:0px!important; margin:0px!important; float:left!important;} #siteheader ul.SiteNav li { float:left!important; text-align:left!important; width:auto; color: #FFF; background-color: transparent; -webkit-transition-property: background-color, color; -webkit-transition-duration: .3s; -webkit-transition-timing-function: ease-in-out; -moz-transition-property: background-color, color; -moz-transition-duration: .3s; -moz-transition-timing-function: ease-in-out; transition-property: background-color, color; transition-duration: .3s; transition-timing-function: ease-in-out;} #siteheader ul.SiteNav li:first-child { } #siteheader ul.SiteNav li a { display:block; text-decoration:none; /*font-family:Calibri,'Trebuchet MS',Helvetica,sans-serif!important; font-family: "Benton-Sans-Medium", sans-serif!important; font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode" !important;*/ font-family: "Segoe UI", Tahoma, Helvetica, Arial, Verdana, sans-serif !important; font-size:17px!important; *font-size:17px!important; /* IE7 and below */ _font-size:17px!important; /* IE6 */ color: #FFFFFF!important; *color: #FFFFFF; /* IE7 and below */ _color: #FFFFFF; /* IE6 */ font-weight: normal !important; text-transform: none !important; /*text-shadow: 0 -1px 1px rgba(0,0,0,0.5)!important;*/ text-shadow:none!important; margin: 2px 22px 0px 0px!important; *margin: 2px 15px 0px 0px!important; /* IE7 and below */ _margin: 2px 15px 0px 0px!important; /* IE6 */ padding: 0px!important; -webkit-transition-property: background-color, color; -webkit-transition-duration: .2s; -webkit-transition-timing-function: ease-in-out; -moz-transition-property: background-color, color; -moz-transition-duration: .2s; -moz-transition-timing-function: ease-in-out; transition-property: background-color, color; transition-duration: .2s; transition-timing-function: ease-in-out;} #siteheader ul.SiteNav li:first-child a { margin-left: 0px; } #siteheader ul.SiteNav li i { text-transform: lowercase!important; font-style:normal!important; } #siteheader ul.SiteNav li a:hover, #siteheader ul.SiteNav li a:focus, #siteheader ul.SiteNav li:hover, #siteheader ul.SiteNav li:hover a, #siteheader ul.SiteNav li a:focus, #siteheader ul.SiteNav li a:active { text-decoration: none; color: #177AFF!important;/* 0A86C0 */} #siteheader ul.SiteNav li.NEW { float:left; padding-left:-12px; background-image: url(/001_Global/_images/_icons/_lists/new.png); background-repeat: no-repeat; background-position: right center;} /* SITE HEADERS: Link Active States ---------------------------------------------------------------------------------------------------------- */ .SN-00 #siteheader ul.SiteNav li.SN-00 a, .SN-01 #siteheader ul.SiteNav li.SN-01 a, .SN-02 #siteheader ul.SiteNav li.SN-02 a, .SN-03 #siteheader ul.SiteNav li.SN-03 a, .SN-04 #siteheader ul.SiteNav li.SN-04 a, .SN-05 #siteheader ul.SiteNav li.SN-05 a, .SN-06 #siteheader ul.SiteNav li.SN-06 a, .SN-07 #siteheader ul.SiteNav li.SN-07 a, .SN-08 #siteheader ul.SiteNav li.SN-08 a, .SN-09 #siteheader ul.SiteNav li.SN-09 a, .SN-10 #siteheader ul.SiteNav li.SN-10 a, .SN-11 #siteheader ul.SiteNav li.SN-11 a, .SN-12 #siteheader ul.SiteNav li.SN-12 a { font-size: 13px; font-weight: bold!important; color: #FFF;/*0065F4*/ text-shadow:none!important; /* background-image: url(../_images/_navigation/_internalnavbar/bg-sitenav-arrow.png); background-repeat: no-repeat; background-position: 50% 15px; */} .SN-00 #siteheader ul.SiteNav li.SN-00 a:hover, .SN-01 #siteheader ul.SiteNav li.SN-01 a:hover, .SN-02 #siteheader ul.SiteNav li.SN-02 a:hover, .SN-03 #siteheader ul.SiteNav li.SN-03 a:hover, .SN-04 #siteheader ul.SiteNav li.SN-04 a:hover, .SN-05 #siteheader ul.SiteNav li.SN-05 a:hover, .SN-06 #siteheader ul.SiteNav li.SN-06 a:hover, .SN-07 #siteheader ul.SiteNav li.SN-07 a:hover, .SN-08 #siteheader ul.SiteNav li.SN-08 a:hover, .SN-09 #siteheader ul.SiteNav li.SN-09 a:hover, .SN-10 #siteheader ul.SiteNav li.SN-10 a:hover, .SN-11 #siteheader ul.SiteNav li.SN-11 a:hover, .SN-12 #siteheader ul.SiteNav li.SN-12 a:hover { text-decoration: none!important; color: #FFF!important;/*177AFF*/ text-shadow:none!important;} /* SITE HEADERS: Dropdown Menus ---------------------------------------------------------------------------------------------------------- */ /* Main Links */ #siteheader ul.SiteNav li span.arrow { display:block; float:right; width:7px; height:4px; margin:15px 0 0 6px; background-image: url(../_images/_navigation/_internalnavbar/drop-arrow.png); background-repeat: no-repeat; background-position: 0px 0px;} .ie7 #siteheader ul.SiteNav li span.arrow { display:none!important;} #siteheader ul.SiteNav li.menu:hover, #siteheader ul.SiteNav li.menu:focus, #siteheader ul.SiteNav li.menu.current_page_item:hover, #siteheader ul.SiteNav li.menu.current_page_item:focus { background-color: transparent; text-align: left; z-index:5000000; background-image: url(../_images/_navigation/_internalnavbar/menu-arrow.png); background-repeat: no-repeat; background-position: 5% 27px; text-shadow:none!important; font-weight:normal!important;} #siteheader ul.SiteNav li.menu:hover ul, #siteheader ul.SiteNav li.menu:focus ul { left:auto; width:180px; padding-top: 2px; padding-right: 10px; padding-bottom: 2px; padding-left: 10px; font-weight:normal!important;} /* Dropdown Menus */ #siteheader ul.SiteNav li a:hover, #siteheader ul.SiteNav li:hover a, #siteheader ul.SiteNav li a:focus, #siteheader ul.SiteNav li:focus a, #siteheader ul.SiteNav li a.active_section { color:#FFF;text-shadow:none!important;font-weight:normal!important;} #siteheader ul.SiteNav li li:hover, #siteheader ul.SiteNav li li:focus { background:none;text-shadow:none!important;font-weight:normal!important;} #siteheader ul.SiteNav.no-dive li.current_page_item:hover, #siteheader ul.SiteNav.no-dive li.current_page_item:focus { background:none;cursor:default;font-weight:normal!important;} #siteheader ul.SiteNav li ul { position:absolute; margin:0!important; text-decoration: none!important; left:-999em; z-index:100; background: #FFF;/* 0A86C0 */ background-image: url(http://www.baystate.edu/_online/images/bg_lines_gray.png); background-repeat: repeat; background-position: 0px 0px; color:#555555!important; font-weight:normal!important; box-shadow:0 3px 6px rgba(0,0,0,0.8); -moz-box-shadow:0 3px 6px rgba(0,0,0,0.8); -webkit-box-shadow:0 3px 6px rgba(0,0,0,0.8); -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; padding-top:15px!important; padding-bottom:15px!important;} #siteheader ul.SiteNav li ul { border-top:0!important;} .max #siteheader ul.SiteNav li ul, .med #siteheader ul.SiteNav li ul, .micro #siteheader ul.SiteNav li ul { width:20em;font-weight:normal!important;} #siteheader ul.SiteNav li li { width:100%;margin-right:0; font-family: sans-serif;font-weight:normal!important;} #siteheader ul.SiteNav li li a, #siteheader ul.SiteNav li:hover li a, #siteheader ul.SiteNav li:focus li a { font-family: "Segoe UI", Tahoma, Helvetica, Arial, Verdana, sans-serif !important; font-size:14px!important; line-height:1.1em!important; text-transform:capitalize!important; font-weight:normal!important; text-decoration: none!important; display:block; width:auto; margin:0!important; padding:10px 10px!important; /* background: #FFF;0A86C0 */ color:#555555!important; height:auto; border-bottom-width: 0px; border-right-style: none; border-bottom-style: solid;/* dotted */ border-bottom-color: #DDDDDD;} #siteheader ul.SiteNav li li:first-child a { } #siteheader ul.SiteNav li li:last-child a { border:none!important; } #siteheader ul.SiteNav li li a, #siteheader ul.SiteNav li li a:hover, #siteheader ul.SiteNav li li a:focus { color:#000!important;/* 555555 */ text-decoration: none; /* background-color: #FFF;0A86C0 */ font-weight:normal!important;} #siteheader ul.SiteNav li li a:hover, #siteheader ul.SiteNav li li a:focus { color:#177AFF!important;/* 555555 */ text-decoration: none!important; background-color: #F8F8F8;/* F4F4F4 */ font-weight:normal!important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .SN-00 #siteheader ul.SiteNav li.SN-00 li a, .SN-01 #siteheader ul.SiteNav li.SN-01 li a, .SN-02 #siteheader ul.SiteNav li.SN-02 li a, .SN-03 #siteheader ul.SiteNav li.SN-03 li a, .SN-04 #siteheader ul.SiteNav li.SN-04 li a, .SN-05 #siteheader ul.SiteNav li.SN-05 li a, .SN-06 #siteheader ul.SiteNav li.SN-06 li a, .SN-07 #siteheader ul.SiteNav li.SN-07 li a, .SN-08 #siteheader ul.SiteNav li.SN-08 li a, .SN-09 #siteheader ul.SiteNav li.SN-09 li a, .SN-10 #siteheader ul.SiteNav li.SN-10 li a, .SN-11 #siteheader ul.SiteNav li.SN-11 li a, .SN-12 #siteheader ul.SiteNav li.SN-12 li a { font-weight: normal!important;} .SN-00 #siteheader ul.SiteNav li.SN-00 li a:hover, .SN-01 #siteheader ul.SiteNav li.SN-01 li a:hover, .SN-02 #siteheader ul.SiteNav li.SN-02 li a:hover, .SN-03 #siteheader ul.SiteNav li.SN-03 li a:hover, .SN-04 #siteheader ul.SiteNav li.SN-04 li a:hover, .SN-05 #siteheader ul.SiteNav li.SN-05 li a:hover, .SN-06 #siteheader ul.SiteNav li.SN-06 li a:hover, .SN-07 #siteheader ul.SiteNav li.SN-07 li a:hover, .SN-08 #siteheader ul.SiteNav li.SN-08 li a:hover, .SN-09 #siteheader ul.SiteNav li.SN-09 li a:hover, .SN-10 #siteheader ul.SiteNav li.SN-10 li a:hover, .SN-11 #siteheader ul.SiteNav li.SN-11 li a:hover, .SN-12 #siteheader ul.SiteNav li.SN-12 li a:hover { text-decoration: none !important; color: #000!important;} /* SITE HEADERS: Floating (Ghost) Navigation Bar (use with full page slider) ---------------------------------------------------------------------------------------------------------- */ #floating-section-nav-container { display:none; width:982px; height:60px; position:fixed; overflow: visible; top:0px; z-index:1050; background-color: #FFF; box-shadow: inset 0 1px #fff, 0 2px 10px rgba(25,25,25,0.5); -moz-box-shadow: inset 0 1px #fff, 0 2px 10px rgba(25,25,25,0.5); -webkit-box-shadow: inset 0 1px #fff, 0 2px 10px rgba(25,25,25,0.5); /*background-image: url(../../001_Global/_images/_navigation/_pagescroll/bg-nav-bar-scroll-lite.png); background-repeat: repeat-x; background-image: url(../../001_Global/_images/_navigation/_pagescroll/bg-nav-bar.png); background-repeat: repeat-x;*/ margin:0px auto 0px auto!important; padding-top:0px; padding-bottom:0px; text-align:center!important;} #floating-section-nav-container { border-bottom: 3px solid #C9C7C8\7;} #floating-section-nav{ margin:0px auto 0px auto!important; padding: 0; text-align:center!important;} #floating-section-nav li { list-style-type:none; float:left; text-align:center!important;} #floating-section-nav li a { display: block !important; height:45px; font-family: "Segoe UI", Tahoma, Helvetica, Arial, Verdana, sans-serif !important; font-size: 16px !important; *font-size:16px!important; /* IE7 and below */ _font-size:16px!important; /* IE6 */ color: #333 !important; text-decoration:none !important; font-weight: normal !important; text-transform: capitalize; text-align:center!important; padding-top:14px !important; padding-bottom: 0px !important; padding-left:12px !important; padding-right:12px !important; border-right-width: 0px; border-right-style: solid; border-right-color: #BABABA; text-align:center!important;} #floating-section-nav li.last a { border:none !important;} #floating-section-nav li a:hover, #floating-section-nav li a:focus { text-decoration: underline !important; color:#000 !important;/* E51400 */ background:#F5F5F5;} #floating-section-nav li a span.NEWburst{ background-color: #F60; color: #FFF; font-size: 9px!important; font-family: tahoma,arial!important; font-weight: bold!important; padding: 0px 2px!important;} #floating-section-nav li#top-icon { float:right !important; width:25px; margin-right:10px!important;padding-left:0px!important;padding-right:0px!important; border:none!important;} #floating-section-nav li#top-icon a { border:none!important;padding-left:0px!important;padding-right:0px!important;} #floating-section-nav li#top-icon img { margin-top:-3px!important; padding-top:0px!important; } #floating-section-nav li#top-icon a:hover { background:none!important;} /* SITE HEADER: Button Links (OPTIONAL) ---------------------------------------------------------------------------------------------------------- */ #siteheader ul.controls { zoom:1; margin-top:18px!important;} #siteheader ul.controls:after { height: 0; padding-top: 0.1px; clear: both; display: block; content: " "; font-size: 0; } #siteheader ul.controls li { float: right; list-style: none; font-weight: normal; margin-top: 0; margin-right: 8px; margin-bottom: 0; margin-left: 0;} #siteheader ul.controls li.last { margin-right:0px!important;} #siteheader ul.controls li.btn_small { margin-top:1px!important;} #siteheader ul.controls li.btn_medium { margin-top:0px!important;} #siteheader ul.controls li.btn_large { margin-top:-2px!important;} #siteheader ul.controls li.btn_signout { margin-top:3px; float: right;} /* ########################################################################################################################################### ########################################################################################################################################### 03: PAGE CONTENT CONTAINER ########################################################################################################################################### ########################################################################################################################################### */ /* PAGE CONTENT CONTAINER = Border and Wrapper ---------------------------------------------------------------------------------------------------------- */ #page_content_container { position: relative; z-index:99!important; overflow:visible!important;/* !!!!CAREFUL WITH THIS - Orginally hidden */ width:100%!important; background:#FFF!important; padding:0px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, .4); -moz-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, .4); box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, .4); *border:1px solid #999; border-top-width: 0px;/*1px;*/ border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px;/*1px;*/ border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color:transparent; border-right-color:transparent; border-bottom-color:transparent; border-left-color:transparent;} /* IE HACK - ALL VERSIONS */ #page_content_container { /* border: 1px solid #B3B4A4\9;} */ border-top-width:0px\9; border-top-style: none\9; border-bottom-color:#B3B4A4\9; border-bottom-width:0px\9; border-bottom-style: solid\9; border-top-color:transparent\9; border-left-width:0px\9; border-left-style: solid\9; border-left-color:#B3B4A4\9; border-right-width:0px\9; border-right-style: solid\9; border-right-color:#B3B4A4\9;} #page_content_container.wrapper { width:982px!important; _width:982px; min-width:982px; max-width:982px; position:relative; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 0px!important; padding-right:0px!important; padding-bottom:0px!important; padding-left:0px!important;} /* Tower > Column > Frame > Section > Grid > Block */ /* ########################################################################################################################################### ########################################################################################################################################### 04: TOWER STRUCTURES ########################################################################################################################################### ########################################################################################################################################### */ #tower_1Col_v1, #tower_2Col_v1, #tower_2Col_v2, #tower_3Col_v1, #tower_3Col_v2 { width: 952px !important; _width: 952px; margin: 0 auto !important; padding: 15px !important;} #tower_1Col_v1 .contentFooter, #tower_2Col_v1 .contentFooter, #tower_2Col_v2 .contentFooter, #tower_3Col_v1 .contentFooter, #tower_3Col_v2 .contentFooter { float:left; width: 952px !important; _width: 952px; min-height: 220px!important; max-height: 250px!important; margin: 0px !important; padding: 0px !important;} /* TOWER COLUMNS: One (1) Column v1 ( Main ) ---------------------------------------------------------------------------------------------------------- */ #tower_1Col_v1 .contentBody { float: left; width: 952px !important; _width: 952px; min-height: 600px; margin: 0 auto !important; padding: 0 !important;} #tower_1Col_v1 .contentBody #colMain { float: left; width: 952px !important; padding-bottom: 0px !important;} /* TOWER COLUMNS: Two (2) Columns v1 ( Main x Right Sidebar ) ---------------------------------------------------------------------------------------------------------- */ #tower_2Col_v1 .contentBody { float: left; width: 952px !important; _width: 952px; min-height: 650px; margin: 0 auto !important; padding: 0px !important; background-image: url(../images/bg/_towers/bg-tower-line.gif); background-repeat: repeat-y; background-position: 727px 0;} #tower_2Col_v1 .contentBody #colMain { float: left; width: 712px !important; max-width: 712px !important; height: auto; min-height: 650px; margin-right: 32px; padding-bottom: 15px;} #tower_2Col_v1 .contentBody #colRight { float: left; width: 208px !important; max-width: 208px !important; margin: 0; padding: 0;} /* TOWER COLUMNS: Two (2) Columns v2 ( Left Sidebar x Main ) ---------------------------------------------------------------------------------------------------------- */ #tower_2Col_v2 .contentBody { float: left; width: 952px !important; _width: 952px; min-height: 650px; margin: 0 auto !important; padding: 0px !important; background-image: url(../images/_bg/_towers/bg-tower-2col-v2.gif); background-repeat: repeat-y; background-position: 0 0;} #tower_2Col_v2 .contentBody #colLeft { float: left; width: 180px !important;/*200px*/ max-width: 180px !important;/*200px*/ margin: 0; padding: 0;} #tower_2Col_v2 .contentBody #colMain { float: left; width: 740px !important;/*720px*/ max-width: 740px !important;/*720px*/ height: auto; min-height: 600px; margin-left: 32px; padding-bottom:15px;} /* TOWER COLUMNS: Three (3) Columns v1 ( Left Sidebar x Main x Right Sidebar ) ---------------------------------------------------------------------------------------------------------- */ #tower_3Col_v1 .contentBody { float: left; width: 952px!important; _width: 952px; min-height: 650px; margin: 0 auto !important; padding: 0px !important; background-image: url(../images/_bg/_towers/bg-tower-3col-v1.gif); background-repeat: repeat-y; background-position: 0 0;} #tower_3Col_v1 .contentBody #colLeft { float: left; width: 180px !important; max-width: 180px !important; margin: 0; padding: 0;} #tower_3Col_v1 .contentBody #colMain { float: left; width: 508px !important; max-width: 508px !important; height: auto; min-height: 600px; margin-left: 32px !important; margin-right: 32px !important; padding-bottom: 15px;} #tower_3Col_v1 .contentBody #colRight { float: left; width: 200px !important; max-width: 200px !important; margin: 0; padding: 0;} /* TOWER COLUMNS: Three (3) Columns v2 ( Main x Left Sidebar x Right Sidebar ) ---------------------------------------------------------------------------------------------------------- */ #tower_3Col_v2 .contentBody { float: left; width: 952px!important; _width: 952px; min-height: 650px; margin: 0 auto !important; padding: 0px !important; background-image: url(../images/bg/_towers/bg-tower-3col-v2.gif); background-repeat: repeat-y; background-position: 0 0;} #tower_3Col_v2 .contentBody #colMain { float: left; width: 500px !important; max-width: 500px !important; min-height: 650px; margin-right: 32px !important; padding-bottom: 15px;} #tower_3Col_v2 .contentBody #colLeft { float: left; width: 180px !important; max-width: 180px !important; margin-right: 32px !important; padding: 0;} #tower_3Col_v2 .contentBody #colRight { float: left; width: 208px !important; max-width: 208px !important; margin: 0; padding: 0;} /* ########################################################################################################################################### ########################################################################################################################################### 06: SECTIONS ########################################################################################################################################### ########################################################################################################################################### */ /* SECTION: Structure ---------------------------------------------------------------------------------------------------------- */ #SECTION { float:left; position:relative; display:block; margin-top:10px; margin-bottom:10px; padding: 0px; overflow:hidden; z-index:1} #SECTION.toptight {margin-top:0px!important;} #SECTION.topover {margin-top:-15px!important;} /* SECTION: Widths ---------------------------------------------------------------------------------------------------------- */ #SECTION.secW200 { width: 200px!important; max-width:200px; } #SECTION.secW250 { width: 225px!important; max-width:225px; } #SECTION.secW250 { width: 250px!important; max-width:250px; } #SECTION.secW275 { width: 275px!important; max-width:275px; } #SECTION.secW300 { width: 300px!important; max-width:300px; } #SECTION.secW325 { width: 315px!important; max-width:315px; } #SECTION.secW350 { width: 320px!important; max-width:320px; } #SECTION.secW712 { width: 712px!important; max-width:712px; } /* SECTION: Border Shadows ---------------------------------------------------------------------------------------------------------- */ #SECTION.shadownone { -webkit-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, .1); -moz-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, .1); box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, .1);} #SECTION.shadow { -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);} #SECTION.shadowmore { -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.5);} #SECTION.shadowinset { -webkit-box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, .25); -moz-box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, .25); box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, .25);} #SECTION.shadowinsetmore { -webkit-box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, .45); -moz-box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, .45); box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, .45);} #SECTION.shadowinsetfull { -webkit-box-shadow: inset 0px 0px 5px 1px rgba(0, 0, 0, .1); -moz-box-shadow: inset 0px 0px 5px 1px rgba(0, 0, 0, .1); box-shadow: inset 0px 0px 5px 1px rgba(0, 0, 0, .1);} /* SECTION: Border Radius ---------------------------------------------------------------------------------------------------------- */ #SECTION.rectangle { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} #SECTION.roundedSmall { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} #SECTION.roundedMedium { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;} #SECTION.roundedLarge { -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;} #SECTION.roundedBottomSmall { -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px;} #SECTION.roundedBottomMedium { -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-radius: 0px 0px 8px 8px; border-radius: 0px 0px 8px 8px;} #SECTION.roundedBottomLarge { -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 12px; -moz-border-radius-bottomleft: 12px; -webkit-border-radius: 0px 0px 12px 12px; border-radius: 0px 0px 12px 12px;} /* SECTION: BG Colors ---------------------------------------------------------------------------------------------------------- */ #SECTION.white { background-color: #FFFFFF!important;} #SECTION.yellow { background-color: #FDCA00!important;} #SECTION.pink {background-color: #FFECEF!important;} #SECTION.dgrey { background-color: #34363E!important;} #SECTION.ddgrey { background-color: #2C2D35!important;} #SECTION.lgrey {background-color: #EBEBEB!important;} #SECTION.llgrey {background-color: #F9F9F9!important;} #SECTION.lblue { background-color: #E3ECEE!important;} #SECTION.dgrey-border {background-color: #34363E!important;border: 1px solid #000;} #SECTION.lgrey-border {background-color: #F5F5F5!important;border: 1px solid #E8E8E8;} #SECTION.llgrey-border {background-color: #F9F9F9!important;border: 1px solid #E8E8E8;} /* ########################################################################################################################################### ########################################################################################################################################### 07: LEFT SIDEBAR ########################################################################################################################################### ########################################################################################################################################### */ /* LEFT SIDEBAR: Positioning ---------------------------------------------------------------------------------------------------------- */ #sidebar-Left { margin:0px !important; padding:0px !important; } /* LEFT SIDEBAR: Navigation Links ---------------------------------------------------------------------------------------------------------- */ #sidebar-Left .internalNav { overflow:hidden; width:180px !important; max-width:180px !important; margin-top: 25px; margin-left: 0px !important; margin-bottom: 30px; padding-bottom: 0px !important; border-bottom: #E7E7E7 solid 1px !important;} #sidebar-Left .internalNav { width: 210px !important;} #sidebar-Left .internalNav.top { margin-top: -4px !important;} #sidebar-Left .internalNav h3 { /*font-family: "Times New Roman", Times, serif !important;*/ font-family: 'Segoe UI', Arial, Sans-Serif !important; font-size:20px!important; line-height:1.1em!important; color:#444444 !important; font-weight: normal !important; font-style:normal !important; letter-spacing: -0.05em!important; text-align:left !important; display:block; margin-top:0px!important; margin-bottom:0px!important; padding-top:10px; padding-bottom:12px; padding-left:13px; padding-right: 0px; text-transform: capitalize;} #sidebar-Left .internalNav h3 em {text-transform: none !important; font-style:normal !important;} #sidebar-Left .internalNav ul { list-style:none; margin: 0px!important; padding-top: 5px!important;} #sidebar-Left .internalNav ul li { float:none; display: inline; width:100%; position:relative; margin: 0px; padding: 0px; /*font-family:Calibri, 'Trebuchet MS', Helvetica, sans-serif!important; font-family: Georgia, "Times New Roman", Times, serif !important;*/ font-family: Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif !important; font-size: 14px !important; font-style: normal; line-height:1.1em !important; font-weight: 500; font-variant: normal; text-transform: none;} #sidebar-Left .internalNav ul li a, #sidebar-Left .internalNav ul li a:visited, #sidebar-Left .internalNav ul li a:active { border-top: #EFEFEF solid 1px; overflow:hidden; display: block; color:#333 !important; /* 008FC5 */ font-weight: 500; padding-top: 13px !important; padding-bottom: 13px !important; padding-left: 5px !important; padding-right: 24px !important; text-decoration: none; -moz-transition:background 0.3s; -ms-transition:background 0.3s; -webkit-transition:background 0.3s; transition:background 0.3s; background-color: #FFF;} #sidebar-Left .internalNav ul li a.singleline { /* background-image: url(../_images/_navigation/_sidebar/arrow-related-links.png);*/ background-repeat: no-repeat; background-position: 166px 17px !important;} #sidebar-Left .internalNav ul li a.doubleline { /* background-image: url(../_images/_navigation/_sidebar/arrow-related-links.png);*/ background-repeat: no-repeat; background-position: 166px 25px !important;} #sidebar-Left .internalNav ul li a.singlelineicon { background-image: url(../_images/_navigation/_sidebar/arrow-related-links.png); background-repeat: no-repeat; background-position: 166px 25px !important;} #sidebar-Left .internalNav ul li a.singlelineicon span { float:left; margin-top:8px !important;} #sidebar-Left .internalNav ul li a:hover { text-decoration:none !important; color:#000 !important; /* 016CA7 */ background-color: #F5F5F1; /* F3F3F3 */ /* background-image: url(../_images/_navigation/_sidebar/arrow-internalNav-lblue.png); background-repeat: no-repeat;*/} #sidebar-Left .internalNav li:last-child a { border-bottom: #E6E6E6 solid 0px !important;} /* ACTIVE STATES */ .PN-01 #sidebar-Left .internalNav ul li#PN-01 a, .PN-02 #sidebar-Left .internalNav ul li#PN-02 a, .PN-03 #sidebar-Left .internalNav ul li#PN-03 a, .PN-04 #sidebar-Left .internalNav ul li#PN-04 a, .PN-05 #sidebar-Left .internalNav ul li#PN-05 a, .PN-06 #sidebar-Left .internalNav ul li#PN-06 a, .PN-07 #sidebar-Left .internalNav ul li#PN-07 a, .PN-08 #sidebar-Left .internalNav ul li#PN-08 a, .PN-09 #sidebar-Left .internalNav ul li#PN-09 a, .PN-10 #sidebar-Left .internalNav ul li#PN-10 a, .PN-11 #sidebar-Left .internalNav ul li#PN-11 a, .PN-12 #sidebar-Left .internalNav ul li#PN-12 a, .PN-13 #sidebar-Left .internalNav ul li#PN-13 a { color: #515151 !important;/* 00446A */ font-weight: 500; text-shadow: 1px 1px 0 rgba(255,255,255,0.7) !important; -webkit-font-smoothing: antialiased; background-image: url(../_images/_navigation/_sidebar/arrow-internalNav-dblue.png); background-repeat: no-repeat; background-position: 168px 14px; background-color: #F5F5F1; /*border-left-width: 4px; border-left-style: solid; border-left-color: #C4302B;*/} .PN-01 #sidebar-Left .internalNav ul li#PN-01 a:hover, .PN-02 #sidebar-Left .internalNav ul li#PN-02 a:hover, .PN-03 #sidebar-Left .internalNav ul li#PN-03 a:hover, .PN-04 #sidebar-Left .internalNav ul li#PN-04 a:hover, .PN-05 #sidebar-Left .internalNav ul li#PN-05 a:hover, .PN-06 #sidebar-Left .internalNav ul li#PN-06 a:hover, .PN-07 #sidebar-Left .internalNav ul li#PN-07 a:hover, .PN-08 #sidebar-Left .internalNav ul li#PN-08 a:hover, .PN-09 #sidebar-Left .internalNav ul li#PN-09 a:hover, .PN-10 #sidebar-Left .internalNav ul li#PN-10 a:hover, .PN-11 #sidebar-Left .internalNav ul li#PN-11 a:hover, .PN-12 #sidebar-Left .internalNav ul li#PN-12 a:hover, .PN-13 #sidebar-Left .internalNav ul li#PN-13 a:hover { color: #000 !important;/* 00446A */ text-decoration:none !important;} /* ICON LINKS */ #sidebar-Left .internalNav ul li.clipboard a i { background-position:0 -1px;} #sidebar-Left .internalNav ul li.call a i { background-position:0 -33px;} #sidebar-Left .internalNav ul li.twitter a i { background-position:0 -65px;} #sidebar-Left .internalNav ul li.house a i { background-position:0 -97px;} #sidebar-Left .internalNav ul li.person a i { background-position:0 -129px;} #sidebar-Left .internalNav ul li.graph a i { background-position:0 -166px;} #sidebar-Left .internalNav ul li a i { height:30px; width:30px; display:block; float:left; padding-right:15px; margin-right:12px; border-right:1px solid #e0e0e0; background-image: url(../_images/_navigation/_sidebar/sprite-internal-icons.png); background-repeat: no-repeat;} #sidebar-Left .internalNav ul li:hover a i { background-position-x:-56px;} .PN-01 #sidebar-Left .internalNav ul li#PN-01 a i, .PN-02 #sidebar-Left .internalNav ul li#PN-02 a i, .PN-03 #sidebar-Left .internalNav ul li#PN-03 a i, .PN-04 #sidebar-Left .internalNav ul li#PN-04 a i, .PN-05 #sidebar-Left .internalNav ul li#PN-05 a i, .PN-06 #sidebar-Left .internalNav ul li#PN-06 a i, .PN-07 #sidebar-Left .internalNav ul li#PN-07 a i, .PN-08 #sidebar-Left .internalNav ul li#PN-08 a i, .PN-09 #sidebar-Left .internalNav ul li#PN-09 a i, .PN-10 #sidebar-Left .internalNav ul li#PN-10 a i, .PN-11 #sidebar-Left .internalNav ul li#PN-11 a i, .PN-12 #sidebar-Left .internalNav ul li#PN-12 a i, .PN-13 #sidebar-Left .internalNav ul li#PN-13 a i { background-position-x:-56px;} /* LEFT SIDEBAR: Navigation Support Links ---------------------------------------------------------------------------------------------------------- */ #sidebar-Left .supportNav h3 { /*font-family: "Times New Roman", Times, serif !important;*/ font-family: 'Segoe UI', Arial, Sans-Serif !important; font-size:19px!important; line-height:1.1em!important; color:#444444 !important; font-weight: bold !important; font-style:normal !important; letter-spacing: -0.05em!important; text-align:left !important; display:block; margin-top:0px!important; margin-bottom:0px!important; padding-top:10px; padding-bottom:12px; padding-left:0px; padding-right: 0px; text-transform: capitalize;} #sidebar-Left .supportNav { overflow:hidden; /*background:#E8E8E8;*/ width:180px !important; max-width:180px !important; margin-top: 25px !important; margin-left: 0px !important; margin-bottom: 50px; padding-bottom: 0px !important;} #sidebar-Left .supportNav { width: 210px !important;} #sidebar-Left .supportNav.top { margin-top: 5px !important;} #sidebar-Left .supportNav ul { margin: 0px;} #sidebar-Left .supportNav ul li { float:none; display: inline; width:100%; position:relative; /*font-family: Georgia, "Times New Roman", Times, serif !important;*/ font-family: Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif !important; font-size: 11px !important; font-style: normal; font-variant: normal; text-transform: none;} #sidebar-Left .supportNav ul li a, #sidebar-Left .supportNav ul li a:visited, #sidebar-Left .supportNav ul li a:active { border-bottom: 1px solid #E5E5E5 !important; overflow:hidden; display: block; color:#828282 !important; /* 333333 0092DF 6A6D70 */ font-weight: 300; text-transform: uppercase !important; padding: 12px 5px !important; line-height:1.1em !important; text-decoration: none;} #sidebar-Left .supportNav ul li:last-child a { border-top: none !important;} #sidebar-Left .supportNav ul li a:hover { color:#333333 !important; text-decoration: none !important;} #sidebar-Left .supportNav ul li a.icon span { float:left; margin-top:4px !important;} #sidebar-Left .supportNav ul li.default a i { background-position:0 0px;} #sidebar-Left .supportNav ul li.location a i { background-position:0 -35px;} #sidebar-Left .supportNav ul li.check a i { background-position:0 -75px;} #sidebar-Left .supportNav ul li.remind a i { background-position:0 -121px;} #sidebar-Left .supportNav ul li a i { height:26px; width:26px; display:block; float:left; padding-right:0px; margin-right:0px; border-right:0px solid #e0e0e0; background: transparent url('http://secure.assets.bostatic.com/hydepark/images/groups/young-americans/xternal-link-sprite.png') no-repeat top left;} /* REMOVE BELOW!!!! to be REPLACED BY ABOVE #sidebar-Left .internalNav */ #sidebar-Left .navLinks { overflow:hidden; margin-top:0px; margin-bottom: 25px; padding-bottom: 0px !important; border-bottom: #E6E6E6 solid 1px !important;} #sidebar-Left .navLinks h2 { display:block; height:46px; font-family:Calibri,'Trebuchet MS',Helvetica,sans-serif!important; font-size:16px!important; color:#444 !important; font-weight:bold!important; font-style:normal !important; text-align:left !important; text-shadow: 0 1px 0 rgba(255,255,255,0.9); text-transform: uppercase; letter-spacing: .05em; margin-top: 0; margin-right: 0; margin-bottom: -15px; margin-left: 0; padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right: 2px; background-image: url(../_images/_sidebar/bg-hd-grey.png); background-repeat: no-repeat; /*border-top: #E2E2E2 solid 6px; border-bottom: #EEEEEE solid 1px;*/} #sidebar-Left .navLinks ul li { display: inline; margin: 0px; padding: 0px; font-family: Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif !important; font-size: 12px !important; font-style: normal; line-height: 30px; font-weight: normal; font-variant: normal; text-transform: none; /* uppercase or none */} #sidebar-Left .navLinks ul li a, #sidebar-Left .navLinks ul li a:visited, #sidebar-Left .navLinks ul li a:active { border-bottom: #EFEFEF solid 1px; overflow:hidden; display: block; color:#333333 !important; /* 333333 0092DF */ font-weight: normal; padding-left: 5px; padding-right: 12px; line-height:1.1em; text-decoration: none; padding-top: 11px; padding-bottom: 11px;} #sidebar-Left .navLinks ul li i { text-decoration: none !important; font-style: normal !important; text-transform: lowercase !important;} #sidebar-Left .navLinks ul li.iconlink a { padding-top:10px !important; padding-bottom:5px !important;} #sidebar-Left .navLinks ul li a:hover { text-decoration: none; color:#000 !important /* 016CA7 */; background-color: #F3F3F3;} #sidebar-Left .navLinks ul li a.last { border-bottom: #E6E6E6 solid 0px !important;} /* ACTIVE STATES */ .PN-01 #sidebar-Left .navLinks ul li#PN-01 a, .PN-02 #sidebar-Left .navLinks ul li#PN-02 a, .PN-03 #sidebar-Left .navLinks ul li#PN-03 a, .PN-04 #sidebar-Left .navLinks ul li#PN-04 a, .PN-05 #sidebar-Left .navLinks ul li#PN-05 a, .PN-06 #sidebar-Left .navLinks ul li#PN-06 a, .PN-07 #sidebar-Left .navLinks ul li#PN-07 a, .PN-08 #sidebar-Left .navLinks ul li#PN-08 a, .PN-09 #sidebar-Left .navLinks ul li#PN-09 a, .PN-10 #sidebar-Left .navLinks ul li#PN-10 a, .PN-11 #sidebar-Left .navLinks ul li#PN-11 a, .PN-12 #sidebar-Left .navLinks ul li#PN-12 a, .PN-13 #sidebar-Left .navLinks ul li#PN-13 a { color: #D14836 !important;/* D14836 999999*/ font-weight: bold; text-shadow: 0 1px 0 #fff!important; /*text-shadow: 1px 1px 0 rgba(255,255,255,0.7) !important;*/ -webkit-font-smoothing: antialiased; padding-left: 5px; background-image: url(../_images/_navigation/_sidebar/arrow-on-orange.png); background-repeat: no-repeat; background-position: 168px 14px; background-color: #F5F5F1;} .PN-01 #sidebar-Left .navLinks ul li#PN-01 a:hover, .PN-02 #sidebar-Left .navLinks ul li#PN-02 a:hover, .PN-03 #sidebar-Left .navLinks ul li#PN-03 a:hover, .PN-04 #sidebar-Left .navLinks ul li#PN-04 a:hover, .PN-05 #sidebar-Left .navLinks ul li#PN-05 a:hover, .PN-06 #sidebar-Left .navLinks ul li#PN-06 a:hover, .PN-07 #sidebar-Left .navLinks ul li#PN-07 a:hover, .PN-08 #sidebar-Left .navLinks ul li#PN-08 a:hover, .PN-09 #sidebar-Left .navLinks ul li#PN-09 a:hover, .PN-10 #sidebar-Left .navLinks ul li#PN-10 a:hover, .PN-11 #sidebar-Left .navLinks ul li#PN-11 a:hover, .PN-12 #sidebar-Left .navLinks ul li#PN-12 a:hover, .PN-13 #sidebar-Left .navLinks ul li#PN-13 a:hover { text-decoration:underline !important;} /* ICONS */ #sidebar-Left .navLinks ul li a#pdf { padding-left:30px; background-image: url(/001_Global/images/navigation/navmenu/inset-pdf.png); background-repeat: no-repeat; background-position: 7px 7px;} #sidebar-Left .navLinks ul li#PN-01 a#external { padding-left:30px; background-image: url(/001_Global/images/navigation/navmenu/inset-external.png); background-repeat: no-repeat; background-position: 7px 8px;} #sidebar-Left .navLinks img.navicon, #sidebar-Right .navLinks img.navicon { float:left; position:relative; height:16px; width:16px; overflow:hidden; top: -2px !important; left: -3px !important; margin:0px !important; padding-right: 1px !important;} #sidebar-Left .navLinks img.navicon, #sidebar-Right .navLinks img.navicon { float:left\9;} /* LEFT SIDEBAR: Featured Modules ---------------------------------------------------------------------------------------------------------- */ #sidebar-Left .sideFeature { overflow:hidden; margin-top: 25px; margin-bottom: 10px; padding-bottom: 15px !important; border-bottom: #E7E7E7 solid 2px !important;} #sidebar-Left .sideFeature.top {margin-top: 0px !important;} /* LEFT SIDEBAR: Featured Headers ---------------------------------------------------------------------------------------------------------- */ #sidebar-Left h2 { display:block; height:50px !important; width:192px; font-family:Calibri,'Trebuchet MS',Helvetica,sans-serif!important; /*font-family: 'Bookman Old Style',Bookman,'URW Bookman L','Palatino Linotype',serif !important;*/ font-size:17px!important; font-weight:bold!important; font-style:normal !important; text-align:left !important; text-transform: uppercase; letter-spacing: .05em; margin-top: 0; margin-right: 0; margin-bottom: -5px!important; margin-left: 0; padding-top:12px; padding-bottom:8px; padding-left:10px; padding-right: 8px;} #sidebar-Left h2.grey { color:#444 !important; text-shadow: 0 1px 0 rgba(255,255,255,0.9) !important; /*text-shadow: #fff 1px 1px 0 !important;*/ background-image: url(../_images/_sidebar/bg-hd-grey.png); background-repeat: no-repeat;} #sidebar-Left h2.red { color:#FFF !important; /*text-shadow: 0 1px 0px rgba(0,0,0,0.9) !important;*/ text-shadow: #000 -1px -1px 0 !important; background-image: url(../_images/_sidebar/bg-hd-red.png); background-repeat: no-repeat;} #sidebar-Left h2 i { font-style: normal !important; text-transform: lowercase!important;} #sidebar-Left h2 span.NEWburst{ background-color: #F60; color: #FFF; font-size: 9px!important; text-shadow:none!important; font-family: tahoma,arial!important; font-weight: bold!important; position:relative; top:-2px; margin-left:2px; padding-top: 1px; padding-right: 2px; padding-bottom: 1px; padding-left: 2px;} /* LEFT SIDEBAR: Featured Background ---------------------------------------------------------------------------------------------------------- */ #sidebar-Left .sideFeature.gradient { background-color: #EEEEEE; background-image: url(../_images/_sidebar/bg-module-gradient.png); background-repeat: repeat-x; background-position: left top;} #sidebar-Left .sideFeature.white { background:#FFFFFF !important;} #sidebar-Left .sideFeature.grey { background-color: #EBEBEB;} #sidebar-Left .sideFeature.dgrey { background-color: #545861;} #sidebar-Left .sideFeature.brown { background-color: #583424;} #sidebar-Left .sideFeature.green { background-color: #8DAA02;} #sidebar-Left .sideFeature.red { background-color: #951F2D;} /* LEFT SIDEBAR: Featured Graphic ---------------------------------------------------------------------------------------------------------- */ #sidebar-Left .sideFeature.white { background:#FFF !important;} #sidebar-Left .sideFeature.grey { background:#F5F5F5 !important;} #sidebar-Left .sideFeature img { display: block; float: left; opacity: 1.0; filter: alpha(opacity=100); width: 200px; height: 100px; margin-top: 0px; margin-bottom: 10px; padding: 2px; background-repeat: no-repeat; border: 2px solid #E7E7E7!important;} #sidebar-Left .sideFeature img:hover, #sidebar-Left .sideFeature img:focus, #sidebar-Left .sideFeature img:active { opacity: 1.0; filter: alpha(opacity=100); border: 2px solid #CDCDCD!important;} /* LEFT SIDEBAR: Featured Summary and Images ---------------------------------------------------------------------------------------------------------- */ #sidebar-Left .sideFeature div.summary { margin: 0px!important; } /* White BG */ #sidebar-Left .sideFeature.white div.summary { padding-top:20px; padding-right: 2px!important; padding-bottom: 0px; padding-left: 2px!important; border-top: solid 1px #E7E7E7;} #sidebar-Left .sideFeature.white div.summary.first { border:none!important;padding-top:0px!important;} #sidebar-Left .sideFeature.white div.summary a img { position:relative; display:block; z-index:0; opacity:1; -webkit-transition:opacity 0.2s linear; width: 208px; height: 100px; margin-top: 0px; margin-bottom: 10px; padding: 0px; border: none!important;} #sidebar-Left .sideFeature.white div.summary a img:hover, #sidebar-Left .sideFeature.white div.summary a img:focus, #sidebar-Left .sideFeature.white div.summary a img:active { opacity:0.8} .ie8 #sidebar-Left .sideFeature.white div.summary a img { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"} .ie8 #sidebar-Left .sideFeature.white div.summary a img:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"} /* Grey/Gradient BG */ #sidebar-Left .sideFeature.grey div.summary, #sidebar-Left .sideFeature.gradient div.summary { padding-right: 10px!important; padding-bottom: 0px; padding-left: 10px!important;} #sidebar-Left .sideFeature.grey img, #sidebar-Left .sideFeature.gradient img { display: block; float: left; opacity: 1.0; filter: alpha(opacity=100); width: 188px; height: 100px; margin-top: 0px; margin-bottom: 10px; margin-left: 10px!important; padding:0px; background-repeat: no-repeat; border: 0px solid #ccc!important;} #sidebar-Left .sideFeature.grey img:hover, #sidebar-Left .sideFeature.gradient img:hover, #sidebar-Left .sideFeature.grey img:focus, #sidebar-Left .sideFeature.gradient img:focus, #sidebar-Left .sideFeature.grey img:active, #sidebar-Left .sideFeature.gradient img:active { opacity: 0.85; filter: alpha(opacity=85);} /* LEFT SIDEBAR: Featured Summary Typography ---------------------------------------------------------------------------------------------------------- */ #sidebar-Left .sideFeature div.summary h3 { font-family:Calibri, 'Trebuchet MS', Helvetica, sans-serif!important; font-size:19px!important; line-height:1.1em!important; color:#333 !important; font-weight:normal!important; font-style:normal !important; text-align:left !important; display:block; margin-top:0px!important; margin-bottom:0px!important; padding-top:0px; padding-bottom:8px; padding-left:0px; padding-right: 0px; text-transform: capitalize;} #sidebar-Left .sideFeature div.summary h3 i { text-transform: lowercase!important;} #sidebar-Left .sideFeature div.summary p { font-weight:normal; font-family: Arial, Helvetica, "Helvetica Neue", "Lucida Grande", Verdana, sans-serif; font-size: 12px; line-height: 1.4em;} /* LEFT SIDEBAR: Typography ---------------------------------------------------------------------------------------------------------- */ #sidebar-Left h1, #sidebar-Left h2, #sidebar-Left h3, #sidebar-Left h4, #sidebar-Left h5, #sidebar-Left h6 { font-family:Calibri,'Trebuchet MS',Helvetica,sans-serif!important; /*font-family:'Century Gothic',futura,'URW Gothic L',Verdana,sans-serif!important;*/ line-height:15px!important;} /*#sidebar-Left h3 { font-size:17px!important; font-weight:bold!important; letter-spacing: 0.04em!important; text-transform:uppercase!important; font-style:normal !important; text-align:left !important; display:block; margin-top:0px!important; margin-bottom:0px!important; padding-top:0px; padding-right: 0px; padding-bottom:5px; padding-left:0px; border-bottom-width: 6px; border-bottom-style: solid; border-bottom-color: #E7E7E7;} #sidebar-Left p { font-family:Arial, Helvetica, sans-serif!important; font-size: 11px!important; line-height: 1.4em!important; color: #666666; padding-top: 2px; padding-right: 1px; padding-bottom: 2px; padding-left: 1px;}*/ /* LEFT SIDEBAR: Call To Action Buttons ---------------------------------------------------------------------------------------------------------- */ #sidebar-Left .CTA, #sidebar-Right .CTA { overflow:hidden; margin-top:0px; margin-bottom: 15px; padding-bottom: 0px !important;} /* ########################################################################################################################################### ########################################################################################################################################### 08: RIGHT SIDEBAR ########################################################################################################################################### ########################################################################################################################################### */ /* RIGHT SIDEBAR: Positioning ---------------------------------------------------------------------------------------------------------- */ #sidebar-Right { margin:0px !important;padding:0px !important; } /* RIGHT SIDEBAR: Featured Thumb Module ---------------------------------------------------------------------------------------------------------- */ #sidebar-Right .sideFeature { overflow:hidden; margin-top: 25px; margin-bottom: 10px !important; padding-bottom: 15px !important; border-bottom: #E7E7E7 solid 3px !important;} #sidebar-Right .sideFeature.top {margin-top: 0px !important;} /* RIGHT SIDEBAR: Featured Graphic Headers ---------------------------------------------------------------------------------------------------------- */ #sidebar-Right h2 { display:block; height:50px !important; width:192px; font-family:Calibri,'Trebuchet MS',Helvetica,sans-serif!important; /*font-family: 'Bookman Old Style',Bookman,'URW Bookman L','Palatino Linotype',serif !important;*/ font-size:17px!important; font-weight:bold!important; font-style:normal !important; text-align:left !important; text-transform: uppercase; letter-spacing: .05em; margin-top: 0; margin-right: 0; margin-bottom: -5px!important; margin-left: 0; padding-top:12px; padding-bottom:8px; padding-left:10px; padding-right: 8px;} #sidebar-Right h2.grey { color:#444 !important; text-shadow: 0 1px 0 rgba(255,255,255,0.9) !important; /*text-shadow: #fff 1px 1px 0 !important;*/ background-image: url(../_images/_sidebar/bg-hd-grey.png); background-repeat: no-repeat;} #sidebar-Right h2.dgrey { color:#FFF !important; text-shadow: -1px -1px 0px rgba(0,0,0,0.9) !important; background-image: url(../_images/_sidebar/bg-hd-dgrey.png); background-repeat: no-repeat;} #sidebar-Right h2.red { color:#FFF !important; text-shadow: -1px -1px 0px rgba(0,0,0,0.9) !important; background-image: url(../_images/_sidebar/bg-hd-red.png); background-repeat: no-repeat;} #sidebar-Right h2.yellow { color:#FFF !important; text-shadow: -1px -1px 0px rgba(0,0,0,0.9) !important; background-image: url(../_images/_sidebar/bg-hd-yellow.png); background-repeat: no-repeat;} #sidebar-Right h2.black { color:#FFF !important; text-shadow: -1px -1px 0px rgba(0,0,0,0.9) !important; background-image: url(../_images/_sidebar/bg-hd-black.png); background-repeat: no-repeat;} #sidebar-Right h2 i { font-style: normal !important; text-transform: lowercase!important;} #sidebar-Right h2 span.NEWburst{ background-color: #F60; color: #FFF; font-size: 9px!important; text-shadow:none!important; font-family: tahoma,arial!important; font-weight: bold!important; position:relative; top:-2px; margin-left:2px; padding-top: 1px; padding-right: 2px; padding-bottom: 1px; padding-left: 2px;} /* RIGHT SIDEBAR: Featured Background ---------------------------------------------------------------------------------------------------------- */ #sidebar-Right .sideFeature.gradient { background-color: #EEEEEE; background-image: url(../_images/_sidebar/bg-module-gradient.png); background-repeat: repeat-x; background-position: left top;} #sidebar-Right .sideFeature.white { background:#FFFFFF !important;} #sidebar-Right .sideFeature.grey { background-color: #EBEBEB;} #sidebar-Right .sideFeature.dgrey { background-color: #545861;} #sidebar-Right .sideFeature.brown { background-color: #583424;} #sidebar-Right .sideFeature.green { background-color: #8DAA02;} #sidebar-Right .sideFeature.red { background-color: #951F2D;} /* remove img.feature below */ #sidebar-Right .sideFeature img.feature { display: block; float: left; opacity: 1.0; filter: alpha(opacity=100); width: 200px; height: 100px; margin-top: 0px; margin-bottom: 10px; padding: 2px; background-repeat: no-repeat; border: 2px solid #E7E7E7!important;} #sidebar-Right .sideFeature img.feature:hover, #sidebar-Right .sideFeature img.feature:focus, #sidebar-Right .sideFeature img.feature:active { opacity: 1.0; filter: alpha(opacity=100); border: 2px solid #CDCDCD!important;} /* RIGHT SIDEBAR: Featured Summary and Images ---------------------------------------------------------------------------------------------------------- */ #sidebar-Right .sideFeature div.summary { margin: 0px!important; } /* White BG */ #sidebar-Right .sideFeature.white div.summary { padding-top:25px; padding-right: 2px!important; padding-bottom: 0px; padding-left: 2px!important; border-top: solid 1px #E7E7E7;} #sidebar-Right .sideFeature.white div.summary.first { border:none!important;padding-top:5px!important;} #sidebar-Right .sideFeature.white div.summary a img { position:relative; display:block; z-index:0; opacity:1; -webkit-transition:opacity 0.2s linear; width: 192px; height: 110px; margin-top: 0; margin-bottom: 10px; margin-right: 0px; margin-left: 0; padding: 0px; border: none!important; *border: 1px solid #CCC!important; /* IE7 and below */ _border: 1px solid #CCC!important; /* IE6 */ background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35); float: left; padding: 6px;} #sidebar-Right .sideFeature.white div.summary a img:hover, #sidebar-Right .sideFeature.white div.summary a img:focus, #sidebar-Right .sideFeature.white div.summary a img:active { opacity:0.8} .ie8 #sidebar-Right .sideFeature.white div.summary a img { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"} .ie8 #sidebar-Right .sideFeature.white div.summary a img:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"} /* Grey/Gradient BG */ #sidebar-Right .sideFeature.grey div.summary, #sidebar-Right .sideFeature.gradient div.summary { padding-right: 10px!important; padding-bottom: 0px; padding-left: 10px!important;} #sidebar-Right .sideFeature.grey img, #sidebar-Right .sideFeature.gradient img { display: block; float: left; opacity: 1.0; filter: alpha(opacity=100); width: 188px; height: 100px; margin-top: 0px; margin-bottom: 10px; margin-left: 10px!important; padding:0px; background-repeat: no-repeat; border: 0px solid #ccc!important;} #sidebar-Right .sideFeature.grey img:hover, #sidebar-Right .sideFeature.gradient img:hover, #sidebar-Right .sideFeature.grey img:focus, #sidebar-Right .sideFeature.gradient img:focus, #sidebar-Right .sideFeature.grey img:active, #sidebar-Right .sideFeature.gradient img:active { opacity: 0.85; filter: alpha(opacity=85);} /* RIGHT SIDEBAR: Featured Summary Typography ---------------------------------------------------------------------------------------------------------- */ #sidebar-Right .sideFeature div.summary h3 { font-family: 'Segoe UI', Arial, Sans-Serif !important; font-size:19px!important; line-height:1.1em!important; color:#333 !important; font-weight: normal !important; font-style:normal !important; letter-spacing: -0.06em!important; text-align:left !important; display:block; margin:0px!important; padding-top:0px; padding-bottom:8px!important; text-transform: capitalize;} #sidebar-Right .sideFeature div.summary h3 i { text-transform: lowercase!important;} #sidebar-Right .sideFeature div.summary p { font-weight:normal; font-family: Arial, Helvetica, "Helvetica Neue", "Lucida Grande", Verdana, sans-serif; color:#717D84; font-size: 12px; line-height: 1.5em;} /* RIGHT SIDEBAR: Featured Callouts ---------------------------------------------------------------------------------------------------------- */ #sidebar-Right .calloutFeature { margin-top: 15px !important; margin-bottom: 25px !important; overflow: hidden; padding: 10px 10px 15px !important; position: relative; border:none!important; } #sidebar-Right .calloutFeature.top { margin-top: 0px !important;} #sidebar-Right .corner { height: 28px; position: absolute; right: 0; top: 0; width: 27px; z-index: 1; } #sidebar-Right .callout_purple { background-color: #9F257C; } #sidebar-Right .callout_purple .date span { color: #9F257C; } #sidebar-Right .callout_purple .corner { background: url(http://www.baystate.edu/images/corner_purple.png); } #sidebar-Right .callout_blue { background-color: #00A0BF; } #sidebar-Right .callout_blue .date span { color: #00A0BF; } #sidebar-Right .callout_blue .corner { background: url(http://www.baystate.edu/images/corner_blue.png); } #sidebar-Right .callout_green { background-color: #00A68C; } #sidebar-Right .callout_green .date span { color: #00A68C; } #sidebar-Right .callout_green .corner { background: url(http://www.baystate.edu/images/corner_green.png); } #sidebar-Right .callout_orange { background-color: #F2842F; } #sidebar-Right .callout_orange .date span { color: #F2842F; } #sidebar-Right .callout_orange .corner { background: url(http://www.baystate.edu/images/corner_orange.png); } #sidebar-Right .callout_red { background-color: #7E182C; } #sidebar-Right .callout_red p { color: #EEE; } #sidebar-Right .callout_red .corner { background: url(http://www.baystate.edu/images/corner_red.png); } #sidebar-Right .calloutFeature h3 { color: #fff; font-family: 'Segoe UI', Arial, Sans-Serif !important; font-weight:bold; font-size: 17px; margin: 10px 18px 5px 0px !important; padding: 0 !important;} #sidebar-Right .calloutFeature h3 a { color: #fff; } #sidebar-Right .calloutFeature h3 a:hover { text-decoration: underline; } #sidebar-Right .calloutFeature .title { color: #fff; display: block; font-size: 13px; font-style: italic; margin: 0 0 3px; } #sidebar-Right .calloutFeature .subtitle { color: #fff; display: block; font-size: 14px; font-style: italic; line-height: 1.2; margin-bottom: 5px; } #sidebar-Right .calloutFeature .photo { float: left; margin: 0 10px 10px 0; position: relative; } #sidebar-Right .calloutFeature .large_photo { margin-bottom: 10px; position: relative; } #sidebar-Right .calloutFeature .large_photo img { width: 219px; } #sidebar-Right .calloutFeature .large_photo img.icon { left: 0; position: absolute; top: 0; width: auto; } #sidebar-Right .calloutFeature .date { background: url(../images/date_bg.png); color: #fff; float: left; font-size: 17px; font-variant: small-caps; margin: 0 10px 10px 0; padding: 5px 0; text-align: center; text-transform: lowercase; width: 51px; } #sidebar-Right .calloutFeature .date span { font-size: 34px; font-weight: bold; line-height: 1; } #sidebar-Right .calloutFeature .photo .date, #sidebar-Right .calloutFeature .large_photo .date { float: none; left: 0; margin: 0; position: absolute; top: 0; } #sidebar-Right .calloutFeature p { color: #191813!important; font-size: 12px!important; line-height: 1.5em!important; } #sidebar-Right .calloutFeature a.more { color: #fff; font-size: 12px; } /* LEFT/RIGHT SIDEBAR: Related Links ---------------------------------------------------------------------------------------------------------- */ #sidebar-Left .relatedLinks, #sidebar-Right .relatedLinks { /*border-top: 1px solid #E6E6E6;*/ overflow:hidden; /*background-image: url(../images/_bg/_sidebar/bg-relatedlinks.png); background-repeat: no-repeat; background-position: 0 100%;*/ margin-top: 25px; margin-bottom: 35px !important; padding-bottom: 0px !important; border-bottom: #E7E7E7 solid 1px !important;} #sidebar-Left .relatedLinks { width: 180px !important;} #sidebar-Right .relatedLinks { width: 208px !important;} #sidebar-Left .relatedLinks.top, #sidebar-Right .relatedLinks.top { margin-top: 6px !important;} #sidebar-Left .relatedLinks h3, #sidebar-Right .relatedLinks h3 { /*font-family: "Times New Roman", Times, serif !important;*/ font-family: 'Segoe UI', Arial, Sans-Serif !important; font-size:19px!important; line-height:1.1em!important; color:#444444 !important; font-weight: bold !important; font-style:normal !important; letter-spacing: -0.05em!important; text-align:left !important; display:block; margin-top:0px!important; margin-bottom:0px!important; padding-top:10px; padding-bottom:8px; padding-left:0px; padding-right: 0px; text-transform: capitalize;} #sidebar-Left .relatedLinks h3 em, #sidebar-Right .relatedLinks h3 em {text-transform: none !important; font-style:normal !important;} #sidebar-Left .relatedLinks p, #sidebar-Right .relatedLinks p { font-weight:normal; font-family: Arial, Helvetica, "Helvetica Neue", "Lucida Grande", Verdana, sans-serif; color:#717D84; font-size: 12px; line-height: 1.5em;} ##sidebar-Left .relatedLinks ul, sidebar-Right .relatedLinks ul { margin: 0px!important; padding-top: 5px!important;} #sidebar-Left .relatedLinks ul li, #sidebar-Right .relatedLinks ul li { display: inline; margin: 0px; padding: 0px; font-family: Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif !important; font-size: 12px !important; font-style: normal; line-height: 30px; font-weight: normal; font-variant: normal; text-transform: none; /* uppercase or none */} #sidebar-Left .relatedLinks ul li a, #sidebar-Left .relatedLinks ul li a:visited, #sidebar-Left .relatedLinks ul li a:active, #sidebar-Right .relatedLinks ul li a, #sidebar-Right .relatedLinks ul li a:visited, #sidebar-Right .relatedLinks ul li a:active { border-top: #EFEFEF solid 1px; overflow:hidden; display: block; color:#6A6D70 !important; /* 333333 0092DF */ font-weight: normal; padding-left: 5px !important; padding-right: 14px !important; line-height:1.2em !important; text-decoration: none; padding-top: 10px !important; padding-bottom: 10px !important;} #sidebar-Left .relatedLinks ul li a.singleline { background-image: url(../_images/_navigation/_sidebar/arrow-related-links.png); background-repeat: no-repeat; background-position: 169px 13px !important;} #sidebar-Left .relatedLinks ul li a.doubleline { background-image: url(../_images/_navigation/_sidebar/arrow-related-links.png); background-repeat: no-repeat; background-position: 169px 20px !important;} #sidebar-Right .relatedLinks ul li a.singleline { background-image: url(../_images/_navigation/_sidebar/arrow-related-links.png); background-repeat: no-repeat; background-position: 195px 13px !important;} #sidebar-Right .relatedLinks ul li a.doubleline { background-image: url(../_images/_navigation/_sidebar/arrow-related-links.png); background-repeat: no-repeat; background-position: 195px 20px !important;} #sidebar-Left .relatedLinks ul li.iconlink a, #sidebar-Right .relatedLinks ul li.iconlink a { padding-top:10px !important; padding-bottom:5px !important;} #sidebar-Left .relatedLinks ul li a:hover, #sidebar-Right .relatedLinks ul li a:hover { text-decoration: none; color:#000 !important /* 016CA7 */; background-color: #F3F3F3;} #sidebar-Left .relatedLinks li:last-child a, #sidebar-Right .relatedLinks li:last-child a { border-bottom: #E6E6E6 solid 0px !important;} /* ACTIVE STATES */ .PN-01 #sidebar-Left .relatedLinks ul li#PN-01 a, .PN-02 #sidebar-Left .relatedLinks ul li#PN-02 a, .PN-03 #sidebar-Left .relatedLinks ul li#PN-03 a, .PN-04 #sidebar-Left .relatedLinks ul li#PN-04 a, .PN-05 #sidebar-Left .relatedLinks ul li#PN-05 a, .PN-06 #sidebar-Left .relatedLinks ul li#PN-06 a, .PN-07 #sidebar-Left .relatedLinks ul li#PN-07 a, .PN-08 #sidebar-Left .relatedLinks ul li#PN-08 a, .PN-09 #sidebar-Left .relatedLinks ul li#PN-09 a, .PN-10 #sidebar-Left .relatedLinks ul li#PN-10 a, .PN-11 #sidebar-Left .relatedLinks ul li#PN-11 a, .PN-12 #sidebar-Left .relatedLinks ul li#PN-12 a, .PN-13 #sidebar-Left .relatedLinks ul li#PN-13 a, .PN-01 #sidebar-Right .relatedLinks ul li#PN-01 a, .PN-02 #sidebar-Right .relatedLinks ul li#PN-02 a, .PN-03 #sidebar-Right .relatedLinks ul li#PN-03 a, .PN-04 #sidebar-Right .relatedLinks ul li#PN-04 a, .PN-05 #sidebar-Right .relatedLinks ul li#PN-05 a, .PN-06 #sidebar-Right .relatedLinks ul li#PN-06 a, .PN-07 #sidebar-Right .relatedLinks ul li#PN-07 a, .PN-08 #sidebar-Right .relatedLinks ul li#PN-08 a, .PN-09 #sidebar-Right .relatedLinks ul li#PN-09 a, .PN-10 #sidebar-Right .relatedLinks ul li#PN-10 a, .PN-11 #sidebar-Right .relatedLinks ul li#PN-11 a, .PN-12 #sidebar-Right .relatedLinks ul li#PN-12 a, .PN-13 #sidebar-Right .relatedLinks ul li#PN-13 a { color: #D7410B !important;/* D14836 999999*/ font-weight: normal; text-shadow: 0 1px 0 #fff!important; /*text-shadow: 1px 1px 0 rgba(255,255,255,0.7) !important;*/ -webkit-font-smoothing: antialiased; background-image: url(../_images/_navigation/_sidebar/arrow-related-links-on.png); background-repeat: no-repeat; background-position: 168px 14px; background-color: #F5F5F1;} .PN-01 #sidebar-Left .relatedLinks ul li#PN-01 a:hover, .PN-02 #sidebar-Left .relatedLinks ul li#PN-02 a:hover, .PN-03 #sidebar-Left .relatedLinks ul li#PN-03 a:hover, .PN-04 #sidebar-Left .relatedLinks ul li#PN-04 a:hover, .PN-05 #sidebar-Left .relatedLinks ul li#PN-05 a:hover, .PN-06 #sidebar-Left .relatedLinks ul li#PN-06 a:hover, .PN-07 #sidebar-Left .relatedLinks ul li#PN-07 a:hover, .PN-08 #sidebar-Left .relatedLinks ul li#PN-08 a:hover, .PN-09 #sidebar-Left .relatedLinks ul li#PN-09 a:hover, .PN-10 #sidebar-Left .relatedLinks ul li#PN-10 a:hover, .PN-11 #sidebar-Left .relatedLinks ul li#PN-11 a:hover, .PN-12 #sidebar-Left .relatedLinks ul li#PN-12 a:hover, .PN-13 #sidebar-Left .relatedLinks ul li#PN-13 a:hover, .PN-01 #sidebar-Right .relatedLinks ul li#PN-01 a:hover, .PN-02 #sidebar-Right .relatedLinks ul li#PN-02 a:hover, .PN-03 #sidebar-Right .relatedLinks ul li#PN-03 a:hover, .PN-04 #sidebar-Right .relatedLinks ul li#PN-04 a:hover, .PN-05 #sidebar-Right .relatedLinks ul li#PN-05 a:hover, .PN-06 #sidebar-Right .relatedLinks ul li#PN-06 a:hover, .PN-07 #sidebar-Right .relatedLinks ul li#PN-07 a:hover, .PN-08 #sidebar-Right .relatedLinks ul li#PN-08 a:hover, .PN-09 #sidebar-Right .relatedLinks ul li#PN-09 a:hover, .PN-10 #sidebar-Right .relatedLinks ul li#PN-10 a:hover, .PN-11 #sidebar-Right .relatedLinks ul li#PN-11 a:hover, .PN-12 #sidebar-Right .relatedLinks ul li#PN-12 a:hover, .PN-13 #sidebar-Right .relatedLinks ul li#PN-13 a:hover { text-decoration:underline !important;} /* ICONS */ .relatedLinks div#newicon { float:left; position:relative; height:16px; width:16px; overflow:hidden; background-image: url(../images/_icons/_navlinks/new.png); margin-right:4px; padding:0px;} .relatedLinks div#newicon span { display: none;} .relatedLinks img.icon { height:16px; width:16px; display:block; float:left; padding-right:5px; margin-right:5px; border-right:1px solid #e0e0e0;} /* LEFT/RIGHT SIDEBAR: Social Media ---------------------------------------------------------------------------------------------------------- */ #sidebar-Left .callout, #sidebar-Right .callout { border-bottom: 1px solid #CBC6B5; display: block; margin: 25px 0!important; } #sidebar-Left .callout.first, #sidebar-Right .callout.first { margin-top: 0; } #sidebar-Left .callout.last, #sidebar-Right .callout.last { border: none; margin-bottom: 0; } #sidebar-Left .callout.single, #sidebar-Right .callout.single { margin: 0; } #sidebar-Left .callout h4, #sidebar-Right .callout h4 { color: #2C74BF; font-weight: normal; text-align: center; } #sidebar-Left .callout h4 em, #sidebar-Right .callout h4 em { color: #04060A; display: block; font-family: "FanwoodItalic", Georgia, serif; font-size: 18px; font-style: normal; margin: 10px 0 3px 0; } #sidebar-Left .callout h4 strong, #sidebar-Right .callout h4 strong { display: block; font-family: "FanwoodRegular", Georgia, serif; font-size: 16px; font-weight: normal; line-height: 20px; margin: 3px 0 8px; text-transform: uppercase; } #sidebar-Left a.callout:hover h4, #sidebar-Right a.callout:hover h4 { color: #04060A; } #sidebar-Left .callout h6, #sidebar-Right .callout h6 { color: #2A6CB8; font-size: 12px; font-weight: normal; letter-spacing: 2px; margin: 0 0 10px; text-transform: uppercase; } #sidebar-Left .social, #sidebar-Right .social { border: none; margin: 25px 0 25px 0; padding: 3px; } #sidebar-Left .social .inner, #sidebar-Right .social .inner { border: 1px solid #fff; margin:0px!important; padding: 10px 0 10px 65px!important; } #sidebar-Left .social h4, #sidebar-Right .social h4 { border-left: 1px solid #fff; margin:0px!important; padding: 8px 0 4px!important; } #sidebar-Left .social h4 em, #sidebar-Right .social h4 em { color: #fff; margin-top: 0!important; } #sidebar-Left .social h4 strong, #sidebar-Right .social h4 strong { margin-bottom: 0!important; } #sidebar-Left .social h4 a, #sidebar-Right .social h4 a { } #sidebar-Left .social h4 a:hover, #sidebar-Right .social h4 a:hover { text-decoration:none!important; } #sidebar-Left .social.facebook, #sidebar-Right .social.facebook { background: #274A88 url(../_images/_sidebar/icons-social.png) no-repeat 15px 17px; } #sidebar-Left .social.twitter, #sidebar-Right .social.twitter { background: #38ADE1 url(../_images/_sidebar/icons-social.png) no-repeat 15px -100px; } #sidebar-Left .social.facebook .inner, #sidebar-Left .social.facebook .inner h4, #sidebar-Right .social.facebook .inner, #sidebar-Right .social.facebook .inner h4 { border-color: #3E5E96; } #sidebar-Left .social.twitter .inner, #sidebar-Left .social.twitter .inner h4, #sidebar-Right .social.twitter .inner, #sidebar-Right .social.twitter .inner h4 { border-color: #50B7E5; } #sidebar-Left .social.facebook h4 strong, #sidebar-Right .social.facebook h4 strong { color: #9FC6E7; } #sidebar-Left .social.twitter h4 strong, #sidebar-Right .social.twitter h4 strong { color: #A3E6FF; } /* RIGHT SIDEBAR: Social Media Links - REMOVE!!! ---------------------------------------------------------------------------------------------------------- */ #sidebar-Right .socialMedia { overflow:hidden; margin-top: 25px; margin-bottom: 10px; padding-bottom: 0px !important; border-bottom: #E6E6E6 solid 1px !important;} #sidebar-Right .socialMedia h2 { font-family:Calibri,'Trebuchet MS',Helvetica,sans-serif!important; font-size:19px!important; color:#000 !important; font-weight:bold!important; font-style:normal !important; text-align:left !important; text-shadow: #fff 2px 2px 0; display:block; background:#fff !important; margin-top:0px!important; margin-bottom:0px!important; padding-top:10px; padding-bottom:10px; padding-left:2px; padding-right: 0px; border-top: #20B8CE solid 6px; border-bottom: #EEEEEE solid 1px;} #sidebar-Right .socialMedia ul li { display: inline; margin: 0px; padding: 0px; font-family:Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif !important; font-size: 12px; font-style: normal; line-height: 30px; font-weight: normal; font-variant: normal;} #sidebar-Right .socialMedia ul li a, #sidebar-Right .socialMedia ul li a:visited, #sidebar-Right .socialMedia ul li a:active { border-bottom: #EFEFEF solid 1px; overflow:hidden; display: block; color:#333 !important; padding-left: 36px; line-height:1.1em; text-decoration: none; /*width: 203px;*/ padding-top: 10px; padding-bottom: 8px;} #sidebar-Right .socialMedia ul li a:hover{ text-decoration: none; color:#333; background-color: #F3F3F3;} #sidebar-Right .socialMedia ul li a.last, #sidebar-Right .socialMedia ul li a:visited, #sidebar-Right .socialMedia ul li a:active { border-bottom: #E6E6E6 solid 0px !important;} /* ICONS */ #sidebar-Right .socialMedia ul li.facebook a{ background-image: url(../images/icons/sidebar/social-facebook.png); background-repeat: no-repeat; background-position: 10px 8px;} #sidebar-Right .socialMedia ul li.twitter a{ background-image: url(../images/icons/sidebar/social-twitter.png); background-repeat: no-repeat; background-position: 10px 8px;} #sidebar-Right .socialMedia ul li.blog a{ background-image: url(../images/icons/sidebar/social-blog.png); background-repeat: no-repeat; background-position: 10px 8px;} #sidebar-Right .socialMedia ul li.flickr a{ background-image: url(../images/icons/sidebar/social-flickr.png); background-repeat: no-repeat; background-position: 10px 8px;} #sidebar-Right .socialMedia ul li.youtube a{ background-image: url(../images/icons/sidebar/social-youtube.png); background-repeat: no-repeat; background-position: 10px 8px;} #sidebar-Right .socialMedia ul li.linkedin a{ background-image: url(../images/icons/sidebar/social-linkedin.png); background-repeat: no-repeat; background-position: 10px 8px;} #sidebar-Right .socialMedia ul li.rss a{ background-image: url(../images/icons/sidebar/social-rss.png); background-repeat: no-repeat; background-position: 10px 8px;} #sidebar-Right .socialMedia ul li.google a{ background-image: url(../images/icons/sidebar/social-google.png); background-repeat: no-repeat; background-position: 10px 8px;} /* RIGHT SIDEBAR: News Feed - Move to NOW.css!! ---------------------------------------------------------------------------------------------------------- */ #sidebar-Right .newsFeed { overflow:hidden; margin-top: 25px; margin-bottom: 10px; padding-bottom: 0px !important; border-bottom: #E6E6E6 solid 2px !important; background-color: #F7F7F7;} #sidebar-Right .newsFeed.top { margin-top: 0px !important;} #sidebar-Right .newsFeed .headline { font-family: Georgia, Times New Roman, serif !important; font-weight: normal !important; padding-top: 10px; padding-bottom: 15px; padding-right: 10px; padding-left: 10px; overflow: hidden; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #E6E6E6;} #sidebar-Right .newsFeed .headline:first-child {padding-top: 0px !important;} #sidebar-Right .newsFeed .headline span.title { font-size: 13px; font-weight: bold !important; letter-spacing: -0.01em!important; display: block; line-height: 1.3em;} #sidebar-Right .newsFeed .headline span.title a { color:#333 !important; } #sidebar-Right .newsFeed .headline:last-child {border-bottom-width: 0px;} #sidebar-Right .newsFeed .headline span.date { font-family: Calibri, 'Trebuchet MS', Helvetica, sans-serif !important; font-size: 13px; font-weight: normal; color: #999; display: block; line-height: 10px; padding-top: 7px;} #sidebar-Right .newsFeed ul { margin-top: 10px; margin-bottom: 10px; padding: 0px;} #sidebar-Right .newsFeed ul li { display: inline; margin: 0px; padding: 0px; font-family:Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif !important; font-size: 12px; font-style: normal; line-height: 30px; font-weight: normal; font-variant: normal;} #sidebar-Right .newsFeed ul li a, #sidebar-Right .newsFeed ul li a:visited, #sidebar-Right .newsFeed ul li a:active { border-bottom: #EFEFEF solid 1px; overflow:hidden; display: block; color:#333 !important; line-height:1.1em; text-decoration: none; /*width: 203px;*/ padding-top: 10px; padding-bottom: 8px;} #sidebar-Right .newsFeed li:last-child {border-bottom-width: 0px;} #sidebar-Right .newsFeed .recent-date { font-size: 11px; color: #BCBCBC; padding-top:1px; padding-bottom:1px; padding-left: 0px;} /* SIDEBAR: Important Info Module ---------------------------------------------------------------------------------------------------------- */ #sidebar-Left .importantinfo, #sidebar-Right .importantinfo { overflow:hidden; margin-top: 25px; margin-bottom: 10px; padding-top: 0px !important; padding-bottom: 15px !important; border-bottom: #E6E6E6 solid 1px !important;} #sidebar-Left .importantinfo.top, #sidebar-Right .importantinfo.top { margin-top: 0px !important;} #sidebar-Left .importantinfo h2, #sidebar-Right .importantinfo h2 { font-family:Calibri,'Trebuchet MS',Helvetica,sans-serif!important; font-size:19px!important; color:#000 !important; font-weight:bold!important; font-style:normal !important; text-align:left !important; text-shadow: #fff 2px 2px 0; display:block; background:#fff !important; margin-top:0px!important; margin-bottom:0px!important; padding-top:10px; padding-bottom:10px; padding-left:2px; padding-right: 0px; border-top: #E2E2E2 solid 6px; border-bottom: #EEEEEE solid 1px;} #sidebar-Left .importantinfo h2.yellow, #sidebar-Right .importantinfo h2.yellow { color:#000 !important; border-top-width: 6px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #FC0; border-bottom-color: #FC0;} #sidebar-Left .importantinfo h2.red, #sidebar-Right .importantinfo h2.red { color:#AE0000 !important; border-top-width: 6px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #C00; border-bottom-color: #C00;} #sidebar-Left .importantinfo p, #sidebar-Right .importantinfo p { font-family:Arial, Helvetica, sans-serif!important; /*font-family:Calibri,'Trebuchet MS',Helvetica,sans-serif!important;*/ font-size: 12px!important; line-height: 1.5em!important; color: #333; margin:0px!important; padding-top: 10px!important; padding-right: 5px!important; padding-bottom: 10px!important; padding-left: 5px!important;} #sidebar-Left .importantinfo ul, #sidebar-Right .importantinfo ul { margin-top:0px!important; margin-left:2px!important; margin-bottom:0px!important; padding:0px!important;} #sidebar-Left .importantinfo ul li, #sidebar-Right .importantinfo ul li { font-family:"Helvetica Neue",Arial,Sans-serif; color: #515151;} #sidebar-Left .importantinfo ul li, #sidebar-Right .importantinfo ul li { font-size:12px; line-height: 1.3em; padding-left: 18px; padding-bottom:8px; background-image: url(../images/_icons/_lists/bl_sub.png); background-repeat: no-repeat; background-position: 0 0px;} #sidebar-Left .importantinfo ul li a, #sidebar-Right .importantinfo ul li a { font-weight:normal!important; padding-right:5px;} #sidebar-Left .importantinfo ul li a.pdf, #sidebar-Right .importantinfo ul li a.pdf { padding-left:22px; background-image: url(../images/_icons/_lists/doc_pdf.png); background-repeat: no-repeat; background-position: left center;} #sidebar-Left .importantinfo ul li a.doc, #sidebar-Right .importantinfo ul li a.doc { padding-left:22px; background-image: url(../images/_icons/_lists/doc_word.png); background-repeat: no-repeat; background-position: left center;} #sidebar-Left .importantinfo ul li a.external { padding-left:22px; padding-right:0px; background-image: url(../images/_icons/_lists/open_window.png); background-repeat: no-repeat; background-position: left center;} #sidebar-Left .importantinfo ul li a.application { padding-left:22px; background-image: url(../images/icons/lists/applications.png); background-repeat: no-repeat; background-position: left center;} #sidebar-Left .importantinfo ul li a.print { padding-left:22px; background-image: url(../images/icons/lists/printer.png); background-repeat: no-repeat; background-position: left center;} #sidebar-Left .importantinfo ul li a.video { padding-left:22px; background-image: url(../images/icons/lists/video.png); background-repeat: no-repeat; background-position: left center;} #sidebar-Left .importantinfo ul li a.download { padding-left:22px; font-weight:normal!important; background-image: url(../images/_icons/_lists/download.png); background-repeat: no-repeat; background-position: left center;} #sidebar-Left .importantinfo ul li a.downloadimage { padding-left:22px; font-weight:normal!important; background-image: url(../images/_icons/_lists/picture_go.png); background-repeat: no-repeat; background-position: left center;} /* SIDEBAR: Office Hours ---------------------------------------------------------------------------------------------------------- */ #sidebar-Left .officehours, #sidebar-Right .officehours { overflow:hidden; margin-top: 25px; margin-bottom: 15px; padding-top: 0px !important; padding-bottom: 0px !important; border-bottom: #E6E6E6 solid 1px !important; background-color: #F7F7F7;} #sidebar-Left .officehours.top, #sidebar-Right .officehours.top { margin-top: 0px !important;} #sidebar-Left .officehours h2, #sidebar-Right .officehours h2 { font-family:Calibri,'Trebuchet MS',Helvetica,sans-serif!important; font-size:19px!important; color:#666666 !important; font-weight:bold!important; font-style:normal !important; text-align:left !important; text-shadow: #fff 2px 2px 0; display:block; background:#fff !important; margin-top:0px!important; margin-bottom:0px!important; padding-top:10px; padding-bottom:10px; padding-left:2px; padding-right: 0px; border-top: #E2E2E2 solid 6px; border-bottom: #EEEEEE solid 1px;} #sidebar-Left .officehours ul#hours, #sidebar-Right .officehours ul#hours { overflow:hidden; border:none; display: block; padding: 10px;} #sidebar-Left .officehours ul#hours li, #sidebar-Right .officehours ul#hours li { display: block; text-decoration: none; padding-top: 4px; padding-bottom: 8px;} #sidebar-Right .officehours ul#hours li.campus { font-size:12px; font-weight: bold; text-decoration: none; padding-top: 5px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px; text-transform: uppercase; color: #666666;} #sidebar-Right .officehours ul#hours li.schedule { background-image: url(../images/_icons/_content/cog.png); background-repeat: no-repeat; background-position: 0px 4px; line-height:1.3em; padding-left: 22px!important; font-weight: bold;} #sidebar-Right .officehours ul#hours li.extended { background-image: url(../styles/images/icons/sidebar/hours-extended.png); background-repeat: no-repeat; background-position: 2px 2px;} #sidebar-Right .officehours ul#hours li.summary{ font-family:Arial, Helvetica, sans-serif!important; font-size: 11px!important; padding-top: 2px!important; padding-bottom: 0px!important; line-height:1.4em!important;} /* SIDEBAR: Contact Person ---------------------------------------------------------------------------------------------------------- */ #sidebar-Right .contactPerson { overflow:hidden; margin-top: 25px; margin-bottom: 10px; padding-bottom: 0px !important; border-bottom: #E6E6E6 solid 1px !important;} #sidebar-Right .contactPerson ul { font-family:Arial, Helvetica, sans-serif!important; margin-top:0px!important; margin-bottom:10px!important; padding: 2px 0px 3px 2px!important;} #sidebar-Right .contactPerson ul li { font-family:Arial, Helvetica, sans-serif!important; font-size: 13px!important; color: #333!important; border:none; line-height:1.2em!important;} #sidebar-Right .contactPerson ul li.name{ font-family:Arial, Helvetica, sans-serif!important; font-size: 13px!important; font-weight:bold; padding-top: 5px!important; padding-bottom: 1px!important; line-height:1.0em!important; padding-right: 0px; padding-left: 0px;} #sidebar-Right .contactPerson ul li.title{ font-family:Arial, Helvetica, sans-serif!important; font-size: 12px!important; padding-top: 2px!important; padding-bottom: 3px!important; line-height:1.0em!important; padding-right: 0px; padding-left: 0px;} #sidebar-Right .contactPerson ul li.summary{ font-family:Arial, Helvetica, sans-serif!important; font-size: 12px!important; padding-top: 4px!important; padding-bottom: 3px!important; line-height:1.4em!important; padding-right: 0px; padding-left: 0px;} #sidebar-Right .contactPerson ul li.standard{ font-family:Arial, Helvetica, sans-serif!important; font-size: 12px!important; padding-top: 2px!important; padding-bottom: 3px!important; line-height:1.1em!important; padding-right: 0px; padding-left: 0px;} #sidebar-Right .contactPerson ul li.localphone { font-size: 12px!important; padding-left:22px; padding-top: 6px!important; padding-bottom: 6px!important; background-image: url(../images/icons/sidebar/phone.png); background-repeat: no-repeat; background-position: 0px 4px;} #sidebar-Right .contactPerson ul li.tollfree { font-size: 12px!important; padding-left:25px; padding-top: 6px!important; padding-bottom: 6px!important; background-image: url(../images/icons/sidebar/phone_sound.png); background-repeat: no-repeat; background-position: 2px 4px;} #sidebar-Right .contactPerson ul li.email { font-size: 12px!important; padding-left:25px; font-weight:bold; padding-top: 6px!important; padding-bottom: 6px!important; background-image: url(../images/icons/sidebar/email.png); background-repeat: no-repeat; background-position: 0px 5px;} /* RIGHT SIDEBAR: Promotion Buttons ---------------------------------------------------------------------------------------------------------- */ #sidebar-Left .promoButton, #sidebar-Right .promoButton { /* see ie.css */ margin-top: 25px; margin-bottom: 25px; width: 180px; box-shadow: 0 0 5px #c1c1c1; -moz-box-shadow: 0 0 5px #c1c1c1; -webkit-box-shadow: 0 0 5px #c1c1c1; border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -khtml-border-radius: 6px 6px 6px 6px;} #sidebar-Left .promoButton.top, #sidebar-Right .promoButton.top { margin-top: 5px !important;} /* IE HACK - ALL VERSIONS - TEMPORARY UNTIL SUITABLE IE.css BUILT */ #sidebar-Left .promoButton, #sidebar-Right .promoButton { /* border: 1px solid #B3B4A4\9;} */ border-top-width:3px\9; border-top-style: solid\9; border-bottom-color:#A6EBFF\9; border-bottom-width:3px\9; border-bottom-style: solid\9; border-top-color:#A6EBFF\9; border-left-width:3px\9; border-left-style: solid\9; border-left-color:#A6EBFF\9; border-right-width:3px\9; border-right-style: solid\9; border-right-color:#A6EBFF\9;} /* WIDTHS */ #sidebar-Left .promoButton.w180, #sidebar-Right .promoButton.w180 { width: 180px !important; max-width: 180px !important;} #sidebar-Left .promoButton.w208, #sidebar-Right .promoButton.w208 { width: 208px !important; max-width: 208px !important;} /* BACKGROUND COLORS */ .promoButton.blue { background-color: #1FBEEC; background-image: -moz-linear-gradient(0% 70% 90deg,#0CA7D4, #1FBEEC); background-image: -webkit-gradient(linear, 0% 34%, 0% 84%, from(#1FBEEC), to(#0CA7D4));} .promoButton.red { background-color: #980007; background-image: -moz-linear-gradient(0% 70% 90deg,#6C0309, #980007); background-image: -webkit-gradient(linear, 0% 34%, 0% 84%, from(#980007), to(#6C0309));} .promoButton.green { background-color: #579E0C; background-image: -moz-linear-gradient(0% 70% 90deg,#579E0C, #89CE40); background-image: -webkit-gradient(linear, 0% 34%, 0% 84%, from(#89CE40), to(#579E0C));} .promoButton.grey { background-color: #333333; background-image: -moz-linear-gradient(0% 70% 90deg,#333333, #999999); background-image: -webkit-gradient(linear, 0% 34%, 0% 84%, from(#999999), to(#333333));} .promoButton.black { background-color: #000000; background-image: -moz-linear-gradient(0% 70% 90deg,#000000, #666666); background-image: -webkit-gradient(linear, 0% 34%, 0% 84%, from(#666666), to(#000000));} .promoButton.yellow { background-color: #FF9D13; background-image: -moz-linear-gradient(0% 70% 90deg,#FF9D13, #FEBE45); background-image: -webkit-gradient(linear, 0% 34%, 0% 84%, from(#FEBE45), to(#FF9D13));} #sidebar-Left .promoButton p, #sidebar-Right .promoButton p { font-family:Calibri,'Trebuchet MS',Helvetica,sans-serif !important; font-size: 14px !important;} #sidebar-Left .promoButton a, #sidebar-Right .promoButton a { display: block; font-size: 14px!important; line-height: 1.1em!important; color: #fff!important; padding-top: 11px; padding-right: 5px; padding-bottom: 12px; padding-left: 45px;} #sidebar-Left .promoButton a:hover, #sidebar-Right .promoButton a:hover { border: 0; color: #fff; text-decoration:none!important; } /* SPANS */ #sidebar-Left .promoButton span.action, #sidebar-Right .promoButton span.action {font-weight: bold; color: #fff; font-size:18px!important; } #sidebar-Left .promoButton a:hover span.action, #sidebar-Right .promoButton a:hover span.action { border-bottom: 1px dotted #fff; } /* LINK ICONS */ .promoButton.externalLink a { background-color: transparent; background-image: url(../images/navigation/_buttons/icon-external.png); background-repeat: no-repeat; background-position: 7px 13px;} .promoButton.downloadLink a { background-color: transparent; background-image: url(../images/navigation/_buttons/icon-download.png); background-repeat: no-repeat; background-position: 6px 12px;} .promoButton.applyLink a { background-color: transparent; background-image: url(../images/navigation/_buttons/icon-apply.png); background-repeat: no-repeat; background-position: 6px 12px;} .promoButton.checkboxLink a { background-color: transparent; background-image: url(../images/navigation/_buttons/icon-check.png); background-repeat: no-repeat; background-position: 7px 12px;} .promoButton.pdfLink a { background-color: transparent; background-image: url(../images/navigation/_buttons/icon-pdf.png); background-repeat: no-repeat; background-position: 6px 12px;} .promoButton.projectLink a { background-color: transparent; background-image: url(../images/navigation/_buttons/icon-project.png); background-repeat: no-repeat; background-position: 6px 12px;} /* ########################################################################################################################################### ########################################################################################################################################### 09: GLOBAL FOOTER ########################################################################################################################################### ########################################################################################################################################### */ /* GLOBAL FOOTER: Structure ---------------------------------------------------------------------------------------------------------- */ #global-footer { width: 100%; position: relative; margin:0px auto 0px auto!important; padding-top: 10px; padding-bottom: 0px!important; min-height:300px; max-height:300px;} .mFT-Navy #global-footer { background-color: #01203F; *border:8px solid #FF0000; border-top: solid 8px #FF0000;} .mFT-Grey #global-footer { background-color: #333; *border:1px solid #333; border-top: solid 1px #000;} #global-footer .wrapper { width:982px; _width:982px; min-width:982px; max-width:982px; zoom:1; margin-top: 0; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding: 0px;} #footerAudience { width: 100%; position: relative; margin:0 auto; } #footerAudience .wrapper { min-width: 982px; max-width: 982px; _width: 982px; margin: 0 auto!important;} #footerAudience .colAudience { float:left; padding:10px 0 0px 0;} #footerAudience .colAudience.first { float:left!important; width:456px; padding-top:22px;} #footerAudience .colAudience.logo { width:70px; text-align:center!important;} #footerAudience .colAudience.last { float:right!important; width:456px; padding-top:22px;} #footerContact { width: 100%; _width: 100%; float:left; text-align: left; margin-top:0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; /* border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #777777;*/ padding-top: 0px !important; padding-bottom:0px; max-height:120px;} #footerContact .wrapper { min-width: 982px; max-width: 982px; _width: 982px; margin-top: 0px; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-top: 0px !important;} #footerUtility { width: 100%; _width: 100%; float:left; text-align: left; margin-top:15px!important; margin-right: auto; margin-bottom: 0px!important; margin-left: auto; /*background-color:#031825; #3F4141*/ padding:0px!important;} #footerUtility .wrapper { min-width: 982px; max-width: 982px; _width: 982px; margin-top: 0px; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-top: 18px;} #footerUtility .colLeft { float:left; min-width:282px; max-width:282px; padding-right:20px;} #footerUtility .colRight { float:left; min-width:680px; max-width:680px;} #footerLegal { width: 100%; _width: 100%; float:left; text-align: left; margin-top:22px; margin-right: auto; margin-bottom: 0px; margin-left: auto; /*background-color:#031825; #3F4141*/ padding-top:0px; padding-bottom:0px; max-height:50px;} #footerLegal .wrapper { min-width: 982px; max-width: 982px; _width: 982px; margin-top: 0px; margin-right: auto; margin-bottom: 0; margin-left: 0px; padding-top: 0px;} #footerLegal .colLeft { float:left; min-width:512px; max-width:512px; padding-right:20px;} #footerLegal .colRight { float:left; min-width:450px; max-width:450px;} /* GLOBAL FOOTER: Audience Navigation ---------------------------------------------------------------------------------------------------------- */ #footerAudience ul.audiencetype li { display:block; font-size:15px; /* font-family:Georgia, "Times New Roman", Times, serif!important; */ font-family: "Segoe UI", Tahoma, Helvetica, Arial, Verdana, sans-serif !important; font-weight: bold; margin: 0; padding-top:0px; padding-right: 12px; padding-bottom: 0px; padding-left: 12px;} #footerAudience ul.audiencetype.primary { float:left!important; text-align:left!important;} #footerAudience ul.audiencetype.secondary { float:right!important; text-align:right!important;} #footerAudience ul.audiencetype li.first { border-left:none;} #footerAudience ul.audiencetype li.center { border:none;} #footerAudience ul.audiencetype li.last { border-right:none;} #footerAudience ul.audiencetype { *zoom:1;} #footerAudience ul.audiencetype:after { content:".";display:block;height:0;width:0;line-height:0;clear:both;visibility:hidden;} #footerAudience ul.audiencetype li { float:left;} #footerAudience ul.audiencetype li a { display:block;} .mFT-Navy #footerAudience .northland-logo { height:55px; width:55px; display:block; text-indent:-9999px; margin:0 0px 0 0px; background-attachment: scroll; background-repeat: no-repeat; background-position: 0 0; border:none!important;} .mFT-Navy #footerAudience .northland-logo:hover{ border:none!important;} .mFT-Grey #footerAudience .northland-logo { height:55px; width:55px; display:block; text-indent:-9999px; margin-right:5px; background-attachment: scroll; background-repeat: no-repeat; background-position: 0 0; border:none!important;} .mFT-Grey #footerAudience .northland-logo:hover{ border:none!important;} .mFT-Navy #global-footer #footerAudience .wrapper { height:75px; border-bottom: 1px solid #3F4C78;} .mFT-Navy #global-footer #footerAudience ul.audiencetype li { color: #CCCCCC; border-right: 0px solid #777777;} .mFT-Navy #global-footer #footerAudience ul.audiencetype li a { color: #CCC; text-shadow: -1px -1px 0 rgba(0,0,0,0.5); } .mFT-Navy #global-footer #footerAudience ul.audiencetype li a:hover{ color: #FFFFFF; text-decoration:none; border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: #777777; -webkit-transition: .50s;} .mFT-Navy #global-footer #footerAudience ul.audiencetype li.first { border-left:none;} .mFT-Navy #global-footer #footerAudience ul.audiencetype li.center { border:none;} .mFT-Navy #global-footer #footerAudience ul.audiencetype li.last { border-right:none;} .mFT-Navy #global-footer #footerAudience .northland-logo { background-image: url(/001_Global/_images/_footer/img-logo-light2.png);} .mFT-Grey #global-footer #footerAudience .wrapper { height:75px; border-bottom: 1px solid #646464;} .mFT-Grey #global-footer #footerAudience ul.audiencetype li { color: #777777; border-right: 0px solid #777777;} .mFT-Grey #global-footer #footerAudience ul.audiencetype li a { color: #999999; text-shadow: -1px -1px 0 rgba(0,0,0,0.5); } .mFT-Grey #global-footer #footerAudience ul.audiencetype li a:hover{ color: #FFF; text-decoration: none; border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: #777777; -webkit-transition: .50s;} .mFT-Grey #global-footer #footerAudience ul.audiencetype li.first { border-left:none;} .mFT-Grey #global-footer #footerAudience ul.audiencetype li.center { border:none;} .mFT-Grey #global-footer #footerAudience ul.audiencetype li.last { border-right:none;} .mFT-Grey #global-footer #footerAudience .northland-logo { background-image: url(/001_Global/_images/_footer/img-logo-light2.png);} /* GLOBAL FOOTER: Campus Contacts ---------------------------------------------------------------------------------------------------------- */ #footerContact .colCampus { float:left; min-width:183px; max-width:183px; height:95px; margin-top:20px; padding-left:6px; padding-right:6px;} #footerContact .colCampus a { display:block; padding-top:4px; height:90px;} #footerContact .colCampus a:hover{ background-image: url(/001_Global/_images/_footer/bg-contact-hover.png); background-repeat: repeat; background-position: 0 0px; text-decoration:none; color:#000;} #footerContact .colCampus.first { border:none;} #footerContact .colCampus.last { } .mFT-Navy #footerContact .colCampus {border-left: 1px solid #3F4C78;} .mFT-Navy #footerContact .colCampus.first {border:none;} .mFT-Grey #footerContact .colCampus {border-left: 1px solid #646464;} .mFT-Grey #footerContact .colCampus.first {border:none;} #footerContact ul { margin: 0; padding: 0; list-style-type: none; font-family: "Segoe UI", Tahoma, Helvetica, Arial, Verdana, sans-serif !important; text-align:center; text-shadow: -1px -1px 0 rgba(0,0,0,0.5);} #footerContact li.title { font-size:14px!important; font-weight: bold; margin-bottom:1px; text-transform: capitalize;} #footerContact li { font-size:12px; list-style-type: none; font-weight: normal; background: none; margin-top: 0; margin-right: 0px; padding-bottom:3px; margin-left: 0; line-height: 1.1em;} .mFT-Navy #footerContact li { color: #CCC!important;} .mFT-Grey #footerContact li { color: #777777!important;} #footerContact li a { font-weight: normal; text-decoration: underline;} .mFT-Navy #footerContact li a { color: #CCC!important;} .mFT-Grey #footerContact li a { color: #777777!important;} #footerContact li a:hover { font-weight: normal; text-decoration: underline;} .mFT-Navy #footerContact li a:hover { color: #FFF!important;} .mFT-Grey #footerContact li a:hover { color: #000!important;} #footerContact li.phone { padding-left:14px; padding-top:0px; background-image: url(/001_Global/_images/_footer/bl-phone.gif); background-repeat: no-repeat; background-position: 0 0px;} #footerContact li.bold { font-weight: bold;} #footerContact li.bold a { font-weight: bold;} /*.mFT-Lite #global-footer #footerContact li.title {color: #FFF;} .mFT-Lite #global-footer #footerContact li {color: #FFF;} .mFT-Lite #global-footer #footerContact li a {color: #EAECEC;} .mFT-Lite #global-footer #footerContact li a:hover {color: #EAECEC;}*/ /*.mFT-Dark #global-footer #footerContact li.title {color: #333;} .mFT-Dark #global-footer #footerContact li {color: #333;} .mFT-Dark #global-footer #footerContact li a {color: #000;} .mFT-Dark #global-footer #footerContact li a:hover {color: #000;}*/ /* #global-footer.dark #footerContact .colCampus {border-left: 1px solid #C7C7C7;} #global-footer.dark #footerContact .colCampus.first {border:none;} #global-footer.dark #footerContact li.title {color: #333;} #global-footer.dark #footerContact li {color: #333;} #global-footer.dark #footerContact li a {color: #000;} #global-footer.dark #footerContact li a:hover {color: #000;}*/ /* GLOBAL FOOTER: Social Media Links ---------------------------------------------------------------------------------------------------------- */ .social-footer { width: 260px; margin-top:3px;} .social-footer li { float: left;} .social-footer li a { display: block; float: left; height: 24px; margin-right: 10px; padding: 0; width: 24px;} .sprite-blogs a, .sprite-facebook a, .sprite-flickr a, .sprite-foursquare a, .sprite-googleplus a, .sprite-linkedin a, .sprite-pinterest a, .sprite-twitter a, .sprite-vimeo a, .sprite-youtube a { background-attachement: fixed; background-color: transparent; background-image: url('/001_Global/_images/_footer/sprite-social-icons.png'); background-repeat: no-repeat;} .sprite-blogs a { background-position: 0 0;} .sprite-blogs a:hover { background-position: 0 -25px;} .sprite-facebook a { background-position: -25px 0;} .sprite-facebook a:hover { background-position: -25px -25px;} .sprite-flickr a { background-position: -225px 0;} .sprite-flickr a:hover { background-position: -225px -25px;} .sprite-foursquare a { background-position: -50px 0;} .sprite-foursquare a:hover { background-position: -50px -25px;} .sprite-googleplus a { background-position: -75px 0;} .sprite-googleplus a:hover { background-position: -75px -25px;} .sprite-linkedin a { background-position: -100px 0;} .sprite-linkedin a:hover { background-position: -100px -25px;} .sprite-pinterest a { background-position: -125px 0;} .sprite-pinterest a:hover { background-position: -125px -25px;} .sprite-twitter a { background-position: -150px 0;} .sprite-twitter a:hover { background-position: -150px -25px;} .sprite-vimeo a { background-position: -200px 0;} .sprite-vimeo a:hover { background-position: -200px -25px;} .sprite-youtube a { background-position: -175px 0;} .sprite-youtube a:hover { background-position: -175px -25px;} .social-footer li a span { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;} /* GLOBAL FOOTER: Utility ---------------------------------------------------------------------------------------------------------- */ #footerUtility ul.links { margin: 0; padding: 0; float:right!important; list-style-type: none; /*font-family:Calibri,'Trebuchet MS',Helvetica,sans-serif!important; font-family:Georgia, "Times New Roman", Times, serif!important;*/ font-family: "Segoe UI", Tahoma, Helvetica, Arial, Verdana, sans-serif !important;} #footerUtility ul.links li { display:block; float:left!important; text-align:right!important; list-style-type: none; font-size:12px; font-weight: normal; text-shadow: -1px -1px 0 rgba(0,0,0,0.5); margin: 0; padding:0px 4px 0px 4px;} /* #footerUtility { font-size:11px; list-style-type: none; font-weight: normal; text-align:right; background: none; margin: 0px; padding-top:7px; line-height: 1.5em;} */ #footerUtility a { font-weight: normal; text-decoration:underline;} #footerUtility a:hover { font-weight: normal;} .mFT-Navy #global-footer #footerUtility .wrapper { border-top: 1px solid #3F4C78;} .mFT-Navy #global-footer #footerUtility { color: #999!important;} .mFT-Navy #global-footer #footerUtility a { color: #CCC!important;} .mFT-Navy #global-footer #footerUtility a:hover { color: #999!important;} .mFT-Grey #global-footer #footerUtility .wrapper { border-top: 1px solid #646464;} .mFT-Grey #global-footer #footerUtility { color: #777777!important;} .mFT-Grey #global-footer #footerUtility a { color: #999999!important;} .mFT-Grey #global-footer #footerUtility a:hover { color: #CCC!important;} /* GLOBAL FOOTER: Legal ---------------------------------------------------------------------------------------------------------- */ #footerLegal p { font-family: "Segoe UI", Tahoma, Helvetica, Arial, Verdana, sans-serif !important; font-size:10px; list-style-type: none; font-weight: normal; background: none; margin: 0px; padding:0px; line-height: 1.1em; text-shadow: -1px -1px 0 rgba(0,0,0,0.5);} #footerLegal p.employer { text-align:left;} #footerLegal p.copyright { text-align:right;} #footerLegal p a { font-weight: normal; text-decoration:underline;} #footerLegal p a:hover { font-weight: normal;} .mFT-Navy #global-footer #footerLegal .wrapper { border-top: 0px solid #646464;} .mFT-Navy #global-footer #footerLegal p { color: #999!important;} .mFT-Navy #global-footer #footerLegal p a { color: #CCC!important;} .mFT-Navy #global-footer #footerLegal p a:hover { color: #999!important;} .mFT-Grey #global-footer #footerLegal .wrapper { border-top: 0px solid #646464;} .mFT-Grey #global-footer #footerLegal p { color: #646464!important;} .mFT-Grey #global-footer #footerLegal p a { color: #777777!important;} .mFT-Grey #global-footer #footerLegal p a:hover { color: #646464!important;} /* GLOBAL FOOTER: Legal Lite ---------------------------------------------------------------------------------------------------------- */ #footerLegal-lite { width: 100%; _width: 100%; float:left; text-align: left; margin-top:0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; /*background-color:#031825; #3F4141*/ padding-top:0px; min-height:20px;} #footerLegal-lite .wrapper { min-width: 982px; max-width: 982px; _width: 982px; margin-top: 0px; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-top: 0px;} #footerLegal-lite p { font-size:10px; list-style-type: none; font-weight: normal; text-align:center; background: none; margin: 0px; padding:0px; line-height: 1.4em;} table.staticdata{margin:25px 0 35px;width:100%;font-family:"Anivers-Bold", "Lucida Grande", sans-serif;} table.staticdata thead{background-color:#222;} table.staticdata thead th{font-size:16px!important;} table.staticdata tbody{border-top:5px solid #B4B4B4;} table.staticdata th{color:#FFF;font-size:15px;font-weight:normal;padding:10px 15px;text-align:left;vertical-align:top;} table.staticdata tr{} table.staticdata td{background-color:#F0F0F0!important;border-bottom:1px solid #B4B4B4;color:#222;font-size:13px;line-height:1.3em;padding:15px 15px;vertical-align:top;} table.staticdata tr.total td{background-color:#009900!important;border-top:5px solid #B4B4B4!important;color:#FFF!important;font-weight:bold!important;font-size:21px!important;line-height:1.1em!important;padding:20px!important;}