@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    html, body {
        width:100%;
        /*overflow-x:hidden;
   */
    }
}

.blue {
    color: #003594;
}

body {
    /* font-family: 'ProximaNovaReg';
  */
    font-family: "Open Sans", Arial, sans-serif;
    margin: 0;
    padding: 0;
    height: 100%;
    background-color: #ffffff;
    height: 100%;
}

.content {
    width: 960px;
    margin: 0 auto;
}

.container {
    position: relative;
    width: 100%;
    min-width: 960px;
    height: auto;
    min-height: 100%;
    overflow: hidden;
}

div {
    display: block;
}

strong[style] {
    font-weight: normal !important;
}

/****************************************************************************************************/
.main {
    width: 100%;
    min-width: 960px;
    height: auto;
    float: left;
    clear: both;
    display: block;
    position: relative;
    margin-bottom: 10px;
}

#banner {
    width: 100%;
    min-width: 960px;
    height: 236px;
    top: 95px;
    clear: both;
}

.banner_title {
    color: #ffffff;
    background-color: #003594;
    position: absolute;
    opacity: 0.9;
    z-index: 5;
    /* font-family: 'ProximaNovaBold';
  */
    font-family: "Oswald", Arial, sans-serif;
    width: 265px;
    height: 236px;
}

#school_title {
    font-size: 18pt;
    padding: 35px;
}

#department_title {
    /* font-size: 22pt;
  */
    font-size: 36px;
    height: 196px;
    width: 225px;
    /*overflow: hidden;*/
    position: relative;
    text-align: left;
    text-transform: uppercase;
    display: table-cell;
    vertical-align: middle;
    /* padding: 20px;
  */
    padding: 20px 20px 20px 30px;
    line-height: 44px;
}

#page_title {
    height: 158px;
    font-size: 22pt;
    padding-top: 78px;
}

#left_banner_img {
    width: 720px;
    height: 236px;
    position: absolute;
    z-index: 2;
}

#right_banner_img {
    width: 240px;
    height: 236px;
    z-index: 2;
    position: absolute;
    margin-left: 720px;
}

#wide_banner_img {
    width: 960px;
    height: 236px;
    position: absolute;
    z-index: 2;
}

#left_banner_img img {
    width: 720px;
    height: 236px;
}

#right_banner_img img {
    width: 240px;
    height: 236px;
}

#wide_banner_img img {
    width: 960px;
    height: 236px;
}

.banner_img:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.banner_img:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    z-index: 1;
    width: 100%;
    box-shadow: inset 0px 0px 75px rgba(0,0,0,1);
    -webkit-box-shadow: inset 0px 0px 75px rgba(0,0,0,1);
    -moz-box-shadow: inset 0px 0px 75px rgba(0,0,0,1);
}

.banner_cal:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    z-index: -1;
    box-shadow: inset 0px 0px 75px rgba(0,0,0,1);
    -webkit-box-shadow: inset 0px 0px 75px rgba(0,0,0,1);
    -moz-box-shadow: inset 0px 0px 75px rgba(0,0,0,1);
}

/****************************************************************************************************/
#breadcrumb {
    width: 955px;
    height: 3px;
    color: #FFFFFF;
    font-size: 9pt;
    padding: 1px 0 1px 5px;
    margin-bottom: 4px;
    overflow: hidden;
    background-color: #FFC72C;
}

#breadcrumb.normal {
    float: left;
    clear: both;
}

#breadcrumb.top_breadcrumb {
    margin-left: 265px;
    position: absolute;
    z-index: 10;
}

#breadcrumb a {
    color: #FFFFFF;
    font-size: 9pt;
    text-decoration: none;
}

#breadcrumb a:hover {
    text-decoration: underline;
}

#core {
    width: 100%;
    min-width: 960px;
    color: #333333;
}

#core a {
    /* color: #333333; */
    /* font-size: 9pt;
  */
    font-size: inherit;
}

#core a:hover {
  color: #000000;
}

#core.gateway a {
    /* font-family: 'ProximaNovaReg';
  */
    font-family: "Open Sans", Arial, sans-serif;
}

.left_img {
    float: left;
    padding-top: 16px;
}

#left_field {
    width: 245px;
    text-align: left;
    float: left;
    padding-right: 20px;
    padding-top: 8px;
    clear: right;
    margin-top: 20px;
}

.secondary_navigation_title {
    /* font-family: 'ProximaNovaReg';
  */
    font-family: "Oswald", Arial, sans-serif;
    font-weight: normal;
    width: 90%;
    text-transform: uppercase;
    font-size: 16px;
    color: #003594;
    border-bottom: 1px solid #ccc;
    display: block;
    margin-bottom: 5px;
}

