body {
    background: #f9f9f7 url(../images/phd-green-gradient.gif) no-repeat;/*preload mobile bg*/
    background: #f9f9f7 url(../images/phd-green-gradient.gif) 0 0 repeat-x;
    font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, Helvetica, sans-serif;
}

p {
    font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, Sans-serif;
}

li {
    font-family:'Gotham SSm A', 'Gotham SSm B';
}
.hide {
    position: absolute;
    left: -9999px;
}

.image-left {
    float: left;
    padding: 5px 5px 5px 0px;
}

.image-right {
    float: right;
    padding: 5px 0px 5px 5px;
}

/***********************************

    Masthead 

***********************************/
header {
    min-height: 101px;
    height: 101px;
    height: auto !important;
}
.print {
    display: none;
}
#site-identity {
    /* div container */
    width: 540px;
    float: left;
    margin-top: 15px;/* single line sitename 23px / double line sitename 15px */
}
#spartan-helmet {
    float: left;
    width: 36px;
    margin: 3px 8px 0 0;
}
.ie7 #spartan-helmet {
    float: left;
    width: 36px;
    margin: 0 8px 0 0;
}
#msu-wordmark {
    width: 263px;
    margin-left: 1px
}
.ie7 #msu-wordmark {
    margin: 2px 0;
}
#sitename {
    width: 100%;
    height: 40px;
}
/***********************************

    Search 

***********************************/
/*header #search-box {
    width: 195px;
    height: 30px;
    margin-top: 20px;/* single line sitename 28px / double line sitename 20px */;
    float: right; /*margin-top: 2.813em;*/;
    color: #E4E8DE;
    font-size: 0.7em;
    text-align: right;
    margin-right: 0; /*1.8%*/
   
}
header .search-container {
    width: 195px;
    overflow: hidden;
    float: left;
    height: 26px;
    background-image: url(../images/search.gif);
    background-position: 0px 0px;
}
#search-box {
    display: none;
}
header #search-box #btn-search {
    height: 26px;
    width: 35px;
    background-image: url(../images/search.gif);
    background-position: -196px 0px;
    display: inline-block;
    right: 0px;
    cursor: pointer;
    outline: 0px none;
    border: 0px none;
}
header #search-box #btn-search:hover {
    background-position: right top;
}
header #search-box input#q {
    background-color: transparent;
    border-style: none;
    border-width: 0;
    color: #A8AAA3;
    font-size: 14px;
    display: inline-block;
    outline: 0px none;
    border: 0px none;
    float: left;
    font-weight: bold;
    margin-left: 0;
    margin: 4px 0;
    width: 145px;
}
.ie7 header .search-container, .ie8 header .search-container {
    float: right; 
}
.ie7 header #search-box {
    width: 345px;
    display: none;
}
.ie7 header #search-box input#q {
    float: left;
    width: 140px;
    margin-left: 4px;
}
.ie7 .sitename {
    float: left;
}
.ie7 header #search-box #btn-search {
    height: 26px;
    width: 35px;
    background-image: url(../images/search.gif);
    background-position: -196px 0px;
    display: block;
    cursor: pointer;
    outline: 0px none;
    border: 0px none;
}
/* fix template width in old browsers */
.oldie .row {
    min-width: 940px!important;
}
header #search-box p.btn {
    margin-bottom: 0;
}/*
/* Request Service masthead button */
#search-box .btn {
    position: relative;
    display: none;
    width: auto;
    height: 24px;
    font-size: 12px!important;
    font-size: 1.2rem!important;
    line-height: 24px;
    text-align: center;
    border: 1px solid #999;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    margin: 0 0 0 0;
    overflow: hidden;
    background: none;
    background: url(../images/btn-request-service-sm-sprite.png) 0 0 no-repeat!important;
    -webkit-box-shadow: inset 0 1px 1px #fff, 0 1px 2px rgba(0,0,0,0.31); /* Remove this line if you dont want a dropshadow on your buttons*/;
    box-shadow: inset 0 1px 1px #fff, 0 1px 2px rgba(0,0,0,0.31); /* Remove this line if you dont want a dropshadow on your buttons*/
}
.ie8 #search-box .btn {
    width: 160px;
}
#search-box .btn img {
    height: 16px;
    width: 16px;
    float: left;
    margin: 3px 4px 0 0;
}
#search-box .btn:hover {
    background: none;
    background: url(../images/btn-request-service-sm-sprite.png) 0 -25px no-repeat!important;
    -webkit-box-shadow: inset 0 1px 1px #fff, 0 1px 2px rgba(0,0,0,0.31); /* Remove this line if you dont want a dropshadow on your buttons*/;
    box-shadow: inset 0 1px 1px #fff, 0 1px 2px rgba(0,0,0,0.31); /* Remove this line if you dont want a dropshadow on your buttons*/
}
#search-box .btn a, #search-box .btn:hover a {
    display: block;
    white-space: nowrap;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    padding: 1px 20px 0 15px!important;
    color: #222;
}
.ie7 #search-box .btn a, .ie7 #search-box .btn:hover a {
    padding: 0 16px 0 13px!important;
}
/*
@-moz-document url-prefix() {
    #search-box .btn a, #search-box .btn:hover a { padding: 0 20px 0 15px!important; }
    #search-box .btn img { margin: 4px 4px 0 0; }
}
*/
#search-box .btn:hover a {
    line-height: inherit;
}
/***********************************

    Mobile top utilities 

***********************************/
#mobile-top-utilities {
    display: none;
}
/***********************************

    Horizontal main nav 

***********************************/
.navbar {
    position: relative;
    width: 100%;
    display: block;
    background: #ccc url(../images/horizontal-nav-bg.jpg) repeat-x;
/* Old browsers */-webkit-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.5);
    z-index: 2;
}
#home-icon a span {
    display: inline-block;
    width: 20px;
    height: 13px;
    background: url(../images/sprite-ico-home.png) 0 0 no-repeat;
}
#home-icon a:hover span {
    background: url(../images/sprite-ico-home.png) 0 -45px no-repeat;
}
.ie7 #home-icon a span {
    margin-top: 10px;
}
.ie7 #home-icon a:hover span {
    cursor: pointer;
}
div.onstate-caret-1, div.onstate-caret-2, div.onstate-caret-3 {
    display: none;
}
.navbar ul {
    display: table;
    width: 100%;
    float: none;
    vertical-align: middle;
    margin: 0;
}
.ie7 .navbar ul {
    display: inline;
    width: 100%;
    float: none;
    vertical-align: middle;
    margin: 0;
    border-right: 1px solid #aaa;
}
.navbar ul li {
    display: table-cell;
    float: none;
    list-style-type: none;
    margin-bottom: 0;
    margin-left: 0;
    text-align: center;
    border-left: 1px solid #aaa;
}
.ie7 .navbar ul li {
    display: inline-block;
    float: none;
    list-style-type: none;
    margin-bottom: 0;
    margin-left: 0;
    text-align: center;
    border-left: 1px solid #aaa;
}
.navbar > ul li {
    text-transform: uppercase;
}
.navbar > ul > li:first-child {
    border-left: none;
}
.navbar ul li li {
    text-transform: none;
    border: none;
}
.navbar ul ul ul {
    /* hide 3rd nav level in destop and tablet views */
    display: none;
}
.ie7 ul > li.level3 {
    /* hide 3rd nav level in destop and tablet views */
    display: none;
}
.navbar > ul > li > a {
    display: block;
    height: 35px;
    line-height: 35px;
    font-size: 13px;
    font-size: 1.3rem;
    padding: 0 8px;
    color: #444;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 1px 2px #fff, 0 1px 0 #fff;
}
.ie7 .navbar ul li li {
    border-left: none;
}
.ie7 .navbar > ul > li > a {
    padding: 0 15px;
}
.ie7 .navbar > ul > li > a, .ie8 .navbar > ul > li > a, .ie9 .navbar > ul > li > a {
    font-weight: normal;
}
.navbar > ul > li > a.ico-home {
}
.navbar > ul > li > a.ico-home span {
    display: none;
}
.navbar > ul > li:hover > a {
    position: relative;
    background: #3d3d3d;
    color: #fff;
    text-shadow: 0 1px 2px #444, 0 1px 0 #444;
    z-index: 1000;
    text-decoration: none;
}
.navbar > ul > li > li > a {
    padding: 0 33px;
    text-decoration: none;
}
.ie7 .navbar > ul {
    width: auto;
}
.ie7 .navbar, .ie7 .navbar > ul > li > a {
    display: block;
}
.ie7 .navbar .logo, .ie7 .navbar ul, .ie7 .navbar ul li {
    float: left;
    display: inline-block;
}
.ie7 .navbar .logo a {
    display: block;
    overflow: hidden;
}
.ie7 .navbar > ul > li .field {
    display: block;
    padding: 12px 18px 0;
    width: 80%;
}
/* CSS3 Dropdown Menu Styles */
.navbar li .dropdown {
    width: auto;
    min-width: 0px;
    max-width: 212px;
    height: 0;
    position: absolute;
    background: #3d3d3d;
    overflow: hidden;
    z-index: 999;
}
.navbar li:hover .dropdown {
    min-height: 60px;
    max-height: 500px;
    height: auto;
    width: 100%;
    padding: 0;
    border-top: 1px solid #2f2f2f;
    -webkit-box-shadow: 0px 3px 4px rgba(0,0,0,.3);
    box-shadow: 0px 3px 4px rgba(0,0,0,.3);
    -webkit-transition: ease-in-out .2s;
    -moz-transition: ease-in-out .2s;
    -o-transition: ease-in-out .2s;
    -ms-transition: ease-in-out .2s;
    transition: ease-in-out .2s;
}
.navbar li .dropdown ul {
    margin: 0;
}
.navbar li .dropdown ul > li {
    display: block;
    width: 100%;
    float: left;
    text-align: left;
    height: auto;
    font-size: 15px;
    font-size: 14px;
    font-size: 1.4rem;
}
.navbar li .dropdown ul > li a {
    display: block;
    line-height: 25px;
    padding: 4px 14px;
    text-decoration: none;
    color: #fff;
    border-bottom: 1px solid #4e4e4e;
}
.navbar li .dropdown li a:hover {
    background: #5e5e5e;
}
/* mobile utilities*/
nav ul.mobile-utilities {
    display: none;
}
/***********************************

    Audience top utilities 

***********************************/
/* Request services button */
#audience-top-utilities div {
    height: 35px;
    background: #004b39;
    text-align: right;
    -webkit-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.5);
    z-index: 1;
}
#audience-top-utilities ul {
    display: inline;
    margin: 0 8px;
    padding: 0;
    vertical-align: top;
}
#audience-top-utilities ul li {
    display: inline-block;
    list-style-type: none;
    margin: 2px 0 0 0;
    padding: 0;
    text-align: center;
}
.ie7 #audience-top-utilities ul li {
    display: inline;
    float: left;
}
#audience-top-utilities ul li a {
    line-height: 11px;
    font-size: 10px;
    font-size: 1.0rem;
    text-transform: uppercase;
    margin: 0 8px;
    color: #eaede6;
    font-weight: normal;
    text-decoration: none;
    border-bottom: 1px solid #608179;
    padding: 0!important;
}
#audience-top-utilities ul li:hover a {
    text-decoration: none;
    border-bottom: none;
}
/***********************************

    Mobile bottom utilities 

***********************************/
#mobile-bottom-utilities {
    display: none;
}
/***********************************

    Banner 

***********************************/
#banner img {
    position: relative; <!--;
    #passthrough...width: 100%;
    ...#passthrough--> -webkit-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.5);
    box-shadow:         0px 2px 2px rgba(50, 50, 50, 0.5);
}
/***********************************

    Main content 

***********************************/
#main-content div.sixteen.columns {
    margin-left: 10px;
    margin-right: 10px;
}
div#content-page-main-content.twelve.columns {
    margin: 0 auto;
}
#main-content {
    padding-top: 8px;
    background: #f9f9f7;
}
p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5em;
    margin: 0 0 18px;
}
#main-content h1, sidebar h1 {
    color: #18453B;
    font-weight: 800;
    text-transform:uppercase;
    font-size: 1.5em;
    margin: 0;
    padding: 0 0 0.5em 0;
    line-height: 1.2em;
    clear: left;
}
#main-content h2, sidebar h2 {
    color: #18453B;
    font-weight: 800;
    text-transform:uppercase;
    font-size: 1.1em;
    margin: 0;
    padding: 0.7em 0 0.2em 0;
    line-height: 1.2em;
}
#main-content h3, sidebar h3, #first-footer h3 {
    color: #18453B;
    font-weight: 800;
    text-transform:uppercase;
    margin: 0;
    padding: 0.5em 0 0.15em 0;
    font-size: 0.9em;
    line-height: 1.2em;
}
#main-content h4, sidebar h4 {
    color: #18453B;
    font-size: 0.9em;
    font-weight: 800;
    margin: 0;
    padding: 0.4em 0 0 0;
}
#main-content h5, sidebar h5 {
    color: #97a2a2;
    font-size: 0.85em;
    font-weight: normal;
    font-style: italic;
    margin: 0;
    padding: 0.4em 0 0 0;
}
#main-content h6, sidebar h6 {
    color: #97a2a2;
    font-size: 0.70em;
    font-weight: bold;
    margin: 0 0 0.5em 0;
}
.eight.columns img.large, .sixteen .columns img.large, .twelve.columns img.large {
    position: relative;
    width: 100%;
    max-width: 460px;
}
.eight.columns img.thumbs, .sixteen.columns img.thumbs, .twelve.columns img.thumbs {
    position: relative;
    width: 220px;
    float: left;
    padding: 8px 15px 19px 0;
}
#main-content .caption {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.4em;
    color: #97a2a2;
}
#main-content .quote {
    font-style: italic;
    font-weight:100;
    font-family: Georgia, serif;
    color: #535054;
    padding-left: 35px;
}
#main-content .eight ul, #main-content .eight ol, #main-content .twelve ul, #main-content .twelve ol, #main-content .sixteen ul, #main-content .sixteen ol {
    list-style-position: outside;
    margin-left: 35px;
}
#main-content .call-out-text ul, #main-content .call-out-text ol {
    list-style-position: outside;
    margin-left: 15px;
}
#main-content .eight li, #main-content .twelve li, #main-content .sixteen li, #main-content .call-out-text li {
    font-size: 14px;
    font-size: 1.4rem;
}
#main-content ul {
    list-style: disc;
    clear: both;
}
#main-content ul ul {
    list-style: circle;
}
#main-content ul ul ul {
    list-style: square;
}
#main-content ol {
    list-style: decimal;
}
#main-content ol ol {
    list-style: lower-alpha;
}
#main-content ol ol ol {
    list-style: lower-roman;
}
#main-content li {
    padding: 2px 0;
}
#main-content .eight li, #main-content .twelve li, #main-content .sixteen li, #main-content .call-out-text li {
    padding: 0 0;
    margin-bottom: 0;
    line-height: 1.7em;
}
#main-content blockquote {
    padding: 0 1.5em 0 1.5em;
    line-height: 1.25em;
}
#main-content .breadcrumbs ul {
    margin-left: 0;
}
#main-content .featured-items {
    display: block;
    width: 100%;
    clear: both;
    height: auto;
    min-height: 156px;
    margin-bottom: 15px!important;
    border-bottom: 1px solid #d6d9d3;
}
a {
    color: #0db14b;
}
#left-nav .active > a {
    font-weight: bold;
    color: #2d2d2d;
}
a:hover {
    /*color: #835d41;*/
}
#staffContainer {
    margin-top: 20px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4;
}
button#loadMore {
    margin-top: 20px;
    margin-bottom: 20px;
}


