/* Site specific styles */

/* NSPE Site CSS
----------------------------------------------------------------------------------------------------*/
body {
    /* background: #fff url(/nspe-2012/imgs/backgrounds/empowerhouse.jpg) repeat fixed center top; */
}
body.cover {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#feedback-button:hover, #to-top-button:hover {
    background: #52a096;
}
/* Start Main Nav Menu */

#main-nav {
    display: block;
}


#nspe-nav ul li {
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    float: left;
}
#nspe-nav ul li ul li {
    float: none;
    font-size: 1em;
    height: auto;
    background: #fff;
}
#nspe-nav ul li a {
    color: #666 !important;
    height: 28px;
    border-right: 1px solid #E2E2E0;
}
#nspe-nav ul li a:hover {
    color: #52a096 !important;
}
#nspe-nav ul li ul li a, #nspe-nav ul li ul li a:link {
    height: auto;
    padding: .5em 1em .5em 1em;
    line-height: 1.5em;
    border: none;
    color: #666 !important;
    background-color: #F7F4F4;
}
#nspe-nav ul li ul li a:hover {
    color: #fff !important;
    background: #52a096;
}
.menubar li ul {
    position: absolute;
    visibility: hidden;
    background: white;
    z-index: 1000;
    width: 100%;
}
.menubar li#info-for-button a {
    background: #aba9a9;
}
.menubar li#info-for-button a:hover {
    background: #898989;
}
.menubar li#info-for-button ul li a, .menubar li#info-for-button ul li a:hover {
    background: #F7F4F4;
}
.menubar li#info-for-button ul li a:hover {
    color: #666 !important;
}
#main-nav li ul {
    width: 180px;
    /*	border-top: solid 4px #52a096; */

    background: transparent;
}
.menubar li ul li {
    color: #666;
}
#nspe-nav {
    background: #fff;
    /* border-bottom: 4px solid #898989;
    height: 40px; */
    display: block;
}
#nspe-nav #Degree_Programs ul, #nspe-nav #Academic_Programs ul {
    display: none !important;
}
/*#nspe-nav #Academic_Programs {*/
/*width: 117px;*/
/*}*/
/*#nspe-nav #Continuing_Education {*/
/*width: 124px;*/
/*}*/
/*#nspe-nav #Centers_Institutes_and_Initiatives  {*/
/*width: 183px;*/
/*}*/
/*#nspe-nav #Civic_Engagement {*/
/*width: 133px; */
/*}*/
/*#nspe-nav #Stories_and_Profiles {*/
/*width: 126px;*/
/*}*/
#nspe-nav ul li:last-child a {
    border: none;
}

#nav-show-button {
    position: absolute;
    right: 0px;
    display: none;
    margin-top: -45px;
    font-size: 1.75em;
}
#sub-nav-menu ul li ul li a, #sub-nav-menu li a.active {
    color: #666 !important;
}

/* End Main Nav Menu */

/* Start Main Sidebar */
#sidebar-buttons ul li a {
    background-color: #52a096;
}

.box-title {
    color: #52a096;
    font-family: "franklin-gothic-urw-cond-1","franklin-gothic-urw-cond-2", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 21px !important;
    letter-spacing: 1px;
    display: block;
    border-bottom: 1px solid;
    margin-bottom: 20px;
    line-height: 1em;
    padding-bottom: 12px;
}
.whitebox {
    overflow: hidden;
}
.whitebox.no-title {
    padding-top: 12px;
}

a.sidebar-cta {
    background: #52a096;
}
a.sidebar-cta:hover {
    background: #969696;
    color: #fff !important;
}
/* End Main Sidebar */

/* Start School Page Programs box */
#main-content-block .programs-area ul {
    margin: 0;
    padding: 0 0 0 15px;
}
#main-content-block .programs-area ul li {
    list-style: none;
    display: block;
    width: 30%;
    margin: 0 3.3% 15px 0;
    float: left;
}
#main-content-block .programs-area ul li:before {
    content: "";
}
#main-content-block .programs-area ul li a {
    display: block;
    height: 150px;
    overflow: hidden;
    color: white;
    background: #52a096;
    padding: 10px;
    position: relative;
    font-size: 1.125em;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: "franklin-gothic-urw-cond-1","franklin-gothic-urw-cond-2", Arial, Helvetica, sans-serif;
    font-weight: 600;
    word-wrap: break-word;
}
#main-content-block .programs-area ul li img {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
/* End School Page Programs box */

/* Start NSPE School footer */

#nspe-school-footer {
    width: 100%;
    background-color: #fff;
    /* border-top: .25em solid #a6a5a3; */
    display: block
}
#school-footer-inner {
    margin-bottom: 0;
    display: block;
}
.school-button {
    float: left;
    width: 20%;
    margin-right: -1px;
    display: block;
}
/* .school-button.milano-button {
	border-left: 0px;
} */
.school-button.writing-button {
    margin-right: 0px;
}
.school-button a, .school-button a:link, .school-button a:visited, .school-button a:active {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 1em;
    color: #b2b2b2;
    /* background-color: #DFE0E1;
    background-color: rgba(240, 240, 240, 0.9); */
    height: 75px;
    /* border-bottom: .5em solid #ffffff;
    border-top: .4em solid #a6a5a3;
    margin-top: -.3em; */
    border-left: 1px solid #e4e4e4;
}
.school-button a.writing {
    width: 90.5%;
    border-right: 1px solid #e4e4e4;
}
.school-button a:hover, .writing-page .school-button.writing-button a, .milano-page .school-button.milano-button a, .undergrad-page .school-button.bachelors-program-button a, .languages-page .school-button.languages-button a, .media-page .school-button.media-button a {
    color: #fff;
    /*	background-color: #eeeeee;
        background-color: rgba(255, 255, 255, 0.9);
        border-top: .4em solid #52a096; */
}
.school-button.writing-button a:hover, .writing-page .school-button.writing-button a {
    background-color: #6F4449;
}
.school-button.milano-button a:hover, .milano-page .school-button.milano-button a {
    background-color: #db9a32;
}
.school-button.bachelors-program-button a:hover, .undergrad-page .school-button.bachelors-program-button a {
    background-color: #9D3E48;
}
.school-button.languages-button a:hover, .languages-page .school-button.languages-button a {
    background-color: #e0753c;
}
.school-button.media-button a:hover, .media-page .school-button.media-button a {
    background-color: #d55144;
}
@-moz-document url-prefix() {
    .school-button a.writing {
        width: 88.5%;
    }

}
/* End NSPE School footer */

#school-slider {
    height: auto;
    overflow: hidden;
    margin-bottom: 0;
}
#school-slider ul li ul {
    padding: 0;
    margin: 20px;
    position: relative;
}
#school-slider ul li ul li {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    list-style-type: none;
}
#school-slider ul li:before {
    content: "";
}
#school-slider ul li ul li:first-child {
    z-index: 2;
}
#slider-menu {
    position: absolute;
    bottom: 40px;
    right: 40px;
    z-index: 10;
}
#slider-menu a, #nav-dots a {
    color: #52a096;
    display: inline-block;
    height: 6px;
    width: 6px;
    margin-right: 5px;
    border: 3px solid #52a096;
    background-color: transparent;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; /* future proofing */
    -khtml-border-radius: 10px;
}
#slider-menu a.active-button, #nav-dots a.active-button {
    background-color: #52a096;
}
#slider-menu a:hover, #nav-dots a:hover {
    background-color: #52a096;
}
.school-slides img {
    border: 0;
    width: 755px;
    height: 424px;
}