#left_field ul {
    margin: 10px 0 0;
    padding: 0;
}

#left_field li {
    list-style: none;
    color: #003594;
    /* padding: 2px 0;
  */
    padding: 3px 0;
    /* font-size: 9pt;
  */
    font-size: 13px;
}

#core #left_field li a, #core .feature_textbox a, #core #center_field p a {
    color: #003594;
    /* font-size: 9pt; */
    font-size: inherit;
}

#core #left_field li a {
    text-decoration: none;
}

#core #left_field li a:hover {
    text-decoration: underline;
}

#core #center_field p a, #core .feature_textbox a {
    text-decoration: underline;
}

#core #center_field p a:hover, #core .feature_textbox a:hover {
    color: #000000;
}

#in_field {
    width: 430px;
    top: 20px;
    float: left;
    /* font-size: 9pt;
  */
    font-size: 14px;
    padding-top: 8px;
}

#magic_button {
    text-decoration: underline;
    cursor: pointer;
}

#in_field h2, #no_right_field h2 {
    /* background: url('../images/right_arrow.png') no-repeat 0% 10%;
  */
    background: url("../images/right_arrow.png") no-repeat 0 12px;
    padding-left: 20px;
    cursor: pointer;
}

#in_field h2 {
    color: #003594;
}

#in_field h2.close, #no_right_field h2.close {
    background-image: url('../images/down_arrow.png');
}

.answer {
    padding-left: 20px;
    padding-bottom: 15px;
}

.answer hr {
    color: #FFC72C;
}

.moreInfoDetails {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 24px;
}

.moreInfoLabel {
    font-weight: bold;
}

#center_field {
    float: left;
    /* font-size: 9pt;
  */
    font-size: 14px;
    width: 450px;
    line-height: 24px;
}

#center_field table {
    /* width: 450px;
  */
    max-width: 430px;
    width: 100%;
}

#cf_left_col {
    width: 215px;
    padding: 10px 0;
    float: left;
}

#cf_right_col {
    width: 215px;
    padding: 10px;
    float: left;
}

.center_field_img {
    height: 115px;
    width: 207px;
    position: relative;
}

.center_field_img h1 {
    position: absolute;
    text-align: center;
    bottom: 0;
    margin: 0;
    background: #001A70;
    color: #FFC72C;
    width: 100%;
    opacity: 0.8;
}

#core h2 {
    /* font-size: 11pt;
  */
    font-size: 22px;
    /* font-family: 'ProximaNovaReg';
  */
    font-family: "Oswald", Arial, sans-serif;
    font-weight: normal;
    /* margin-top: 0;
  */
    margin-top: 30px;
    color: #003594;
}

#core h1 {
    /* font-size: 13pt;
  */
    font-size: 28px;
    /* font-family: 'ProximaNovaReg';
  */
    font-family: "Oswald", Arial, sans-serif;
    font-weight: normal;
    /* margin-top: 0;
  */
    color: #003594;
}

#center_field p {
    /* font-size: 9pt;
  */
    font-size: 14px;
    /* font-family: 'ProximaNovaReg';
  */
    font-family: "Open Sans", Arial, sans-serif;
    margin-top: 0;
    padding-right: 5px;
    /* line-height: 120%;
  */
    line-height: 24px;
}

#center_field table p {
    margin: 0;
}

#center_field li {
    line-height: 24px;
}

.pullquote {
    color: #003594;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

.pquote {
    width: 200px;
    display: inline-block;
    /* font-size: 10pt;
  */
    font-size: 13px;
    /* font-family: 'ProximaNovaRegIt';
  */
    font-family: "Open Sans", Arial, sans-serif;
    /* font-weight: bold;
  */
    font-weight: 400;
    font-style: italic;
    /* line-height: 18px;
  */
    line-height: 20px;
}

.pq {
    width: 200px;
    margin: 10px 0 0 17px;
    /* display: inline-block;
  */
    /* font-size: 9pt;
  */
    font-size: 13px;
    text-align: right;
}

#right_field {
    float: right;
    width: 240px;
    padding-top: 8px;
}

#right_field.wide_banner_push_up {
    margin-top: -200px;
}

#right_field h2 {
    padding-top: 10px;
}

#right_field.wide_banner_push_up h2 {
    margin-left: 30px;
    padding: 0;
}

#right_field div.quicklinks ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#right_field ul {
    margin: 0;
    padding-left: 25px;
}

#right_field.wide_banner_push_up ul {
    margin-left: 30px;
}

#right_field li {
    /* font-size: 9pt;
  */
    font-size: 13px;
    padding: 3px 0;
}

#right_field .media {
    height: auto ;
    width: 240px;
}

