/*
    basic text styles
*/

body {
    font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, Helvetica, sans-serif;
    background-color: #f9f9f7;
    margin-top: 0;
    /* If site already uses Gotham font, the following (or similar CSS) should appear in the body CSS */
    /* font: 16px/28px 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif; */
}

h1{
    color: #18453B;
    font-weight: bold;
    font-size: 1.5em;
    margin: 0;
    padding: 0 0 0.5em 0;
    line-height: 1.2em;
    clear: left;
}
h2 {
    color: #18453B;
    font-weight: bold;
    font-size: 1.1em;
    margin: 0;
    padding: 0.7em 0 0.2em 0;
    line-height: 1.2em;
}
h3{
    color: #0db14B;
    font-weight: bold;
    margin: 0;
    padding: 0.5em 0 0.15em 0;
    font-size: 0.9em;
    line-height: 1.2em;
}
h4{
    color: #18453B;
    font-size: 0.9em;
    font-weight: bold;
    margin: 0;
    padding: 0.4em 0 0 0;
}
h5{
    color: #97a2a2;
    font-size: 0.85em;
    font-weight: normal;
    font-style: italic;
    margin: 0;
    padding: 0.4em 0 0 0;
}
h6{
    color: #97a2a2;
    font-size: 0.70em;
    font-weight: bold;
    margin: 0 0 0.5em 0;
}

ol {
    list-style: decimal;
    margin-left: 20px;
}

ul ul, ul ol, ol ol, ol ul {
    font-size: 1em;
}

blockquote{
    padding: 0 1.5em 0 1.5em;
    line-height: 1.25em;
}




/*
    layout
*/

#body_header, #body_main, #body_footer{
    height: auto;
    overflow: hidden;
}

/* Changes for branded Masthead */
#body_header{
    min-height: 318px;
    height: auto !important;
    max-width: 1170px;
    position: relative;
    padding: 0;
    margin: 0 auto;
}
.window{
    width: 100%; 
    min-width: 320px;
    height: auto;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}

#site_logo{
    display: block;
    height: 115px;
}

#body_main{
    margin-top: 1.5em;
    padding-bottom: 15px;
}

#navigation{
    float: left;
    width: 25%;
}

.left-callout {
    color:#2D3C2D;
    font-size: .9em;
    margin: 1.5em 0 0 0;
}

.breadcrumbs {
    float: left;
    padding: 0 0 3px 0;
    width: 26em;
}

#single-column .breadcrumbs {
    width: 47.75em;
}

#content{
    float: left;
    width: 50%;
    min-height: 40em;
}

.content-padding {
    padding: 0 20px 24px 20px !important;
}

#content.wide{
    width: 47em;
}

#single-column #content {
    width: 47.75em !important;
    padding: .469em 2em 2em 0 !important;
}

#callout-container { 
    width: 25%;
    float: left; 
}

.callout{
    float: left;
    width: 12.50em;
    background: #EAEDE6;
    margin-bottom: 15px;
    margin-top: 12px;
    padding: 1em;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.callout h2:first-child {
    padding-top: 0;
}

.callout-nobackground {
    float: left;
    width: 12.50em;
    background: transparent;
    padding: 1em 0;
}

#body_footer .window{
    background: #F9F9F7;
    display: block;
    height; 64px;
    padding: 0 10px;
}

.footer_logo{
    float: left;
    width: 200px;
    margin: 0;
}
.footer_text{
    float: left;
    font-size: 0.62em;
    color: #686964;
    padding: 0.3em 0 0.43em 0;
    line-height: 1.4em;
}
.footer_text a { 
    color: #686964; 
}

#utility ul{
    margin: 0 !important;
}

#utility ul li{ 
    display: inline;
    padding: 0 0.5em 0 0;
    border-right: 1px solid #686964;
}
.last{
    border-right: none !important;
}

.callout h2:first-child {
    padding-top: 0;
}


.callout p, .callout ul, .callout ol, .callout blockquote {
    margin: 0 0 1em 0;
    font-size: 0.9em;
    color: #909AB7;
}
    .callout li {
    }
    
    .callout a, .callout a:visited{
        color: #539753;
    }
    