/* ---------------------------------------- */
/* ---------Faculty Detail View ----------- */
/* ---------------------------------------- */
#facultyWrapper {
    font-size: 0.8rem;
    line-height: 1.33333rem;
}

#facultyPhoto {
    float: left;
    width: 25%;
    padding: 0 5% 20px 0;
}

#facultyBoxA {
    float: left;
    width: 70%;
}

#facultyBoxB {
    clear: both;
}

#facultyDegreesHeld,
#facultyRecentPublications,
#facultyResearchInterests,
#facultyAwardsHonors,
#facultyPortfolioLink,
#facultyCurrentCourses {
    padding: 10px 0 0 0;
}

#facultyPortfolioLink a {
    padding: 0 0 5px 0;
}

.facultyCourse {
    margin: 0;
    line-height: 21px;
    border-bottom: 1px solid #b3b3b3;
}

.facultyCourseOdd {
    background-color: #d9d9d9;
}

@media (max-width: 480px) {
    #facultyPhoto, #facultyBoxA {
        float: none;
        width: 100%;
        margin-bottom: 10px;
    }

    #facultyPhoto {
        padding: 0;
    }
}

.fac-list-col {
    float: left;
    width: 30%;
    margin-right: 3%;
}
.faculty-top-level .fac-list-col {
    width: 22%;
}
.faculty-top-level-list #main-content-wrapper {
    padding: 0px 20px 20px 20px;
}
#main-content-block .fac-list-col a,
#main-content-block .fac-list-col a:link,
#main-content-block .fac-list-col a:visited,
#main-content-block .fac-list-col a:active {
    color: #898989;
}
#main-content-block .fac-list-col a:hover {
    color: #52a096;
}
/* end faculty profiles */

#main-content-area-subpage {
    background: #fff;
}
.main-content-area-subpage-inner-wrapper {
    padding: 24px;
}
.main-content-area-subpage-inner-wrapper hr {
    border: 1px #e6e4e5 solid;
    margin: 24px 0px;
    display: none;
}