/***********************************

    Staff Directory
    
***********************************/
#staffList div.staff {
    margin-top: 20px;
}
#staffList div.staff div.name {
    font-weight: bold;
}
/***********************************

    Main Content Summary Styles
    
***********************************/
#main-content .summary {
    margin: 0 0 18px;
    background: #edefe6;
    padding: 16px;
    border: 1px solid #d6d9d3;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
}
/***********************************

    Form Styles
    
***********************************/
#main-content form {
    margin: 0 0 18px;
    background: #edefe6;
    padding: 0 0;
    padding-top: 25px;
    padding-bottom: 9px;
    border: 1px solid #d6d9d3;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
}
#main-content form label {
    display: block;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 1.2em;
    cursor: pointer;
    margin-bottom: 9px;
}
#main-content form label.main {
    display: inline-block;
    padding: 0 10px 0 0;
    width: 20%;
    text-align: right;
}
#main-content form label.inline {
    display: inline-block;
    padding-right: 15px;
    width: auto;
    text-align: left;
    font-weight: normal;
    font-size: 13px;
    font-size: 1.3rem;
}
#main-content form dt {
    margin: 0;
}
#main-content form textarea {
    height: 150px;
}
#main-content form ul, #main-content form ul li {
    margin-left: 0;
    list-style-type: none;
}
#main-content form fieldset {
    border-style: solid;
    border-width: 0.0625em;
    padding: 1.5625em;
    border-color: #d6d9d3;
    margin: 18px 0;
}
#main-content form fieldset legend {
    padding: 5px 10px;
}
#main-content form ul li {
    position: relative;
    max-width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
    vertical-align: middle; /* remove inline-block white-space â€" A 0px font-size = 0px of white space */
}
#main-content form input, #main-content form input[type="*"], #main-content form textarea {
    max-width: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    resize: none;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 14px;
    font-size: 1.4rem;
}
#main-content form .form-buttons {
    margin: 0 0 10px 25%;
    padding-left: 5px;
}
#main-content form p {
    margin: 0 0 15px;
    padding: 0 4%;
}
#main-content form input[type=submit], #main-content form input[type=reset], #main-content form .form-buttons button {
    width: auto;
    position: relative;
    display: inline-block;
    width: auto;
    height: 26px;
    font-size: 13px!important;
    font-size: 1.3rem!important;
    line-height: 22px;
    text-align: center;
    border: 1px solid #999;
    border-radius: 3px 3px 3px 3px;
    padding: 0 8px 0 8px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    margin: 0 0 0 0;
    overflow: hidden;
    background: none;
    background: url(../images/btn-forms-sprite.png) 0 0 repeat-x!important;
    -webkit-box-shadow: inset 0 1px 1px #fff, 0 1px 2px rgba(0,0,0,0.20); /* Remove this line if you dont want a dropshadow on your buttons*/;
    box-shadow: inset 0 1px 1px #fff, 0 1px 2px rgba(0,0,0,0.20); /* Remove this line if you dont want a dropshadow on your buttons*/
}
#main-content form input[type=submit]:hover, #main-content form input[type=reset]:hover {
    background: none;
    background: url(../images/btn-forms-sprite.png) 0 -25px repeat-x!important;
    -webkit-box-shadow: inset 0 1px 1px #fff, 0 1px 2px rgba(0,0,0,0.20); /* Remove this line if you dont want a dropshadow on your buttons*/;
    box-shadow: inset 0 1px 1px #fff, 0 1px 2px rgba(0,0,0,0.20); /* Remove this line if you dont want a dropshadow on your buttons*/
}
#main-content form textarea {
    vertical-align: top;
}
#main-content form input[type=radio], #main-content form input[type=checkbox] {
    width: 15px;
    vertical-align: middle;
    margin-right: 0px;
}
#main-content form .input {
    position: relative;
    padding: 0 10px;
    background: #fff;
    border: 1px solid #d6d9d3;
    height: 30px;
    line-height: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
}
#main-content form .input.textarea {
    height: auto;
}
#main-content form .input {
    width: 60%;
}
#main-content select {
    height: 30px;
    padding: 5px 6px 6px 6px;
    color: #444;
    outline: none;
    border: 1px solid #d6d9d3;
    background: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    cursor: pointer;
}
#main-content select option {
    padding: 3px 4px 4px 4px;
}
/* Labels */
#main-content .label a {
    color: #fff;
}
#searchContainer div label {
    font-size: 14px;
    font-size: 1.4rem;
    cursor: pointer;
}
/***********************************

    Tables
    
***********************************/
#main-content table {
    width: 100%;
    border-collapse: collapse;
    border-bottom: 2px solid #e1e5e5;
    margin: 0 0 18px;
}
#main-content table th {
    color: #fff;
    background: #345750; /*#52844f*/
}
#main-content table th, table td {
    padding: 0.31em;
    font-weight: normal;
    font-size: 0.9em;
    border: 1px solid #f9f9f7;
}
/***********************************

    Faculty Staff Directory
    
***********************************/
.faculty-staff-item img {
    max-width: 100px;
    float: right;
}