.callout ul{
    list-style-type: disc;
}
.callout ol, .callout ul{ 
    margin-left: 1em;
}
.callout .caption{
    font-size: 0.8em;
    line-height: 1.1em;
}



/*
    navigation
*/


#navigation ul{
    font-size: .8em;
    font-weight: bold;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
    
    
    #navigation ul li a{
        display: block;
        color: #81814B;
        padding: 0.469em 0 0.469em 0;
        text-decoration: none;
    }
    #navigation ul li a:hover{
        text-decoration: underline;
        color: #0C261F;
    }
    
    #navigation ul ul {
        font-size: 1em; 
    }
    
    #navigation ul li ul{
        padding-left: 1.5em;
            
    }
    #navigation ul li ul li a{
        display: block;
        color: #81814B;
        font-weight: normal;
    }



/*
    global/contextual styles
*/

.hide{
    position: absolute;
    left: -9999px;
}
.clear{
    clear: both;
}

.image-right{
    position: relative;
    float: right;
    margin: 0 0 2em 2em;
}
.image-left{
    position: relative;
    float: left;
    margin: 0 2em 2em 0em;
}

.multi-image-list{
    line-height:normal;
    margin:0;
    padding:0;
}
#content .multi-image-list ul{
    float:left;
    margin: 1.25em 1.875em 0 0;
    padding:0;
}
#content .multi-image-list li{
    list-style-type:none;
    margin: 0.31em 0;
    width: 150px;
    font-size: 0.625em;
}
#content .multi-image-list img{
    border: none;
    list-style-type: none;
}
.super{
    font-size: smaller;
    vertical-align: super;
    line-height: 1em;
}


.banner{
    display: none;
}

.banner_gradient {
        background: transparent url(../../_files/images/phd-green-gradient.gif) top repeat-x;
        display: block;
        height: 28px;
        width: 100%;
    }

.pages{
    padding: 1em 0 1em 220px;
    font-weight: bold;
    margin: 1em 0 1em 0;
}
.pages a.page{
    padding: 1em 0.5em 1em 0.5em;
    margin: 0 0.5em 0 0.5em;
    border: 1px solid #ccc;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    text-decoration: none;
}
.pages a.page:hover{
    background: #EAEDE6;
    border: 1px solid black;
}


/*Contact form styles*/
p.error{
    color: red;
    font-weight: bold;
}
fieldset{
    border: 1px solid black;
}
legend{
    font-weight: bold;
}



/*Navigation Update CSS*/
.open{
    color: black !important;
}

/*
    social media things
*/

.social{
    background: #EAEDE6;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    color: #515450;
    width: 22em;
    padding: 0.5em 1em 0.5em 1em;
    margin: 0 0 1em 0;
}
#navigation .social ul{
    margin: 0 !important;
    padding: 0 !important;
}
#navigation  .social ul li{
    display: inline;
    padding-right: 1em;
    font-size: 0.8em !important;
}
#navigation  .social ul li img{
    vertical-align: middle;
}
ul.left-social{
    
}
#navigation ul.left-social h2{
    color: #AA975A;
    font-weight: bold;
    font-size: 0.875em;
    margin: 0 0 1em 0;
}
#navigation ul.left-social li{
    width: 32px;
    float: left;
    padding: 0 5px 0 5px;
}

.breadcrumbs {
}   

    .breadcrumbs p {
        color: #555;
        font-size: 0.8em;
        padding: 0;
    }

.breadcrumbs ul {
list-style: none;
margin: 0 0 10px;
padding: 0;
}
.breadcrumbs ul li {
display: inline;
padding-right: 0px;
}

.staff-photo {
    float: left;
    margin: 0 12px 12px 0;
}



.row-header {
    color: #686964;
}


.news-index-date {
    font-size: .8em;
    color: #A6A666;
    
}

.news-staff-table tr td{
    padding: 4px 12px 4px 0;
    border-bottom: 1px solid #E6E6E6;
}

.news-staff-table {
    width: 100%;
}