.feature_textbox {
    width: 240px;
    /* margin: 0 0 15px 0;
  */
    margin: 20px 0 15px 0;
    font-size: 13px;
    line-height: 22px;
}

img.feature_image_full {
    width: 240px;
    height: auto;
}

.feature_textbox h1, .media h2 {
    padding: 0px 10px 5px 0px;
    margin: 0;
    font-size: 16px !important;
    text-transform: uppercase;
}

.feature_textbox p {
    /* font-size: 9pt;
  */
    font-size: 13px;
    margin: 0;
    /* padding: 0 10px 10px;
  */
    padding: 0 0 10px;
    line-height: 22px;
}

.feature_textbox h2, .feature_textbox h3 {
    padding: 0 10px 10px;
    color: #003594;
    margin: 0;
}

/***********************************************************************************************************/
#core #center_field .article_text h1 {
    /* font-size: 14pt;
  */
    font-size: 28px;
}

.article_text img {
    max-width: 420px;
}

.article_text {
    margin-right: 20px;
    /* margin-top: 8px;
  */
    margin-top: 20px;
}

#center_field .article_text a:link, #center_field .article_text a:visited {
    color: #003594;
    /*text-decoration: none;
 */
}

#center_field .article_text a:hover, #center_field .article_text a:active {
    /* color: #900; */
    color: #000000;
}

.articleDate {
    font-style: italic;
    font-size: 10pt;
    margin-bottom: 16px;
}

#no_right_field {
    font-size: 9pt;
    width: 695px;
    float: left;
}

#no_right_field p {
    margin-bottom: 12px;
    margin-top: 0;
}

/***********************************************************************************************************/
/* Faculty Profile Page */
#left_field.faculty_details ul li {
    font-size: 8pt;
    color: #003594;
}

#center_field.faculty_details {
    margin-top: 4px;
}

.faculty_details table {
    margin: 0 0 10px 0;
}

.faculty_details table td {
    vertical-align: top;
    /* padding: 0 4px 0 0;
  */
    padding: 6px 10px;
    /* font-size: 9pt;
  */
    font-size: 14px;
    /* width: 300px;
  */
    width: 100%;
}

.faculty_details table td.faculty_title {
    padding-bottom: 18px;
    line-height: 24px;
    font-style: italic;
}

#right_field.faculty_details img {
    width: 240px;
    margin-top: 20px;
}

.portrait_placeholder, .faculty_small {
    float: left;
    margin-right: 20px;
    height: 100px;
    width: 80px;
    background: url("https://www.csub.edu/_files/images/headshot-generic.png") no-repeat;
    /* This will show if user does not choose an image */
    background-size: 80px 100px;
}

.faculty_details .faculty_name {
    /* font-family: 'ProximaNovaReg';
  */
    font-family: "Oswald", Arial, sans-serif;
    font-weight: normal;
    /* font-size:11pt;
  */
    font-size: 18px;
}

.faculty_details .faculty table {
    margin: 10px 0;
    min-height: 90px;
}

.faculty {
    margin-bottom: 20px;
}

.titleSpacer {
    height: 10px;
}

.employeeGroupSpacer {
    /* height:20px;
  */
    height: 30px;
}

.employeeDetails {
    /* margin-left:103px;
  */
    margin: 20px 0 20px 103px;
    min-height: 100px;
}

.contactInfoLabel {
    width: 90px !important;
    font-weight: 600;
}

/****************************************************************************************************/
/* LANDING PAGE STYLES */
.category {
    margin: 10px 0;
}

.category h2 {
    color: #003594;
    font-weight: bold;
    font-size: 11pt;
    margin: 0;
}

.category li {
    list-style: none;
    color: #003594;
    padding: 2px 0;
}

.category p {
    margin: 0;
}

.category ul {
    left: -10px;
    padding: 0;
    margin: 5px 0;
}

.small_square {
    margin-right: 10px;
    margin-bottom: 10px;
    height: 100px;
    width: 100px;
    float: left;
    clear: both;
}

.feature_title_underline {
    /* width:70%;
  */
    width: 100%;
    border-top: 1px solid #CCCCCC;
    margin-bottom: 15px;
}

/****************************************************************************************/
/* COLUMN STYLES */
.columns_2 {
    margin-top: 20px;
}

.columns_2 h2 {
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    border-bottom: 1px solid #AAAAAA;
    padding-bottom: 3px;
}

.columns_2 div {
    width: 325px;
    padding: 0 10px;
    float: left;
}

.columns_3 {
    margin-top: 20px;
}

.columns_3 h2 {
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    border-bottom: 1px solid #AAAAAA;
    padding-bottom: 3px;
}

.columns_3 div {
    width: 210px;
    padding: 0 10px;
    float: left;
}