.faculty-staff-item {
    border-bottom: 1px solid #d6d9d3;
    margin-bottom: 12px ;
    min-height: 150px;
}

.faculty-staff-item p {
    margin-bottom: 12px ;
}

#PHDevents .calendar-item p {
    border-bottom: 1px solid #d6d9d3;
    padding-bottom: 12px ;
    margin-bottom: 12px ;
}
/***********************************

    homepage three columns 
    with thumbnails

***********************************/
#main-content div.featured img {
    width: 100%;
    max-width: 220px;
}
/* fix for IE7 */
.first.four.columns {
    margin-left: 0;
}

.featured.four.columns p a {
    white-space: nowrap;
}
/***********************************

    Breadcrumbs 

***********************************/
.breadcrumbs ul {
    list-style: none;
    margin: 0 0 10px;
    padding: 0;
    font-size: 14px;
    font-size: 1.4rem;
}
.breadcrumbs ul li {
    display: inline;
    padding-right: 0px;
}
/***********************************

    Left nav

***********************************/
.ie7 #left-nav.four.columns {
    width: 21%;
}

#left-nav ul {
    font-size: .8em;
    font-weight: normal;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#left-nav ul, #left-nav ul ul, #left-nav ul ul ul {
    list-style: none!important;
    padding-left: 10px;
}
#left-nav ul li {
    padding: 0;
    margin-left: 15px;
}
#left-nav ul li:first-child {
    margin-left: 0;
}
#left-nav ul li a {
    display: block;
    color: #835d41;
    padding: 0.10em 0 0.10em 0;
    text-decoration: none;
}
#left-nav ul li a:hover {
    text-decoration: underline;
    color: #0C261F;
}
#left-nav ul ul {
    font-size: 1em;
}
#left-nav li li {
    margin-bottom: 10px!important;
}
#left-nav ul li ul {
    padding-left: 1.5em;
}
#left-nav ul li ul li a {
    display: block;
    color: #835d41;
    font-weight: normal;
}
/***********************************

    Right callout  

***********************************/
#home-call-out, #call-out {
    display: block;
    padding: 0;
}
#call-out {
   margin-top: 34px;
   padding-right: 10px;
}
#home-call-out div, #call-out div {
    background-color: #edefe6;
    border: 1px solid #d6d9d3;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    margin-bottom: 25px;
    padding: 10px 14px 0px 14px;
}

    