/* Custom styles */


#content div.footnotes {
    margin: 1em 0 0 0;
    padding: 1em 0 .5em 0;
    border-top: 1px solid #ccc;
}

#content div.footnotes p {
    font-size: .8em;
}

sup {
    vertical-align: baseline;
    font-size: 0.8em;
    position: relative;
    top: -0.4em;
}

sub {
    vertical-align: baseline;
    font-size: 0.8em;
    position: relative;
    top: 0.4em;
}

div#pageContent dl {
    padding: .5em 0 1em;
    
}

dl {
        line-height: 1.5em;
}

dt { 
    margin: 1em 0 0 0;
    font-size: .9em;
    font-weight: bold;
} 

dd { 
    margin: .3em 1.5em .6em 1.5em;
    font-size: .9em;
}



/*******************************************************************************/
/* Cascade Framework Branding - Thin Masthead, Search Tool and Standard Footer */
/* The following CSS was copied from msu.basic.code.snippets v1.2              */
/*******************************************************************************/

/* Masthead image and sitename styles specific to Framework
=================================================================== */

.humanmed {
   font-size:16px;
   font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
   font-weight: bold;

}
.banner_text {
      padding-bottom: 10px; 
}

/* Framework Site Name text - NOT NORMALLY USED */
.banner_text p {
    color: #fff;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 15px;
    margin: 0 auto;
    max-width: 980px;           /* Align site name with helmet after chevron is removed */
    text-shadow: 0 2px 4px rgba(0,0,0,.64);
}
/* Framework Site Name link to Home page */
.banner_text a {
    color: #fff;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 38px;
    font-weight: normal;
    line-height: 30.5px;
    margin: 0 auto; 
    max-width: 980px;           /* Align site name with helmet after chevron is removed */
    /*padding: 0 0 0 38px; */
    padding: 0;
    text-decoration: none;
    text-shadow: 0 2px 4px rgba(0,0,0,.64); 
}

.banner_top_shadow {
    background: url(../images/banner-top-shadow.png) repeat-x left bottom;
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    height: 80px;
}

.banner_btm_shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 20px;
}


/* #Set Page Width
================================================== */

.MSUwrapper {
    width: 100%; 
    max-width: 940px; 
    min-width: 320px; 
    margin: 0 auto; 
    clear: both;
    /* Branding styles */
    /* The following allows the Masthead and Footer to use Gotham font without affecting the rest of the site.  */
    /* If the site is already using Gotham font, the following (or similar CSS) should be moved to the body CSS */
    font: 16px/28px 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif; 
    -webkit-font-smoothing: antialiased;                   /* Fix for webkit rendering */
    -moz-osx-font-smoothing: grayscale;                    /* Fix for firefox rendering */
 }

/* You may have to adjust the max-width and min-width to fit the width of your site. 
If the margin is set differently for your site, fix the margin here to reflect that. */

/* #MSU Masthead
================================================== */

#MSUheader {
    height: 60px;
    min-width: 320px;
}

#MSUmasthead {
    width: 50%;
    float: left; 
    position: relative;
}

#MSUmasthead img.msugraphic-green {
    padding-top: 12px;
    display: block;
}
#MSUmasthead img.msugraphic-white {
     padding-top: 12px;
     dislay: none;
}

#MSUmasthead img.print-msugraphic {
    display: none;
}

/* Search Tool */

#MSUSearchTool form .hide {
    position: absolute;
    left: -9999px;
}

#MSUSearchTool {
    width: 50%; 
    float: left;
    position: relative;
    margin-top: 14px;
}

#MSUSearchTool #search-tool-box {
    height: 28px;
    width: 319px;
    float: right;
    border: 1px solid #999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
}

#MSUSearchTool.white-fill #search-tool-box {
    background: #fff;
}

#MSUSearchTool.no-fill #search-tool-box {
    background: transparent;
}

#MSUSearchTool #btn_search {
    height: 28px;
    width: 34px;
    cursor: pointer;
    outline: 0px none;
    border: 0pc none;
    float: right;
    margin: 0 auto;
    text-indent: -9999px;
    text-transform: capitalize;
    -webkit-border-radius: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    border-radius: 0px 3px 3px 0px;
}