/* Start Homepage Module */
#homepage-module {
    margin-right: 0;
    width: 49%;
    margin-top: 4.5em;
    margin-bottom: 10em;
}
#nav-dots {
    display: block;
    float: left;
    background: #fff;
    padding: 13px 8px 10px 13px;
    border-bottom: 1px solid #ebe9e9;
}
#story {
    clear: both;
    background: #fff;
    display: block;
    padding: 28px;
}
#story h1 {
    font-size: 24px;
    line-height: 24px;
    font-weight: 400;
    text-transform: none;
    margin-bottom: 20px;
}
#story p {
    margin: 0;
    padding: 0 0px 0 0;
}
#story p a.arrow-link {
    color: #666;
    font-weight: bold;
    text-decoration: underline;
    position: relative;
    margin-left: 14px;
    display: block;
}
#story p a.arrow-link:hover {
    color: #52A096;
}
#story p a.arrow-link:before {
    content: "\f0da";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    font-size: 18px;
    position: absolute;
    margin-top: 1px;
    left: -12px;
    text-decoration: none;
}
#module-ctas {
    display: block;
    background: #f8f7f7;
    border-top: 1px solid #ebe9e9;
}
#module-ctas a {
    display: block;
    font-size: 12px;
    color: #52a096;
    padding: 12px 40px 12px 28px;
}
#module-ctas a#story-link {
    float: left;
    width: 51.4%;
    border-right: 1px solid #ebe9e9;
}
#module-ctas a#more-stories-link {
    float: right;
    position: relative;
}
#module-ctas a#more-stories-link .icon-caret-right {
    font-size: 2.25em;
    line-height: .1em;
    position: absolute;
    right: 16px;
    bottom: 15px;
    width: auto;
}
#module-ctas a:hover {
    background: #52a096;
    color: #f8f7f7;
}
.nspe-home #nspe-school-footer {
    margin-top: 4em;
}
#home-as-needed {
    clear: both;
    margin-right: 0;
    width: 49%;
}
#home-as-needed-inverted {
    clear: both;
    margin-right: 0;
    width: 49%;
}
#home-as-needed a {
    /* display: none;*/
    display: block;
    background: #f8f7f7;
    color: #52a096;
    font-family: "franklin-gothic-urw-1","franklin-gothic-urw-2", "Arial ", Helvetica, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 24px;
    padding: 22px 100px 22px 28px;
    position: relative;
}
#home-as-needed-inverted a {
    /* display: none;*/
    display: block;
    background: #52a096;
    color: #f8f7f7;
    font-family: "franklin-gothic-urw-1","franklin-gothic-urw-2", "Arial ", Helvetica, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 24px;
    padding: 22px 100px 22px 28px;
    position: relative;
}
#home-as-needed a .icon-caret-right,
#home-as-needed-inverted a .icon-caret-right {
    font-size: 1.4em;
    line-height: .1em;
    position: absolute;
    right: 16px;
    bottom: 45%;
    width: auto;
}
#home-as-needed a:hover {
    background: #52a096;
    color: #f8f7f7;
}
#home-as-needed-inverted a:hover {
    background: #f8f7f7;
    color: #52a096;
}
#home-as-needed a.milano-button {
    color: #db9a32;
}
#home-as-needed a.milano-button:hover {
    background: #db9a32;
    color: #f8f7f7;
}
#home-as-needed a.languages-button {
    color: #e0753c;
}
#home-as-needed a.languages-button:hover {
    background: #e0753c;
    color: #f8f7f7;
}
#home-as-needed a.media-button {
    color: #d55144;
}
#home-as-needed a.media-button:hover {
    background: #d55144;
    color: #f8f7f7;
}
#home-as-needed a.undergraduate-button {
    color: #9D3E48;
}
#home-as-needed a.undergraduate-button:hover {
    background: #9D3E48;
    color: #f8f7f7;
}
#home-as-needed a.writing-button {
    color: #6F4449;
}
#home-as-needed a.writing-button:hover {
    background: #6F4449;
    color: #f8f7f7;
}
ul#module-content {
    display: none;
}
#story img {
    display: none;
    margin-bottom: 14px;
}
/* End Homepage Module */
/* school slide modules */
.whitebox #story {
    padding: 0;
    position: relative;
    background: none;
}
.whitebox #story img {
    display: block;
    margin-bottom: 0;
}
.whitebox #nav-dot-wrapper {
    position: absolute;
    top: 40px;
    left: 40px;
    z-index: 999;
}
.whitebox #nav-dots {
    display: block;
    float: none;
    background: none;
    padding: 0;
    border-bottom: none;
}
.whitebox #nav-dots a {
    /*color: #fff;*/
}
.whitebox #nav-dots a:hover, .whitebox #nav-dots a.active-button {
    background-color: #52a096;
}
.whitebox #slider-text {
    position: absolute;
    bottom: 0px;
    background: #ece9e6;
    background: rgba(236,233,230,.85);
    width: 100%;
    padding: 15px 0;
}
.whitebox #story p {
    padding: 0 20px;
    font-family: "franklin-gothic-urw-1","franklin-gothic-urw-2", "Arial ", Helvetica, sans-serif;
    font-weight: 400;
    font-size: 18px !important;
    line-height: 1.25em;
}
.whitebox #story p em {
    font-size: 14px !important;
    display: block;
    padding-left: 20px
}
.news-events-left {
    float: left;
    width: 48.75%;
    margin-right: 2.5%;
}
.news-events-right {
    float: right;
    width: 48.75%
}
/* iframe sliders */
#slider-module.iframe-slider {
    position: relative;
    margin-bottom: 12px;
}
#slider-module.iframe-slider iframe {
    width: 100%;
    height: 380px;
}
#slider-module.iframe-slider #nav-dot-wrapper {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 999;
}
#slider-module.iframe-slider #nav-dots {
    float: none;
    background: none;
    padding: 0;
    border: none;
}
.iframe-slider #slider-text {
    position: relative;
    bottom: auto;
    background: #545454;
    width: 100%;
    padding: 15px 0;
    margin-top: -6px;
}
.iframe-slider #story h1 {
    margin-bottom: 0px;
    font-size: 20px;
    margin-bottom: 5px;
    text-transform: none;
    color: white !important;
    font-weight: 500;
    padding: 0 150px 0 20px;
    font-family: "franklin-gothic-urw-1","franklin-gothic-urw-2", "Arial ", Helvetica, sans-serif;
    font-weight: 700;
}
.iframe-slider #story {
    padding: 0px;
}
/* Typography
----------------------------------------------------------------------------------------------------*/
body {
}
p {
}
h1 {
    color: #52a096;
}
h1 a, h1 a:hover {
    color: #52a096;
}
#main-content-block h2 {
    margin: 0px 0 16px 0;
}
#main-content-block h2 a, #main-content-block h2 a:hover {
    text-decoration:none;
}
p.introtext {
    margin: 0px 0 16px 0 !important;

    padding: 0 0 10px 0;
    font-size: 21px !important;
    color: #777;
    font-style: normal;
    line-height: 1.25em !important;
    font-family: "franklin-gothic-urw-1","franklin-gothic-urw-2", "Arial ", Helvetica, sans-serif;
    font-weight: 400;
}
h3 {
    color: #52a096;
}
h3.show, h3.show:hover {
    color: #52a096;
}
h3.show span.active-span:after {
    color: #52a096;
}
#main-content-block p ~ h3, .main-content-area-subpage-inner-wrapper p ~ h3, #main-content-block p ~ h2, .main-content-area-subpage-inner-wrapper p ~ h2 {
    margin-top: 35px;
}
#main-content-block > h3:first-child, .main-content-area-subpage-inner-wrapper > h3:first-child {
    margin-top: 0 !important;
}
h4 {
    color: #666;
    margin: 0;
    font-weight: 600;
}
h4 a, #main-content-block h4 a {
    color: #666 !important;
    text-decoration: none !important;
}
h4 a:hover, #main-content-block h4 a:hover {
    color: #52a096 !important;
}
h5 {

}
h6 {

}
a {
    color: #898989;
    text-decoration: none;
}
a:hover, #top-utility-links a:hover {
    color: #52a096;
}
#site-title {
    color: #52a096;
    color: #b2b2b2;
}
#site-title a, #site-title a:link, #site-title a:visited, #site-title a:active, #site-title a:hover {
    color: #52a096;
}
.nspe-home #site-title {
    color: #52a096;
}
.nspe-home #site-title a, .nspe-home #site-title a:link, .nspe-home #site-title a:visited, .nspe-home #site-title a:active, .nspe-home #site-title a:hover {
    color: #52a096;
}
#main-content-block a, .main-content-area-subpage-inner-wrapper a, #content-global-wrapper a {
    color: #52a096;
}
#main-content-block a:hover, .main-content-area-subpage-inner-wrapper a:hover, #content-global-wrapper a:hover {
    color: #666 !important;
}
#sub-nav-menu a:hover {
    color: #52A096 !important;
}
#main-content-block ul {

}
#main-content-block ul li ul {
    padding: 0px 1em;
    margin: 1em 0;
}
#main-content-block ul li ol {
    padding: 0px 1.5em;
    margin: 1em 0;
}
#main-content-block ul li {
    font-size: 1em;
    list-style-type: none;
}
#main-content-block ul li ul li  {
    font-size: 12px;
    text-indent: -8px;
    margin-bottom: 8px;
}
#main-content-block ul li ol li  {
    font-size: 12px;
    list-style-type: decimal;
    margin-bottom: 8px;
}
#main-content-block ul li ol li ul li  {
    list-style-type: none;
}
#main-content-block ul li ul li:before {
    content: "- ";
}
.whitebox ul {
    padding: 0;
    margin: 0;
}
.whitebox ul li {
    list-style-type: none;
    display: inline;
}
.whitebox ul li:before {
    content: " "; /* batec - changed from content: "/ "; */
}
.whitebox ul li:first-child:before {
    content: "";
}
.whitebox p, .whitebox ul li {
    font-size: 12px !important;
}
.whitebox h2, .content h2 {
    border-bottom: 0px solid #fff!important;
}
.whitebox p {
    line-height: 1.5em;
}
.whitebox .view-all, .content .view-all {
    margin: 0px 0 30px 0!important;
    border-bottom: 1px solid #e5e4e1;
    padding-bottom: 30px;
}
.greenbox {
    display: block;
    background: #52a096;
    margin-bottom: 1em;
    position: relative;
}
.greenbox a {
    display: block;
    padding: 20px;
}
.greenbox .box-title {
    color: #fff;
}
.greenbox:hover {
    background: #fff;
}
.greenbox:hover .box-title {
    color: #52a096;
}
.greenbox-icons {
    color: #fff;
    font-size: 1.75em;
    margin-right: .58em;
    float: left;
}
.greenbox:hover .greenbox-icons {
    color: #52a096;
}
.youtube-icon {
    width: 68px;
    height: 26px;
    display: inline-block;
    background: url(/framework/imgs/youtube-white.png) center no-repeat;
}
.greenbox:hover .youtube-icon {
    background: url(/framework/imgs/youtube-nspe-green.png) center no-repeat;
}
.view-all a {
    color: #52a096 !important;
}
.whitebox.no-title h4 {
    border-top: 1px solid #eaeaea;
    padding-top: 10px;
}

#sidebar a {
    text-decoration: none;
    color: #52A096;
}
#sidebar a:hover {
    color: #666;
}
/* section backgrounds ****REMINDER: If a new one is added, add the class to the first media querie below. **** */