.call-out-button {
    text-align: center!important;
}
.call-out-button p {
    text-align: center!important;
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 13px;
    color: #212121;
}
#home-call-out .call-out-links, #call-out .call-out-links {
    padding: 0 0;
    margin: 0 0 20px 0
}
#home-call-out .call-out-text, #call-out .call-out-text {
    padding: 2px 15px;
}
#home-call-out .call-out-links, #call-out .call-out-links, #home-call-out .call-out-text, #call-out .call-out-text {
    font-size: 14px;
    font-size: 1.4rem;
}
.call-out-links h3 {
    color: #00723f!important;
    margin: 2px 0 6px 15px!important;
}
.call-out-texth3, .call-out-text p {
    padding: 0 0;
}
.call-out-links p {
    padding: 0 15px;
}
.call-out-links ul {
    margin: 0 0 10px 0!important;
    
}
.call-out-links ul li {
    padding: 0 0!important;
}
.call-out-links ul li {
   list-style-type: none;
    /*border-top: 1px solid #d6d9d3!important;*/
    margin: 0;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.6em;
}
.call-out-links ul li a {

    display: block;
    text-decoration: none;
    background: none;
    padding: 3px 15px;
}
.call-out-links ul li a:hover {
    text-decoration: underline;
    color: #222;
    /*background: #f8f8f6;*/

}
.call-out-links ul li:last-child a:hover {
    border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 7px 7px;
    -webkit-border-radius: 0 0 7px 7px;
}