#MSUSearchTool.white-fill #btn_search {
    background: #fff url(../images/icon-search.png) no-repeat center;
}

#MSUSearchTool.no-fill #btn_search {
    background: transparent url(../images/icon-search.png) no-repeat center;
}

#MSUSearchTool #btn_search:hover {
    -moz-box-shadow: inset 0 0px 60px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0 0px 60px rgba(0,0,0,0.3);
    box-shadow: inset 0 0px 60px rgba(0,0,0,0.3);
}

#MSUSearchTool input#q {
    width: 258px;
    background-color: transparent;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    color: #666;
    font-size: 12px;
    font-weight: normal;
    float: left;
    height: 28px;
    outline: none;
    padding-left: 12px;
    padding-top: 0px;
}

/* #MSU Footer 
================================================== */

#MSUstandardFooter {
    height: 170px;
    font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#MSUstandardFooter .fourMSUcolumns {
    width: 221px;
    float: left;
    position: relative;
    margin-right: 0px;
}

#MSUstandardFooter .fourMSUcolumns img {
    width: 100%;
    margin-top: 15px; 
}

#MSUstandardFooter .twelveMSUcolumns {   
    width: 700px; 
    float: right;
    position: relative; 
    margin: 5px 0px 0px 0px;
    height: 100px !important;       /* MLL 6/17/2015 */
}

/* *** Standard footer links with Call Us/Telephone ****************** */

#MSUstandardFooter #standard-footer-site-links ul {
    margin: 0px;
    padding: 0px;
    padding-bottom: 4px;
    height: 22px; 
    border-bottom: 1px dotted #808080;
    float: left;
    clear: right;
}

#MSUstandardFooter #standard-footer-site-links ul li {
    display: inline-block;
    padding-left: 4px;
    font-size: 12px;
    margin-left: 0px;
    margin-right: 0px;
}

#MSUstandardFooter #standard-footer-site-links ul li:first-child {
    padding: 0px;
}

#MSUstandardFooter #standard-footer-site-links ul li:nth-child(2) a {
    padding: 0px 8px 0px 8px;
}

#MSUstandardFooter #standard-footer-site-links ul li:last-child a {
    border-right: none;
}

#MSUstandardFooter #standard-footer-site-links ul li a {
    text-decoration: none;
    padding-right: 8px;
}

#MSUstandardFooter #standard-footer-site-links ul li a:hover {
    text-decoration: underline;
}

#MSUstandardFooter.light-background #standard-footer-site-links {
    color: #18453b;
}

#MSUstandardFooter.light-background #standard-footer-site-links a {
    color: #18453b;
    border-right: 1px solid #18453b;
}

#MSUstandardFooter.light-background #standard-footer-site-links ul li:nth-child(2) a {
    border-left: 1px solid #18354b;
}

#MSUstandardFooter.dark-background #standard-footer-site-links{
    color: #fff;
}

#MSUstandardFooter.dark-background #standard-footer-site-links ul li:nth-child(2) a {
    border-left: 1px solid #737373;
}

#MSUstandardFooter.dark-background #standard-footer-site-links a {
    color: #fff;
    border-right: 1px solid #737373;
}

/* *** Standard footer links - No Call Us/Telephone ****************** */

#MSUstandardFooter #standard-footer-site-nocall-links ul {
    margin: 0px;
    padding: 0px;
    height: 22px; 
    border-bottom: 1px dotted #808080;
    float: left;
    clear: right;
}

#MSUstandardFooter #standard-footer-site-nocall-links ul li {
    display: inline-block;
    font-size: 12px;
    padding-left: 4px;
}
#MSUstandardFooter #standard-footer-site-nocall-links ul li:first-child {
    display: inline-block;
    font-size: 12px;
    padding-left: 0px;
}

#MSUstandardFooter #standard-footer-site-nocall-links ul li a {
    padding: 0px 8px 0px 8px;
}
#MSUstandardFooter #standard-footer-site-nocall-links ul li a:first-child {
    padding: 0px 8px 0px 0px;
}