body.about-page {
    background: #fff url(/public-engagement/imgs/backgrounds/about.jpg) repeat fixed center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
body.profile-page {
    background: #fff url(/public-engagement/imgs/backgrounds/profiles.jpg) repeat fixed center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
body.admission-page {
    background: #fff url(/nspe-2012/imgs/backgrounds/admissions.jpg) repeat fixed center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
body.faculty-page {
    background: #fff url(/public-engagement/imgs/backgrounds/faculty.jpg) repeat fixed center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
body.continuing-ed-page {
    background: #fff url(/public-engagement/imgs/backgrounds/continuing_ed.jpg) repeat fixed center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
body.certificates-page {
    background: #fff url(/nspe-2012/imgs/backgrounds/certificates.jpg) repeat fixed center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
body.civic-engagement-page {
    background: #fff url(/public-engagement/imgs/backgrounds/civic-engagement.jpg) repeat fixed center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
body.news-and-events-page h1.page-title {
    display: none;
}

/* Start School / Program page unique color styles */
/*.milano-page table.tablecloth tr:last-child, .milano-page table.tablecloth tr:last-child:hover, .writing-page table.tablecloth tr:last-child, .writing-page table.tablecloth tr:last-child:hover, .media-page table.tablecloth tr:last-child, .media-page table.tablecloth tr:last-child:hover, .languages-page table.tablecloth tr:last-child, .languages-page table.tablecloth tr:last-child:hover, .undergrad-page table.tablecloth tr:last-child, .undergrad-page table.tablecloth tr:last-child:hover {
	color: #666;
}*/

h3.showhide-toggle {
    color: #52a096;
}

body.milano-page #site-title a, body.languages-page #site-title a, body.media-page #site-title a, body.undergrad-page #site-title a, body.writing-page #site-title a {
    color: #b2b2b2 !important;
}
body.milano-page {
    background: #fff url(/nspe-2012/imgs/backgrounds/milano.jpg) repeat fixed center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.milano-page h1, .milano-page h1.page-title, .milano-page h1 a, .milano-page h1 a:hover,
.milano-page #sub-nav-menu a:hover,
.milano-page .box-title,
.milano-page .view-all a,
.milano-page #main-content-block a,
.milano-page .main-content-area-subpage-inner-wrapper a, .milano-page #content-global-wrapper a,
.milano-page #sidebar a:hover,
.milano-page h3,.milano-page h3.show, .milano-page #sidebar .profile-grid-box a:hover span.profile-subtype, .milano-page #sidebar .profile-grid-box a:hover h4, .milano-page #main-content-wrapper h1, .milano-page #sidebar a, .milano-page h3.show span.active-span:after {
    color: #db9a32;
}
.milano-page .view-all a {
    color: #db9a32 !important;
}
.milano-page #sub-nav-menu a:hover, milano-page a.titlefield:hover {
    color: #db9a32 !important;
}
.milano-page #sidebar-buttons ul li a, .milano-page #main-content-block .programs-area ul li a, .milano-page.school-page #section-title-box, .milano-page #feedback-button, .milano-page #to-top-button, .milano-page a.sidebar-cta {
    background-color: #db9a32;
}

body.languages-page {
    background: #fff url(/nspe-2012/imgs/backgrounds/languages.jpg) repeat fixed center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.languages-page h1, .languages-page h1.page-title, .languages-page h1 a, .languages-page h1 a:hover,
.languages-page #sub-nav-menu a:hover,
.languages-page .box-title,
.languages-page .view-all a,
.languages-page #main-content-block a,
.languages-page .main-content-area-subpage-inner-wrapper a, .languages-page #content-global-wrapper a,
.languages-page h3,.languages-page h3.show, .languages-page #main-content-wrapper h1, .languages-page a.titlefield:hover, .languages-page #sidebar a, .languages-page h3.show span.active-span:after {
    color: #e0753c;
}
.languages-page .view-all a {
    color: #e0753c !important;
}
.languages-page #sub-nav-menu a:hover {
    color: #e0753c !important;
}
.languages-page #sidebar-buttons ul li a, .languages-page #main-content-block .programs-area ul li a, .languages-page.school-page #section-title-box, .languages-page #feedback-button, .languages-page #to-top-button, .languages-page a.sidebar-cta {
    background-color: #e0753c;
}
body.media-page {
    background: #fff url(/public-engagement/imgs/backgrounds/media.jpg) repeat fixed center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.media-page h1, .media-page h1.page-title, .media-page h1 a, .media-page h1 a:hover,
.media-page .box-title,
.media-page .view-all a,
.media-page #main-content-block a,
.media-page .main-content-area-subpage-inner-wrapper a, .media-page #content-global-wrapper a,
.media-page h3,.media-page h3.show, .media-page #main-content-wrapper h1, .media-page #sidebar a, .media-page h3.show span.active-span:after {
    color: #d55144;
}
.media-page .view-all a {
    color: #d55144 !important;
}
.media-page #sub-nav-menu a:hover, .media-page a.titlefield:hover {
    color: #d55144 !important;
}
.media-page #sidebar-buttons ul li a, .media-page #main-content-block .programs-area ul li a, .media-page.school-page #section-title-box, .media-page #feedback-button, .media-page #to-top-button, .media-page a.sidebar-cta {
    background-color: #d55144;
}
body.undergrad-page {
    background: #fff url(/public-engagement/imgs/backgrounds/undergrad.jpg) repeat fixed center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.undergrad-page h1, .undergrad-page h1.page-title, .undergrad-page h1 a, .undergrad-page h1 a:hover,
.undergrad-page .box-title,
.undergrad-page .view-all a,
.undergrad-page #main-content-block a,
.undergrad-page .main-content-area-subpage-inner-wrapper a, .undergrad-page #content-global-wrapper a,
.undergrad-page h3,.undergrad-page h3.show, .undergrad-page #main-content-wrapper h1, .undergrad-page a.titlefield:hover, .undergrad-page #sidebar a, .undergrad-page h3.show span.active-span:after  {
    color: #9D3E48;
}
.undergrad-page .view-all a {
    color: #9D3E48 !important;
}
.undergrad-page #sub-nav-menu a:hover {
    color: #9D3E48 !important;
}
.undergrad-page #sidebar-buttons ul li a, .undergrad-page #main-content-block .programs-area ul li a, .undergrad-page.school-page #section-title-box, .undergrad-page #feedback-button, .undergrad-page #to-top-button, .undergrad-page a.sidebar-cta {
    background-color: #9D3E48;
}

body.writing-page {
    background: #fff url(/public-engagement/imgs/backgrounds/writing.jpg) repeat fixed center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.writing-page h1, .writing-page h1.page-title, .writing-page h1 a, .writing-page h1 a:hover,
.writing-page .box-title,
.writing-page .view-all a,
.writing-page #main-content-block a,
.writing-page .main-content-area-subpage-inner-wrapper a, .writing-page #content-global-wrapper a,
.writing-page h3,.writing-page h3.show, .writing-page #main-content-wrapper h1, .writing-page a.titlefield:hover, .writing-page #sidebar a, .writing-page h3.show span.active-span:after  {
    color: #6F4449;
}
.writing-page .view-all a {
    color: #6F4449 !important;
}
.writing-page #sub-nav-menu a:hover {
    color: #6F4449 !important;
}
.writing-page #sidebar-buttons ul li a, .writing-page #main-content-block .programs-area ul li a, .writing-page.school-page #section-title-box, .writing-page #feedback-button, .writing-page #to-top-button, .writing-page a.sidebar-cta {
    background-color: #6F4449;
}

.milano-page #sidebar-buttons ul li a:hover,
.lanuages-page #sidebar-buttons ul li a:hover,
.media-page #sidebar-buttons ul li a:hover,
.undergrad-page #sidebar-buttons ul li a:hover,
.writing-page #sidebar-buttons ul li a:hover,
.milano-page a.sidebar-cta:hover,
.media-page a.sidebar-cta:hover,
.languages-page a.sidebar-cta:hover,
.writing-page a.sidebar-cta:hover,
.undergrad-page a.sidebar-cta:hover {
    background-color: #969696;
}
.school-page h1, .school-page h1 a, .school-page h1 a:hover, .school-page #crumbs a, .school-page #crumbs li {
    color: #fff;
}
.school-page #crumbs a:hover {
    color: #666;
}