/***********************************

    Footer 

***********************************/
footer {
    margin-top: 20px;
}
#first-footer-wrapper {
}
#first-footer .four ul {
    /*margin: 15px 0 24px 0;*/
}
#first-footer {
    padding-top: 5px;
    background: #e5e8df;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}
#first-footer .four ul li {
    list-style-type: none;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.3em;
    margin-bottom: .6em;
}
#first-footer .four p {
    list-style-type: none;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.3em;
    margin-top: 7px;
    color: #444;
    padding-left: 12px;
    margin-bottom: .6em;
}
#first-footer .four ul li a {
    color: #835d41;
    text-decoration: underline;
}
#first-footer .four ul li a:hover {
    text-decoration: none;
}
#first-footer .four img {
    margin: 18px 12px 0 0;
}
#second-footer-wrapper {
    /* full browser width bg color */
    /*margin-top: 20px;*/
}
#second-footer {
}
#second-footer .sixteen {
    background: #F9F9F7;
    padding: 0px 0 10px 0;
}
#second-footer .sixteen img {
    float: left;
    margin: 0 1.1em 1px 0;
}
#second-footer .sixteen p {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.2em;
    margin: 0 0 0 0;
    color: #444;
}
#second-footer .sixteen p a {
    color: #444;
    cursor: pointer;
}
/***********************************
************************************
************************************

    Media queries 

************************************
************************************
***********************************/
@media only screen and (max-width: 460px) {
/* small device screens e.g. iphone */
/* Resize masthead images */
#site-identity {
    /* div container */
    width: 98%;
    max-width: 330px!important; /***************** may need to adjust according to site name *********************/;
    float: left;
    margin-top: 5px!important;
    margin-left: 2%;
}
#sitename {
    width: 275px!important;
    height: 29px!important;
    margin-top: -2px!important;
}
#spartan-helmet {
    width: 27px!important;
    margin: 5px 4px 0 0!important;
}
#msu-wordmark {
    width: 220px!important;
}
.eight.columns img.thumbs, .sixteen.columns img.thumbs, .twelve.columns img.thumbs {
    position: relative;
    width: 150px;
    float: left;
    padding: 8px 15px 0 0;
}
}
@media only screen and (max-width: 704px) {
/* mobile */
body {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    width: 100%;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    /*background: #F9F9F7 url(../images/mobile-header-bg-repeat.jpg) repeat-x;*/
}
/***********************************

    Mobile grid alterations 

***********************************/
.row {
    width: 100%;
    min-width: 320px;
    margin-left: 0;
    margin-right: 0;
}
/*#search-box,*/ #mobile-top-utilities {
    min-width: 320px;
}
.row .row .column, .row .row .columns {
    padding: 0;
}
.column, .columns {
    width: auto !important;
    float: none;
    margin-left: 0;
    margin-right: 0;
}
.column:last-child, .columns:last-child {
    margin-right: 0;
    float: none;
}
.row .row .column, .row .row .columns {
    padding: 0;
}
.column, .columns {
    width: auto !important;
    float: none;
    margin-left: 0px;
    margin-right: 0px;
}
.column:last-child, .columns:last-child {
    margin-right: 0;
    float: none;
}
[class*="column"] + [class*="column"]:last-child {
    float: none;
}
[class*="column"]:before, [class*="column"]:after {
    display: table;
}
[class*="column"]:after {
    clear: both;
}
.push_one, .push_two, .push_three, .push_four, .push_five, .push_six, .push_seven, .push_eight, .push_nine, .push_ten, .push_eleven, .centered {
    margin-left: 0% !important;
}
/***********************************

    Mobile masthead 

***********************************/
header {
    min-height: 68px;
    height: 68px;
    height: auto!important;
}
#site-identity {
    /* div container */
    width: 98%;
    max-width: 480px; /***************** may need to adjust according to site name *********************/;
    float: left;
    margin-top: 2px;
    margin-left: 2%;
}
#spartan-helmet {
    float: left;
    width: 36px;
    margin: 3px 6px 0 0;
}
#msu-wordmark {
    width: 245px;
}
#sitename {
    width: 380px;
    height: 35px;
    margin-top: -1px;
}
/***********************************

    Mobile search 

***********************************/
header #search-box .search-container {
    width: auto;
    overflow: hidden;
    float: none;
    height: 32px;
}
header .search-container {
    height: 32px;
    overflow: hidden;
    background: url(../images/mobile-search-bg.gif) 0 1px no-repeat;
    margin: 10px 20px 12px 20px;
}
header #search-box {
    position: absolute;
    display: block;
    height: 31px;
    top: 103px;
    width: 100%;
    height: auto;
    margin-top: 0;
    background: #585858;
    z-index: 10;
    display: none;
}
header #btn-search {
    height: 31px!important;
    width: 35px;
    background-image: url(../images/btn-mobile-search.gif)!important;
    background-position: -196px 0;
    background-repeat: no-repeat;
    right: 0px;
    float: right;
    cursor: pointer;
    outline: 0px none;
    border: 0px none;
    margin: 1px 0 0 0;
}
header #btn-search:hover {
    background-position: right top;
}
header input#q {
    background-color: transparent;
    border-style: none;
    border-width: 0;
    color: #A8AAA3;
    float: left;
    font-size: 15px;
    font-weight: bold;
    height: 32px;
    width: 84%!important;
    padding-left: 2px;
    margin: 0!important;
}
.drawer.mobile-search {
    width: 100%;
    max-height: 0;
    background: #285742;
/*285742*/ /*
-webkit-box-shadow: inset 0 -3px 5px #000,
inset 0 3px 5px #000
;
box-shadow: inset 0 -3px 5px #000,
inset 0 3px 5px #000
;
*/ /*box-shadow: inset 0px 10px 5px #234c3a, inset 0px -10px 5px #234c3a;*/overflow: hidden;
    -webkit-transition-duration: .2s; /* Saf3.2+, Chrome */;
    -moz-transition-duration: .2s; /* FF4+ */;
    -ms-transition-duration: .2s; /* IE10 */;
    -o-transition-duration: .2s; /* Opera 10.5+ */;
    transition-duration: .2s;
}
.drawer.mobile-search.active {
    height: auto;
    max-height: 800px;
    -webkit-transition-duration: .3s; /* Saf3.2+, Chrome */;
    -moz-transition-duration: .3s; /* FF4+ */;
    -ms-transition-duration: .3s; /* IE10 */;
    -o-transition-duration: .3s; /* Opera 10.5+ */;
    transition-duration: .3s;
    -webkit-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.5);
    box-shadow:         0px 2px 2px rgba(50, 50, 50, 0.5);
}
/***********************************

    Mobile top utilities 

***********************************/
#mobile-top-utilities {
    width: 100%;
    height: 35px;
    background: #212121;
    text-align: right;
    -webkit-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.5);
    display: block;
}
a#mobile-menu-ico, a#mobile-search-ico {
    display: inline-block;
    height: 31px;
    width: 38px;
    margin: 2px 2% 0 0;
}
a#mobile-search-ico {display: none;}
a#mobile-menu-ico {
    background: url(../images/mobile-menu-ico.png) no-repeat;
}
/*a#mobile-search-ico {
    background: url(../images/mobile-search-ico.png) no-repeat;
    background-position: 0 0;
    
}
a#mobile-search-ico.active {
    background-position: 0 -31px;
}*/