#MSUstandardFooter #standard-footer-site-nocall-links ul li a {
    padding-right: 8px;
    text-decoration: none;
}

#MSUstandardFooter #standard-footer-site-nocall-links ul li a:hover {
    text-decoration: underline;
}

#MSUstandardFooter.light-background #standard-footer-site-nocall-links {
    color: #18453b;
}

#MSUstandardFooter.light-background #standard-footer-site-nocall-links ul li a {
    color: #18453b;
    border-right: 1px solid #18354b;
}
#MSUstandardFooter.light-background #standard-footer-site-nocall-links ul li:last-child a {
    border-right: none;
}

#MSUstandardFooter.dark-background #standard-footer-site-nocall-links{
    color: #fff;
}

#MSUstandardFooter.dark-background #standard-footer-site-nocall-links ul li a {
    color: #fff;
    border-right: 1px solid #737373;
}
#MSUstandardFooter.dark-background #standard-footer-site-nocall-links ul li:last-child a {
    color: #fff;
    border-right: none;
}


#MSUstandardFooter #standard-footer-MSU-info {
    font-size: 9px;
    margin-top: 2px; 
    padding-top: 0px;
    float: left;
    clear: right;
}

#MSUstandardFooter #standard-footer-MSU-info ul {
    margin: 0px;
    padding: 0px;
    height: 16px;
}

#MSUstandardFooter #standard-footer-MSU-info ul li {
    margin-bottom: 0px;
    line-height: 10px;
    display: inline;
    border-right: 1px solid #999;
    padding: 0px 8px 0px 4px;
    margin-left: 0px;
    margin-right: 0px;
}

#MSUstandardFooter #standard-footer-MSU-info ul li.spartans-will {
    text-transform: uppercase;
    font-weight: 600;
}

#MSUstandardFooter #standard-footer-MSU-info ul li:first-child {
    padding-left: 0px;
}

#MSUstandardFooter #standard-footer-MSU-info ul li:last-child {
    border-right: 0px;
}   

#MSUstandardFooter #standard-footer-MSU-info ul li a {
    text-decoration: none;
}

#MSUstandardFooter #standard-footer-MSU-info ul li a:hover {
    text-decoration: underline;
}

#MSUstandardFooter.light-background #standard-footer-MSU-info{
    color: #18453b;
}

#MSUstandardFooter.light-background #standard-footer-MSU-info a, #MSUstandardFooter.light-background #standard-footer-MSU-info .msu-phone {
    color: #4c7e00;
}

#MSUstandardFooter.dark-background #standard-footer-MSU-info {
    color: #fff;
}

#MSUstandardFooter.dark-background #standard-footer-MSU-info a, #MSUstandardFooter.dark-background #standard-footer-MSU-info .msu-phone {
    color: #84d123;
}

#standard-footer-MSU-wordmark img.print-msuwordmark {
    display: none;
}

/* #Print Styles
================================================== */
@media print {

    #MSUmasthead img.print-msugraphic, #standard-footer-MSU-wordmark img.print-msuwordmark {
        display: block;
    }

    #MSUmasthead img.msugraphic-green, #MSUmasthead img.msugraphic-white {
        display: none;
    }
    #standard-footer-MSU-wordmark img.msuwordmark-green, #standard-footer-MSU-wordmark img.msuwordmark-white {
        display: none;
    }

    #MSUSearchTool #search-tool-box{
        margin-right: 12px;
    }

}

/* Images */

img .profile {
    position:relative;
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
    margin-bottom:10px;
}

.img .circular {
    width:90px;
    height:90px;
    border-radius: 50%;
    -webkit-border-radius:50%;
    -moz-border-radius: 50%;
    overflow:hidden;
}

/* Type */

.headline-title {
    font-size: 2.5em;
    padding-top: 10px;
    padding-bottom:20px;
    line-height:1em;
    color:inherit;
    text-transform:uppercase;
    font-weight:500;
}
/* End of Cascade Framework Branding                         */
/*************************************************************/