.school-page #main-content-block a:hover,
.school-page .main-content-area-subpage-inner-wrapper a:hover {
    color: #666 !important;
}
.milano-page #sidebar a:hover, .media-page #sidebar a:hover, .languages-page #sidebar a:hover, .writing-page #sidebar a:hover, .undergrad-page #sidebar a:hover {
    color: #666 !important;
}
.milano-page #sidebar-buttons ul li a, .milano-page #sidebar-buttons ul li a:hover, .media-page #sidebar-buttons ul li a, .media-page #sidebar-buttons ul li a:hover, .languages-page #sidebar-buttons ul li a, .languages-page #sidebar-buttons ul li a:hover, .writing-page #sidebar-buttons ul li a, .writing-page #sidebar-buttons ul li a:hover, .undergrad-page #sidebar-buttons ul li a, .undergrad-page #sidebar-buttons ul li a:hover, .milano-page #sidebar a.sidebar-cta:hover, .media-page #sidebar a.sidebar-cta:hover, .languages-page #sidebar a.sidebar-cta:hover, .writing-page #sidebar a.sidebar-cta:hover, .undergrad-page #sidebar a.sidebar-cta:hover, .milano-page #main-content-block a.sidebar-cta:hover, .media-page #main-content-block a.sidebar-cta:hover, .languages-page #main-content-block a.sidebar-cta:hover, .writing-page #main-content-block a.sidebar-cta:hover, .undergrad-page #main-content-block a.sidebar-cta:hover {
    color: #fff !important;
}
/* End School / Program page unique color styles */

/* Start Custom Sidebar Background Colors */
/* --- NSPE --- */
.nspeBox {
    background:#52a096;
}
/* --- Milano --- */
.milanoBox {
    background:#db9a32;
}
/* --- Languages --- */
.solBox {
    background:#e0753c;
}
/* --- Media Studies --- */
.somBox {
    background:#d55144;
}
/* --- Undergraduate --- */
.sousBox {
    background:#9D3E48;
}
/* --- Writing --- */
.sowBox {
    background:#d55144;
}
/* End Custom Sidebar Background Colors */


/* Begin sidebar updates 2-2014 */
.milano-page #sidebar #sidebar-buttons ul > li:first-child a,
.milano-page #sidebar-top #sidebar-buttons ul > li:first-child a{
    background-color: #db9a32;
}
.languages-page #sidebar #sidebar-buttons ul > li:first-child a,
.languages-page #sidebar-top #sidebar-buttons ul > li:first-child a{
    background-color: #e0753c;
}
.media-page #sidebar #sidebar-buttons ul > li:first-child a,
.media-page #sidebar-top #sidebar-buttons ul > li:first-child a{
    background-color: #d55144;
}
.undergrad-page #sidebar #sidebar-buttons ul > li:first-child a,
.undergrad-page #sidebar-top #sidebar-buttons ul > li:first-child a{
    background-color: #9D3E48;
}
.writing-page #sidebar #sidebar-buttons ul > li:first-child a,
.writing-page #sidebar-top #sidebar-buttons ul > li:first-child a{
    background-color: #6F4449;
}
#sidebar #sidebar-buttons ul > li:first-child a,
#sidebar-top #sidebar-buttons ul > li:first-child a{
    background-color: #868686;
}

/* general sidebar */
#sidebar #sidebar-buttons ul > li a,
#sidebar-top #sidebar-buttons ul > li a {
    background-color: #fff;
    color: #777!important;
    text-transform: none;
    font-weight: normal;
    font-size: 13px;
}
#sidebar #sidebar-buttons ul > li:first-child,
#sidebar-top #sidebar-buttons ul > li:first-child{
    margin-bottom: 15px;
}
#sidebar #sidebar-buttons ul > li:first-child a,
#sidebar-top #sidebar-buttons ul > li:first-child a{
    color: #fff!important;
    text-transform: uppercase;
    font-weight: bold;
}
#sidebar #sidebar-buttons ul > li a:hover,
#sidebar-top #sidebar-buttons ul > li a:hover{
    background-color: #868686!important;
    color: #fff!important;
}

#sidebar-top #sidebar-buttons ul li:last-child {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .feedWidget {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #sidebar-top #sidebar-buttons ul {
        margin-bottom: 0;
    }
    #sidebar-top #sidebar-buttons ul > li:first-child {
        margin-bottom: 5px;
    }
    #sidebar-top #sidebar-buttons ul li {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 5px;
        float: left;
    }
    #sidebar-top #sidebar-buttons ul li:nth-child(even) {
        margin-right: 0;
    }
}

/* cta */
a.sidebar-cta.non-admission {
    background: #b7b7b7 !important;
}
a.sidebar-cta:after {
    content: none;
}

/* End sidebar 2-2014 updates */




/* Profile list styles */
.profile-page #content-area-inner-wrapper {
    padding-top: 0;
}
.profile-grid-box {
    width: 19.8%;
    border-right: 1px #e6e4e5 solid;
    float: left;
    overflow: hidden;
}
h2.profile-type-h2 {
    font-weight: 300;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}
.faculty-page h2.profile-type-h2 {
    display: none;
}
.faculty-page #main-content-wrapper img {
    width: 100%;
    height: auto;
}
.profile-grid-box.last {
    border-right: 0px;
}
.profile-grid-box.first {
    clear: both;
}
.profile-list-rule {
    clear: both;
    border: 1px #e6e4e5 solid;
    margin: 0 14px 0px 14px;
}
.profile-grid-box .profile-subtype {
    font-size: 12px !important;
    color: #888;
}
.profile-grid-box.featured-profile {
    width: 33%;
}
.profile-grid-box.featured-profile h4 {
    font-size: 1.25em;
}
.profile-grid-box a {
    display: block;
    padding: 14px;
}
.profile-grid-box a:hover, .profile-grid-box a:hover h4, .profile-grid-box a:hover .profile-subtype {
    color: #52a096;
    background: #ece9e6;
}
.profile-grid-box p {
    margin-top: 8px;
    line-height: 1.5em;
}
#sidebar .profile-grid-box {
    width: auto;
    float: none;
    border: none;
    border-bottom: 1px #e6e4e5 solid;
    margin-bottom: 28px;
}
#sidebar .profile-grid-box.last {
    border-bottom: none;
    margin-bottom: 0px;
}
#sidebar .profile-grid-box img {
    width: auto;
    margin-bottom: 4px;
}
#sidebar .profile-grid-box a {
    padding: 0 0px 20px 0px;
}
#sidebar .profile-grid-box a:hover, #sidebar .profile-grid-box a:hover h4, #sidebar .profile-grid-box a:hover .profile-subtype {
    background: transparent;
}
.profile-filter-headers {
    font-size: 14px;
    font-weight: 500;
    color: #898989;
}
.profile-filter-headers a.filter-show {
    display: inline-block;
    padding: 3px 11px 5px 18px;
    color: #555;
    text-transform: uppercase;
    font-weight: bold;
    background: #e6e5e5;
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 12px;
}
.profile-filter-headers a.filter-show:hover, .profile-filter-headers a.filter-show.open-profile-filters {
    background: #F7F4F4;
}
.profile-filter-headers .icon-caret-down, .profile-filter-headers .icon-caret-up {
    font-size: 1.5em;
    top: 2px;
    position: relative;
    margin: 0px 0px 0px 14px;
}
.profile-filter-rule {
    clear: both;
    border: 1px #666 solid;
}
.filter-wrapper .crumbs {
    font-weight: normal;
    padding-bottom: 16px;
    margin-top: 16px;
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 16px;
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 12px;
    color: #7c7b7b;
}
.filter-wrapper {
    padding: 18px 20px 0px;
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 12px;
}
.profile-filter-list-wrapper {
    background: #F7F4F4;
    margin: 0 0 16px 0;
    padding: 12px 24px;
    display: none;
}
.profile-filter-list-wrapper input {
    -webkit-appearance: checkbox;
    margin: 0 6px 0 0;
    cursor: pointer;
}
.profile-filter-list-wrapper input[type="submit"] {
    -webkit-appearance: none;
    background: #e6e5e5;
    border: none;
    font-family: "Arial", Helvetica, sans-serif !important;
    font-size: 12px;
    color: #555;
    height: auto;
    width: auto;
    padding: 5px 11px;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-weight: bold
}
.profile-filter-list-wrapper input[type="submit"]:hover {
    background: #c1c1c1;
    color: #fff;
}
.profile-filter-list-wrapper label {
    font-size: 14px;
    color: #888;
}
.profile-filter-list-wrapper label:hover {
    cursor: pointer;
    color: #666;
}
.profile-filter-list-col {
    /*width: 33%;
    float: left;*/
}
.profile-filter-list-col ul {
    margin: 8px 0 14px 0;
    padding: 0 0 0 14px;
}
.profile-filter-list-col ul li {
    list-style: none;
    margin: 0 0 8px 0;
    display: inline-block;
    margin-right: 16px;
}
#main-content-area-list {
    background: #fff;
}
slideshowhtml iframe {
    width: 100%;
    height: 395px;
}