/***********************************

    Mobile Audience top utilities 

***********************************/
/* Request services button */
#audience-top-utilities {
    display: none;
}
#main-content {
    /*margin-top: 12px; bring breadcrumbs up a little higher in mobile*/
}
/***********************************

    Mobile bottom utilities 

***********************************/
#mobile-bottom-utilities {
    width: 100%;
    height: 41px;
    background: #212121;
    text-align: center;
    display: block;
}
#mobile-nav-home-btn, #mobile-nav-top-btn {
    display: inline-block;
    width: 47%;
    height: 31px;
    color: #3e3e3e;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 31px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #e9e9e9;
/* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyOSUiIHN0b3AtY29sb3I9IiNlOWU5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYTlhOWE5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, #e9e9e9 29%, #a9a9a9 100%); /* FF3.6+ */;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(29%, #e9e9e9), color-stop(100%, #a9a9a9)); /* Chrome,Safari4+ */;
    background: -webkit-linear-gradient(top, #e9e9e9 29%, #a9a9a9 100%); /* Chrome10+,Safari5.1+ */;
    background: -o-linear-gradient(top, #e9e9e9 29%, #a9a9a9 100%); /* Opera 11.10+ */;
    background: -ms-linear-gradient(top, #e9e9e9 29%, #a9a9a9 100%); /* IE10+ */;
    background: linear-gradient(to bottom, #e9e9e9 29%, #a9a9a9 100%); /* W3C */;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#a9a9a9', GradientType=0 ); /* IE6-8 */;
    text-shadow: 0 1px 2px #eee, 0 1px 0 #eee;
    -webkit-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    0px 2px 2px rgba(50, 50, 50, 0.5);
    box-shadow:         0px 2px 2px rgba(50, 50, 50, 0.5);
}
#mobile-nav-home-btn {
    margin: 5px 2% 0 2%;
}
#mobile-nav-top-btn {
    margin: 5px 2% 0 0;
}
/* Named anchor for mobile nav insertion */
#mobile-navigation {
    display: block;/* need for FF */;
    height: 0;/* need for FF */
}
/***********************************

    Mobile main nav 

***********************************/
#left-nav {
    display: none;
}
#home-icon {
    display: none;
}
/* Mobile bottom nav */
.navbar {
    position: relative;
    width: 100%;
    display: block;
    background: none;
/* Old browsers */filter: none; /* IE6-9 */;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    z-index: 0;
}
.navbar ul {
    display: block;
    width: 100%;
    float: none;
    vertical-align: middle;
    margin-left: 0!important;
}
.navbar ul li {
    display: block;
    float: none;
    list-style-type: none;
    margin-bottom: 0;
    margin-left: 0;
    text-align: left;
    border-left: none;
}
.navbar > ul li {
    text-transform: uppercase;
    margin: 0!important;
    padding: 0!important;
}
.navbar > ul > li:first-child {
    border-left: none;
    border-top: 1px solid #2f2f2f;
}
.navbar ul li li {
    text-transform: none;
    border: none;
}
.navbar ul ul ul {
    /* show 3rd nav level in mobile view */
    display: block;
}
.navbar > ul > li > a {
    display: block;
    height: 35px;
    line-height: 35px;
    font-size: 13px;
    font-size: 1.3rem;
    padding: 0 2%;
    color: #fff;
    background: #3e3e3e;
    font-weight: normal;
    text-decoration: none;
    text-shadow: none;
    border-top: 1px solid #2f2f2f;
}
.navbar > ul > li:hover > a {
    position: relative;
    background: #3d3d3d;
    color: #fff;
    text-shadow: none;
    margin-bottom: -1px!important;
    z-index: 0;
    text-decoration: none;
}
.navbar > ul > li.active:hover > a {
    margin-bottom: 0!important;
}
.navbar > ul > li > li > a {
    text-decoration: none;
    margin: 0!important;
    padding: 0!important;
}
/* CSS3 Dropdown Menu Styles */
.navbar li .dropdown {
    width: 100%;
    min-width: 0px;
    max-width: 100%;
    height: auto;
    position: relative;
    background: #3e3e3e;
    overflow: hidden;
}
.navbar li:hover .dropdown {
    min-height: 1px;
    max-height: 1800px;
    height: auto;
    width: 100%;
    padding: 0;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}
.navbar li .dropdown ul {
    margin: 0;
}
.navbar li .dropdown ul > li {
    display: block;
    width: 100%;
    float: left;
    text-align: left;
    height: auto;
    font-size: 15px;
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0!important;
    padding: 0!important;
}
.navbar li .dropdown ul > li a {
    display: block;
    line-height: 25px;
    background: #595959;
    padding: 5px 6%!important;
    text-decoration: none;
    color: #fff;
    border-top: 1px solid #3f3f3f;
    border-bottom: none;
}
.navbar li .dropdown ul > li:first-child a {
    border-bottom: none;
}
.navbar li .dropdown ul > li > ul > li a {
    border-top: 1px solid #585858;
    border-bottom: none!important;
}
.navbar li .dropdown ul > li:first-child > a {
    background: #595959 url(../images/onstate-caret-1b.png) 1% 0 no-repeat;
    padding-top: 8px!important;
}
.navbar li .dropdown li a:hover {
    background: #585858;
}
.navbar li .dropdown ul > li:first-child > a:hover {
    background: #585858 url(../images/onstate-caret-1b.png) 1% top no-repeat;
}
.navbar li .dropdown ul > li > ul > li a {
    display: block;
    line-height: 25px;
    padding: 5px 10%!important;
    text-decoration: none;
    color: #fff;
    background: #717171;
    border-bottom: 1px solid #4e4e4e;
}
.navbar li .dropdown ul > li > ul > li:first-child > a {
    background: #717171 url(../images/onstate-caret-2b.png) 6% top no-repeat;
    padding-top: 8px!important;
}
.navbar li .dropdown ul > li > ul > li a:hover {
    background: #767676;
}
.navbar li .dropdown ul > li > ul > li:first-child > a:hover {
    background: #767676 url(../images/onstate-caret-2b.png) 6% top no-repeat;
}
.navbar li .dropdown ul > li, .navbar li.active .dropdown ul > li > ul > li {
    /* added this JG */
display: none;
}
.navbar li .dropdown ul > li.active, .navbar li .dropdown ul > li.active > ul > li, .navbar li.active .dropdown ul > li {
    /* added this JG */
display: block;
}
.level1 > a, .level2, .level3 {
    /* added this JG */
font-weight: normal!important;
}
.level1.active > a, .level2.active, .level3.active {
    /* added this JG */
font-weight: bold!important;
}
/***********************************

    Mobile main content 

***********************************/
#banner {
    display: none;
}
.featured.columns {
    display: inline-block;
    padding: 0 2%;
}
.featured.columns h3 {
    padding-top: 0!important;
}
.featured.four.columns img {
    position: relative;
    width: 100%;
    float: left;
    padding: 2px 2% 2% 0;
}
#left-nav {
    padding-left: 0!important;
}
#left-nav.four.columns {
    margin-left: 2%;
}
.eight.columns, .sixteen.columns, .twelve.columns {
    margin-left: 2%!important;
    margin-right: 2%!important;
}
/***********************************

    Mobile Form Styles
    
***********************************/
#main-content form {
    padding: 0 2%;
    padding-top: 25px;
    padding-bottom: 9px;
}
#main-content form label.main {
    display: block;
    width: 100%;
    text-align: left;
    margin-bottom: 0;
}
#main-content form label.inline {
    display: inline-block;
    padding-right: 15px;
    width: auto;
    text-align: left;
    font-size: 13px;
    font-size: 1.3rem;
}
#main-content form .form-buttons {
    margin: 0 0 10px 0;
    padding-left: 0;
    padding: 0 0;
    text-align: left;
}
#main-content form input[type=submit], #main-content form input[type=reset] {
    width: 48%;
}
#main-content form .input {
    width: 92%;
}
#main-content form p {
    margin: 0 0 15px;
    padding: 0 0;
}
/***********************************

    Mobile home callout 

***********************************/
#home-call-out.columns, #call-out.columns {
    width: 96%;
    margin: 0 2%;
}
#call-out-button .btn {
    text-align: center!important;
}
#call-out-button .btn img {
    height: 20px;
    width: 20px;
    float: none;
    vertical-align: top;
    margin: 7px 6px 0 0;
}
#call-out-button .btn a, #call-out-button .btn:hover a {
    padding: 1px 4px 0 0;
}
/***********************************

    Mobile footer 

***********************************/
footer {
    margin-top: 0;
}
#first-footer .four {
    margin: 0 2% 0 2%;
}
#first-footer {
    /* full browser width bg color */
    background: none;
}
#first-footer .four ul {
    margin: 15px 0 24px 0;
}
#first-footer {
    padding-top: 5px;
}
#first-footer .four ul li {
    list-style-type: none;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.3em;
    margin-bottom: .6em;
}
#first-footer .four p {
    list-style-type: none;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.3em;
    margin-top: 15px;
    color: #444;
    margin-bottom: .6em;
    padding-left: 0;
}
#first-footer .four ul li a {
    color: #835d41;
    text-decoration: underline;
}
#first-footer .four ul li a:hover {
    text-decoration: none;
}
#first-footer .four img {
    margin: 18px 12px 0 0;
}
#second-footer-wrapper {
    /* full browser width bg color */
    background: #F9F9F7;
    margin-top: 5px;
}
#second-footer .sixteen {
    background: #F9F9F7;
    padding: 15px 0 10px 0;
}
#second-footer .sixteen img {
    float: none;
    margin-right: 1.1em;
    /*margin-left: 2%;*/
}
#second-footer .sixteen p {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.2em;
    margin: 5px 0 0 0;
    color: #444;
    margin-left: 2%;
}
#second-footer .sixteen p a {
    color: #444;
}
#first-footer-wrapper .row .four:first-child {
    padding-left: 0;
}
}
@media only screen and (min-width: 705px) and (max-width: 940px) {
/* tablet */
/***********************************

    Tablet main content 

***********************************/
#site-identity {
    /* div container */
    width: 480px;
    float: left;
    margin-top: 15px;/* single line sitename 23px / double line sitename 15px */
}
#spartan-helmet {
    float: left;
    width: 36px;
    margin: 3px 6px 0 0;
}
#msu-wordmark {
    width: 263px;
}
#sitename {
    width: 436px;
    height: 40px;
}
.row {
    width: 100%;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
}
.navbar li .dropdown, .navbar li:hover .dropdown {
    display: none;
}