/* new profile grid style */
.profile-grid li {
    padding: 14px;
    border-left: 1px solid #e6e4e5;
    border-bottom: 1px solid #e6e4e5;
    text-indent: 0;
    line-height: 1.25em;
    margin-bottom: 0; }
.profile-grid li img { }
.profile-grid li .profile-subtype {
    display: block;
    font-size: 0.8rem !important;
    color: #999999; }

.profile-grid li:hover .profile-subtype,
.profile-grid li:hover h4,
.profile-grid li:hover p {
    color: #52a096; }
.writing-page .profile-grid li:hover .profile-subtype,
.writing-page .profile-grid li:hover h4,
.writing-page .profile-grid li:hover p {
    color: #6F4449; }
.milano-page .profile-grid li:hover .profile-subtype,
.milano-page .profile-grid li:hover h4,
.milano-page .profile-grid li:hover p {
    color: #db9a32; }
.undergrad-page .profile-grid li:hover .profile-subtype,
.undergrad-page .profile-grid li:hover h4,
.undergrad-page .profile-grid li:hover p {
    color: #9D3E48; }
.languages-page .profile-grid li:hover .profile-subtype,
.languages-page .profile-grid li:hover h4,
.languages-page .profile-grid li:hover p {
    color: #e0753c; }
.media-page .profile-grid li:hover .profile-subtype,
.media-page .profile-grid li:hover h4,
.media-page .profile-grid li:hover p {
    color: #d55144; }

.profile-grid li h4 {
    line-height: 1em; }
.profile-grid li p {
    line-height: 1.4em;
    margin-top: 10px;
    color: #999999; }
.profile-grid li:hover {
    background-color: #ece9e6; }
.profile-grid li:before {
    content: ""; }
.profile-grid.featured-profiles h4 {
    font-size: 1.26667rem;
    line-height: 1.33em; }
.profile-grid.medium-block-grid-3 li:nth-of-type(3n+1) {
    border-left: none; }
.profile-grid.medium-block-grid-3 li:nth-child(3n+1):nth-last-child(-n+3),
.profile-grid.medium-block-grid-3 li:nth-child(3n+1):nth-last-child(-n+3) ~ li {
    border-bottom: none; }
.profile-grid.medium-block-grid-5 li:nth-of-type(5n+1) {
    border-left: none; }
.profile-grid.medium-block-grid-5 li:nth-child(5n+1):nth-last-child(-n+5),
.profile-grid.medium-block-grid-5 li:nth-child(5n+1):nth-last-child(-n+5) ~ li {
    border-bottom: none; }
.profile-grid.featured-profiles {
    border-bottom: 1px solid #e6e4e5; }

[class*="block-grid-"] {
    box-sizing: border-box;
    display: block;
    padding: 0; }

[class*="block-grid-"]:before,
[class*="block-grid-"]:after {
    content: " ";
    display: table; }

[class*="block-grid-"]:after {
    clear: both; }

[class*="block-grid-"] > li {
    box-sizing: border-box;
    display: block;
    height: auto;
    float: left;
    padding: 10px;
    list-style: none; }

.medium-block-grid-3 > li {
    width: 33.33333%; }

.medium-block-grid-5 > li {
    width: 20%; }

@media (max-width: 767px) {
    [class*="block-grid-"] li {
        float: none;
        width: 100%; } }


/* End Profile list styles */

/* Start Degree Programs Isotope styles */

#isotope-items .isofile.milano a.iso-block {
    background: #db9a32;
}
#isotope-items .isofile.writing a.iso-block {
    background: #6f4449;
}
#isotope-items .isofile.media-school a.iso-block {
    background: #d55144;
}
#isotope-items .isofile.languages a.iso-block {
    background: #e0753c;
}
#isotope-items .isofile.undergrad a.iso-block {
    background: #9d3e48;
}
#isotope-items .isofile.continuing-ed a.iso-block {
    background: #52A096;
}
.faculty-page #view-all-crumb {
    display: inline;
}
#filter-menu h2 a {
    color: #52a096 !important;
}
#filter-menu h2 a:hover {
    color: #ACA9A8 !important;
}
#expanded-content h3 {
    display: none;
}
#expanded-content .minor-desc,
#expanded-content .lang-desc,
#expanded-content .parsons-desc,
#expanded-content .nssr-desc,
#expanded-content .mannes-desc,
#expanded-content .drama-desc,
#expanded-content .jazz-desc {
    display: none;
}
/* End Degree Programs Isotope styles */



/* Plugins
----------------------------------------------------------------------------------------------------*/


/* Media Queries
----------------------------------------------------------------------------------------------------*/
/* ex: tablets in portrait
----------------------------------------------------------------------------------------------------*/
@media (max-width: 1024px) {
    body.about-page, body.profile-page, body.admission-page, body.faculty-page, body.continuing-ed-page, body.certificates-page {
        background: #fff url(/edu-assets/imgs/bg-tile.jpg) repeat !important;
        -webkit-background-size: auto;
        -moz-background-size: auto;
        -o-background-size: auto;
        background-size: auto;
    }
    body.milano-page {
        background: #fff url(/nspe-2012/imgs/backgrounds/milano-tile.jpg) repeat !important;
        -webkit-background-size: auto;
        -moz-background-size: auto;
        -o-background-size: auto;
        background-size: auto;
    }
    body.languages-page {
        background: #fff url(/nspe-2012/imgs/backgrounds/languages-tile.jpg) repeat !important;
        -webkit-background-size: auto;
        -moz-background-size: auto;
        -o-background-size: auto;
        background-size: auto;
    }
    body.media-page {
        background: #fff url(/nspe-2012/imgs/backgrounds/media-tile.jpg) repeat !important;
        -webkit-background-size: auto;
        -moz-background-size: auto;
        -o-background-size: auto;
        background-size: auto;
    }
    body.undergrad-page {
        background: #fff url(/nspe-2012/imgs/backgrounds/undergrad-tile.jpg) repeat !important;
        -webkit-background-size: auto;
        -moz-background-size: auto;
        -o-background-size: auto;
        background-size: auto;
    }

    body.writing-page {
        background: #fff url(/nspe-2012/imgs/backgrounds/writing-tile.jpg) repeat !important;
        -webkit-background-size: auto;
        -moz-background-size: auto;
        -o-background-size: auto;
        background-size: auto;
    }

    #homepage-module {
        margin-bottom: 1em;
    }


}
/* ex: tablets in portrait
----------------------------------------------------------------------------------------------------*/

@media (max-width: 1023px) {
    body {
        background: #fff url(/edu-assets/imgs/bg-tile.jpg) repeat !important;
        -webkit-background-size: auto;
        -moz-background-size: auto;
        -o-background-size: auto;
        background-size: auto;
    }
    #story img {
        display: block;
    }
    .school-button a.writing {
        width: 88.3%;
    }
    @-moz-document url-prefix() {
        .school-button a.writing {
            width: 85.5%;
        }

    }
    .school-button a, .school-button a:link, .school-button a:visited, .school-button a:active {
        height: 8em;
        overflow: hidden;
    }
    #nspe-nav {
        height: 7.1em;
    }
    ul#main-nav li {
        width: 20% !important;
    }
    #nspe-nav ul li {
        height: 57px;
    }
    #nspe-nav ul li a, #nspe-nav ul li a:link, #nspe-nav ul li a:visited, #nspe-nav ul li a:active {
        height: 44px;
        border: 0;
    }
    ul#main-nav li ul {
        display: none !important;
    }
    #nspe-nav ul.last-menu {
        margin-left: 0;
    }
    #main-nav {
        display: block;
    }
    /*#sidebar .whitebox {
        width: 25%;
        float: left;
        margin: 0em 1.3% 1em 1.3%;
    }
    .school-page #sidebar .whitebox {
        width: 41%;
    }*/
    #sidebar.no-left-nav .whitebox {
        width: auto;
        float: none;
        margin: 0 0 1em 0;
    }
    #sidebar .whitebox.no-title {
        width: auto;
        float: none;
        margin: 1em 0;
    }
    .school-wrapper {
        padding-left: 0 !important;
        width: auto !important;
        float: none !important;
        clear: both;
    }
    #school-slider {
        height: 300px;
        width: 68%;
        float: left;
    }
    .school-slides img {
        width: 468px;
        height: 263px;
    }
    #slider-menu a, #nav-dots a {
        height: 20px;
        width: 20px;
        margin-right: 15px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px; /* future proofing */
        -khtml-border-radius: 20px;
        border: 4px solid;
    }
    #sidebar .profile-grid-box {
        width: 33%;
        float: left;
        border: none;
        border-bottom: 0px;
        margin-bottom: 0px;
        border-right: 1px #e6e4e5 solid;
    }
    #sidebar .profile-grid-box.last {
        border-right: none;
    }
    #sidebar .profile-grid-box a {
        padding: 0 7px;
    }
    .three-column-page#sidebar  .profile-grid-box {
        width: auto;
        float: none;
        border: none;
        padding: 0;
    }
    .three-column-page#sidebar  .profile-grid-box a {
        padding: 0;
    }
    #homepage-module {
        left: 0;
        margin-left: 0;
        margin-right: 0;
        width: auto;
        margin-top: 2em;
    }
    #module-ctas a#story-link {
        width: 68%;
    }
    #home-as-needed {
        left: 0;
        margin-left: 0;
        margin-right: 0;
        width: auto;
        margin-bottom: 2em;
    }
    #content-global-wrapper.faculty-top-level {
        width: auto;
        float: none;
    }

    /* Start Top Nav NSPE-specific responsive styles */

    #top-utility-links {
        margin: 0 0 0 1%;
    }
    .info-for-menu-title:before {
        content: "Info For";
    }
    #info-for-button a:first-child {
        padding: 8px 13px 8px 13px;
    }
    @-moz-document url-prefix() {
        #info-for-button a:first-child {
            padding: 8px 12px;
        }
    }

    /* End Top Nav NSPE-specific responsive styles */
}