.eight.columns, .twelve.columns, .sixteen.columns {
   margin-left: 0!important;
}

.featured-container-tablet {
    width: 64%;
    float: left;
}
.featured.columns, .featured.first.columns {
    display: inline-block;
    float: none!important;
    width: 98%!important;
    margin-left: 2%;
}
.featured.columns h3 {
    padding-top: 0!important;
}
.featured.four.columns img {
    position: relative;
    width: 100%;
    float: left;
    padding: 2px 2% 2% 0;
}
/***********************************

    Tablet callout 

***********************************/
#home-call-out.four.columns {
    float: right;
    width: 32%;
    margin-left: 2%;
    margin-right: 2%;
}
.row .eight.columns {
    width: 75.5%!important;
}
#call-out {
    float: right;
}
#call-out.four.columns {
    width: 75.5%!important;
    margin-left: 0!important;
    margin-right: 2%;
}
#call-out-button .btn {
    text-align: center!important;
}
#call-out-button .btn img {
    height: 20px;
    width: 20px;
    float: none;
    vertical-align: top;
    margin: 7px 6px 0 0;
}
#call-out-button .btn a, #call-out-button .btn:hover a {
    padding: 1px 4px 0 0;
}
}
@media only screen and (max-width: 960px) {
/* Prevent certain content from riding edges of browser */
#left-nav {
    padding-left: 0.5em;
}
#site-identity, #intranet-site-identity {
    margin-left: 0.5em;
}
#search-box {
    margin-right: 0.5em!important;
    display: none;
}
#second-footer .sixteen img {
    /*margin-left: 0.5em;*/
}
}


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

#MSUmasthead {
    width: 50%;
    min-width: 320px;
  	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: 660px; 
	float: left;
	position: relative; 
	margin: 5px 0px 0px 0px;
}

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

#MSUstandardFooter #standard-footer-site-links ul {
	margin: 0px;
	padding: 0px;
    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;
	}

}

/* End of Cascade Framework Branding                         */
/*************************************************************/

#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: 18px;
}

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

#MSUstandardFooter .twelveMSUcolumns {   
    width: 700px; 
	float: right;
	position: relative; 
	margin: 5px 0px 0px 0px;
}

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

#MSUstandardFooter #standard-footer-site-links ul {
	margin: 0px;
	padding: 0px;
    height: 26px; 
	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;
    margin-top: -2px;
}

#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;
	}

}

/* End of Cascade Framework Branding                         */
/*************************************************************/