/* ex: handhelds in landscape
----------------------------------------------------------------------------------------------------*/
@media (max-width: 767px) {

    .school-button {
        float: none;
        width: 100%;
        border-left: 0px;
        margin-right: 0px;
    }
    .school-button a.writing {
        width: auto;
    }
    .school-button a, .school-button a:link, .school-button a:visited, .school-button a:active {
        height: auto;
        border: 0;
    }
    #main-nav li ul {
        display: none;
    }
    ul#main-nav li {
        width: 100% !important;
        height: auto;
    }
    #nspe-nav ul li a, #nspe-nav ul li a:link, #nspe-nav ul li a:visited, #nspe-nav ul li a:active {
        float: none;
        height: auto;
    }
    #nspe-nav ul {
        float: none;
        width: 100%;
    }
    #nspe-nav {
        height: auto;
    }
    #nav-show-button {
        display: block;
    }
    #main-nav {
        display: none;
    }

    #sidebar .whitebox {
        width: auto;
        float: none;
        margin: 1em 0 0 0;
    }
    .school-page #sidebar .whitebox {
        width: auto;
    }
    .whitebox img {
        width: auto;
        float: none;
        margin: 0;
    }
    #main-content-block .programs-area ul {
        padding: 0;
    }
    #main-content-block .programs-area ul li {
        margin: 0 0 15px 0;
        float: none;
        width: auto;
    }
    #main-content-block .programs-area ul li a {
        height: auto;
    }
    #main-content-block .programs-area ul li img {
        display: block !important;
        width: 25%;
        float: left;
        margin-right: 10px;
        margin-bottom: 0;
        position: static;
    }
    #school-slider {
        height: auto;
        width: auto;
        float: none;
    }
    #school-slider ul {
        margin: 0;
    }
    .school-slides img {
        width: 410px;
        height: auto;
    }

    #slider-menu {
        bottom: 20px;
        right: 15px;
    }
    .profile-grid-box {
        width: 49%;
        border-right: 0px;
    }
    .profile-grid-box.first {
        float: left;
        clear: none;
    }
    .profile-grid-box.featured-profile {
        width: auto;
        float: none;
        clear: both;
    }
    .profile-list-rule {
        clear: none;
        border: 0px #e6e4e5 solid;
        margin: 0;
        display: none;
    }
    .profile-filter-list-col {
        float: none;
        width: auto;
    }
    slideshowhtml iframe {
        width: 100%;
        height: 233px;
    }
    .main-content-area-subpage-inner-wrapper {
        padding: 14px;
    }
    #module-ctas a#story-link {
        width: 48%;
    }
    #nav-dots {
        float: none;
    }
    #story {
        padding: 14px;
    }
    .faculty-top-level .fac-list-col {
        width: 47%;
    }
    /* Start Top Nav NSPE-specific responsive styles */
    #top-utility-links {
        margin: 0;
    }
    #tns-home-link:before {
        content: "TNS";
    }
    #ns-search-show {
        padding: 5px 14px 4px 14px;
    }
    @-moz-document url-prefix() {
        #ns-search-show {
            padding: 5px 0.7em 2px;
        }
    }
    #info-for-button a:first-child {
        padding: 8px 22px;
    }

    /* End Top Nav NSPE-specific responsive styles */
    .whitebox#slider-module {
        background: #545454;
    }
    .whitebox #nav-dot-wrapper {
        position: relative;
        top: auto;
        left: auto;
        margin-bottom: 10px;
    }
    .whitebox #slider-text {
        position: relative;
        bottom: auto;
        background: none;
        width: auto;
        padding: 10px 0 0 0;
    }
    .whitebox #slider-text p {
        padding: 0;
        color: #fff;
    }
    #site-title {
        padding-right: 30px;
    }
    #slider-module.iframe-slider iframe {
        height: 247px;
    }
    .iframe-slider #story h1 {
        padding: 0 20px 0 20px;
    }
    #slider-module.iframe-slider #nav-dot-wrapper {
        position: relative;
        top: auto;
        left: auto;
        margin-bottom: 10px;
        border-bottom: 1px solid white;
        padding-bottom: 5px;
    }
    #slider-module.iframe-slider #nav-dots {
        text-align: center;
    }
}
@media (max-device-width: 480px) {
    #ns-search-show {
        padding: .17em .7em .2em .7em;
    }

}
/* ex: handhelds in portrait
----------------------------------------------------------------------------------------------------*/
@media (max-width: 479px) {

    #main-content-block .whitebox.left, #main-content-block .whitebox.right	{
        float: none;
        width: auto;
    }
    #slider-menu {
        bottom: 10px;
        right: 5px;
    }
    .school-slides img {
        width: 264px;
        height: auto;
    }
    .fac-list-col {
        float: none;
        width: auto;
        margin-right: 0;
    }
    #sidebar .profile-grid-box {
        width: auto;
        float: none;
        border-bottom: 1px #e6e4e5 solid;
        border-right: none;
        margin-bottom: 14px;
        padding-bottom: 14px;
    }
    #sidebar .profile-grid-box.last {
        border-bottom: none;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    #sidebar .profile-grid-box a {
        padding: 0;
    }
    #module-ctas a#story-link, #module-ctas a#more-stories-link {
        float: none;
        width: auto;
        border: none;
    }
    #story p {
        padding: 0;
    }
    .faculty-top-level-list #main-content-wrapper {
        padding: 20px 20px 20px 20px;
    }
    slideshowhtml iframe {
        width: 100%;
        height: 150px;
    }
    /* Start Top Nav NSPE-specific responsive styles */

    #tns-home-link:before {
        content: "The New School";
    }
    #info-for-button a:first-child {
        padding: 0 20px 0 20px;
    }
    .info-for-menu-title:before {
        content: "Information For";
    }
    #top-utility-links a, #top-utility-links a#tns-home-link {
        padding: 1em .7em;
        border-bottom: 1px solid #E2E2E0;
    }
    #info-for-button a:first-child {
        padding: 8px 52px 8px 53px;
    }
    .news-events-left, .news-events-right {
        float: none;
        width: auto;
        margin-right: 0;
    }
    #site-title {
        padding-right: 0px;
    }
    /* End Top Nav NSPE-specific responsive styles */
    #slider-module.iframe-slider iframe {
        height: 165px;
    }
}
@media (max-device-width: 480px) and (orientation : portrait) {
    #info-for-button a:first-child {
        padding: 8px 52px 8px 51px;
    }

}
.PBItem
{
    margin: 0!important;
}

/* start homepage feature styles */
.nspe-home #background-image, .nspe-home #background-image-transition {
    background: #eee repeat fixed center 30px;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: fixed;
    top: 0;
    z-index: -10;
    height: 100%;
    width: 100%;
}
.nspe-home #background-image-transition {
    z-index: -11;
}

#homepage-top {
    float: right;
    margin-top: 25px;
}
#homepage-top ul li {
    display: block;
    margin-bottom: 3px;
    text-indent: -5px;
    padding-left: 10px;
}

#homepage-top ul li:before {
    content: "\f0da";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    font-size: 14px;
    position: relative;
    left: 0px;
    text-decoration: none;
    color: #999;
}
#homepage-top ul li a {
    margin-left: 5px;
}

#homepage-module {
    width: 41.75%;
    margin: 215px 0 0;
}
#homepage-module-wrapper {
    clear: both;
    background: rgba(0,0,0,.7);
    display: block;
    padding: 20px;
}
#homepage-module #header {
    border-bottom: 1px solid;
    margin-bottom: 20px;
    position: relative;
}
#homepage-module #header h3 {
    font-size: 15px;
    font-weight: normal;
}
#homepage-module #header #nav {
    position: absolute;
    right: -5px;
}
#homepage-module #header #nav a {
    color: #fff;
    font-size: 16px;
    padding: 0 5px;
}
#homepage-module #header #nav span {
    font-size: 12px;
}
#homepage-module .slides {
    padding: 0;
}
#homepage-module .slides > li {
    display: none;
}
#homepage-module .slides > li:first-child {
    display: block;
}
#story {
    background: none;
    padding: 0;
}
#story h1 {
    line-height: 1.2em;
    margin-bottom: 15px;
}

#story h1:after {
    content: "\f0da";
    font-family: FontAwesome;
    font-size: 19px;
    padding-left: 10px;
}

.flex-direction-nav {
    display: none;
}
/* end homepage feature styles */

#nspe-nav ul#main-nav {
    width: 100%
}
#nspe-nav ul#main-nav > li {
    width: 20%;
    text-align: center;
}
#nspe-nav ul#main-nav li a {
    height: inherit;
}
#main-nav li ul {
    width: inherit;
}
/*#nspe-nav #Academic_Programs {*/
/*width: inherit;*/
/*}*/
/*#nspe-nav #Continuing_Education {*/
/*width: inherit;*/
/*}*/
/*#nspe-nav #Centers_Institutes_and_Initiatives  {*/
/*width: inherit;*/
/*}*/
/*#nspe-nav #Civic_Engagement {*/
/*width: inherit;*/
/*}*/
/*#nspe-nav #Stories_and_Profiles {*/
/*width: inherit;*/
/*}*/

@media (min-width: 1024px) {
    #homepage-top, #homepage-module {
        width: 40%;
    }
    #nspe-nav ul#main-nav li a {
        padding: 10px 0px;
    }
    #homepage-module .slides img {
        display: none;
    }
    #story h1 {
        color: #fff;
    }
    #homepage-module-wrapper {
        color: #fff;
    }
    #homepage-module #header h3 {
        color: #fff;
    }
    #homepage-module #header #nav span {
        color: #fff;
    }
}
@media (max-width: 1023px) {

    #nspe-nav {
        height: inherit;
    }
    #nspe-nav ul li {
        height: inherit;
    }

    #background-image, #background-image-transition {
        display: none;
    }

    .flex-direction-nav {
        display: block;
    }
    .flex-direction-nav a {
        opacity: 1;
    }
    #homepage-module #header #nav {
        right: 0;
    }
    #homepage-module #header h3 {
        color: #666;
    }
    #homepage-module #header #nav a {
        display: none;
    }
    #homepage-top {
        float: none;
    }
    #homepage-module {
        width: auto;
        margin-top: 0;
    }
    #homepage-module-wrapper {
        background: #fff;
    }
}

@media (max-width: 767px) {
    #nspe-nav ul#main-nav > li {
        text-align: left;
    }
}