.helpTextWhite {
    color: white;
}
.w-lightbox-caption {
    position: absolute;
    width: auto;
    right: 0;
    bottom: 0;
    left: 0;
    padding: .5em 1em;
    background: rgba(0, 0, 0, 0.8);
    text-align: left;
    text-overflow: initial;
    white-space: normal;
    overflow: visible;
}

.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    margin-bottom: 1px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
    background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    font-size: 14px;
    line-height: 20px;
}

.accordion:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}

.active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
}

.panel p{
    padding-top: 18px;
    padding-bottom: 0px;
}
hr {
  border: 1px solid rgb(217, 217, 217);margin-bottom: 30px;
}
.servicelink {
    font-size: 14px;
}
div.alert-box.warning {
    background-color: #e86701;
    color: #ffffff;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 14px;
    font-weight: bold;
}

p.errorText {
    color: white;
    font-size: 20px;
    font-weight: bold;
}
div.alert-box.success {
    background-color: #058e50;
    color: #ffffff;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 14px;
    font-weight: bold;
}
p.successText {
    color: white;
    font-size: 20px;
    font-weight: bold;
}
div.alert-box-normal.success {
    background-color: #474747;
    box-shadow: 0 0 7px 0 rgba(58, 58, 58, .4);
    color: #ffffff;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
}
div.alert-box-normal.warning {

    background-color: #d41715;
    box-shadow: 0 0 7px 0 rgba(58, 58, 58, .4);
    color: #ffffff;
    text-align: center;


    margin-top: 20px;
    margin-bottom: 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
}


a.moreLink {
    width: 100%;
    height: 38px;
    margin-left: -10px;
    padding: 8px 10px 10px 10px;
    float: left;
    margin-left: 0px;
    margin-top: 20px;
    text-align: center;
    border-radius: 3px;
    background-color: rgba(46, 85, 135, .6);
    -webkit-transition: background-color 500ms ease;
    transition: background-color 500ms ease;
    font-size: 15px;
    font-weight: 700;
    color: #ffffff;
}
a:hover.moreLink {
    background-color: rgba(11, 62, 129, 0.72);
    -webkit-transition: background-color 500ms ease;
    transition: background-color 500ms ease;
    color: #ffffff;
}
div#morestoryList {
    margin-left: 50px;
}
div.w-col.w-col-3.spacing {
    padding-right: 10px;
}

.datagrid table {
    border-collapse: collapse;
    text-align: left;
    width: 100%;

}
.datagrid {
    font: normal 14px/150% Arial, Helvetica, sans-serif;
    background: #fff;
    overflow: hidden;
    border: 1px solid #C4C4C4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 30px;
}

.datagrid table td, .datagrid table th {
    padding: 3px 10px;
}
.datagrid table thead th {
    background-color:#e3e3e3;
    color:#7c7c7c;;
    font-size: 12px;
    font-weight: bold;
    border-left: 1px solid #A8A8A8;
}
.datagrid table thead th:first-child {
    border: none;
}
.datagrid table tbody td {
    color: #595959;
    border-left: 1px solid #D4D4D4;
    font-size: 14px;
    font-weight: normal;
}
.datagrid table tbody tr.odd {
    background-color: #f2f2f2;
    font-weight: normal;
}
.datagrid table tbody .alt td {
    background: #F4F4F4;
    color: #595959;
}
.datagrid table tbody td:first-child {
    border-left: none;
}
.datagrid table tbody tr:last-child td {
    border-bottom: none;
}


.pagination {
    margin-top: 20px;
    margin-bottom: 30px;

}
div.paginateButtons {
    margin-top: 20px;
    margin-bottom: 30px;
    font-size: 12px;
}
span.currentStep {
    margin-right: 8px;
    border-radius: 5px;
    color: white;
    background-color: #7a7a7a;
    font-weight: 700;
    width: auto;
    margin-top: 9px;
    margin-right: 8px;
    padding: 10px 15px;
    -webkit-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
    text-align: center;
}
div.w-icon-nav-menu {
    color: white;
}
a.alphalink.w--current {
    margin-right: -3px;
    margin-left: -3px;
    padding-right: 3px;
    padding-left: 3px;
    border-radius: 3px;
    background-color: rgba(41, 52, 83, .53);
    color: #fff;}


span.currentStep:hover {
    background-color: #1472e9;
}
.step {
    margin-right: 8px;
    border-radius: 5px;
    background-color: #e0e0e0;
    color: dimgray;
    font-weight: 400;
    width: auto;
    margin-top: 9px;
    margin-right: 10px;
    padding: 8px 8px;
    -webkit-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
    text-align: center;
    text-decoration: none;
}

.step:hover {
    background-color: #1472e9;
    color: #e4e4e4;
}

.nextLink {
    border-radius: 5px;
    background-color: #e0e0e0;
    color: dimgray;
    font-weight: 400;
    width: auto;
    margin-top: 9px;
    margin-right: 8px;
    padding: 8px 15px;
    -webkit-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
    text-align: center;
    text-decoration: none;
}

.nextLink:hover {
    background-color: #1472e9;
    color: white;
}
.prevLink {
    border-radius: 5px;
    background-color: #e0e0e0;
    color: dimgray;
    font-weight: 400;
    width: auto;
    margin-top: 9px;
    margin-right: 8px;
    padding: 8px 15px;
    -webkit-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
    text-align: center;
    text-decoration: none;
}

.prevLink:hover {
    background-color: #1472e9;
    color: white;
}
/* fluid 5 columns */
.grid-sizer,
.grid-item {
    width: 25%;
}

.grid-item--width2 { width:  50%; }
.grid-item--width3 { width:  60%; }

/*.grid-item--height2 { height: 200px; }
.grid-item--height3 { height: 260px; }
.grid-item--height4 { height: 360px; }*/


.hplabel {
    color: black;
    font-weight: bold;
}
.hplabel span {
    color: black;
    font-weight: normal;
    padding-left: 4px;
}

.hplabel-op {
    color: rgba(130, 130, 130, 0.99);
    font-style: italic;
    font-weight: bold;
    float: left;
}
.hpoptiondiv {
    display: inline-block;
    width: 46%;
    margin-right: 20px;
}
.hpoptionwrapper {
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    border-color: rgba(130, 130, 130, 0.37);
    padding: 20px;
    margin-top: 30px;
    margin-bottom: 20px;
}
.hp100wrapper {
    display: inline-block;
    width: 100%;

}

.step1 {
    background-image: url("../images/no-1.jpg");
    background-position-x: 0;
    background-position-y: 24px;
    background-size: 24px;
    text-align: left;
    background-repeat: no-repeat;
    padding-top: 0px;
    padding-left: 30px;
    margin-bottom: 15px;
    margin-top: 0px;
}
.step2 {
    background-image: url("../images/no-2.jpg");
    background-position-x: 0;
    background-position-y: 0;
    background-size: 24px;
    text-align: left;
    background-repeat: no-repeat;
    padding-top: 14px;
}

.step3 {
    background-image: url("../images/no-3.jpg");
    background-position-x: 0;
    background-position-y: 0;
    background-size: 24px;
    text-align: left;
    background-repeat: no-repeat;
    padding-top: 2px;
    padding-left: 30px;
    margin-bottom: 25px;
    margin-top: 30px;
}
.step4 {
    background-image: url("../images/no-4.jpg");
    background-position-x: 0;
    background-position-y: 0;
    background-size: 24px;
    text-align: left;
    background-repeat: no-repeat;
    padding-top: 30px;
    margin-top: 16px;
}
.step5 {
    background-image: url("../images/no-5.jpg");
    background-position-x: 0;
    background-position-y: 0;
    background-size: 24px;
    text-align: left;
    background-repeat: no-repeat;
    padding-top: 2px;
    margin-top: 1px;
}
.hp-div-left {
    display: inline-block;
    margin-top: 20px;
    width: 60%;
    margin-right: 24px;
    float: left;
    clear: none;
}
.hp-required {
    border-style: solid;
  	border-width: 2px;
    border-color: rgb(151, 151, 151);
}
.hp-div-right {
    display: inline-block;
    margin-top: 0px;
    width: 35%;
}
.hp-div-right-ci {
     display: inline-block;
     margin-top: 20px;
     width: 35%;
 }
.w-input, .w-select {
    font-size: 12px;
}
.centerCal {
  text-align: center;
}
.cal-button {
  background-image: url("../images/icon-calendar.png");
  background-position-x: 24px;
  background-position-y: 9px;
  background-size: 20px;
  background-repeat: no-repeat;
  margin-left: 10px;
  width: auto;
  margin-bottom: 1px;
  padding-left: 55px;
  padding-right: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #3898EC;
  text-align: center;
  color: white;
  border-radius: 6px;
}
a:hover.cal-button {
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
  background-color: #5fc56d;
  color: white;
}
.hp-div-left {
    display: inline-block;
    margin-top: 20px;
    width: 60%;
    margin-right: 24px;
    float: left;
    clear: none;
}
.hp-div-quarterbox {
    display: inline-block;
    margin-top: 1px;
    width: 22%;
    margin-right: 24px;
    float: left;
    clear: none;
}
.hp-div-quarterboxright {
    display: inline-block;
    margin-top: 1px;
    margin-bottom: 20px;
    width: 22%;
}
.hp-repeatbox {
    display: inline-block;
    margin-top: 1px;
    width: auto;
    margin-right: 24px;
}
#weeklyOptions {
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
    width: auto;
    margin-right: 24px;
    background-color: rgb(240, 240, 240);
    border-radius: 5px;
    padding-top: 12px;
    padding-bottom: 4px;
    padding-left: 17px;
    padding-right: 10px;
}
.datetime, .hasDatepicker {
    background-image: url("../images/icon-cal-blue.jpg");
    background-position-x: 97%;
    background-position-y: 49%;
    background-size: 16px;
    text-align: left;
    background-repeat: no-repeat;
}

.rca-logo {
    position: static;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: auto;
    display: inline-block;
    width: 175px;
    height: 61px;
    margin-top: 9px;
    margin-left: 0px;
    background-image: url('../images/RCA_logo.png');
    background-repeat: no-repeat;
    background-size: 175px;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
}

@media (max-width: 767px) {
    .grid-sizer,.grid-item {
        width: 25%;
    }
    .hpoptiondiv {
        display: inline-block;
        width: 100%;
    }
    .hp-div-left {
        width: 100%;
    }
    .hp-div-right {
        width: 100%;
    }
    .hp-div-quarterbox {
        width: 100%;
    }
    .hp-div-quarterboxright {
        width: 100%;
    }
}
@media (max-width: 991px) {
    .rca-logo {
        margin-top: 3px;
    }
    .grid-sizer,.grid-item {
        width: 25%;
    }
    .hpoptiondiv {
        display: inline-block;
        width: 100%;
    }
    .hp-div-left {
        width: 100%;
    }
    .hp-div-right {
        width: 100%;
    }
    .hp-div-quarterbox {
        width: 100%;
    }
    .hp-div-quarterboxright {
        width: 100%;
    }
}
@media (max-width: 479px) {
    .grid-sizer,.grid-item {
        width: 50%;
    }
    .hpoptiondiv {
        display: inline-block;
        width: 100%;
    }
    .hp-div-left {
        width: 100%;
    }
    .hp-div-right {
        width: 100%;
    }
    .hp-div-quarterbox {
        width: 100%;
    }
    .hp-div-quarterboxright {
        width: 100%;
    }
}

.w-button {
    display: inline-block;
    padding: 9px 15px;
    background-color: #3898EC;
    color: white;
    border: 0;
    line-height: inherit;
    text-decoration: none;
    cursor: pointer;
    border-radius: 0;
}



.w-nav-menu {
    position: relative;
    float: left;
}
a.excel {
    color: #effffd;
}

.events-slide {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 1700px;
    white-space: normal;
    text-align: left;
    margin-top: 80px;
    margin-left: auto;
    padding-left: 100px;
    padding-right: 200px;
    padding-top: 100px;
    padding-bottom: 100px;
    background: 111111;
}
.events-slide h4 {
    margin-top: 10px;
    margin-bottom: 60px;
    font-family: 'Open Sans', sans-serif;
    font-size: 60px;
    line-height: 24px;
    color: white;
}
.events-slide ul li {
    margin-top: 10px;
    margin-bottom: 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 34px;
    line-height: 48px;
    color: white;
}
.w-container {
    max-width: 1200px;
}
.sidebar-nav-link {
    white-space: normal;
}.sidebar-nav-link.dropdown {
    white-space: normal;
}

input[type="checkbox"], input[type="radio"] {
    margin-right: 5px;
}
.article__content .alignright {
    float: right;
    margin-left: 10px;
}
figcaption {
    margin-top: 5px;
    text-align: left;
}



































.w-checkbox {
  display: block;
  margin-bottom: 5px;
  padding-left: 20px;
}

.w-checkbox::before {
  content: ' ';
  display: table;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

.w-checkbox::after {
  content: ' ';
  display: table;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
  clear: both;
}

.w-checkbox-input {
  float: left;
  margin-bottom: 0px;
  margin-left: -20px;
  margin-right: 0px;
  margin-top: 4px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-color: #ccc;
  border-bottom-color: #ccc;
  border-left-color: #ccc;
  border-right-color: #ccc;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  width: 12px;
  height: 12px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  border-top-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  border-right-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0px 0px 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-color: #ccc;
  border-bottom-color: #ccc;
  border-left-color: #ccc;
  border-right-color: #ccc;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  width: 12px;
  height: 12px;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0px 0px 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-top-width: 4px;
  border-bottom-width: 4px;
  border-left-width: 4px;
  border-right-width: 4px;
  border-top-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  border-right-color: #3898ec;
}

.w-layout-grid {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
}

body {
  font-family: 'Open Sans', sans-serif;
  color: #333;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
  line-height: 44px;
  font-weight: 700;
}

h2 {
  margin-top: 0px;
  margin-bottom: 20px;
  padding-top: 20px;
  font-family: 'Open Sans', sans-serif;
  color: #585858;
  font-size: 28px;
  line-height: 36px;
  font-weight: 600;
  text-align: left;
  letter-spacing: 0px;
  text-transform: none;
}

h3 {
  margin-top: 0px;
  margin-bottom: 10px;
  padding-right: 0px;
  padding-left: 0px;
  float: none;
  font-family: 'Open Sans', sans-serif;
  color: #727272;
  font-size: 18px;
  line-height: 30px;
  font-weight: 700;
  text-align: left;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
}

p {
  margin-bottom: 5px;
  padding-bottom: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #333;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  text-decoration: none;
}

a {
  display: inline;
  float: none;
  clear: none;
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
  color: #4381de;
  font-weight: 700;
  text-align: left;
  text-decoration: none;
}

a:hover {
  color: #2e5587;
}

label {
  display: block;
  margin-bottom: 9px;
  font-family: 'Open Sans', sans-serif;
  color: #707070;
  font-size: 14px;
  font-weight: 400;
}

.button {
  display: inline-block;
  width: auto;
  padding: 10px 20px;
  border-radius: 4px;
  background-color: #2e5587;
  color: #fff;
  text-align: center;
  text-decoration: none;
}

.button.slideshowbutton {
  padding: 11px 19px;
  background-image: -webkit-gradient(linear, left top, right top, from(#4381de), to(#2e5587));
  background-image: linear-gradient(90deg, #4381de, #2e5587);
  -webkit-transition: background-color 408ms ease;
  transition: background-color 408ms ease;
  font-family: 'Open Sans', sans-serif;
  font-weight: 800;
  text-transform: uppercase;
}

.button.slideshowbutton:hover {
  background-image: -webkit-gradient(linear, right top, left top, from(#3267b8), to(#1d3c66));
  background-image: linear-gradient(270deg, #3267b8, #1d3c66);
  color: #fff;
}

.button.slideshowbutton.cta-button {
  margin-bottom: 50px;
}

.button.slideshowbutton.cta-button.more-at-bottom {
  margin-bottom: 108px;
  -webkit-transition: -webkit-transform 200ms ease;
  transition: -webkit-transform 200ms ease;
  transition: transform 200ms ease;
  transition: transform 200ms ease, -webkit-transform 200ms ease;
}

.button.slideshowbutton.cta-button.gradbutton {
  margin-bottom: 108px;
  background-color: #172a42;
  background-image: none;
  opacity: 1;
  -webkit-transition: background-color 400ms ease;
  transition: background-color 400ms ease;
}

.button.slideshowbutton.cta-button.gradbutton:hover {
  background-color: #2763b1;
}

.button.tags-button {
  width: 100%;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
}

.button.tags-button:hover {
  background-color: #1c3a61;
  color: #fff;
}

.button.tag-search {
  width: 20%;
  padding-top: 9px;
  padding-bottom: 9px;
  float: right;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
}

.button.tag-search:hover {
  background-color: #617691;
}

.topnav {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  display: block;
  height: 84px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 7px 50px 0px;
  background-color: #093955;
  background-image: -webkit-gradient(linear, left top, right top, from(#0d3a54), color-stop(38%, #2e3d6a), to(#5f418b));
  background-image: linear-gradient(90deg, #0d3a54, #2e3d6a 38%, #5f418b);
}

.topnav.intranetservices {
  background-color: #505050;
  background-image: none;
}

.topnav.alumninav {
  background-image: -webkit-gradient(linear, left top, right top, from(#5099c4), color-stop(61%, #3d5d86), to(#5f418b));
  background-image: linear-gradient(90deg, #5099c4, #3d5d86 61%, #5f418b);
}

.topnav.intranetnav {
  display: block;
  background-color: #fff;
  background-image: none;
}

.mainnav {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 1000;
  display: block;
  margin-top: 0px;
  background-color: hsla(0, 0%, 100%, 0.9);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.72);
}

.mainnav.intranetservicesmenu {
  background-color: #e46b29;
}

.mainnavcontainer {
  float: none;
}

.mainnavbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  padding-right: 0px;
  padding-left: 0px;
  float: left;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.mainnavlink {
  display: block;
  margin-top: 2px;
  margin-right: 7px;
  margin-left: 0px;
  padding: 20px 25px 20px 0px;
  -webkit-transition: color 500ms ease;
  transition: color 500ms ease;
  font-family: 'Open Sans', sans-serif;
  color: #2e5587;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0px;
  text-transform: uppercase;
}

.mainnavlink:hover {
  color: #4980c9;
}

.mainnavlink.dropdown {
  display: block;
  margin-right: 0px;
  padding-right: 43px;
  font-size: 17px;
}

.mainnavlink.dropdown.intranetservicesmenuitem {
  margin-top: 0px;
}

.mainnavlink.intranetservicesmenuitem {
  display: inline-block;
  margin-top: 0px;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #fff;
}

.mainnavlink.intranetservicesmenuitem:hover {
  color: #080808;
}

.mainnavlink.intranetservicesmenuitem.w--current {
  display: inline-block;
  margin-top: 0px;
  color: #202020;
}

.mainnavlink.intranetdropdown {
  display: block;
  margin-right: 0px;
  padding-right: 43px;
  color: #fff;
  font-size: 16px;
}

.mainnavlink.intranetdropdown:hover {
  color: #82fff7;
}

.mainnavlink.intranetdropdown.intranetservicesmenuitem {
  margin-top: 0px;
}

.topnavcontainer {
  position: relative;
  left: 0px;
  top: -1px;
  right: 0px;
  display: block;
  width: 300px;
  padding-top: 0px;
  float: left;
}

.topnavlink {
  -webkit-transition: color 500ms ease;
  transition: color 500ms ease;
  font-family: 'Roboto Condensed', sans-serif;
  color: #fff;
  font-size: 20px;
  line-height: 1px;
  font-weight: 600;
}

.topnavlink:hover {
  color: #86b5fc;
}

.searchsubmit {
  width: 100%;
  height: 38px;
  margin-left: -10px;
  padding: 4px 0px 6px;
  float: left;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  background-color: rgba(46, 85, 135, 0.6);
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
  font-size: 15px;
  font-weight: 700;
}

.searchsubmit:hover {
  background-color: #2e5587;
}

.searchfield {
  width: 100%;
  height: 42px;
  margin-bottom: 0px;
  padding-top: 9px;
  float: left;
  border: 1px solid rgba(59, 59, 59, 0.27);
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: hsla(0, 0%, 100%, 0.2);
  color: #c2c2c2;
  font-size: 19px;
}

.searchform {
  position: static;
  top: 0px;
  right: 0px;
  width: 100%;
  margin-top: -1px;
  margin-bottom: 20px;
  float: right;
  clear: none;
}

.topnavbox {
  display: none;
  padding-top: 20px;
  padding-left: 6px;
  background-color: #636363;
  box-shadow: inset 2px 0 13px -3px rgba(0, 0, 0, 0.5);
}

.searchcol {
  position: static;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
  margin-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  text-align: right;
}

.topnavmenubutton {
  left: 10px;
  width: 131px;
  margin-top: 5px;
  margin-bottom: 0px;
  padding: 0px;
}

.topnavmenubutton.w--open {
  background-color: transparent;
}

.slideshow-section {
  position: relative;
  left: 0px;
  top: 0px;
  height: 410px;
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: #303030;
}

.featured-stories-section {
  padding: 30px 40px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(77, 72, 64, 0.86)), to(rgba(77, 72, 64, 0.86))), url('../images/badstuff.jpg');
  background-image: linear-gradient(180deg, rgba(77, 72, 64, 0.86), rgba(77, 72, 64, 0.86)), url('../images/badstuff.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, fixed;
}

.featured-stories-section.ugnews {
  padding-right: 30px;
  padding-left: 30px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(65, 65, 65, 0.91)), to(rgba(65, 65, 65, 0.91)));
  background-image: linear-gradient(180deg, rgba(65, 65, 65, 0.91), rgba(65, 65, 65, 0.91));
}

.featured-stories-section.alumnifeatured {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(48, 39, 28, 0.87)), to(rgba(48, 39, 28, 0.87))), url('../images/oc-spring-13.004_slide_slide.jpg');
  background-image: linear-gradient(180deg, rgba(48, 39, 28, 0.87), rgba(48, 39, 28, 0.87)), url('../images/oc-spring-13.004_slide_slide.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, fixed;
}

.featured-stories-section.gradspotlight {
  padding-top: 5px;
  padding-right: 30px;
  padding-left: 30px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.44)), to(transparent)), -webkit-gradient(linear, left top, left bottom, from(rgba(136, 132, 121, 0.91)), to(rgba(136, 132, 121, 0.91))), url('../images/alumni-at-work_slide.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.44), transparent), linear-gradient(180deg, rgba(136, 132, 121, 0.91), rgba(136, 132, 121, 0.91)), url('../images/alumni-at-work_slide.jpg');
  background-position: 0px 0px, 0px 0px, 0px 0px;
  background-size: auto, auto, cover;
  background-repeat: repeat, repeat, no-repeat;
  background-attachment: scroll, scroll, scroll;
}

.fsrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 20px;
  margin-left: 20px;
  padding-top: 10px;
  padding-bottom: 60px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.fsbox {
  margin: 10px 0px 30px;
  padding-right: 0px;
  padding-left: 0px;
  background-color: #e6e6e6;
}

.fsbox.asbox {
  height: 380px;
  margin-right: 20px;
  margin-bottom: 50px;
  margin-left: 0px;
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#ececec));
  background-image: linear-gradient(180deg, #ececec, #ececec);
  box-shadow: 0 0 4px 0 rgba(46, 46, 46, 0.6);
}

.directorschoicebox {
  position: static;
  left: 10px;
  right: 10px;
  bottom: 1px;
  width: 86%;
  margin-top: -1px;
  padding-right: 22px;
  float: left;
  background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(hsla(0, 0%, 100%, 0)));
  background-image: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0));
  -webkit-transition: color 500ms ease;
  transition: color 500ms ease;
}

.directorschoicebox:hover {
  color: #4381de;
}

.directorschoicebox.directorschoice-page {
  width: 43%;
  margin-top: 0px;
  margin-left: -10px;
  padding-right: 23px;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(7, 7, 7, 0.49)), to(transparent));
  background-image: linear-gradient(90deg, rgba(7, 7, 7, 0.49), transparent);
}

.directorschoicetitle {
  position: absolute;
  left: 34px;
  top: 15px;
  -webkit-transition: color 500ms ease;
  transition: color 500ms ease;
  font-family: 'Open Sans', sans-serif;
  color: #1a4078;
  font-size: 22px;
  font-weight: 600;
}

.directorschoicetitle:hover {
  color: #0e1624;
}

.directorschoicetitle.white {
  margin-top: 2px;
  color: #fff;
  font-size: 24px;
}

.dctitle {
  margin-top: 10px;
  margin-bottom: 0px;
  padding: 0px 0px 10px;
  font-family: 'Open Sans', sans-serif;
  color: #454545;
  font-size: 19px;
  line-height: 24px;
  font-weight: 700;
}

.eventsnewssection {
  display: block;
  width: 100%;
  padding: 30px 40px;
}

.eventstitle {
  position: static;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 15px;
  font-family: 'Open Sans', sans-serif;
  color: #505050;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0px;
  text-transform: uppercase;
}

.eventstitle.centered {
  text-align: center;
}

.eventstitle.centered.related-topics {
  margin-top: 0px;
  color: #e8e8e8;
  font-size: 28px;
  font-weight: 100;
}

.eventstitle.linetop {
  padding-top: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.eventstitle.darkertitle {
  color: #616161;
}

.event-title {
  -webkit-transition: color 500ms ease;
  transition: color 500ms ease;
  font-family: 'Open Sans', sans-serif;
  color: #4381de;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  text-decoration: none;
}

.event-title:hover {
  color: #2e5587;
}

.eventdate {
  font-family: Roboto, sans-serif;
  color: #6d6d6d;
  font-size: 12px;
  font-weight: 700;
}

.eventlistitem {
  padding-bottom: 10px;
}

.congratsimage {
  display: block;
  margin-right: 10px;
  float: left;
  clear: none;
  border-radius: 38px;
}

.congratsimage.latest-news-image {
  position: static;
  margin-right: 10px;
  float: left;
  clear: none;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  border-radius: 0px;
}

.congratsimage.latest-news-image.file-link-block {
  margin-bottom: 2px;
  -webkit-flex-basis: 10%;
  -ms-flex-preferred-size: 10%;
  flex-basis: 10%;
}

.congratstitlelink {
  position: static;
  display: block;
  padding-left: 0px;
  float: none;
  clear: none;
  -webkit-transition: color 500ms ease;
  transition: color 500ms ease;
  font-family: 'Open Sans', sans-serif;
  color: #4381de;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  text-decoration: none;
  text-transform: none;
}

.congratstitlelink:hover {
  color: #2e5587;
}

.congratslistitem {
  margin-bottom: 14px;
}

.slideshowtext {
  position: static;
  left: 20%;
  right: 20%;
  bottom: 72px;
  width: auto;
  margin-left: 0px;
  padding: 0px 20px 20px 0px;
  background-image: none;
}

.slideshowheading {
  margin-top: 0px;
  -webkit-transition: color 500ms ease;
  transition: color 500ms ease;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 50px;
  line-height: 60px;
  font-weight: 700;
  text-decoration: none;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.36);
}

.slideshowheading:hover {
  color: #f0f0f0;
  text-shadow: none;
}

.slideshowheading.cta-heading {
  display: block;
  margin-top: 41px;
  margin-bottom: 15px;
  clear: left;
  font-size: 36px;
  line-height: 43px;
  font-weight: 600;
  text-align: center;
}

.slideshowheading.cta-heading.alumni-memorial {
  text-align: center;
}

.slideshowparagraph {
  position: relative;
  display: block;
  padding-bottom: 20px;
  float: none;
  clear: none;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 16px;
}

.footersection {
  display: none;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(51, 80, 124, 0.48)), to(rgba(51, 80, 124, 0.48))), url('../images/black-white-suz.jpg');
  background-image: linear-gradient(180deg, rgba(51, 80, 124, 0.48), rgba(51, 80, 124, 0.48)), url('../images/black-white-suz.jpg');
  background-size: auto, contain;
  background-attachment: scroll, fixed;
}

.footercontainer {
  padding-top: 20px;
}

.eventscongrats-section {
  margin-top: 30px;
  margin-bottom: 20px;
}

.footerparagraph {
  font-family: 'Open Sans', sans-serif;
  color: #fff;
}

.footerlogo {
  position: relative;
  left: 0px;
  top: 0px;
  text-align: right;
}

.mainnavicon {
  margin-right: 27px;
  padding-right: 0px;
  font-size: 14px;
}

.otodaylinkbox {
  background-color: transparent;
}

.searchbutton {
  margin-left: 0px;
  padding-top: 0px;
  padding-left: 0px;
}

.searchbutton.modal-link {
  margin-left: 0px;
}

.modal-window {
  display: block;
  overflow: auto;
  width: 70%;
  margin-right: auto;
  margin-left: auto;
  padding: 40px;
  border-radius: 11px;
  background-color: #fff;
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.43);
}

.modal-background {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 4001;
  display: none;
  height: 100vh;
  max-height: 100vh;
  padding-top: 133px;
  padding-bottom: 1px;
  background-color: rgba(3, 3, 3, 0.58);
  font-size: 14px;
}

.form-wrapper {
  margin-bottom: 0px;
}

.search-close {
  position: relative;
  left: 16px;
  top: -24px;
  right: 0px;
  float: right;
  font-family: 'Open Sans', sans-serif;
  color: #4381de;
  font-weight: 600;
  text-align: left;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.modal-link {
  display: inline-block;
  width: 16px;
  margin-right: 0px;
  margin-left: 11px;
  float: none;
}

.quicklinks-button {
  display: inline-block;
  margin-left: 14px;
  padding: 20px;
  float: left;
  clear: none;
  border-radius: 0px;
  background-image: -webkit-gradient(linear, left top, right top, from(#183c73), to(#12abb0));
  background-image: linear-gradient(90deg, #183c73, #12abb0);
  font-family: Oswald, sans-serif;
  color: #fff;
  font-size: 17px;
}

.quicklinksrightarrow {
  display: block;
  width: 27px;
  height: 60px;
  margin: 0px 0px 1px;
  padding: 5px 1px 0px 2px;
  float: left;
  clear: none;
  border-left-style: solid;
  border-left-width: 4px;
  background-color: #4381de;
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
  color: #fff;
  font-size: 19px;
  font-weight: 400;
}

.quicklinksrightarrow:hover {
  background-color: #2e5587;
}

.search-column.admin {
  padding-right: 0px;
  padding-left: 10px;
}

.logo-block {
  width: 350px;
  margin-top: 0px;
  padding-top: 0px;
  float: left;
  clear: none;
}

.logo-block.rside {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  width: 700px;
  margin-right: 50px;
  float: right;
  text-align: right;
}

.logo-block.rside._w-mobile-only {
  display: none;
}

.quicklinks-column {
  left: 0px;
  top: 0px;
  padding-right: 0px;
  text-align: right;
}

.search-quicklinks-row {
  width: 286px;
  margin-top: 14px;
  margin-right: 0px;
  padding-right: 0px;
  float: right;
}

.logo-brand.tablet {
  display: inline-block;
  width: 375px;
  height: 70px;
  margin-top: 1px;
  margin-left: 5px;
  padding-top: 0px;
  padding-bottom: 0px;
  background-image: url('../images/ocean-logo.png');
  background-position: 0% 50%;
  background-size: 303px;
  background-repeat: no-repeat;
}

.logo-brand.tablet.rsideinner {
  position: static;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  display: inline-block;
  width: 45px;
  margin-top: 4px;
  margin-left: 0px;
  float: right;
  background-image: url('../images/uw-w-logo.png');
  background-position: 100% 50%;
  background-size: 45px;
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
}

.logo-brand.tablet.rsideinner:hover {
  background-image: url('../images/W-golden.png');
}

.logo-brand.tablet.rsideinner.for-mobile-only {
  display: none;
}

.logo-brand.tablet.searchintranet {
  position: static;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  display: inline-block;
  width: 45px;
  margin-top: 4px;
  margin-left: 0px;
  float: right;
  background-image: url('../images/mag-glass.png');
  background-position: 50% 50%;
  background-size: 30px;
  opacity: 0.5;
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
}

.logo-brand.tablet.searchintranet:hover {
  background-image: url('../images/mag-glass.png');
  opacity: 1;
}

.logo-brand.tablet.searchintranet.for-mobile-only {
  display: none;
}

.logo-brand.tablet.wforintranet {
  position: static;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  display: inline-block;
  width: 45px;
  margin-top: 4px;
  margin-left: 0px;
  float: right;
  background-image: url('../images/W-golden.png');
  background-position: 100% 50%;
  background-size: 45px;
  opacity: 0.65;
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
}

.logo-brand.tablet.wforintranet:hover {
  background-image: url('../images/W-golden.png');
  opacity: 1;
}

.logo-brand.tablet.wforintranet.for-mobile-only {
  display: none;
}

.logo-brand.intranetlogo {
  display: inline-block;
  width: 375px;
  height: 70px;
  margin-top: 1px;
  margin-left: 5px;
  padding-top: 0px;
  padding-bottom: 0px;
  background-image: url('../images/MyOcean-Intranet-logo.png');
  background-position: 0% 3px;
  background-size: 303px;
  background-repeat: no-repeat;
}

.logo-brand.intranetlogo.rsideinner {
  position: static;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  display: inline-block;
  width: 45px;
  margin-top: 4px;
  margin-left: 0px;
  float: right;
  background-image: url('../images/uw-w-logo.png');
  background-position: 100% 50%;
  background-size: 45px;
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
}

.logo-brand.intranetlogo.rsideinner:hover {
  background-image: url('../images/W-golden.png');
}

.logo-brand.intranetlogo.rsideinner.for-mobile-only {
  display: none;
}

.slidecontainer {
  position: relative;
  left: 0px;
  top: 0px;
}

.dropdown-list.w--open {
  z-index: 0;
  margin-top: -2px;
  padding: 15px 25px 25px;
  border-top: 3px solid #2e5587;
  border-bottom: 0px solid #bdbdbd;
  border-radius: 0px 0px 7px 7px;
  background-color: #fff;
  box-shadow: 0 5px 16px 0 rgba(17, 27, 39, 0.57);
  font-family: Oswald, sans-serif;
  font-size: 18px;
  line-height: 25px;
}

.dropdown-link {
  margin-top: 0px;
  margin-bottom: 4px;
  padding: 5px 10px 8px;
  border-bottom: 1px solid #ececec;
  -webkit-transition: color 500ms ease;
  transition: color 500ms ease;
  font-family: 'Open Sans', sans-serif;
  color: #707070;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -0.5px;
}

.dropdown-link:hover {
  margin-bottom: 4px;
  padding-right: 10px;
  padding-bottom: 8px;
  padding-left: 10px;
  background-color: #eee;
  color: #1a3d6b;
}

.menu-button {
  display: none;
}

.dropdown-menu {
  margin-right: 0px;
  margin-left: 0px;
}

.dropdown-menu._22222 {
  margin-left: 0.0625px;
}

.paragraph-text {
  margin-bottom: 10px;
  padding-right: 0px;
  padding-left: 0px;
  float: none;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.soo-logo-image {
  width: 83%;
  margin-top: 0px;
}

.body-text-container {
  margin-top: 30px;
  margin-bottom: 30px;
}

.body-text-container.primary-small {
  margin-top: 0px;
}

.body-text-container.primary-small.contains-admin-nav-bar {
  margin-top: 8px;
}

.body-text-container.single-column {
  position: static;
  left: 0px;
  top: 0px;
  margin-top: 170px;
  padding-top: 10px;
}

.body-text-container.single-column.admin-column {
  margin-top: 0px;
}

.body-text-container.single-column.newscolumn {
  margin-top: 20px;
}

.large-primary-image {
  width: 100%;
  margin-top: 0px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
}

.primary-image-text-container {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 6;
  margin-top: 0px;
  margin-bottom: 25px;
  padding-left: 0px;
  float: none;
  clear: none;
  text-align: left;
}

.primary-image-text-container.newsmaintitle {
  text-align: center;
}

.large-primary-image-heading {
  position: static;
  left: 0px;
  bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 44px;
  line-height: 42px;
  font-weight: 700;
  text-align: left;
}

.large-primary-image-heading.small-primary-heading {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin-bottom: 0px;
  padding-bottom: 10px;
  padding-left: 20px;
  font-size: 25px;
  line-height: 30px;
}

.large-primary-image-heading.spotlighttitle {
  position: relative;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin-right: 40px;
  margin-bottom: 11px;
  margin-left: 40px;
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 32px;
  text-align: center;
}

.large-primary-image-heading.spotlighttitle:hover {
  color: #a0c6ff;
}

.large-primary-image-heading.directors-choice-title {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding-right: 20px;
  padding-bottom: 14px;
  padding-left: 20px;
  font-size: 30px;
  line-height: 35px;
}

.primary-image-big {
  position: relative;
  overflow: hidden;
  height: 320px;
}

.primary-image-big.oceancurrents-box-shadow {
  box-shadow: inset 0 5px 10px 0 rgba(0, 0, 0, 0.5);
}

.large-primary-image-text {
  position: static;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin-bottom: 0px;
  font-family: 'Open Sans', sans-serif;
  color: #ebebeb;
  font-size: 18px;
  text-align: left;
}

.large-primary-image-text.spotlightstyle {
  position: relative;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
  margin-right: 0px;
  margin-left: 0px;
  padding-right: 60px;
  padding-left: 60px;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}

.large-primary-image-text.spotlightstyle:hover {
  color: #a0c6ff;
  font-weight: 600;
}

.large-primary-image-text.news-category-text {
  position: relative;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin-right: 20px;
  margin-bottom: 0px;
  margin-left: 20px;
  color: #f51515;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}

.large-primary-image-text.ocshort {
  position: relative;
  margin-bottom: 20px;
}

.primary-image-overlay-gradient {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  height: 50%;
  margin-bottom: -1px;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.86)), to(transparent));
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.86), transparent);
}

.description-text-column {
  display: block;
  margin-bottom: 10px;
  padding-right: 20px;
  padding-left: 10px;
}

.description-text-column.rightside {
  padding-right: 10px;
}

.embedded-image {
  position: static;
  display: inline-block;
  float: none;
  clear: none;
}

.embedded-image-block {
  position: relative;
  display: block;
  margin: 0px 0px 20px;
  padding-bottom: 0px;
  float: none;
  clear: none;
}

.embedded-image-caption {
  margin-top: 0px;
  padding: 5px 0px;
  float: left;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  font-style: italic;
  font-weight: 400;
}

.pull-quote-text {
  margin-top: 0px;
  margin-bottom: 20px;
  padding: 14px;
  clear: none;
  background-color: rgba(94, 94, 94, 0.1);
  font-family: 'Open Sans', sans-serif;
  color: #2e5587;
  font-size: 26px;
  line-height: 34px;
  font-weight: 300;
  text-align: left;
  letter-spacing: -1px;
  text-transform: none;
}

.sidebar-nav {
  position: relative;
  z-index: 18;
  margin-bottom: 20px;
  padding-top: 0px;
  background-color: #fff;
}

.sidebar-nav-container {
  margin-top: 0px;
  float: left;
  list-style-type: none;
}

.sidebar-nav-link {
  position: static;
  left: 0px;
  top: 0px;
  right: 0px;
  display: block;
  overflow: visible;
  width: auto;
  max-width: 940px;
  margin-right: auto;
  margin-left: auto;
  padding: 7px 40px 7px 0px;
  float: none;
  clear: none;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-bottom: 1px solid #ededed;
  -webkit-transition: color 500ms ease;
  transition: color 500ms ease;
  font-family: 'Open Sans', sans-serif;
  color: #4381de;
  font-size: 13px;
  line-height: 18px;
  font-weight: 600;
  -o-object-fit: contain;
  object-fit: contain;
}

.sidebar-nav-link:hover {
  color: #2e5587;
}

.sidebar-nav-link.dropdown {
  left: 0px;
  top: 0px;
  right: 0px;
  display: block;
  overflow: visible;
  width: 100%;
  padding-right: 41px;
  padding-left: 10px;
  float: left;
  clear: none;
}

.sidebar-nav-link.indented1 {
  padding-left: 25px;
  background-image: url('../images/indent-dash.png');
  background-position: 6px 10px;
  background-size: 20px;
  background-repeat: no-repeat;
  font-size: 13px;
}

.sidebar-nav-link.indented2 {
  padding-left: 50px;
  background-image: url('../images/indent-dash.png');
  background-position: 30px 10px;
  background-size: 20px;
  background-repeat: no-repeat;
}

.sidebar-nav-link.indented3 {
  padding-left: 70px;
  background-image: url('../images/indent-dash.png');
  background-position: 50px 11px;
  background-size: 20px;
  background-repeat: no-repeat;
}

.sidebar-dd-nav-link-list.w--open {
  position: static;
  left: 0px;
  top: 0px;
  display: block;
  min-width: 0px;
  padding-right: 0px;
  float: left;
  clear: none;
  background-color: transparent;
}

.sidebar-nav-dropdown {
  position: relative;
  display: block;
  overflow: visible;
  width: auto;
  margin-right: auto;
  margin-left: auto;
  float: none;
  -o-object-fit: fill;
  object-fit: fill;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
}

.sidebar-nav-menu {
  display: block;
  float: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.sidebar-right {
  display: block;
  padding-top: 20px;
}

.sidebar-right.totop {
  padding-top: 1px;
}

.latest-news-div-block {
  margin-top: 20px;
  padding-top: 5px;
}

.latest-news-list {
  display: block;
  margin-bottom: 20px;
  padding-left: 0px;
  list-style-type: none;
}

.latest-news-list.tags {
  position: static;
  display: inline;
  float: left;
  clear: none;
}

.latest-news-heading {
  position: static;
  left: 10px;
  top: 0px;
  display: block;
  margin-top: 0px;
  margin-bottom: 2px;
  padding-right: 0px;
  padding-left: 0px;
  float: none;
  clear: none;
  -webkit-transition: color 500ms ease;
  transition: color 500ms ease;
  font-family: 'Open Sans', sans-serif;
  color: #4381de;
  font-size: 14px;
  line-height: 21px;
  font-weight: 600;
  text-align: left;
}

.latest-news-heading:hover {
  color: #2e5587;
}

.latest-news-heading.assocfiles {
  left: 0px;
}

.latest-news-heading.mostread {
  margin: 6px 8px 0px 52px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  border-color: #e2e2e2;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.latest-news-text {
  position: static;
  left: 10px;
  padding-left: 0px;
  font-family: 'Open Sans', sans-serif;
  color: #636363;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.latest-news-text.assocfilestext {
  left: 0px;
}

.latest-news-item {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  float: left;
  clear: none;
}

.latest-news-item.tag {
  float: left;
  clear: none;
}

.latest-news-item.searchlist {
  float: none;
}

.associated-stories-div-block {
  padding-left: 0px;
}

.associated-stories-column {
  position: relative;
  left: 0px;
  top: 0px;
  height: 100%;
  padding-right: 0px;
  padding-left: 0px;
}

.small-primary-image {
  width: 100%;
  float: left;
}

.small-primary-div-block {
  position: relative;
  left: 0px;
  top: 0px;
  display: block;
  overflow: visible;
  width: 100%;
  margin: 0px auto 15px;
  float: left;
  clear: none;
}

.small-primary-div-block.dchoicemainblock {
  margin-top: 20px;
  box-shadow: 0 0 4px 0 rgba(27, 27, 27, 0.73);
}

.story-title {
  margin-top: 30px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #585858;
  font-size: 32px;
  line-height: 46px;
  font-weight: 600;
  text-align: left;
  letter-spacing: -1px;
}

.story-title.whitetext {
  position: relative;
  display: inline-block;
  margin-top: 4px;
  margin-bottom: 0px;
  margin-left: 20px;
  padding-top: 10px;
  float: left;
  clear: none;
  color: #fff;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.36);
}

.story-title.dchoiceheading {
  margin-top: 10px;
  margin-bottom: 8px;
  font-size: 24px;
  line-height: 28px;
}

.story-title.dchoiceheadingphone {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 5px;
  float: none;
  font-size: 19px;
  line-height: 28px;
}

.story-title.buttomme {
  float: left;
}

.story-title.buttonme {
  display: inline-block;
  margin-right: 10px;
  padding: 5px 20px 9px;
  float: none;
  background-color: #f1f1f1;
}

.story-title.buttonme:hover {
  background-color: #7e7e7e;
  color: #fafafa;
}

.story-title.buttonme.currentselection {
  background-color: #0084cf;
  color: #fff;
}

.story-title.buttonme.currentselection:hover {
  background-color: #7e7e7e;
}

.story-title.forshow {
  margin-top: 30px;
  margin-right: 0px;
  margin-bottom: 10px;
  float: none;
  clear: none;
}

.story-title.questiontitle {
  margin-top: -5px;
  font-size: 28px;
  line-height: 33px;
  font-weight: 600;
}

.story-title.servicestitle {
  padding-left: 45px;
  background-image: url('../images/wrench.png');
  background-position: 5px 7px;
  background-size: 35px;
  background-repeat: no-repeat;
}

.smaller-primary-image {
  width: auto;
  margin-right: 0px;
  margin-bottom: 20px;
  margin-left: 0px;
  float: none;
}

.smaller-primary-image.people-image {
  display: inline-block;
  width: 45%;
  margin-bottom: 0px;
  float: left;
  clear: none;
}

.smaller-primary-image.people-image.myoceanphoto {
  width: 100%;
}

.small-primary-image-text-block {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  width: 100%;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(6%, rgba(0, 0, 0, 0.83)), color-stop(44%, transparent));
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.83) 6%, transparent 44%);
}

.media-elements-block {
  position: relative;
  display: block;
  overflow: hidden;
  width: 45%;
  margin-left: 20px;
  float: right;
  clear: none;
}

.media-elements-block.people-block {
  width: 100%;
  margin: 30px 20px 20px 0px;
  float: left;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  background-color: #e9e9e9;
}

.media-elements-block.people-block.myoceanversion {
  position: relative;
  display: inline-block;
  border-radius: 0px;
}

.media-elements-block.people-block.myoceanv2 {
  position: relative;
  display: inline-block;
  margin-top: 0px;
  border-radius: 7px;
}

.associated-stories-container {
  opacity: 1;
}

.associated-stories-section {
  padding-top: 20px;
  background-color: transparent;
  background-image: url('../images/bubbles.jpg');
  background-position: 50% 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.associated-stories-section.oceancurrents-bg {
  padding-top: 40px;
  padding-bottom: 20px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(68, 68, 68, 0.83)), to(rgba(75, 75, 75, 0.92))), url('../images/badstuff.jpg');
  background-image: linear-gradient(180deg, rgba(68, 68, 68, 0.83), rgba(75, 75, 75, 0.92)), url('../images/badstuff.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, fixed;
}

.latest-news-row {
  display: block;
}

.image-col {
  position: relative;
  display: block;
  padding-right: 0px;
  padding-left: 0px;
}

.tag-heading {
  display: inline-block;
  margin: 2px 10px 6px 0px;
  padding: 5px 10px;
  float: none;
  border-radius: 5px;
  background-color: #e6e6e6;
  -webkit-transition: background-color 500ms ease, color 500ms ease;
  transition: background-color 500ms ease, color 500ms ease;
  font-family: 'Open Sans', sans-serif;
  color: #4381de;
  font-size: 14px;
  font-weight: 600;
}

.tag-heading:hover {
  background-color: #2e5587;
  color: #fff;
}

.related-stories-slideshow {
  height: auto;
  background-color: transparent;
}

.admin-link {
  position: relative;
  left: 0px;
  top: 0px;
  width: 100%;
  margin-bottom: 10px;
  padding-right: 8px;
  padding-bottom: 5px;
  padding-left: 8px;
  float: none;
  clear: none;
  border-radius: 4px;
  background-color: #8f8f8f;
  -webkit-transition: color 500ms ease, background-color 500ms ease;
  transition: color 500ms ease, background-color 500ms ease;
  color: #fff;
  font-size: 16px;
  line-height: 26px;
  text-align: left;
  list-style-type: disc;
}

.admin-link:hover {
  background-color: #617691;
  color: #4381de;
}

.admin-link.adminhome {
  margin-bottom: 0px;
  background-color: transparent;
  color: #2e5587;
  font-size: 18px;
}

.admin-link.adminhome:hover {
  color: #0d2340;
}

.admin-link.edit-button {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 0px;
  padding-top: 3px;
  padding-bottom: 3px;
  background-color: #3ead0e;
}

.admin-link.edit-button:hover {
  background-color: #347817;
}

.admin-link.steps-button {
  padding-right: 8px;
  padding-bottom: 0px;
  padding-left: 2px;
  background-color: #3ead0e;
}

.admin-link.steps-button:hover {
  background-color: #3a3a3a;
}

.admin-link.steps-button:focus {
  background-color: #3d3d3d;
}

.admin-link.red {
  background-color: #d63131;
}

.admin-link.red:hover {
  background-color: #7d1010;
}

.admin-link.modal-link.helpme {
  background-color: #c92000;
}

.admin-link.modal-link.helpme:hover {
  background-color: #851601;
}

.admin-link.help-modal-link.helpme {
  margin-left: 6px;
  background-color: #be4545;
}

.admin-link.help-modal-link.helpme:hover {
  background-color: #a70404;
}

.admin-row {
  margin-bottom: 20px;
  padding: 0px 10px;
  border-radius: 6px;
  background-color: transparent;
}

.admin-nav-bar {
  min-width: 0px;
  margin-top: 0px;
  padding-left: 0px;
  background-color: transparent;
}

.admin-nav-bar-container {
  margin-bottom: 20px;
  padding-top: 0px;
  border-radius: 0px;
  background-color: transparent;
  text-align: right;
}

.select-field {
  display: inline;
  width: 100%;
  max-height: 40px;
  min-height: 30px;
  margin-right: 0px;
  line-height: 16px;
  font-weight: 400;
}

.select-field.time {
  width: auto;
  margin-right: 3px;
}

.search-text-field {
  margin-bottom: 22px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.search-text-field.files-field {
  margin-bottom: 15px;
  padding-top: 9px;
}

.search-row {
  margin: 13px 0px 0px;
}

.stories-form {
  margin-bottom: 30px;
  padding: 20px 20px 0px;
  border-radius: 6px;
  background-color: #f2f2f2;
}

.stories-form.files {
  margin-bottom: 31px;
  padding-top: 5px;
}

.story-list {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  display: inline-block;
  float: none;
  clear: none;
}

.story-list-item {
  position: relative;
  left: 0px;
  top: 0px;
  display: inline-block;
  overflow: visible;
  width: 15%;
  height: auto;
  margin-right: 15px;
  float: left;
  clear: both;
  text-align: left;
}

.story-link-div-block {
  display: inline-block;
  width: auto;
  margin-bottom: 10px;
  float: none;
  clear: left;
  background-color: transparent;
  color: #4381de;
}

.story-list-text {
  padding: 8px;
  font-family: Roboto, sans-serif;
  line-height: 18px;
}

.storyimage {
  display: inline-block;
  width: 100%;
  float: none;
  clear: none;
}

.image-icon {
  position: relative;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  float: right;
}

.admin-row-div-block {
  margin-top: 40px;
  margin-bottom: 30px;
  margin-left: 0px;
  padding: 1px 150px 1px 0px;
}

.icon-admin-menu {
  width: 22px;
  height: 22px;
  margin-right: 2px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 1px;
  float: none;
  clear: none;
  opacity: 0.76;
  text-align: right;
}

.icon-admin-menu.helped {
  padding-top: 3px;
  -webkit-transform: rotateX(180deg) rotateY(0deg) rotateZ(0deg);
  transform: rotateX(180deg) rotateY(0deg) rotateZ(0deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.admin-link-text-block {
  display: inline-block;
  margin-top: 0px;
  padding-right: 5px;
  float: none;
  clear: none;
  color: #fff;
  font-size: 13px;
  line-height: 19px;
  font-weight: 700;
  text-align: left;
}

.admin-link-text-block:hover {
  color: #fff;
}

.admin-link-text-block.file-button {
  margin-top: 7px;
  padding-left: 5px;
  font-size: 14px;
}

.admin-nav-bar-list {
  position: static;
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
  float: none;
  clear: none;
  text-align: left;
  text-transform: none;
}

.admin-nav-bar-list.admin-home-nav-bar {
  position: static;
  left: 0px;
  top: 0px;
  right: 0px;
  padding-right: 0px;
  padding-left: 10px;
  text-align: left;
}

.admin-nav-bar-list.file-edit-list {
  margin-top: 11px;
  text-align: left;
}

.admin-nav-bar-list.intranetadminnav {
  margin-bottom: 0px;
}

.admin-nav-bar-list-item {
  position: static;
  left: 0px;
  top: 0px;
  display: block;
  margin-right: 5px;
  padding-right: 0px;
  float: left;
  clear: none;
}

.admin-section {
  position: static;
  margin-top: 0px;
  padding-top: 24px;
  background-color: #dedede;
}

.admin-section.intranetadminsection {
  padding-top: 5px;
  background-color: #414141;
}

.admin-container {
  padding-right: 0px;
  padding-left: 0px;
}

.admin-home-nav-bar {
  width: 100%;
  float: left;
  text-align: center;
}

.amin-home-nav-link {
  display: inline-block;
  height: 100%;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 0px;
  padding: 12px;
  -webkit-box-flex: 20%;
  -webkit-flex: 20%;
  -ms-flex: 20%;
  flex: 20%;
  border-radius: 5px;
  background-color: #a3a3a3;
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
}

.amin-home-nav-link:hover {
  background-color: #50824a;
}

.admin-home-text-block {
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 16px;
  text-align: center;
}

.icon-home-nav {
  display: block;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
  font-size: 14px;
}

.centered {
  text-align: center;
}

.admin-h3-centered {
  text-align: center;
}

.related-topics-div-block {
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  background-color: transparent;
}

.behind-main-nav {
  display: none;
  height: 160px;
}

.grid-item-notwork {
  position: relative;
  left: 0px;
  top: 0px;
  bottom: 0px;
  display: block;
  overflow: visible;
  width: 20%;
  float: left;
  clear: none;
}

.story-list-text {
  position: relative;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
  width: 100%;
  height: 68px;
  max-height: 100%;
  max-width: 100%;
  margin-bottom: 10px;
  padding: 10px;
  float: none;
  clear: left;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  background-color: transparent;
  font-family: 'Open Sans', sans-serif;
  text-transform: none;
}

.storyimage {
  position: relative;
  left: 0px;
  top: 0px;
  display: block;
  float: none;
  clear: left;
  border-style: solid solid none;
  border-width: 1px 1px 0px;
  border-color: #fff;
}

.admin-steps-menu-section {
  padding-top: 0px;
}

.admin-steps-menu-list {
  display: block;
  padding-bottom: 0px;
  text-align: left;
}

.tab-link-button {
  margin-right: 0px;
  margin-left: 3px;
  padding: 5px 13px 5px 7px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: #616161;
  font-family: 'Open Sans', sans-serif;
  color: #ebebeb;
  font-size: 14px;
  font-weight: 400;
}

.tab-link-button:hover {
  color: #77ceff;
}

.tab-link-button.w--current {
  padding-right: 14px;
  padding-left: 7px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: #0f151f;
  background-image: none;
  background-size: auto;
  background-repeat: repeat;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}

.tab-link-button.darker {
  padding-right: 13px;
  padding-left: 13px;
  background-color: #6e6e6e;
  color: #ececec;
}

.tab-link-button.darker:hover {
  color: #55adff;
}

.tab-link-button.darker.w--current {
  background-color: #1a1a1a;
  color: #fff;
}

.tab-link-button.darker.one {
  position: relative;
}

.admin-tabs-menu-container {
  margin-bottom: 0px;
  border-bottom: 2px solid #e0e0e0;
}

.admin-tabs-container {
  margin-bottom: 20px;
  padding: 30px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: #fafafa;
}

.admin-text-field {
  margin-bottom: 30px;
}

.admin-text-field.tag-search {
  display: inline-block;
  width: 80%;
}

.admin-text-area {
  margin-bottom: 30px;
}

.tag-col2 {
  position: static;
  left: 0px;
  top: 0px;
  right: 0px;
  padding: 25px;
  text-align: center;
}

.tags-list {
  position: relative;
  display: block;
  margin-top: 5px;
  margin-bottom: 9px;
  float: none;
  clear: right;
}

.tag-list-item {
  position: relative;
  display: inline;
  padding-top: 0px;
  padding-bottom: 10px;
  float: left;
  clear: none;
}

.tag-link-checkbox {
  padding-right: 10px;
}

.tag-checkbox {
  margin-top: 10px;
}

.h2-heading-with-underline {
  border-bottom: 1px solid #ccc;
  color: #585858;
}

.h4-heading-admin {
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
}

.embed-image {
  width: 45%;
}

.help-close {
  position: relative;
  left: 16px;
  top: -24px;
  right: 0px;
  padding-top: 0px;
  padding-right: 20px;
  float: right;
  font-weight: 400;
  text-align: right;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.help-modal-background {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 4002;
  display: none;
  overflow: scroll;
  height: 100%;
  padding-top: 133px;
  padding-bottom: 1px;
  background-color: rgba(3, 3, 3, 0.58);
}

.help-modal-window {
  position: relative;
  display: block;
  overflow: auto;
  width: 70%;
  margin-right: auto;
  margin-left: auto;
  padding: 40px 20px;
  float: none;
  clear: none;
  border-radius: 15px;
  background-color: #fff;
  opacity: 1;
  color: #181818;
}

.submit-button {
  position: static;
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 20px;
  padding: 10px 15px;
  border-radius: 5px;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
}

.submit-button:hover {
  background-color: #2e5587;
  color: #fff;
}

.submit-button.delete {
  background-color: #ed4839;
}

.submit-button.delete:hover {
  background-color: #ae1a0d;
}

.submit-button.coursesectionbutton {
  width: 100%;
  margin-right: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
  background-color: #3ead0e;
  text-align: center;
  text-transform: uppercase;
}

.submit-button.coursesectionbutton:hover {
  background-color: #29700a;
}

.submit-button.addnewsection {
  width: 48%;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 5px;
  background-color: #3ead0e;
  font-weight: 700;
  text-transform: uppercase;
}

.submit-button.addnewsection:hover {
  background-color: #1e6400;
}

.submit-button.addnewcoursesection {
  width: 100%;
  margin-right: 10px;
  margin-left: 10px;
  background-color: #0084cf;
  text-align: center;
}

.submit-button.addnewcoursesection:hover {
  background-color: #014e7a;
}

.submit-button.newservicepage {
  background-color: #e46b29;
}

.submit-button.newservicepage:hover {
  background-color: #ad4616;
}

.date-list {
  display: inline-block;
  width: 100%;
  float: none;
  clear: none;
}

.list-day {
  width: 15%;
  float: left;
  clear: none;
}

.list-month {
  width: 30%;
  float: left;
  clear: none;
}

.list-year {
  width: 20%;
  float: left;
}

.list-hour {
  width: 15%;
  float: left;
  clear: none;
}

.list-minute {
  width: 15%;
  float: left;
}

.give-now-button {
  margin-top: 22px;
  float: right;
  border-radius: 8px;
  background-color: #3aadd2;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
}

.give-now-button.utilities-button {
  margin-top: 3px;
  margin-right: 1px;
  padding: 2px 10px;
  float: none;
  border-radius: 3px;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  color: #fff;
  font-size: 9px;
  line-height: 17px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.give-now-button.utilities-button:hover {
  background-color: #121c2a;
}

.peoplesearchfield {
  width: 70%;
  float: left;
  clear: none;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.peoplesearchbutton {
  width: 30%;
  padding-right: 1px;
  padding-left: 1px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  font-size: 13px;
}

.peoplesearchbutton:hover {
  background-color: #2e5587;
}

.sidebar-dropdown-button {
  width: 100%;
  margin-bottom: 2px;
  background-color: #eee;
  -webkit-transition: all 200ms ease, background-color 200ms ease;
  transition: all 200ms ease, background-color 200ms ease;
  font-family: 'Open Sans', sans-serif;
  color: #818181;
  font-size: 18px;
  font-weight: 600;
  text-align: left;
  text-transform: uppercase;
}

.sidebar-dropdown-button:hover {
  background-color: #2e5587;
  color: #fff;
}

.sidebar-menu-nav-category {
  float: none;
}

.peopleformsearchwrapper {
  margin-top: 10px;
}

.peopleinfo {
  width: 50%;
  padding-left: 20px;
  float: left;
  border-radius: 0px;
  background-color: #e9e9e9;
}

.peopleinfo.myoceaninfo {
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
}

.peopleinfo-list {
  margin-bottom: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.people-info-list-item {
  padding-bottom: 5px;
  padding-left: 30px;
  float: left;
  clear: left;
  font-weight: 400;
}

.people-info-list-item.email {
  display: block;
  padding-bottom: 0px;
  padding-left: 30px;
  background-image: url('../images/soo-email.png');
  background-position: 1px 24%;
  background-size: 15px;
  background-repeat: no-repeat;
  background-attachment: scroll;
  cursor: pointer;
}

.people-info-list-item.phone {
  display: block;
  padding-bottom: 0px;
  padding-left: 30px;
  float: left;
  clear: left;
  background-image: url('../images/soo-phone.png');
  background-position: 1px 3px;
  background-size: 16px;
  background-repeat: no-repeat;
}

.people-info-list-item.weblink {
  display: block;
  padding-bottom: 3px;
  padding-left: 30px;
  background-image: url('../images/soo-link.png');
  background-position: 2px 2px;
  background-size: 16px;
  background-repeat: no-repeat;
}

.people-info-list-item.cv {
  display: block;
  padding-bottom: 3px;
  padding-left: 30px;
  background-image: url('../images/soo-csv.png');
  background-position: 3px 2px;
  background-size: 13px;
  background-repeat: no-repeat;
}

.people-info-list-item.locatoin {
  display: block;
  padding-bottom: 0px;
  padding-left: 30px;
  background-image: url('../images/soo-room.png');
  background-position: 4px 1px;
  background-size: 12px;
  background-repeat: no-repeat;
}

.faculty-member-name {
  margin-top: 13px;
  margin-bottom: 0px;
  padding-bottom: 7px;
  font-family: 'Open Sans', sans-serif;
  font-size: 2.14em;
  line-height: 30px;
  font-weight: 600;
  letter-spacing: -1px;
  text-indent: 0px;
}

.faculty-member-name.mo2 {
  margin-top: 8px;
  margin-bottom: 6px;
  padding-bottom: 0px;
  font-size: 1.2em;
  line-height: 18px;
}

.faculty-member-academic-title {
  margin-bottom: 0px;
  padding-top: 0px;
  font-size: 1.3em;
  line-height: 24px;
  font-weight: 400;
}

.faculty-member-academic-title.moacadtitle {
  font-size: 0.9em;
  line-height: 16px;
}

.faculty-member-unit {
  margin-bottom: 5px;
  font-size: 1em;
  line-height: 20px;
  font-weight: 400;
}

.calendar-sidebar-right {
  padding-top: 30px;
}

.main-event-title {
  margin-top: 0px;
  margin-bottom: 18px;
  padding-top: 21px;
  border-style: solid;
  border-width: 1px 0px 0px;
  border-color: #ddd #000 #000;
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
  font-size: 28px;
  font-weight: 600;
}

.main-event-title:hover {
  color: #2e5587;
}

.event-date {
  font-family: Merriweather, serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0px;
}

.event-description {
  margin-top: 5px;
}

.news-title {
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 10px;
  float: none;
  clear: left;
  font-weight: 600;
  letter-spacing: -1px;
}

.news-image {
  padding: 10px 20px 10px 0px;
}

.news-heading {
  margin-bottom: 20px;
}

.news-column {
  padding-right: 0px;
  padding-left: 0px;
}

.news-small-title {
  padding-top: 5px;
  padding-right: 10px;
  padding-left: 0px;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0px;
}

.spotlight-link-block {
  display: block;
  margin-right: 10px;
  background-color: transparent;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  font-family: Bitter, serif;
  color: #3b3b3b;
}

.spotlight-link-block:hover {
  background-color: transparent;
  color: #000;
  text-decoration: underline;
}

.oceancurrents-text-container {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 5;
}

.oceancurrentsh1 {
  margin-top: 21px;
  margin-bottom: -6px;
  font-family: Merriweather, serif;
  color: #fff;
  font-weight: 700;
  letter-spacing: -2px;
}

.oceancurrents-text-block {
  width: auto;
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
  color: #bdbdbd;
  font-weight: 400;
  text-align: left;
  letter-spacing: 0px;
  text-transform: none;
}

.oceancurrents-text-block:hover {
  color: #4381de;
}

.oceancurrents-emphasized-text {
  font-weight: 400;
}

.oceancurrents-top-shadow {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 1;
  height: 30%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.64)), to(transparent));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.64), transparent);
}

.oceancurrents-slider {
  z-index: 0;
  height: auto;
}

.oceancurrents-button {
  position: absolute;
  top: 0px;
  right: 0px;
  display: none;
  float: right;
  background-color: rgba(36, 36, 36, 0.36);
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  text-transform: uppercase;
}

.oceancurrents-button:hover {
  background-color: #242424;
  color: #fff;
}

.oceancurrents-button.give {
  top: 0px;
  right: 0px;
  display: none;
  margin-right: 126px;
  background-color: rgba(62, 173, 14, 0.54);
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  text-transform: uppercase;
}

.oceancurrents-button.give:hover {
  background-color: #3ead0e;
}

.oceancurrents-mask {
  display: block;
}

.oceancurrents-magazine-text {
  width: 213px;
  color: #6cd540;
  font-weight: 700;
  text-align: right;
}

.oceancurrentsh3 {
  margin-bottom: 10px;
  padding: 4px 15px;
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
  color: #fff;
  line-height: 25px;
}

.oceancurrentsh3:hover {
  color: #4381de;
}

.oceancurrents-row-for-assoc-images {
  margin-bottom: 30px;
}

.spotlight-text {
  padding: 10px 0px 15px;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.spotlight-text.side-link {
  margin-bottom: 10px;
  padding-top: 0px;
  border-bottom: 1px solid #ccc;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}

.utilities-section {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 19;
  display: block;
  height: 27px;
  padding-right: 49px;
  padding-left: 49px;
  background-color: rgba(15, 15, 15, 0.81);
}

.utilities-text-link {
  display: inline-block;
  margin-top: 2px;
  margin-right: 0px;
  padding: 5px 10px;
  float: none;
  -webkit-transition: background-color 275ms ease, color 200ms ease;
  transition: background-color 275ms ease, color 200ms ease;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 10px;
  line-height: 15px;
  font-weight: 400;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.utilities-text-link:hover {
  padding: 5px 10px;
  border-radius: 4px;
  background-color: #090909;
  color: #fff;
}

.utilities-text-link.modal-link.searchme {
  width: 67px;
  margin-right: 10px;
  margin-left: 0px;
}

.utilities-text-link.uwhome {
  position: static;
  display: block;
  margin-top: 2px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  float: left;
  clear: none;
}

.utilities-text-link.myoceanutil {
  background-color: #111314;
  font-size: 12px;
  line-height: 11px;
  letter-spacing: 0px;
  text-transform: none;
}

.utilities-text-link.myoceanutil:hover {
  background-color: #7cd0d6;
  color: #272727;
}

.utilities-container.left {
  height: 28px;
  float: none;
}

.utilities-container.right {
  position: static;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  margin-right: 0px;
  float: right;
  text-align: left;
}

.phonemenu {
  position: absolute;
  top: 0px;
  right: 0px;
  float: right;
}

.give-now-anchor {
  display: inline-block;
  margin-top: -2px;
  float: none;
}

.give-now-text {
  display: inline-block;
}

.slideimage {
  width: 100%;
  margin-top: -1px;
}

.modaltitle {
  margin-bottom: 15px;
}

.mainstorysection {
  position: relative;
  overflow: hidden;
  width: 80%;
  margin-right: auto;
  margin-left: auto;
  float: none;
}

.newslisting-block {
  position: relative;
  display: block;
  width: 80%;
  margin: 1px auto 20px;
  padding: 20px 20px 30px;
  float: none;
  background-color: #6b6b6b;
}

.news-list-item {
  display: block;
  margin-bottom: 15px;
  padding-bottom: 19px;
  float: none;
  border-style: none none solid;
  border-color: #7e7e7e;
  border-bottom-width: 1px;
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  text-align: left;
}

.news-list-item:hover {
  color: #8db4e6;
}

.news-listing-block2 {
  width: 33%;
  padding-right: 30px;
  padding-left: 30px;
  float: left;
}

.news-category {
  margin-top: 20px;
  margin-bottom: 30px;
  border-top: 1px solid #c9c9c9;
  text-align: center;
}

.news-category.featured-stories {
  margin-top: 0px;
}

.news-category.featuredcategory {
  display: block;
  width: 98%;
  margin-right: auto;
  margin-left: auto;
  border-top-color: #818181;
}

.news-category.serviceshr {
  margin-top: 10px;
  margin-bottom: 16px;
}

.news-category-title {
  display: inline-block;
  padding: 2px 11px 3px;
  background-color: #0098ff;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
}

.news-category-title:hover {
  background-color: #3d3d3d;
  color: #fff;
}

.directorschoice-navigation-section {
  position: static;
  left: 0px;
  top: 159px;
  right: 0px;
  z-index: 3;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #eee;
  background-image: radial-gradient(circle farthest-corner at 22% -124%, #797979, #52504c), -webkit-gradient(linear, left top, left bottom, from(rgba(59, 57, 51, 0.9)), to(rgba(59, 57, 51, 0.9)));
  background-image: radial-gradient(circle farthest-corner at 22% -124%, #797979, #52504c), linear-gradient(180deg, rgba(59, 57, 51, 0.9), rgba(59, 57, 51, 0.9));
}

.dclink-item {
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #c2c2c2;
  font-weight: 600;
}

.dclink-item:hover {
  color: #fff;
}

.trending-image-number-block {
  position: static;
  display: inline-block;
  width: auto;
  height: auto;
  min-height: 40px;
  min-width: 40px;
  margin: -9px 11px 10px 0px;
  padding-top: 8px;
  float: left;
  border-style: solid;
  border-width: 3px;
  border-color: rgba(67, 129, 222, 0.2);
  border-radius: 44px;
  background-color: transparent;
  font-family: 'Open Sans', sans-serif;
  color: #567399;
  font-size: 17px;
  font-weight: 700;
  text-align: center;
}

.trending-image-number-block:hover {
  border-color: rgba(67, 129, 222, 0.48);
}

.trending-image-number-block.number1 {
  position: absolute;
  left: 0px;
  top: 0px;
  margin-left: 10px;
  background-color: rgba(0, 0, 0, 0.51);
}

.trending-row {
  margin-bottom: 5px;
}

.trending-row.mostreadposition1textwrapper {
  position: static;
  left: 11px;
  top: 170px;
  right: 0px;
  margin-bottom: 0px;
  padding: 8px 0px 0px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}

.photocred-text {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: none;
  padding-right: 6px;
  background-color: rgba(0, 0, 0, 0.43);
  font-family: 'Open Sans', sans-serif;
  color: #dfdfdf;
  font-size: 10px;
  font-weight: 600;
  text-align: right;
  text-transform: uppercase;
}

.hero-link-block {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 5;
  display: block;
  width: 80%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 9%;
  padding-bottom: 8%;
  background-color: transparent;
  text-align: center;
}

.hero-heading {
  display: block;
  margin-bottom: 30px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 91px;
  line-height: 87px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 4px;
  text-transform: uppercase;
  text-shadow: 0 0 11px rgba(0, 0, 0, 0.14);
}

.hero-heading.slidenotmovie {
  font-size: 45px;
  line-height: 60px;
  letter-spacing: 1px;
  text-transform: none;
}

.hero-text-block {
  display: block;
  width: 78%;
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
  text-align: center;
}

.hero-div-block {
  position: relative;
  display: block;
  background-image: url('../images/raster2x.png'), url('../images/bottom-20150501094130.pressure-20150501094130.tilt_-20150501094130.sm_-20150501094130.r1617_00116_med-20150501094130_mediumSlide.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: 5px, cover;
  background-repeat: repeat, no-repeat;
}

.footernavbar {
  position: static;
  padding-top: 30px;
  background-color: transparent;
}

.footernavlink {
  padding-top: 1px;
  padding-bottom: 1px;
  float: left;
  clear: left;
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
  font-family: 'Open Sans', sans-serif;
  color: #dadada;
  font-size: 12px;
  text-transform: uppercase;
}

.footernavlink:hover {
  color: #fff;
}

.footer-nav-container {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

.footer-nav-menu {
  margin-top: 12px;
  margin-bottom: 20px;
  float: left;
}

.footerlogo-col {
  text-align: center;
}

.footer-logo-image {
  display: block;
  margin-top: 20px;
  margin-right: 10px;
  margin-bottom: 16px;
  float: none;
  clear: none;
  text-align: left;
}

.footer-logo-image.udub {
  margin-left: -4px;
}

.footer-logo-image.udub.footerfullicon {
  margin-bottom: 9px;
}

.footer-logo-image.uwboundless {
  display: block;
  clear: left;
  text-align: left;
}

.socialicons {
  float: none;
  opacity: 0.68;
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
}

.socialicons:hover {
  opacity: 1;
}

.footer-copyright {
  margin-top: 20px;
  font-family: 'Open Sans', sans-serif;
  color: #ddd;
  font-size: 12px;
  text-align: center;
}

.uwlogo {
  margin-top: 20px;
}

.featured-stories-row {
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
}

.featured-story-link-box {
  display: block;
  width: 22%;
  max-width: 22%;
  margin-right: 10px;
  margin-bottom: 20px;
  margin-left: 10px;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 0 7px 0 rgba(26, 26, 26, 0.17);
  -webkit-transition: color 200ms ease, background-color 350ms ease;
  transition: color 200ms ease, background-color 350ms ease;
}

.featured-story-link-box:hover {
  background-color: #fff;
}

.featured-story-link-box.instagrambox {
  background-color: transparent;
}

.featured-story-link-box.twitterbox {
  overflow: hidden;
}

.featured-story-heading {
  margin-top: 15px;
  margin-bottom: 0px;
  padding-bottom: 10px;
  color: #454545;
  line-height: 25px;
  font-weight: 700;
  text-align: left;
  letter-spacing: -0.5px;
}

.featured-story-heading.instagramheading {
  margin-top: 12px;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  text-align: center;
}

.featured-story-heading.oc-title {
  margin-top: 110px;
  padding-right: 25px;
  padding-left: 25px;
}

.featured-story-image {
  width: 100%;
  margin-bottom: 9px;
}

.intranet-container {
  margin-top: 20px;
  background-color: transparent;
}

.form-block {
  width: 78%;
  float: right;
  background-color: transparent;
}

.info-block {
  width: 20%;
  float: left;
  background-color: transparent;
}

.personimage {
  margin-bottom: 10px;
}

.personheading {
  color: #4e4e4e;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: -1px;
}

.userheading {
  padding-top: 0px;
  color: #585858;
  font-size: 24px;
  font-weight: 400;
}

.courselist {
  margin-top: 5px;
  padding-left: 18px;
  color: #bebebe;
}

.files-list {
  margin-top: 20px;
  float: left;
}

.file-list-item {
  width: 25%;
  padding-right: 10px;
  padding-bottom: 20px;
  float: left;
}

.file-list-item.return {
  clear: left;
}

.file-list-text {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 12px;
}

.adminbutton {
  display: block;
  width: 100%;
  margin-bottom: 2px;
  padding-top: 1px;
  padding-bottom: 1px;
  border-radius: 5px;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  font-size: 11px;
  text-align: center;
}

.adminbutton:hover {
  background-color: #2e5587;
  color: #fff;
}

.adminbutton.grey {
  background-color: #9e9e9e;
}

.adminbutton.grey:hover {
  background-color: #555;
}

.adminbutton.grey.menulink {
  display: inline;
  margin-right: 0px;
  padding: 3px 8px;
  border-radius: 3px;
  text-transform: uppercase;
}

.adminbutton.flexspace {
  margin-right: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.adminbutton.flexspace.co-autumn {
  background-color: #d69a65;
  color: #fff;
}

.adminbutton.flexspace.co-autumn:hover {
  background-color: #d36b0f;
}

.adminbutton.flexspace.co-winter {
  background-color: #61ace7;
  color: #fff;
}

.adminbutton.flexspace.co-winter:hover {
  background-color: #1c77be;
}

.adminbutton.flexspace.co-spring {
  background-color: #7ccf58;
}

.adminbutton.flexspace.co-spring:hover {
  background-color: #3db409;
}

.adminbutton.flexspace.co-summer {
  background-color: #c56464;
}

.adminbutton.flexspace.co-summer:hover {
  background-color: #a02a2a;
}

.adminbutton.flexspace.co-all {
  background-color: #a3a3a3;
  color: #fff;
}

.adminbutton.flexspace.co-all:hover {
  background-color: #707070;
}

.adminbutton.flexspace.co-uwtimesched {
  background-color: #696969;
}

.adminbutton.flexspace.co-uwtimesched:hover {
  background-color: #3d3d3d;
}

.file-list-row {
  margin-top: 17px;
}

.file-link-block {
  opacity: 0.5;
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
}

.file-link-block:hover {
  opacity: 1;
}

.file-icon-col {
  padding-bottom: 10px;
  padding-left: 15px;
}

.file-icon-text {
  margin-top: 0px;
  padding-left: 0px;
  font-size: 12px;
  line-height: 14px;
}

.featured-story-big-block {
  position: relative;
  margin-top: 20px;
  box-shadow: 0 0 4px 0 #292929;
}

.featured-story-heading-text {
  position: static;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin-bottom: -1px;
  padding-bottom: 0px;
  padding-left: 0px;
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 25px;
  line-height: 28px;
  text-align: left;
}

.featured-story-heading-text:hover {
  color: #92b9f3;
}

.courses-flex-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.block {
  padding-top: 3px;
  padding-bottom: 5px;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  border-right: 1px solid #ebebeb;
  background-color: #a7a7a7;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}

.block.header {
  padding-top: 7px;
  padding-bottom: 7px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  background-color: #afafaf;
  font-family: Montserrat, sans-serif;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
}

.block.header.current {
  margin-bottom: 2px;
  background-color: #949494;
  font-family: 'Open Sans', sans-serif;
}

.block.header.current.larger {
  font-size: 13px;
}

.block.header.planned {
  border-bottom: 2px solid #fff;
  font-family: 'Open Sans', sans-serif;
}

.block.header.planned.larger {
  font-size: 13px;
}

.block.header.course-number {
  padding-top: 22px;
  padding-bottom: 22px;
  border-right-width: 1px;
  background-color: #969696;
  font-family: 'Open Sans', sans-serif;
}

.block.header.last-taught {
  margin-bottom: 2px;
  padding-top: 12px;
  padding-bottom: 12px;
  border-right-width: 2px;
  font-family: 'Open Sans', sans-serif;
}

.block.header.archived {
  background-color: #c4c4c4;
}

.block.header.archived.larger {
  font-size: 12px;
}

.block.header.af-cqa {
  border-right-style: none;
  border-right-width: 0px;
}

.block.box {
  height: auto;
  padding: 17px 8px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-style: none solid none none;
  border-width: 1px;
  border-top-color: #000;
  border-bottom-color: #000;
  border-left-color: #000;
  background-color: transparent;
  font-family: 'Open Sans', sans-serif;
  color: #777;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  text-align: center;
  text-transform: none;
}

.block.box.afbox {
  height: auto;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.block.box.afbox.blackout {
  background-color: #c5c5c5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 82.7%, 0.96)), to(hsla(0, 0%, 82.7%, 0.96))), url('../images/closeX.png');
  background-image: linear-gradient(180deg, hsla(0, 0%, 82.7%, 0.96), hsla(0, 0%, 82.7%, 0.96)), url('../images/closeX.png');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, 69px;
  background-repeat: repeat, no-repeat;
}

.block.instructor {
  width: 20%;
  margin-right: 0px;
  padding-top: 9px;
  padding-bottom: 9px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-color: #929292;
  line-height: 30px;
}

.block.currentbs {
  width: 100%;
  margin-right: 0px;
  margin-left: 0px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-color: #797979;
}

.courses-current-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-right: 1px solid #dbdbdb;
  border-left: 1px solid #dbdbdb;
}

.courses-planned-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.course-number-column {
  padding-right: 0px;
  padding-left: 0px;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-bottom-style: none;
  border-bottom-color: #000;
  background-color: #fff;
}

.course-number-column.afcol {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  border-left: 1px solid #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c3c3c3), to(#c3c3c3));
  background-image: linear-gradient(180deg, #c3c3c3, #c3c3c3);
}

.course-number-column.afcqa {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-bottom: 2px solid #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#afafaf), to(#afafaf));
  background-image: linear-gradient(180deg, #afafaf, #afafaf);
}

.course-last-taught-column {
  padding-right: 0px;
  padding-left: 0px;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.course-number-div {
  padding-top: 13px;
  padding-bottom: 13px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: transparent;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  text-align: center;
}

.course-number-div.afbox2 {
  height: auto;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-right-width: 0px;
  border-right-color: transparent;
  border-bottom-width: 0px;
  border-bottom-color: transparent;
  background-color: transparent;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.last-taught-div {
  height: 60px;
  padding: 9px 5px;
  border-style: none solid solid none;
  border-width: 0px 2px 2px 0px;
  border-color: #d6d6d6 #ebebeb #ebebeb #d6d6d6;
  background-color: #e4e4e4;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
}

.course-planned-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.courses-header-row.afflexwrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.course-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.course-row.even {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #f3f3f3;
}

.page-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.wrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-bottom: 1px solid #000;
  font-size: 12px;
}

.course-buttons {
  width: 100%;
  -webkit-transition: color 200ms ease, background-color 200ms ease;
  transition: color 200ms ease, background-color 200ms ease;
  text-align: center;
}

.course-buttons:hover {
  background-color: #2e5587;
  color: #fff;
}

.courses-column {
  margin-bottom: 2px;
  padding-right: 0px;
  padding-left: 0px;
}

.planned-course-column {
  padding-right: 0px;
  padding-left: 0px;
}

.instructorclass {
  margin-top: 1px;
  margin-right: 2px;
  margin-bottom: 1px;
  padding: 0px;
  background-color: #e2e2e2;
}

.courses-link-block {
  width: 100%;
  margin-right: 0px;
  padding: 4px 10px 4px 12px;
  border-bottom: 1px solid #ebebeb;
  background-color: #fff;
  -webkit-transition: color 200ms ease, background-color 200ms ease;
  transition: color 200ms ease, background-color 200ms ease;
}

.courses-link-block:hover {
  background-color: #ebebeb;
}

.course-detail-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  border-right: 1px solid #f1f1f1;
  border-bottom: 1px solid #ebebeb;
}

.course-detail-column {
  position: static;
  padding: 10px 20px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.course-detail-title-column {
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  background-color: #e9e9e9;
  font-family: 'Open Sans', sans-serif;
  color: #555;
  font-size: 13px;
  line-height: 62px;
  font-weight: 600;
  text-align: right;
  text-transform: uppercase;
}

.course-detail-title {
  margin-top: 17px;
}

.archived-courses-column {
  padding-right: 0px;
  padding-left: 0px;
}

.courses-row {
  margin-bottom: 15px;
}

.required {
  color: #e22929;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
}

.status-key {
  padding-top: 10px;
  padding-bottom: 5px;
  border-radius: 8px;
  background-color: #dfdfdf;
  font-family: 'Open Sans', sans-serif;
  color: #3d3d3d;
  font-size: 12px;
  text-align: center;
}

.status-key-text {
  padding-bottom: 4px;
  font-family: 'Open Sans', sans-serif;
  color: #8d8d8d;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}

.status-key-list {
  display: inline;
  padding-left: 0px;
}

.status-key-item {
  display: inline-block;
  margin-left: 10px;
}

.key {
  font-size: 12px;
}

.key-label {
  margin-bottom: 20px;
  text-align: center;
}

.required-block {
  margin-bottom: 13px;
  padding-top: 15px;
  padding-right: 20px;
  padding-left: 20px;
  border-style: solid;
  border-width: 2px;
  border-color: rgba(255, 0, 0, 0.29);
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 3px 6px 0 rgba(48, 48, 48, 0.55);
}

.required-title {
  margin-bottom: 10px;
  padding-top: 0px;
  color: red;
  font-size: 12px;
  line-height: 13px;
  text-align: left;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.course-button-row {
  margin-right: 0px;
  margin-left: 0px;
}

.button-column {
  margin-bottom: 15px;
  padding-right: 2px;
  padding-left: 0px;
}

.featured-story-heading-small {
  position: static;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin-top: 6px;
  margin-bottom: 14px;
  padding-left: 0px;
  color: #d6d6d6;
  font-size: 16px;
  line-height: 20px;
}

.dchoiceimage {
  position: static;
  left: -102px;
  top: 0px;
  z-index: 12;
  display: inline-block;
  width: 45%;
  margin-top: -14px;
  margin-right: 9px;
  margin-left: -24px;
  float: left;
  clear: none;
  border-style: solid;
  border-width: 3px;
  border-color: hsla(0, 0%, 100%, 0.68);
  border-radius: 52px;
  box-shadow: 0 0 6px 0 #3b3b3b;
}

.dchoiceimage.mainimage {
  position: static;
  left: 0px;
  top: -39px;
  margin-top: 0px;
  margin-left: -92px;
}

.dchoiceimage.phoneflex {
  display: inline-block;
  width: 32%;
  margin-top: -24px;
  margin-left: -57px;
}

.directorschosenbox {
  position: absolute;
  left: 0px;
  right: 120px;
  bottom: 0px;
  z-index: 6;
  display: none;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.26)), to(transparent));
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.26), transparent);
}

.directorschosentitle {
  position: absolute;
  left: 0px;
  top: -30px;
  right: 0px;
  padding-left: 10px;
  border-top-left-radius: 10px;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.4)), to(transparent));
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.4), transparent);
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}

.dchoicebox {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 2;
  border-bottom-left-radius: 0px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#858585), to(#858585));
  background-image: linear-gradient(180deg, #858585, #858585);
  line-height: 14px;
}

.dchoicetext {
  position: relative;
  left: -66px;
  top: 0px;
  z-index: 3;
  display: block;
  width: 100%;
  height: 28px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 6px;
  padding-right: 0px;
  padding-left: 0px;
  float: none;
  background-color: transparent;
  color: #fff;
  font-size: 15px;
  line-height: 17px;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.dchoicetext.bigtitle {
  left: 0px;
  height: 47px;
  margin-top: 10px;
  font-family: 'Open Sans', sans-serif;
  font-size: 24px;
  font-weight: 300;
}

.dchoiceline {
  height: 30px;
  background-image: radial-gradient(circle farthest-corner at 25% 50%, #9e9e9e, #fff);
}

.dcimage {
  margin-bottom: 6px;
  box-shadow: 0 0 3px 0 #292929;
}

.dccontainer {
  position: static;
  left: 0px;
  top: 0px;
  height: 30px;
}

.dcsection {
  position: relative;
  z-index: 8;
  display: none;
  height: 30px;
  background-image: radial-gradient(circle farthest-corner at 28% 51%, #8d8d8d, #fff);
}

.dcsection.main {
  position: relative;
  z-index: 8;
  height: 62px;
  padding-top: 8px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#505050), to(#505050));
  background-image: linear-gradient(180deg, #505050, #505050);
}

.choicebox {
  position: absolute;
  left: 26px;
  top: 199px;
  width: 20%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 79.2%, 0.5)), to(hsla(0, 0%, 79.2%, 0.5)));
  background-image: linear-gradient(180deg, hsla(0, 0%, 79.2%, 0.5), hsla(0, 0%, 79.2%, 0.5));
}

.choiceboxsection {
  position: static;
  left: 0px;
  top: 0px;
  bottom: 0px;
  z-index: 4;
  display: block;
}

.choiceboxsection.noimage {
  position: relative;
  top: 0px;
  margin-bottom: -53px;
  margin-left: -84px;
}

.choiceboxsection.newsboxsection {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: auto;
}

.choiceboxsection.bigtop {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: auto;
}

.choiceimage {
  position: relative;
  z-index: 4;
  margin-top: 0px;
  float: left;
  border-radius: 52px;
  box-shadow: 0 0 6px 0 #2a2a2a;
}

.oceancurrents {
  position: absolute;
  left: 27px;
  display: block;
  width: 65%;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: -20px;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 17px;
  float: left;
  border-left: 3px solid #b3b3b3;
  -webkit-transition: background-color 550ms ease, border-color 350ms ease;
  transition: background-color 550ms ease, border-color 350ms ease;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 26px;
  line-height: 31px;
  font-weight: 600;
}

.oceancurrents:hover {
  border-left-color: #7a7d81;
  color: #fff;
}

.oceancurrents.newsversion {
  margin-left: 0px;
}

.oceancurrents.featuredchoice {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 4;
  width: 155px;
  margin-bottom: -26px;
  margin-left: 0px;
  padding-top: 0px;
  padding-left: 13px;
  float: none;
  border-left-style: none;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  background-image: url('../images/directorsCheck-white.png'), -webkit-gradient(linear, left top, left bottom, from(#156796), to(#156796));
  background-image: url('../images/directorsCheck-white.png'), linear-gradient(180deg, #156796, #156796);
  background-position: 5px 50%, 0px 0px;
  background-size: 20px, auto;
  background-repeat: no-repeat, repeat;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.38);
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
  color: #fff;
  font-size: 14px;
  line-height: 25px;
  font-weight: 400;
  text-align: center;
}

.oceancurrents.featuredchoice:hover {
  background-image: url('../images/directorsCheck-white.png'), -webkit-gradient(linear, left top, left bottom, from(rgba(49, 49, 49, 0.5)), to(rgba(49, 49, 49, 0.5)));
  background-image: url('../images/directorsCheck-white.png'), linear-gradient(180deg, rgba(49, 49, 49, 0.5), rgba(49, 49, 49, 0.5));
  background-position: 5px 50%, 0px 0px;
  background-size: 20px, auto;
  background-repeat: no-repeat, repeat;
}

.directorsthumb {
  margin-right: 12px;
  margin-left: -93px;
  float: left;
}

.oceancurrentscontainer {
  position: absolute;
  z-index: 3;
  margin-top: 5px;
  margin-left: -19px;
}

.oceancurrentscontainer.medtop {
  position: absolute;
  z-index: 3;
  display: block;
  margin-left: -2px;
}

.oceancurrentscontainer.smtop {
  display: none;
  margin-bottom: 20px;
}

.oceancurrentscontainer.give-subscribediv {
  position: relative;
  top: 0px;
  right: 0px;
  margin-top: 0px;
  margin-left: 0px;
}

.flexrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.flexbox {
  display: block;
  padding-right: 20px;
  padding-left: 0px;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.flexcol {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.flexwrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.addbutton {
  position: static;
  top: 256px;
  right: 146px;
  overflow: visible;
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-transition: color 200ms ease, background-color 200ms ease;
  transition: color 200ms ease, background-color 200ms ease;
  text-align: center;
}

.addbutton:hover {
  background-color: #2e5587;
  color: #fff;
}

.addbutton.fixed {
  position: fixed;
  top: 159px;
  right: 0px;
  width: auto;
  padding-right: 51px;
  padding-left: 51px;
}

.mostreadposition1 {
  margin-bottom: 13px;
}

.mostreadposition1image {
  margin-bottom: 8px;
  padding-bottom: 10px;
  border: 2px none #e9e9e9;
}

.featuredstoriescontainer {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: -3px;
  z-index: 6;
  padding-right: 20px;
  padding-bottom: 1px;
  padding-left: 20px;
}

.dchoicemaintitlesection {
  position: static;
  margin-top: 0px;
  margin-bottom: 15px;
  padding: 0px 15px 15px;
  border-radius: 8px;
  background-color: #eee;
}

._2columnflexwrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.fblock {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 4px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.fblock.relatedfiles {
  margin-bottom: 5px;
}

.textblock {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-basis: 90%;
  -ms-flex-preferred-size: 90%;
  flex-basis: 90%;
}

.fblocklink {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
}

.featuredflexwrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  margin-right: 0px;
  margin-left: 0px;
  padding-bottom: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.related-topics-container {
  margin-bottom: 40px;
}

.flexwrappermostread {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flexobjectmostread {
  margin-bottom: 7px;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.addbuttonfixed {
  position: fixed;
  top: 159px;
  right: 0px;
  z-index: 300;
  box-shadow: 0 0 4px 0 rgba(19, 19, 19, 0.68);
  -webkit-transition: color 200ms ease, background-color 200ms ease;
  transition: color 200ms ease, background-color 200ms ease;
}

.addbuttonfixed:hover {
  background-color: #2e5587;
  color: #fff;
}

.footericons {
  text-align: left;
}

.footericons.socialinheader {
  position: static;
  display: none;
  margin-top: 0px;
  float: right;
  text-align: left;
}

.dchoicesection {
  position: static;
  left: 0px;
  top: 0px;
  z-index: 9;
}

.dchoicecontainer {
  position: static;
}

.dchoicetextblock {
  display: inline-block;
  padding-left: 0px;
  float: left;
  border-left: 3px none #000;
  font-family: 'Open Sans', sans-serif;
  color: #525252;
  font-size: 13px;
  font-weight: 600;
}

.flexdchoicewrapper {
  border-radius: 8px;
  background-color: #e9e9e9;
}

.flexdchoicetextblock {
  padding: 10px 20px 20px;
}

.checkimage {
  position: relative;
  left: -4px;
  top: 4px;
  margin-right: -3px;
  float: left;
}

.choicedirectorblock {
  margin-bottom: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 30px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  background-image: url('../images/directorsCheck-white.png'), -webkit-gradient(linear, left top, right top, color-stop(25%, #0084cf), to(#fff));
  background-image: url('../images/directorsCheck-white.png'), linear-gradient(90deg, #0084cf 25%, #fff);
  background-position: 7px 50%, 0px 0px;
  background-size: 20px, auto;
  background-repeat: no-repeat, repeat;
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
}

.choicedirectorblock:hover {
  background-image: url('../images/directorsCheck-white.png'), -webkit-gradient(linear, left top, right top, color-stop(38%, #2e5587), to(#fff));
  background-image: url('../images/directorsCheck-white.png'), linear-gradient(90deg, #2e5587 38%, #fff);
  background-position: 7px 50%, 0px 0px;
  background-size: 20px, auto;
  background-repeat: no-repeat, repeat;
}

.choicedirectorblock.featured {
  position: absolute;
  left: -15px;
  width: 40%;
  background-image: url('../images/directorsCheck-white.png'), -webkit-gradient(linear, left top, right top, color-stop(25%, #0084cf), to(transparent));
  background-image: url('../images/directorsCheck-white.png'), linear-gradient(90deg, #0084cf 25%, transparent);
  background-position: 7px 50%, 0px 0px;
  background-size: 20px, auto;
  background-repeat: no-repeat, repeat;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
}

.choicedirectorblock.featured:hover {
  background-image: url('../images/directorsCheck-white.png'), -webkit-gradient(linear, left top, right top, color-stop(25%, #2e5587), to(transparent));
  background-image: url('../images/directorsCheck-white.png'), linear-gradient(90deg, #2e5587 25%, transparent);
  background-position: 7px 50%, 0px 0px;
  background-size: 20px, auto;
  background-repeat: no-repeat, repeat;
}

.choicedirectorblock.featuredsmall {
  position: relative;
  left: -15px;
  top: 0px;
  margin-bottom: -30px;
  background-image: url('../images/directorsCheck-white.png'), -webkit-gradient(linear, left top, right top, color-stop(25%, #0084cf), to(transparent));
  background-image: url('../images/directorsCheck-white.png'), linear-gradient(90deg, #0084cf 25%, transparent);
  background-position: 7px 50%, 0px 0px;
  background-size: 20px, auto;
  background-repeat: no-repeat, repeat;
}

.choicedirectorblock.featuredsmall:hover {
  background-image: url('../images/directorsCheck-white.png'), -webkit-gradient(linear, left top, right top, color-stop(25%, #2e5587), to(transparent));
  background-image: url('../images/directorsCheck-white.png'), linear-gradient(90deg, #2e5587 25%, transparent);
  background-position: 7px 50%, 0px 0px;
  background-size: 20px, auto;
  background-repeat: no-repeat, repeat;
}

.choicedirectorlink {
  font-family: 'Open Sans', sans-serif;
  color: #fff;
}

.choicedirectorlink:hover {
  color: #fff;
}

.oceancurrentsspan {
  font-style: italic;
}

.oceancurrentsimage {
  width: 60%;
  margin-left: 20px;
}

.oceancurrentsimage.ocmed {
  width: 43%;
}

.quarterbuttonwrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.newseventsheading {
  margin-bottom: 20px;
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
  color: #fff;
  font-size: 20px;
  text-align: center;
}

.newseventsheading:hover {
  color: #599afc;
}

.datediv {
  display: inline-block;
  max-width: 60px;
  min-width: 40px;
  margin-right: 10px;
  float: left;
  background-color: #fff;
  text-align: center;
}

.datetextlink {
  position: relative;
  left: 0px;
  top: 0px;
  display: inline-block;
  margin-top: 0px;
  padding: 4px 0px 7px;
  font-size: 22px;
  text-align: center;
}

.monthdiv {
  max-width: 60px;
  min-width: 40px;
  float: none;
  clear: left;
  border-bottom: 3px solid #6b6b6b;
  background-color: #cacaca;
  font-family: 'Open Sans', sans-serif;
  color: #7e7e7e;
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}

.monthdatediv {
  position: static;
  display: inline-block;
  margin-right: 0px;
  margin-bottom: 10px;
  float: left;
  clear: left;
  border-right: 16px solid #6b6b6b;
  border-bottom: 13px solid #6b6b6b;
  background-color: #fff;
  text-align: center;
}

.eventtitlediv {
  float: left;
}

.uwbrand {
  margin-top: -4px;
}

.spacerdiv {
  height: 30px;
}

.menulistitem {
  margin-bottom: 5px;
}

.menulink {
  margin-right: 11px;
}

.lightboximage-section {
  margin-top: 30px;
  margin-bottom: 30px;
}

.assimagerow {
  margin-bottom: 20px;
}

.footerlink {
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
  color: #dbdbdb;
}

.footerlink:hover {
  color: #fff;
}

.alphabet-organizer-div {
  display: none;
}

.alphabet-ul {
  padding-left: 0px;
}

.alphabet-item {
  display: inline-block;
}

.alphabet-link {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-right: 1px solid #fff;
  text-align: center;
}

.alphabet-link.highlighted {
  background-color: rgba(0, 132, 207, 0.69);
  color: #fff;
}

.alphabet-organizer-flex-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  padding: 10px 7px;
  border-radius: 7px;
  background-color: #f1f1f1;
}

.featured-story-div {
  width: 50%;
  margin-bottom: 40px;
}

.announcements-flex-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.announcements-flex-link-box {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 20px;
  margin-left: 0px;
  padding: 10px 20px;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #616161;
  background-image: none;
  background-size: auto;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  color: #fcfcfc;
}

.announcements-flex-link-box:hover {
  background-color: #0084cf;
  box-shadow: inset 0 0 8px 0 #213250;
}

.announcements-flex-link-box.generalbox {
  background-color: #979797;
  color: #fff;
}

.announcements-flex-link-box.generalbox:hover {
  background-color: #0084cf;
  color: #fff;
}

.announcement-date {
  margin-top: 20px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  color: #7e7e7e;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
}

.announcements-story-heading {
  margin-bottom: 15px;
  padding-top: 10px;
  border-top: 0px none transparent;
  color: #fafafa;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: -0.5px;
}

.announcements-story-heading.modalversion {
  color: #000;
  font-size: 23px;
  line-height: 29px;
}

.announcements-story-heading.generaltext {
  margin-bottom: 15px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}

.options.mo-mobile-only {
  display: none;
}

.flex-column-right {
  display: inline-block;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.option-button {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #0084cf;
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
  text-align: center;
}

.option-button:hover {
  background-color: #505050;
}

.option-button.editprofile {
  margin-bottom: 0px;
  border-bottom: 2px solid #5f5f5f;
  background-image: url('../images/torso-white.png');
  background-position: 8px 6px;
  background-size: 36px;
  background-repeat: no-repeat;
}

.option-button.createpage {
  background-image: url('../images/addstory-white.png');
  background-position: 13px 50%;
  background-size: 26px;
  background-repeat: no-repeat;
}

.option-button.emailgroup {
  background-image: url('../images/persondetails-white.png');
  background-position: 4px 50%;
  background-size: 46px;
  background-repeat: no-repeat;
}

.option-button.emailgroup.withinprofile {
  margin-bottom: 0px;
  padding-left: 15px;
  background-position: 15px 2px;
}

.option-button.addevent {
  background-image: url('../images/calendar-white.png');
  background-position: 6px 50%;
  background-size: 41px;
  background-repeat: no-repeat;
}

.option-button.intranet {
  background-image: url('../images/intraneticon-white.png');
  background-position: 10px 50%;
  background-size: 31px;
  background-repeat: no-repeat;
}

.option-button.addannouncement {
  background-image: url('../images/bullhorn.png');
  background-position: 3px 11px;
  background-size: 46px;
  background-repeat: no-repeat;
}

.option-button.filloutactivityreport {
  background-image: url('../images/docwrite-white.png');
  background-position: 0px 50%;
  background-size: 52px;
  background-repeat: no-repeat;
}

.option-button.filloutperfreview {
  background-image: url('../images/docwrite-white.png');
  background-position: 0px 50%;
  background-size: 52px;
  background-repeat: no-repeat;
}

.option-button.myprofile {
  margin-bottom: 0px;
  padding-left: 10px;
  background-image: url('../images/userhome-white.png');
  background-position: 16px 50%;
  background-size: 38px;
  background-repeat: no-repeat;
}

.option-button.myfiles {
  margin-bottom: 0px;
  padding-left: 10px;
  background-image: url('../images/picture-white.png');
  background-position: 16px 50%;
  background-size: 39px;
  background-repeat: no-repeat;
}

.option-button.mypages {
  margin-bottom: 0px;
  padding-left: 10px;
  background-image: url('../images/storylist-white.png');
  background-position: 21px 50%;
  background-size: 29px;
  background-repeat: no-repeat;
}

.option-button.myperformance {
  margin-bottom: 0px;
  padding-left: 10px;
  background-image: url('../images/docwrite-white.png');
  background-position: 16px 50%;
  background-size: 39px;
  background-repeat: no-repeat;
}

.option-button.mycourses {
  margin-bottom: 0px;
  padding-left: 11px;
  background-image: url('../images/icon-lecture.png');
  background-position: 18px 50%;
  background-size: 30px;
  background-repeat: no-repeat;
}

.option-button.mygradstudents {
  margin-bottom: 0px;
  padding-left: 10px;
  background-image: url('../images/torsos-white.png');
  background-position: 19px 50%;
  background-size: 32px;
  background-repeat: no-repeat;
}

.options-title {
  padding-right: 10px;
  padding-left: 50px;
  color: #fff;
  font-weight: 700;
  text-align: left;
}

.options-title.optionsdropdown {
  padding-left: 0px;
}

.viewall-button {
  width: 100%;
  margin-right: 20px;
  -webkit-box-flex: 100%;
  -webkit-flex: 100%;
  -ms-flex: 100%;
  flex: 100%;
  text-align: center;
}

.viewall-button.intranetbutton {
  width: auto;
  margin-right: 20px;
}

.modal-announcement-bg0 {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9999;
  display: none;
  overflow: scroll;
  height: 100%;
  padding-top: 90px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.74)), to(rgba(0, 0, 0, 0.74)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.74), rgba(0, 0, 0, 0.74));
  text-align: center;
}

.modal-announcement-bg0._0 {
  display: none;
}

.modal-announcement-bg0._1 {
  display: none;
}

.announcement-wrapper {
  display: block;
  overflow: visible;
  width: 800px;
  margin-right: auto;
  margin-left: auto;
  padding: 20px 40px 40px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
  background-image: linear-gradient(180deg, #fff, #fff);
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.54);
  text-align: left;
}

.close-text-link {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  display: inline-block;
  width: 100%;
  padding-right: 29px;
  padding-bottom: 2px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.68)), to(hsla(0, 0%, 100%, 0.68))), url('../images/closeX.png');
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.68), hsla(0, 0%, 100%, 0.68)), url('../images/closeX.png');
  background-position: 0px 0px, 100% 50%;
  background-size: auto, 27px;
  background-repeat: repeat, no-repeat;
  -webkit-transition: color 200ms ease, background-color 200ms ease;
  transition: color 200ms ease, background-color 200ms ease;
  font-weight: 600;
  text-align: right;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.close-text-link:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.23)), to(hsla(0, 0%, 100%, 0.23))), url('../images/closeX.png');
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.23), hsla(0, 0%, 100%, 0.23)), url('../images/closeX.png');
  background-position: 0px 0px, 100% 50%;
  background-size: auto, 27px;
  background-repeat: repeat, no-repeat;
}

.x-image {
  position: relative;
  float: none;
}

.announcement-image {
  width: 330px;
  margin-bottom: 15px;
  margin-left: 20px;
  float: right;
}

.modal-announcement-bg1 {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9999;
  display: none;
  overflow: scroll;
  height: 100%;
  padding-top: 90px;
  background-color: rgba(0, 0, 0, 0.8);
}

.modal-announcement-bg2 {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9999;
  display: none;
  overflow: scroll;
  height: 100%;
  padding-top: 90px;
  background-color: rgba(0, 0, 0, 0.8);
}

.modal-announcement-bg3 {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9999;
  display: none;
  overflow: scroll;
  height: 100%;
  padding-top: 90px;
  background-color: rgba(0, 0, 0, 0.8);
}

.modal-announcement-bg4 {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9999;
  display: none;
  overflow: scroll;
  height: 100%;
  padding-top: 90px;
  background-color: rgba(0, 0, 0, 0.8);
}

.modal-announcement-bg5 {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9999;
  display: none;
  overflow: scroll;
  height: 100%;
  padding-top: 90px;
  background-color: rgba(0, 0, 0, 0.8);
}

.options-dropdown-icon {
  margin-top: 0px;
  margin-bottom: 3px;
  padding-left: 3px;
  color: #fff;
  font-size: 24px;
  font-weight: 800;
}

.dropdowntoggle {
  width: 100%;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 50px;
}

.dropdowntoggle.w--open {
  padding-bottom: 13px;
}

.dropdownlist.w--open {
  position: relative;
  background-color: hsla(0, 0%, 86.7%, 0);
  box-shadow: inset 0 0 8px 0 rgba(0, 0, 0, 0.4);
}

.dropdownlinks {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 50px;
  color: #fff;
}

.dropdownlinks.viewfiles {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 50px;
  background-image: url('../images/picture-white.png');
  background-position: 11px 50%;
  background-size: 37px;
  background-repeat: no-repeat;
}

.dropdownlinks.viewfiles:hover {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #0084cf;
  color: #fff;
}

.dropdownlinks.viewpages {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 50px;
  background-image: url('../images/storylist-white.png');
  background-position: 11px 50%;
  background-size: 33px;
  background-repeat: no-repeat;
}

.dropdownlinks.viewpages:hover {
  background-color: #0084cf;
  color: #fff;
}

.dropdownlinks.editprofiledropdown {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 50px;
  background-image: url('../images/userhome-white.png');
  background-position: 11px 62%;
  background-size: 37px;
  background-repeat: no-repeat;
  color: #fff;
}

.dropdownlinks.editprofiledropdown:hover {
  background-color: #0084cf;
}

.dropdownlinks.viewcourses {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 50px;
  background-image: url('../images/book-white.png');
  background-position: 6px 50%;
  background-size: 48px;
  background-repeat: no-repeat;
}

.dropdownlinks.viewcourses:hover {
  background-color: #0084cf;
  color: #fff;
}

.dropdownlinks.mygrads {
  background-image: url('../images/persondetails-white.png');
  background-position: 6px 50%;
  background-size: 40px;
  background-repeat: no-repeat;
}

.dropdownlinks.mygrads:hover {
  background-color: #0084cf;
  color: #fff;
}

.uwalert-alert-message {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 1;
  display: block;
  width: 100%;
  height: 84px;
  margin-top: 0px;
  float: none;
  clear: none;
  background-color: #ffc200;
}

.classform {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 10px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.dayblock {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.classblock {
  margin-right: 20px;
  -webkit-box-flex: 20%;
  -webkit-flex: 20%;
  -ms-flex: 20%;
  flex: 20%;
}

.classblock._30percent {
  position: static;
  margin-right: 20px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.classblock._20percent {
  -webkit-flex-basis: 20%;
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
}

.classblock._15percent {
  -webkit-flex-basis: 20%;
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
}

.classblock._25percent {
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
}

.classblock._10percent {
  -webkit-flex-basis: 10%;
  -ms-flex-preferred-size: 10%;
  flex-basis: 10%;
}

.classblock._22percent {
  -webkit-flex-basis: 22%;
  -ms-flex-preferred-size: 22%;
  flex-basis: 22%;
}

.addclassbutton {
  width: 100%;
  margin-bottom: 24px;
  border-radius: 6px;
  background-color: #0084cf;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  font-weight: 700;
}

.addclassbutton:hover {
  background-color: #2e5587;
}

.the-flex-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.the-flex-item-wrapper {
  margin-right: 10px;
  margin-bottom: 10px;
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
  -webkit-box-flex: 0;
  -webkit-flex: 0 23%;
  -ms-flex: 0 23%;
  flex: 0 23%;
}

.working-tab {
  margin-right: 3px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-size: 12px;
  text-transform: uppercase;
}

.working-tab.w--current {
  margin-right: 3px;
  background-color: #0068a3;
  color: #fff;
}

.working-tab.w--current:hover {
  color: #cadfff;
}

.numberone {
  position: absolute;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  margin-left: -25px;
  padding: 3px;
  float: left;
  border-radius: 43px;
  background-color: #0098ff;
  font-size: 12px;
  line-height: 15px;
  font-weight: 700;
  text-align: center;
}

.text-block {
  position: static;
  display: block;
  float: none;
}

.afrow-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.column {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.column.af-sideheader {
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-right: 2px solid #fff;
  border-left: 1px solid #fff;
  background-color: #949494;
}

.coursesectionwrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-style: none none solid;
  border-width: 2px;
  border-color: #ddd;
  background-color: transparent;
}

.coursesectionwrapper.infoselected {
  width: 100%;
  padding: 18px 18px 5px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-bottom-style: none;
  border-radius: 8px;
  background-color: #eee;
}

.coursesectionwrapper.makeyourselection {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-bottom-style: none;
}

.coursesectiontitle {
  width: 80%;
  margin-bottom: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 20px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-style: solid none solid solid;
  border-width: 2px;
  border-color: #ddd;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: #fff;
}

.coursesectiontitle.infoselected {
  width: 60%;
  margin-bottom: 10px;
}

.coursesectiontype {
  position: relative;
  width: 100%;
  margin-right: 20px;
  margin-bottom: 10px;
  padding-top: 16px;
  padding-bottom: 16px;
  border-style: none;
  border-width: 2px 1px 1px;
  border-color: #ddd;
  background-color: #7e7e7e;
  color: #fff;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}

.coursesectiontype.deleteremove {
  position: absolute;
  top: -1px;
  right: -22px;
  width: auto;
  margin-right: 0px;
  padding: 12px;
  float: right;
  border-radius: 60px;
  background-color: #ce4646;
  box-shadow: 0 11px 9px -5px rgba(0, 0, 0, 0.45);
  font-size: 14px;
}

.coursesectiontype.deleteremove:hover {
  background-color: #a10606;
  color: #fff;
}

.coursesectiontype.deleteremove.sectiondetails {
  top: 11px;
  right: -24px;
  padding: 5px 10px;
  background-color: #afafaf;
  box-shadow: none;
}

.coursesectiontype.deleteremove.sectiondetails:hover {
  background-color: #c93131;
  box-shadow: 0 9px 9px -5px rgba(0, 0, 0, 0.45);
}

.coursesectiontype.deleteremove.sectiondetails.col-remove {
  top: 9px;
  padding-top: 1px;
  padding-right: 8px;
  padding-bottom: 1px;
}

.coursesectiontype.lecture {
  margin-right: 0px;
  margin-bottom: 0px;
  background-image: url('../images/icon-lecture.png');
  background-position: 43% 50%;
  background-size: 38px;
  background-repeat: no-repeat;
}

.coursesectiontype.lab {
  margin-right: 0px;
  margin-bottom: 0px;
  background-image: url('../images/icon-lab.png');
  background-position: 45% 50%;
  background-size: 37px;
  background-repeat: no-repeat;
}

.coursesectiontype.quiz {
  margin-right: 0px;
  margin-bottom: 0px;
  background-image: url('../images/icon-quiz.png');
  background-position: 44% 50%;
  background-size: 44px;
  background-repeat: no-repeat;
}

.coursesectiontype.other {
  margin-right: 0px;
  margin-bottom: 0px;
  background-image: url('../images/soo-othericon.png');
  background-position: 44% 50%;
  background-size: 38px;
  background-repeat: no-repeat;
}

.coursesectiontype.seminar {
  margin-right: 0px;
  margin-bottom: 0px;
  background-image: url('../images/soo-seminar.png');
  background-position: 43% 55%;
  background-size: 40px;
  background-repeat: no-repeat;
}

.coursesectionh3 {
  margin-bottom: 0px;
  color: #3d3d3d;
  line-height: 26px;
  font-weight: 600;
}

.coursesectionheaders {
  display: inline-block;
  width: 25%;
  border: 1px solid #fff;
  background-color: #a8a8a8;
  color: #fff;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
}

.coursesectionblocks {
  display: inline-block;
  width: 25%;
  margin-top: 20px;
  margin-right: 9px;
  margin-left: 9px;
  padding: 0px 0px 5px;
  font-weight: 600;
  text-align: center;
}

.daylabel {
  display: block;
  float: left;
  clear: left;
  font-weight: 700;
  text-align: center;
  text-transform: none;
}

.daycheckbox {
  position: static;
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 3px;
  margin-left: 0px;
  float: left;
  clear: left;
}

.checkbox-field {
  display: inline-block;
  width: 14%;
  padding-left: 10px;
  text-align: center;
}

.text-block-2 {
  border-top: 1px none #000;
}

.coursesectionnametype {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: -30px -30px 20px;
  padding: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-radius: 0px 0px 8px 8px;
  background-color: #7e7e7e;
  box-shadow: 0 7px 15px -6px #383838;
}

.section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.textfieldsection {
  width: 70%;
  margin-right: 20px;
  margin-bottom: 0px;
}

.sectiontype {
  width: 48%;
  margin-right: 20px;
  margin-bottom: 0px;
}

.textfieldlabel {
  width: 70%;
  margin-right: 20px;
}

.textfieldlabel.typelabel {
  width: 25%;
  color: #fff;
}

.textfieldlabel.forcourses {
  color: #fff;
}

.sectiontextblock {
  width: 25%;
  padding-top: 10px;
  padding-bottom: 10px;
  border-right: 2px solid #dfdfdf;
  border-bottom: 1px solid #d1d1d1;
  background-color: #fff;
  text-align: center;
}

.coursesectioninputs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 0px;
  margin-bottom: 6px;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.coursetitlewrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.coursesectionheaderwrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 0px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.coursesectionblockwrapper {
  display: block;
  width: 10%;
  margin-bottom: 0px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.removeschedule {
  width: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 0px 8px 8px 0px;
  background-color: #ce4646;
  font-size: 12px;
  font-weight: 600;
  text-align: left;
  letter-spacing: 0px;
  text-transform: uppercase;
}

.removeschedule:hover {
  background-color: #a10606;
  color: #fff;
}

.div-block {
  width: 100%;
}

.removeschedulebuttondiv {
  width: 100%;
  margin-bottom: 15px;
  padding-top: 0px;
  padding-bottom: 5px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#ececec));
  background-image: linear-gradient(180deg, #ececec, #ececec);
  text-align: center;
}

.form-block-2 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.formblock {
  width: 100%;
}

.formdiv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.coursedetailswrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.divhr {
  width: 100%;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 0px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#8b8b8b), to(#8b8b8b));
  background-image: linear-gradient(180deg, #8b8b8b, #8b8b8b);
}

.dropdown-2 {
  width: 100%;
  text-align: center;
}

.dropdown-2.addscheduledropdown {
  margin-top: 16px;
  margin-bottom: 0px;
  border-radius: 8px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#52a52e), to(#52a52e));
  background-image: linear-gradient(180deg, #52a52e, #52a52e);
  font-weight: 700;
}

.dropdown-toggle {
  width: 100%;
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}

.dropdown-toggle:hover {
  border-radius: 8px;
  background-color: #2e7211;
}

.dropdown-toggle.w--open {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: #6d6d6d;
}

.dropdown-list-2.w--open {
  position: relative;
  overflow: hidden;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.icon {
  text-align: left;
}

.column-2 {
  display: block;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.intranethomeflex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.coursedw {
  margin-bottom: 20px;
}

.cdheader {
  padding-top: 2px;
  padding-bottom: 2px;
  background-color: #a5a5a5;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}

.cdheader.lecture {
  background-image: url('../images/icon-lecture.png');
  background-position: 40% 50%;
  background-size: 41px;
  background-repeat: no-repeat;
}

.cdheader.lab {
  background-image: url('../images/icon-lab.png');
  background-position: 42% 50%;
  background-size: 41px;
  background-repeat: no-repeat;
}

.cdheader.seminar {
  background-image: url('../images/soo-seminar.png');
  background-position: 40% 50%;
  background-size: 41px;
  background-repeat: no-repeat;
}

.cdheader.other {
  background-image: url('../images/soo-othericon.png');
  background-position: 42% 50%;
  background-size: 41px;
  background-repeat: no-repeat;
}

.cdheader.quiz {
  background-image: url('../images/icon-quiz.png');
  background-position: 42% 50%;
  background-size: 41px;
  background-repeat: no-repeat;
}

.cdbodyflex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-bottom: 1px none #000;
  border-left: 2px none #e2e2e2;
}

.cdbodyflex.medgrey {
  background-color: #f1f1f1;
}

.cdflexitem {
  width: 25%;
  padding: 10px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-right: 2px solid #e2e2e2;
  border-bottom: 2px solid #e2e2e2;
  text-align: right;
}

.cdflexitem.contententered {
  text-align: left;
}

.cdflexitem._75percent {
  width: 90%;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: left;
}

.cdflexitem._25percent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 10%;
  padding: 6px 18px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.text-block-3 {
  font-weight: 700;
}

.qcircles {
  width: 100%;
  margin-right: 4px;
  margin-bottom: 0px;
  margin-left: 4px;
  padding: 5px 10px;
  float: left;
  border-radius: 70px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}

.qcircles.qaut {
  background-color: #d69a65;
}

.qcircles.qaut.attop {
  width: auto;
  margin-top: 20px;
  margin-left: 0px;
  padding-right: 15px;
  padding-left: 15px;
}

.qcircles.qaut.alsooffered {
  margin-bottom: 10px;
}

.qcircles.qwin {
  margin-bottom: 0px;
  background-color: #61ace7;
}

.qcircles.qwin.alsooffered {
  margin-bottom: 10px;
}

.qcircles.qspg {
  background-color: #7ccf58;
}

.qcircles.qspg.alsooffered {
  margin-bottom: 10px;
}

.qcircles.qsum {
  background-color: #c56464;
}

.qcircles.qsum.alsooffered {
  margin-bottom: 10px;
}

.qcircles.autumn {
  background-color: #d69a65;
}

.qcircles.autumn.attop {
  width: auto;
  margin-top: 20px;
  margin-left: 0px;
  padding-right: 15px;
  padding-left: 15px;
  background-color: #d69a65;
}

.qcircles.autumn.alsooffered {
  width: auto;
  margin-bottom: 10px;
  margin-left: 0px;
  background-color: #d69a65;
}

.qcircles.spring {
  background-color: #7ccf58;
}

.qcircles.spring.attop {
  width: auto;
  margin-top: 20px;
  margin-left: 0px;
  padding-right: 15px;
  padding-left: 15px;
  background-color: #7ccf58;
}

.qcircles.spring.alsooffered {
  width: auto;
  margin-bottom: 10px;
  margin-left: 0px;
  background-color: #7ccf58;
}

.qcircles.winter {
  background-color: #61ace7;
}

.qcircles.winter.attop {
  width: auto;
  margin-top: 20px;
  margin-left: 0px;
  padding-right: 15px;
  padding-left: 15px;
  background-color: #61ace7;
}

.qcircles.winter.alsooffered {
  width: auto;
  margin-bottom: 10px;
  margin-left: 0px;
  background-color: #61ace7;
}

.qcircles.summer {
  background-color: #c56464;
}

.qcircles.summer.attop {
  position: relative;
  width: auto;
  margin-top: 20px;
  margin-left: 0px;
  padding-right: 15px;
  padding-left: 15px;
  float: left;
  clear: left;
  background-color: #c56464;
}

.qcircles.summer.alsooffered {
  width: auto;
  margin-bottom: 10px;
  margin-left: 0px;
  background-color: #c56464;
}

.divtable {
  margin-bottom: 20px;
}

.dtflexwrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-left: 2px solid #e2e2e2;
}

.dtheaderleft {
  width: 90%;
  padding: 10px 15px;
  background-color: #d4d4d4;
}

.dtheaderright {
  width: 10%;
  padding: 10px 0px;
  border-right: 2px solid #e9e9e9;
  background-color: #d4d4d4;
  text-align: center;
}

.link-2 {
  text-align: center;
  text-transform: uppercase;
}

.link-3 {
  text-transform: uppercase;
}

.div-block-2 {
  margin-bottom: 0px;
}

.coursetitle {
  margin-top: 35px;
}

.alsoofferedlink {
  display: block;
  color: #fff;
  font-weight: 600;
  text-align: center;
}

.alsoofferedlink:hover {
  color: #111;
}

.image {
  margin: 0px;
  padding: 0px;
}

.text-block-4 {
  position: relative;
}

.course-heading {
  width: 70%;
  margin-top: 0px;
  margin-right: 20px;
  margin-bottom: 0px;
  color: #fff;
  font-size: 26px;
  line-height: 32px;
  font-weight: 400;
}

.showbuttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}

.showbuttons:hover {
  background-color: #084a7e;
  color: #fff;
}

.showbuttons.enrollment {
  width: 32%;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 0px;
  padding-top: 55px;
  padding-bottom: 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-image: url('../images/soo-attendance-copy.png');
  background-position: 50% 12px;
  background-size: 40px;
  background-repeat: no-repeat;
  color: #fff;
}

.showbuttons.enrollment._50percent {
  width: 48%;
}

.showbuttons.schoollink {
  width: 32%;
  margin-right: 10px;
  margin-left: 0px;
  padding-top: 55px;
  padding-bottom: 15px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-image: url('../images/soo-weblink.png');
  background-position: 50% 13px;
  background-size: 40px;
  background-repeat: no-repeat;
  color: #fff;
}

.showbuttons.schoollink._50percent {
  width: 48%;
}

.showbuttons.newinstance {
  width: 32%;
  margin-right: 0px;
  margin-left: 0px;
  padding: 55px 43px 15px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-color: #3898ec;
  background-image: url('../images/soo-duplicate.png');
  background-position: 50% 18px;
  background-size: 36px;
  background-repeat: no-repeat;
  color: #fff;
  font-weight: 700;
}

.showbuttons.newinstance:hover {
  background-color: #084a7e;
}

.showbuttonflexwrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.text-span {
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
}

.submitbutton {
  display: inline-block;
  width: auto;
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: transparent;
}

.autopopulated {
  padding-top: 0px;
  padding-bottom: 0px;
  color: #fff;
  line-height: 10px;
}

.autopopulated:hover {
  background-color: transparent;
  color: #fff;
}

.form {
  text-align: left;
}

.poptext {
  font-weight: 400;
  text-align: center;
}

.uwutilitieslogo {
  margin-top: 0px;
  margin-left: 0px;
  opacity: 0.7;
  -webkit-transition: opacity 325ms ease;
  transition: opacity 325ms ease;
}

.uwutilitieslogo:hover {
  opacity: 1;
}

.uwhome {
  display: none;
}

.as-courses {
  margin-bottom: 20px;
  padding-left: 20px;
}

.as-item {
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: -20px;
  padding-left: 26px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.66)), to(hsla(0, 0%, 100%, 0.66))), url('../images/directorsCheck.png');
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.66), hsla(0, 0%, 100%, 0.66)), url('../images/directorsCheck.png');
  background-position: 0px 0px, 0px 2px;
  background-size: auto, 16px;
  background-repeat: repeat, no-repeat;
  -webkit-transition: opacity 358ms ease;
  transition: opacity 358ms ease;
  line-height: 18px;
}

.as-item:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(hsla(0, 0%, 100%, 0))), url('../images/directorsCheck.png');
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0)), url('../images/directorsCheck.png');
  background-position: 0px 0px, 0px 2px;
  background-size: auto, 16px;
  background-repeat: repeat, no-repeat;
}

.as-item.tweaked {
  margin-left: 0px;
  padding: 10px 10px 10px 14px;
  border-bottom: 2px none #dadada;
  border-left: 2px none #e0e0e0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background-image: -webkit-gradient(linear, left top, right top, from(#f3f3f3), to(#fff));
  background-image: linear-gradient(90deg, #f3f3f3, #fff);
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-transition: opacity 358ms ease, -webkit-transform 200ms ease;
  transition: opacity 358ms ease, -webkit-transform 200ms ease;
  transition: opacity 358ms ease, transform 200ms ease;
  transition: opacity 358ms ease, transform 200ms ease, -webkit-transform 200ms ease;
}

.as-item.tweaked:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
  background-image: linear-gradient(180deg, #fff, #fff);
  box-shadow: 0 4px 18px -4px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate(0px, -4px);
  -ms-transform: translate(0px, -4px);
  transform: translate(0px, -4px);
}

.herotitle {
  display: inline-block;
  width: 25%;
  margin-right: 0px;
  margin-left: 0px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  color: #fff;
  font-size: 24px;
  line-height: 36px;
  font-weight: 700;
  text-align: center;
}

.hrleft {
  width: 40%;
  height: 1px;
  margin-top: 37px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  float: left;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.5)), to(hsla(0, 0%, 100%, 0.5)));
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.5), hsla(0, 0%, 100%, 0.5));
}

.hrright {
  width: 40%;
  height: 1px;
  margin-top: 37px;
  padding-bottom: 0px;
  float: right;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.5)), to(hsla(0, 0%, 100%, 0.5)));
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.5), hsla(0, 0%, 100%, 0.5));
}

.container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.moviebutton {
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 4001;
  display: none;
  width: 20%;
  padding: 6px 20px 6px 56px;
  background-image: url('../images/next-text-bg.png');
  background-position: 0% 100%;
  background-size: cover;
  background-repeat: no-repeat;
  font-size: 11px;
  font-weight: 800;
}

.container-2 {
  position: relative;
  top: 0px;
  display: block;
  height: 40px;
}

.closemovie {
  position: absolute;
  right: 15px;
  bottom: 12px;
  opacity: 0.5;
  -webkit-transition: opacity 375ms ease;
  transition: opacity 375ms ease;
}

.closemovie:hover {
  opacity: 1;
}

.room-flex-div-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
}

.roombox {
  width: 5%;
  border-right: 1px solid #a5a5a5;
  text-align: center;
}

.roombox.rows {
  border-bottom: 1px solid #e2e2e2;
  border-right-color: #e2e2e2;
}

.roombox.rows.leftside {
  border-left: 1px solid #e2e2e2;
}

.room-flex-div-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.room-flex-div-col.even {
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 90.6%, 0.5)), to(hsla(0, 0%, 90.6%, 0.5)));
  background-image: linear-gradient(180deg, hsla(0, 0%, 90.6%, 0.5), hsla(0, 0%, 90.6%, 0.5));
}

.num-circle {
  padding: 5px 10px 5px 7px;
  background-image: url('../images/circle-of-white.png');
  background-position: 19% 37%;
  background-size: 20px;
  background-repeat: no-repeat;
  opacity: 0.61;
  color: #000;
  font-size: 12px;
  font-weight: 700;
}

.text-block-6 {
  font-size: 8px;
}

.courseeditbutton {
  margin-left: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius: 5px;
  background-color: #3ead0e;
  color: #fff;
  font-size: 10px;
  text-transform: uppercase;
}

.courseeditbutton:hover {
  border-radius: 5px;
  background-color: #327e11;
  color: #fff;
}

.modal-announcement-bg6 {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9999;
  display: none;
  overflow: scroll;
  height: 100%;
  padding-top: 90px;
  background-color: rgba(0, 0, 0, 0.8);
}

.modal-announcement-bg7 {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9999;
  display: none;
  overflow: scroll;
  height: 100%;
  padding-top: 90px;
  background-color: rgba(0, 0, 0, 0.8);
}

.modal-announcement-bg8 {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9999;
  display: none;
  overflow: scroll;
  height: 100%;
  padding-top: 90px;
  background-color: rgba(0, 0, 0, 0.8);
}

.modal-announcement-bg9 {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9999;
  display: none;
  overflow: scroll;
  height: 100%;
  padding-top: 90px;
  background-color: rgba(0, 0, 0, 0.8);
}

.modal-announcement-bg10 {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9999;
  display: none;
  overflow: scroll;
  height: 100%;
  padding-top: 90px;
  background-color: rgba(0, 0, 0, 0.8);
}

.modal-announcement-bg11 {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9999;
  display: none;
  overflow: scroll;
  height: 100%;
  padding-top: 90px;
  background-color: rgba(0, 0, 0, 0.8);
}

.modal-announcement-bg12 {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9999;
  display: none;
  overflow: scroll;
  height: 100%;
  padding-top: 90px;
  background-color: rgba(0, 0, 0, 0.8);
}

.modal-announcement-bg13 {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9999;
  display: none;
  overflow: scroll;
  height: 100%;
  padding-top: 90px;
  background-color: rgba(0, 0, 0, 0.8);
}

.modal-announcement-bg14 {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9999;
  display: none;
  overflow: scroll;
  height: 100%;
  padding-top: 90px;
  background-color: rgba(0, 0, 0, 0.8);
}

.modal-announcement-bg15 {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9999;
  display: none;
  overflow: scroll;
  height: 100%;
  padding-top: 90px;
  background-color: rgba(0, 0, 0, 0.8);
}

.modal-announcement-bg16 {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9999;
  display: none;
  overflow: scroll;
  height: 100%;
  padding-top: 90px;
  background-color: rgba(0, 0, 0, 0.8);
}

.modal-announcement-bg17 {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9999;
  display: none;
  overflow: scroll;
  height: 100%;
  padding-top: 90px;
  background-color: rgba(0, 0, 0, 0.8);
}

.modal-announcement-bg18 {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9999;
  display: none;
  overflow: scroll;
  height: 100%;
  padding-top: 90px;
  background-color: rgba(0, 0, 0, 0.8);
}

.modal-announcement-bg19 {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9999;
  display: none;
  overflow: scroll;
  height: 100%;
  padding-top: 90px;
  background-color: rgba(0, 0, 0, 0.8);
}

.modal-announcement-bg20 {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9999;
  display: none;
  overflow: scroll;
  height: 100%;
  padding-top: 89px;
  background-color: rgba(0, 0, 0, 0.8);
}

.profile-options {
  margin-bottom: 10px;
}

.myprofileoptions {
  padding-top: 15px;
  padding-bottom: 15px;
  background-image: url('../images/torso-white.png'), -webkit-gradient(linear, left top, left bottom, from(#494949), to(#494949));
  background-image: url('../images/torso-white.png'), linear-gradient(180deg, #494949, #494949);
  background-position: 10px 50%, 0px 0px;
  background-size: 34px, auto;
  background-repeat: no-repeat, repeat;
}

.form-2 {
  float: left;
}

.courseform {
  padding-top: 7px;
}

.newinstancebutton {
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
}

.newinstancebutton:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
}

.cpfflexdiv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  margin-bottom: 20px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.currentbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  text-align: center;
}

.instructorbox {
  width: 20%;
  padding: 10px;
  border-right: 2px solid #ddd;
  text-align: center;
}

.instructorbox.leftend {
  border-left: 2px solid #ddd;
  border-right-style: solid;
}

.quarterbox {
  width: 15%;
  padding: 10px;
  border-right: 2px solid #ddd;
  text-align: center;
}

.text-block-7 {
  margin-right: 9px;
}

.row {
  margin-right: 0px;
  margin-left: 0px;
}

.currentandquarters {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 60%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.quartercell {
  width: 25%;
  margin-right: 1px;
  margin-left: 0px;
  background-color: #707070;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.div-block-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.cpfrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-bottom: 2px solid #d6d6d6;
}

.cpfrow.odd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.cpfrow.cpfeven {
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 88.6%, 0.5)), to(hsla(0, 0%, 88.6%, 0.5)));
  background-image: linear-gradient(180deg, hsla(0, 0%, 88.6%, 0.5), hsla(0, 0%, 88.6%, 0.5));
}

.adminintranetlink {
  margin-right: 20px;
  padding: 3px 12px 3px 30px;
  color: #fff;
  font-weight: 600;
}

.adminintranetlink:hover {
  border-radius: 6px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
  background-image: linear-gradient(180deg, #000, #000);
  color: #fff;
}

.adminintranetlink.intranet-edit {
  margin-right: 10px;
  border-radius: 6px;
  background-image: url('../images/pencil-white.png'), -webkit-gradient(linear, left top, left bottom, from(#3ead0e), to(#3ead0e));
  background-image: url('../images/pencil-white.png'), linear-gradient(180deg, #3ead0e, #3ead0e);
  background-position: 3px 0px, 0px 0px;
  background-size: 25px, auto;
  background-repeat: no-repeat, repeat;
  -webkit-transition: background-color 400ms ease;
  transition: background-color 400ms ease;
  font-weight: 600;
}

.adminintranetlink.intranet-edit:hover {
  background-image: url('../images/pencil-white.png'), -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
  background-image: url('../images/pencil-white.png'), linear-gradient(180deg, #000, #000);
  background-position: 3px 0px, 0px 0px;
  background-size: 25px, auto;
  background-repeat: no-repeat, repeat;
}

.adminintranetlink.intranet-edit.separate {
  display: inline-block;
  margin-bottom: 17px;
}

.adminintranetlink.intranet-newpage {
  margin-right: 10px;
  background-image: url('../images/addstory-white.png');
  background-position: 8px 2px;
  background-size: 17px;
  background-repeat: no-repeat;
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
  text-transform: uppercase;
}

.adminintranetlink.intranet-newpage:hover {
  background-image: url('../images/addstory-white.png'), -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
  background-image: url('../images/addstory-white.png'), linear-gradient(180deg, #000, #000);
  background-position: 8px 2px, 0px 0px;
  background-size: 17px, auto;
  background-repeat: no-repeat, repeat;
}

.adminintranetlink.intranet-home {
  margin-right: 10px;
  background-image: url('../images/ocean-logo-2015.png');
  background-position: 1px 0px;
  background-size: 25px;
  background-repeat: no-repeat;
}

.adminintranetlink.intranet-home:hover {
  background-image: url('../images/ocean-logo-2015.png'), -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
  background-image: url('../images/ocean-logo-2015.png'), linear-gradient(180deg, #000, #000);
  background-position: 1px 0px, 0px 0px;
  background-size: 25px, auto;
  background-repeat: no-repeat, repeat;
}

.adminintranetlink.intranet-logout {
  background-image: url('../images/soo-x.png');
  background-position: 5px 2px;
  background-size: 22px;
  background-repeat: no-repeat;
}

.adminintranetlink.intranet-logout:hover {
  background-color: #000;
}

.adminintranetlink.intranet-help {
  margin-right: 10px;
  border-radius: 6px;
  background-image: url('../images/intranet-white.png'), -webkit-gradient(linear, left top, left bottom, from(#ad2715), to(#ad2715));
  background-image: url('../images/intranet-white.png'), linear-gradient(180deg, #ad2715, #ad2715);
  background-position: 4px 2px, 0px 0px;
  background-size: 21px, auto;
  background-repeat: no-repeat, repeat;
}

.adminintranetlink.intranet-help:hover {
  background-image: url('../images/intranet-white.png'), -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
  background-image: url('../images/intranet-white.png'), linear-gradient(180deg, #000, #000);
  background-position: 4px 2px, 0px 0px;
  background-size: 21px, auto;
  background-repeat: no-repeat, repeat;
}

.adminintranetlink.intranet-help.createhelp {
  background-image: url('../images/pencil-white.png'), -webkit-gradient(linear, left top, left bottom, from(#2d7ace), to(#2d7ace));
  background-image: url('../images/pencil-white.png'), linear-gradient(180deg, #2d7ace, #2d7ace);
  background-position: 4px 2px, 0px 0px;
  background-size: 23px, auto;
  background-repeat: no-repeat, repeat;
}

.adminintranetlink.intranet-help.createhelp:hover {
  background-image: url('../images/pencil-white.png'), -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
  background-image: url('../images/pencil-white.png'), linear-gradient(180deg, #000, #000);
  background-position: 4px 2px, 0px 0px;
  background-size: 23px, auto;
  background-repeat: no-repeat, repeat;
}

.adminintranetlink.servicespages {
  border-radius: 6px;
  background-color: #ff7a00;
  background-image: url('../images/editwrench.png');
  background-position: 5px 3px;
  background-size: 21px;
  background-repeat: no-repeat;
}

.adminintranetlink.servicespages:hover {
  background-color: #161616;
}

.adminintranetlink.forumlink {
  border-radius: 6px;
  background-color: #24ced1;
  background-image: url('../images/forum-icon.png');
  background-position: 5px 3px;
  background-size: 21px;
  background-repeat: no-repeat;
}

.adminintranetlink.forumlink:hover {
  background-color: #161616;
}

.adminintranetlink.intranet-list-pages {
  margin-right: 10px;
  background-image: url('../images/storylist-white.png');
  background-position: 4px 2px;
  background-size: 20px;
  background-repeat: no-repeat;
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
  text-transform: uppercase;
}

.adminintranetlink.intranet-list-pages:hover {
  background-image: url('../images/storylist-white.png'), -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
  background-image: url('../images/storylist-white.png'), linear-gradient(180deg, #000, #000);
  background-position: 4px 2px, 0px 0px;
  background-size: 20px, auto;
  background-repeat: no-repeat, repeat;
}

.list-item {
  color: #fff;
}

.text-block-8 {
  text-transform: uppercase;
}

.unordered-list {
  margin-bottom: 4px;
}

.service-topics-flex-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.servicelink {
  display: block;
  margin-right: 9px;
  margin-bottom: 9px;
  padding: 7px 13px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-radius: 5px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e2e2e2), to(#e2e2e2));
  background-image: linear-gradient(180deg, #e2e2e2, #e2e2e2);
  -webkit-transition: all 508ms ease;
  transition: all 508ms ease;
  color: #4381de;
}

.servicelink:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#182a41), to(#182a41));
  background-image: linear-gradient(180deg, #182a41, #182a41);
  color: #fff;
}

.servicespersonnelflexwrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.servicepersonbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 48%;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 10px 15px 20px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-top: 1px solid rgba(0, 0, 0, 0.11);
  -webkit-transition: background-color 200ms ease, -webkit-transform 325ms ease;
  transition: background-color 200ms ease, -webkit-transform 325ms ease;
  transition: background-color 200ms ease, transform 325ms ease;
  transition: background-color 200ms ease, transform 325ms ease, -webkit-transform 325ms ease;
}

.servicepersonbox:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#f3f3f3));
  background-image: linear-gradient(180deg, #f3f3f3, #f3f3f3);
  box-shadow: 0 5px 15px -3px rgba(0, 0, 0, 0.31);
  -webkit-transform: translate(0px, -5px);
  -ms-transform: translate(0px, -5px);
  transform: translate(0px, -5px);
}

.servicepersonbox.individualperson {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 0px;
  padding-bottom: 5px;
  border-top-style: none;
}

.servicepersonbox.individualperson:hover {
  background-image: none;
  box-shadow: none;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.servicepersonbox.sidebar {
  width: 100%;
}

.servicepersonimage {
  position: static;
  display: block;
  overflow: hidden;
  width: 30%;
  margin-right: 13px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border: 3px solid #fff;
  border-radius: 300px;
}

.servicepersonimage.indserviceimage {
  width: 20%;
}

.servicepersontitle {
  margin-top: 5px;
  margin-bottom: 0px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}

.servicepersontitle.indservicetitle {
  float: left;
  font-size: 24px;
}

.servicepersoninfo {
  display: block;
  width: 60%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.servicepersoninfo.largerversion {
  width: 75%;
}

.servicepersonposition {
  margin-top: 7px;
  margin-bottom: 0px;
  font-size: 11px;
  line-height: 13px;
  font-weight: 400;
}

.servicepersontextblock {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  color: #252525;
  font-weight: 400;
}

.servicepersontext {
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.link-4 {
  cursor: pointer;
}

.link-5 {
  cursor: pointer;
}

.associatedpeopleflexwrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.asspersonblock {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.asspersonimage {
  overflow: hidden;
  width: 25%;
  margin-right: 8px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  border-radius: 150px;
}

.asspersontextblock {
  width: 70%;
}

.persontitlelink {
  display: block;
  margin-bottom: 3px;
  font-weight: 600;
}

.persondetaillinks {
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}

.persondetaillinks.indserviceemail {
  display: block;
  margin-bottom: 6px;
  font-size: 16px;
}

.persondetaillinks.indservicephone {
  display: block;
  margin-bottom: 6px;
  font-size: 16px;
}

.persondetaillinks.indserviceroom {
  font-size: 16px;
}

.questionblock {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 24px;
  border-bottom: 1px solid #e9e9e9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.72)), to(hsla(0, 0%, 100%, 0.72))), url('../images/directorsCheck.png');
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.72), hsla(0, 0%, 100%, 0.72)), url('../images/directorsCheck.png');
  background-position: 0px 0px, 2px 6px;
  background-size: auto, 20px;
  background-repeat: repeat, no-repeat;
  -webkit-transition: color 200ms ease, background-color 275ms ease;
  transition: color 200ms ease, background-color 275ms ease;
  font-weight: 600;
}

.questionblock:hover {
  border-radius: 7px;
  background-color: #e9e9e9;
  background-image: url('../images/directorsCheck.png');
  background-position: 2px 6px;
  background-size: 20px;
  background-repeat: no-repeat;
}

.relatedquestionsflex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.answerblock {
  margin-top: 5px;
  margin-bottom: 5px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 90.2%, 0.5)), to(hsla(0, 0%, 90.2%, 0.5)));
  background-image: linear-gradient(180deg, hsla(0, 0%, 90.2%, 0.5), hsla(0, 0%, 90.2%, 0.5));
}

.text-block-9 {
  padding: 10px;
  font-style: italic;
}

.questionsatoz-button {
  display: block;
  width: 100%;
  margin-top: 7px;
  margin-bottom: 7px;
  padding-top: 3px;
  padding-bottom: 3px;
  border-radius: 4px;
  background-image: url('../images/icon-questionmark.png');
  background-position: 10px 50%;
  background-size: 18px;
  background-repeat: no-repeat;
  font-size: 12px;
  text-align: center;
}

.questionsatoz-button:hover {
  background-image: url('../images/icon-questionmark.png'), -webkit-gradient(linear, left top, left bottom, from(#2e5587), to(#2e5587));
  background-image: url('../images/icon-questionmark.png'), linear-gradient(180deg, #2e5587, #2e5587);
  background-position: 10px 3px, 0px 0px;
  background-size: 18px, auto;
  color: #fafafa;
}

.questionsandanswersheader {
  padding-left: 9px;
}

.questionsandanswersflex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  font-size: 18px;
  line-height: 24px;
}

.link-block {
  padding: 12px;
  border: 1px solid #dfdfdf;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.66)), to(hsla(0, 0%, 100%, 0.66))), url('../images/plus.png');
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.66), hsla(0, 0%, 100%, 0.66)), url('../images/plus.png');
  background-position: 0px 0px, 98% 50%;
  background-size: auto, 18px;
  background-repeat: repeat, no-repeat;
}

.questionsandanswerstitle {
  margin-bottom: 0px;
  padding: 6px;
  font-weight: 600;
}

.question {
  padding: 12px;
  border: 1px solid #e4e4e4;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.67)), to(hsla(0, 0%, 100%, 0.67))), url('../images/plus.png');
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.67), hsla(0, 0%, 100%, 0.67)), url('../images/plus.png');
  background-position: 0px 0px, 98% 50%;
  background-size: auto, 18px;
  background-repeat: repeat, no-repeat;
}

.question:focus {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url('../images/star.png');
  background-image: linear-gradient(180deg, transparent, transparent), url('../images/star.png');
  background-size: auto, 18px;
}

.answer {
  padding: 12px;
  border-style: none;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 90.6%, 0)), to(hsla(0, 0%, 90.6%, 0)));
  background-image: linear-gradient(180deg, hsla(0, 0%, 90.6%, 0), hsla(0, 0%, 90.6%, 0));
  font-weight: 400;
}

.answer.tgt-reveal {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(61, 61, 61, 0.58)), to(rgba(61, 61, 61, 0.58)));
  background-image: linear-gradient(180deg, rgba(61, 61, 61, 0.58), rgba(61, 61, 61, 0.58));
}

.answer2 {
  padding: 12px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 90.6%, 0.5)), to(hsla(0, 0%, 90.6%, 0.5)));
  background-image: linear-gradient(180deg, hsla(0, 0%, 90.6%, 0.5), hsla(0, 0%, 90.6%, 0.5));
}

.answer2.carson-reveal {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(61, 61, 61, 0.53)), to(rgba(61, 61, 61, 0.53)));
  background-image: linear-gradient(180deg, rgba(61, 61, 61, 0.53), rgba(61, 61, 61, 0.53));
}

.qtab {
  display: block;
}

.atab {
  position: relative;
  display: block;
}

.questionsearchwrapper {
  margin-bottom: 20px;
  padding-top: 24px;
  background-color: #818181;
  text-align: center;
}

.formsearchblock {
  display: inline-block;
  width: 90%;
}

.form-3 {
  display: inline;
  margin-right: auto;
  margin-left: auto;
}

.text-field {
  width: 80%;
  float: left;
  clear: none;
}

.submit-button-2 {
  width: 10%;
  float: left;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.63)), to(hsla(0, 0%, 100%, 0.63))), url('../images/mag-glass.png'), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.63), hsla(0, 0%, 100%, 0.63)), url('../images/mag-glass.png'), linear-gradient(180deg, #fff, #fff);
  background-position: 0px 0px, 50% 50%, 0px 0px;
  background-size: auto, 20px, auto;
  background-repeat: repeat, no-repeat, repeat;
}

.submit-button-2:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.19)), to(hsla(0, 0%, 100%, 0.19))), url('../images/mag-glass.png'), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.19), hsla(0, 0%, 100%, 0.19)), url('../images/mag-glass.png'), linear-gradient(180deg, #fff, #fff);
  background-position: 0px 0px, 50% 50%, 0px 0px;
  background-size: auto, 20px, auto;
  background-repeat: repeat, no-repeat, repeat;
}

.questionsearchfield {
  width: 90%;
  margin-bottom: 6px;
  float: left;
  border-style: none;
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
  text-align: center;
}

.questionssmallheading {
  margin-bottom: 4px;
  color: #9e9e9e;
  font-size: 22px;
  font-weight: 400;
  letter-spacing: 0.2px;
}

.questionssmallheading.answer3 {
  margin-bottom: 10px;
}

.qatextbox {
  padding-right: 20px;
  font-size: 16px;
  line-height: 22px;
}

.goto-public-page {
  display: inline-block;
  margin-top: 5px;
  margin-left: 7px;
  padding-top: 0px;
  padding-bottom: 0px;
  border-radius: 10px;
  background-color: #d4d4d4;
  color: #383838;
  font-size: 10px;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
}

.goto-public-page:hover {
  background-color: #0084cf;
  color: #fff;
}

.goto-public-page.serviceprofile {
  position: absolute;
  right: 0px;
  bottom: 0px;
  margin-right: 7px;
  margin-bottom: 8px;
  background-color: #b1b1b1;
  color: #fff;
}

.goto-public-page.serviceprofile:hover {
  background-color: #0084cf;
}

.goto-public-page.serviceprofilesm {
  display: block;
  margin: 10px 0px 6px;
  padding-right: 3px;
  padding-left: 3px;
}

.morebutton {
  position: relative;
  display: block;
  margin-right: 10px;
  margin-bottom: 6px;
  margin-left: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 25px;
  float: left;
  border-radius: 6px;
  background-image: url('../images/icon-questionmark.png');
  background-position: 6px 50%;
  background-size: 16px;
  background-repeat: no-repeat;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}

.morebutton:hover {
  background-image: url('../images/icon-questionmark.png'), -webkit-gradient(linear, left top, left bottom, from(#0071b1), to(#0071b1));
  background-image: url('../images/icon-questionmark.png'), linear-gradient(180deg, #0071b1, #0071b1);
  background-position: 6px 5px, 0px 0px;
  background-size: 16px, auto;
  background-repeat: no-repeat, repeat;
  color: #fff;
}

.heading {
  color: #585858;
}

.heading-2 {
  color: #585858;
}

.heading-3 {
  color: #585858;
}

.questionscolumn {
  margin-bottom: 30px;
}

.twitterimage {
  width: 100%;
}

.image-2 {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}

.background-video {
  display: block;
  opacity: 0.98;
}

.image-3 {
  display: inline-block;
  overflow: hidden;
  width: 100vw;
  -o-object-fit: contain;
  object-fit: contain;
}

.slideoverlay {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(11, 49, 82, 0.82)), color-stop(44%, transparent));
  background-image: linear-gradient(180deg, rgba(11, 49, 82, 0.82), transparent 44%);
}

.slideoverlay.ugimage {
  background-image: url('../images/DSC02266.jpg'), -webkit-gradient(linear, left top, left bottom, from(rgba(8, 24, 37, 0.77)), color-stop(57%, transparent));
  background-image: url('../images/DSC02266.jpg'), linear-gradient(180deg, rgba(8, 24, 37, 0.77), transparent 57%);
  background-position: 50% 50%, 0px 0px;
  background-size: cover, auto;
  background-repeat: no-repeat, repeat;
}

.slideoverlay.ugimage.alumni-slides {
  background-position: 0% 0%, 0px 0px;
}

.paragraph {
  line-height: 23px;
}

.nebox {
  margin-right: 10px;
  margin-left: 10px;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.nebox.oc-box {
  border-right: 2px none rgba(62, 173, 14, 0.54);
  border-bottom: 2px none rgba(62, 173, 14, 0.54);
  border-left: 1px none rgba(62, 173, 14, 0.54);
  background-image: url('../images/OC-banner4.jpg');
  background-position: 0px 0px;
  background-size: contain;
  background-repeat: no-repeat;
  box-shadow: 0 1px 9px 1px rgba(0, 0, 0, 0.11);
}

.nebox.oc-box:hover {
  box-shadow: 0 1px 9px 1px rgba(0, 0, 0, 0.3);
}

.eventsnewsflex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.container-3 {
  position: static;
  margin-top: 60px;
  padding-right: 57px;
  padding-left: 8px;
}

.image-4 {
  margin-top: -1px;
}

.cta-leftcolumn {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(59, 124, 155, 0.56)), to(rgba(59, 124, 155, 0.56))), url('../images/class-of-2021-collage-20210513122916_slide2x.jpg');
  background-image: linear-gradient(180deg, rgba(59, 124, 155, 0.56), rgba(59, 124, 155, 0.56)), url('../images/class-of-2021-collage-20210513122916_slide2x.jpg');
  background-position: 0px 0px, 100% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  text-align: center;
}

.cta-leftcolumn.yellowoverlay {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(179, 117, 41, 0.64)), to(rgba(179, 117, 41, 0.64))), url('../images/sealessonsimage-20190304121749.png');
  background-image: linear-gradient(180deg, rgba(179, 117, 41, 0.64), rgba(179, 117, 41, 0.64)), url('../images/sealessonsimage-20190304121749.png');
  background-position: 0px 0px, 100% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.cta-leftcolumn.yellowoverlay.alumni-overlay {
  height: 300px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(126, 88, 65, 0.64)), to(rgba(126, 88, 65, 0.64))), url('../images/alyn-duxbury-banner1.jpeg');
  background-image: linear-gradient(180deg, rgba(126, 88, 65, 0.64), rgba(126, 88, 65, 0.64)), url('../images/alyn-duxbury-banner1.jpeg');
  background-position: 0px 0px, 100% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.cta-leftcolumn.greenoverlay {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(28, 117, 110, 0.64)), to(rgba(28, 117, 110, 0.64))), url('../images/DSC02266.jpg');
  background-image: linear-gradient(180deg, rgba(28, 117, 110, 0.64), rgba(28, 117, 110, 0.64)), url('../images/DSC02266.jpg');
  background-position: 0px 0px, 60% 50%;
  background-size: auto, auto;
  background-repeat: repeat, no-repeat;
}

.cta-leftcolumn.greenoverlay.alumni-overlay {
  height: 300px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(126, 88, 65, 0.64)), to(rgba(126, 88, 65, 0.64))), url('../images/joe-creager-20151117100420_large.jpg');
  background-image: linear-gradient(180deg, rgba(126, 88, 65, 0.64), rgba(126, 88, 65, 0.64)), url('../images/joe-creager-20151117100420_large.jpg');
  background-position: 0px 0px, 100% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.cta-leftcolumn.orangeoverlay {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(158, 80, 16, 0.64)), to(rgba(158, 80, 16, 0.64))), url('../images/DSC02266.jpg');
  background-image: linear-gradient(180deg, rgba(158, 80, 16, 0.64), rgba(158, 80, 16, 0.64)), url('../images/DSC02266.jpg');
  background-position: 0px 0px, 60% 50%;
  background-size: auto, auto;
  background-repeat: repeat, no-repeat;
}

.cta-leftcolumn.orangeoverlay.carson-overlay {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(158, 80, 16, 0.64)), to(rgba(158, 80, 16, 0.64))), url('../images/rachel_carson-2873--20180514114433_smsq.jpg');
    background-image: linear-gradient(180deg, rgba(158, 80, 16, 0.64), rgba(158, 80, 16, 0.64)), url('../images/rachel_carson-2873--20180514114433_smsq.jpg');
    background-position: 0px 0px, 60% 50%;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
    background-attachment: scroll, scroll;
}

.cta-leftcolumn.orangeoverlay.alumni-overlay {
  height: 300px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(126, 88, 65, 0.64)), to(rgba(126, 88, 65, 0.64))), url('../images/joe-creager-20151117100420_large.jpg');
  background-image: linear-gradient(180deg, rgba(126, 88, 65, 0.64), rgba(126, 88, 65, 0.64)), url('../images/joe-creager-20151117100420_large.jpg');
  background-position: 0px 0px, 100% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.cta-leftcolumn.undergradcta {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.78)), color-stop(58%, transparent)), url('../images/2023_cruise_12-20230323010427_large.jpg');
  background-image: linear-gradient(180deg, transparent, transparent), linear-gradient(180deg, rgba(0, 0, 0, 0.78), transparent 58%), url('../images/2023_cruise_12-20230323010427_large.jpg');
  background-position: 0px 0px, 0px 0px, 50% 50%;
  background-size: auto, auto, cover;
}

.cta-linkblock {
  display: block;
  width: auto;
  clear: none;
}

.cta-centercolumn {
  overflow: visible;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(84, 62, 145, 0.68)), to(rgba(84, 62, 145, 0.68))), url('../images/number-one-image2-20200710095125.jpg');
  background-image: linear-gradient(180deg, rgba(84, 62, 145, 0.68), rgba(84, 62, 145, 0.68)), url('../images/number-one-image2-20200710095125.jpg');
  background-position: 0px 0px, 50% 0%;
  background-size: auto, 950px;
  background-repeat: repeat, repeat-x;
  text-align: center;
}

.cta-centercolumn-thompson {
    overflow: visible;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(84, 62, 145, 0.68)), to(rgba(84, 62, 145, 0.68))), url('../images/thompson_home_page.jpg');
    background-image: linear-gradient(180deg, rgba(84, 62, 145, 0.68), rgba(84, 62, 145, 0.68)), url('../images/thompson_home_page.jpg');
    background-position: 0px 0px, 50% 0%;
    background-size: auto, 950px;
    background-repeat: repeat, repeat-x;
    text-align: center;
}

.cta-centercolumn.blueoverlay {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(50, 126, 173, 0.68)), to(rgba(50, 126, 173, 0.68))), url('../images/marine3-20180809031020.jpg');
  background-image: linear-gradient(180deg, rgba(50, 126, 173, 0.68), rgba(50, 126, 173, 0.68)), url('../images/marine3-20180809031020.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, scroll;
}

.cta-centercolumn.blueoverlay.alumni-joinus {
  height: 300px;
}

.cta-centercolumn.middlesectionsmall {
  padding-right: 0px;
  padding-left: 0px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url('../images/Part-Event.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/Part-Event.jpg');
  background-position: 0px 0px, 0px -50px;
  background-size: auto, cover;
  background-repeat: repeat, repeat;
}

.cta-centercolumn.darkblueoverlay {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(39, 68, 148, 0.68)), to(rgba(39, 68, 148, 0.68))), url('../images/Part-Event.jpg');
  background-image: linear-gradient(180deg, rgba(39, 68, 148, 0.68), rgba(39, 68, 148, 0.68)), url('../images/Part-Event.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, scroll;
}

.cta-centercolumn.darkblueoverlay.thompson-overlay {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(39, 68, 148, 0.68)), to(rgba(39, 68, 148, 0.68))), url('../files/img_2551_smsq.jpg');
    background-image: linear-gradient(180deg, rgba(39, 68, 148, 0.68), rgba(39, 68, 148, 0.68)), url('../files/img_2551_smsq.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
    background-attachment: scroll, scroll;
}

.cta-centercolumn.darkblueoverlay.alumni-joinus {
  height: 300px;
}

.cta-rightcolumn {
  height: 300px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(70, 34, 19, 0.5)), to(rgba(70, 34, 19, 0.5))), url('../images/img_5900-20180226051935.jpg');
  background-image: linear-gradient(180deg, rgba(70, 34, 19, 0.5), rgba(70, 34, 19, 0.5)), url('../images/img_5900-20180226051935.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.cta-rightcolumn.advisorinfo {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(97, 78, 44, 0.81)), to(rgba(97, 78, 44, 0.81))), url('../images/micro-bg1.jpg');
  background-image: linear-gradient(180deg, rgba(97, 78, 44, 0.81), rgba(97, 78, 44, 0.81)), url('../images/micro-bg1.jpg');
  background-size: auto, cover;
}

.cta-rightcolumn.portcaptbox {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(31, 72, 134, 0.51)), to(rgba(31, 72, 134, 0.51))), url('../images/bowcam_image-20200918020001_med.jpg');
  background-image: linear-gradient(180deg, rgba(31, 72, 134, 0.51), rgba(31, 72, 134, 0.51)), url('../images/bowcam_image-20200918020001_med.jpg');
  background-size: auto, cover;
}

.advisortitle {
  margin-top: 11px;
  margin-bottom: 6px;
  margin-left: 30px;
  color: #fff;
  font-size: 32px;
  font-weight: 700;
}

.advisortitle:hover {
  color: #86bbfc;
}

.advisortitle.h2title {
  margin-bottom: 6px;
  font-size: 22px;
  font-weight: 400;
}

.advisortitle.h4title {
  margin-top: 0px;
  margin-bottom: 13px;
  font-size: 16px;
  font-weight: 400;
}

.cta-hr {
  width: 190px;
  height: 2px;
  margin-bottom: 13px;
  margin-left: 30px;
  background-color: hsla(0, 0%, 100%, 0.46);
}

.cta-link {
  margin-left: 30px;
}

.cta-link.phone {
  display: block;
  width: 100%;
  margin-bottom: 8px;
  padding-left: 32px;
  background-image: url('../images/phone-white.png');
  background-position: 0% 50%;
  background-size: 25px;
  background-repeat: no-repeat;
  color: #fff;
}

.cta-link.emailcta {
  display: block;
  margin-bottom: 8px;
  padding-left: 32px;
  background-image: url('../images/email-white.png');
  background-position: 0% 50%;
  background-size: 25px;
  background-repeat: no-repeat;
  color: #fff;
}

.columns {
  overflow: hidden;
  height: 260px;
}

.ug-calltoaction {
  margin-top: 54px;
  margin-bottom: 54px;
  color: #4381de;
  font-size: 42px;
  line-height: 50px;
  font-weight: 400;
}

.ug-calltoaction.special-announcement-text {
  color: #fff;
}

.ug-calltoactionwrapper {
  margin-right: auto;
  margin-left: auto;
  padding-right: 10%;
  padding-left: 10%;
  text-align: center;
}

.ug-calltoactionwrapper.special-announcement {
  display: none;
  padding-top: 15px;
  padding-bottom: 15px;
  border-style: none;
  border-width: 8px;
  border-color: #e9e9e9;
  background-color: #1d4581;
}

.image-5 {
  position: static;
  overflow: hidden;
  width: 100%;
}

.slideshow-link-block {
  position: static;
  display: block;
  margin-bottom: 15px;
  float: none;
  clear: left;
}

.footer-nav-container-dark {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

.footernavbar-2 {
  position: static;
  background-color: transparent;
}

.footer-section2 {
  border-top: 8px solid #1d1d1d;
  background-color: #363636;
  color: #292929;
}

.footerheader-h1 {
  margin-top: 10px;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
}

.footer-textblock {
  color: #d3d3d3;
  font-size: 12px;
}

.buddylink {
  position: static;
  display: block;
  padding-top: 2px;
  padding-bottom: 2px;
  float: left;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-bottom: 1px solid #464646;
  color: #b3b3b3;
  font-size: 12px;
  font-weight: 400;
}

.buddylink:hover {
  border-bottom-color: #4b4b4b;
  color: #fff;
}

.column-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.column-4.footercolleft {
  margin-top: 10px;
  margin-bottom: 40px;
  padding-right: 10px;
}

.footercolright {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.column-5 {
  text-align: left;
}

.column-6 {
  text-align: left;
}

.link-block-2 {
  display: block;
  text-align: center;
}

.link-6 {
  color: #e4e4e4;
}

.link-6:hover {
  color: #fff;
}

.iconflexcontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
  padding-top: 15px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.iconbox {
  display: block;
  margin-bottom: 25px;
  padding-top: 55px;
}

.iconbox.waves {
  display: block;
  width: 15%;
  margin-bottom: 30px;
  padding-top: 56px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.51)), to(hsla(0, 0%, 100%, 0.51))), url('../images/icon-waves.png');
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.51), hsla(0, 0%, 100%, 0.51)), url('../images/icon-waves.png');
  background-position: 0px 0px, 50% 0%;
  background-size: auto, 50px;
  background-repeat: repeat, no-repeat;
}

.iconbox.waves:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(hsla(0, 0%, 100%, 0))), url('../images/icon-waves.png');
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0)), url('../images/icon-waves.png');
  background-position: 0px 0px, 50% 0%;
  background-size: auto, 50px;
  background-repeat: repeat, no-repeat;
}

.iconbox.books {
  display: block;
  width: 15%;
  margin-bottom: 30px;
  padding-top: 56px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.5)), to(hsla(0, 0%, 100%, 0.5))), url('../images/icon-books.png');
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.5), hsla(0, 0%, 100%, 0.5)), url('../images/icon-books.png');
  background-position: 0px 0px, 50% 0%;
  background-size: auto, 50px;
  background-repeat: repeat, no-repeat;
}

.iconbox.books:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(hsla(0, 0%, 100%, 0))), url('../images/icon-books.png');
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0)), url('../images/icon-books.png');
  background-position: 0px 0px, 50% 0%;
  background-size: auto, 50px;
  background-repeat: repeat, no-repeat;
}

.iconbox.compass {
  display: block;
  margin-bottom: 30px;
  padding-top: 56px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.5)), to(hsla(0, 0%, 100%, 0.5))), url('../images/icon-compass.png');
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.5), hsla(0, 0%, 100%, 0.5)), url('../images/icon-compass.png');
  background-position: 0px 0px, 50% 0%;
  background-size: auto, 50px;
  background-repeat: repeat, no-repeat;
}

.iconbox.compass:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(hsla(0, 0%, 100%, 0))), url('../images/icon-compass.png');
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0)), url('../images/icon-compass.png');
  background-position: 0px 0px, 50% 0%;
  background-size: auto, 50px;
  background-repeat: repeat, no-repeat;
}

.iconbox.lightbulb {
  display: block;
  margin-bottom: 30px;
  padding-top: 56px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.5)), to(hsla(0, 0%, 100%, 0.5))), url('../images/icon-light.png');
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.5), hsla(0, 0%, 100%, 0.5)), url('../images/icon-light.png');
  background-position: 0px 0px, 50% 0%;
  background-size: auto, 50px;
  background-repeat: repeat, no-repeat;
}

.iconbox.lightbulb:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(hsla(0, 0%, 100%, 0))), url('../images/icon-light.png');
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0)), url('../images/icon-light.png');
  background-position: 0px 0px, 50% 0%;
  background-size: auto, 50px;
  background-repeat: repeat, no-repeat;
}

.iconbox.map {
  display: block;
  margin-bottom: 30px;
  padding-top: 56px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.5)), to(hsla(0, 0%, 100%, 0.5))), url('../images/icon-map.png');
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.5), hsla(0, 0%, 100%, 0.5)), url('../images/icon-map.png');
  background-position: 0px 0px, 50% 10%;
  background-size: auto, 45px;
  background-repeat: repeat, no-repeat;
}

.iconbox.map:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(hsla(0, 0%, 100%, 0))), url('../images/icon-map.png');
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0)), url('../images/icon-map.png');
  background-position: 0px 0px, 50% 10%;
  background-size: auto, 45px;
  background-repeat: repeat, no-repeat;
}

.icontext {
  color: #616161;
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
  text-align: center;
}

.wanttolearnmoreblock {
  margin-bottom: 50px;
}

.wanttolearnmoretitle {
  margin-top: 20px;
  text-align: center;
}

.ug-g-buttons {
  display: inline-block;
  margin-top: 17px;
  margin-right: 17px;
  border-style: solid;
  border-width: 2px;
  border-color: hsla(0, 0%, 100%, 0.13);
  background-color: #6f51a6;
  -webkit-transition-property: background-color;
  transition-property: background-color;
}

.ug-g-buttons:hover {
  background-color: #432c6f;
  color: #fff;
}

.ug-g-buttons.alumnibuttons {
  border-color: hsla(0, 0%, 100%, 0.18);
  background-color: #3f73a3;
}

.ug-g-buttons.covid-button {
  display: none;
  background-color: #505050;
}

.ug-g-buttons.covid-button:hover {
  background-color: #641906;
}

.ug-g-buttons.bldgaccess {
  padding-right: 15px;
  padding-left: 34px;
  background-color: #a5903d;
  background-image: url('../images/trophy-white.png');
  background-position: 0px 50%;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transition-property: background-color;
  transition-property: background-color;
}

.ug-g-buttons.bldgaccess:hover {
  background-color: #7c6c19;
}

.ug-g-buttons.bldgaccess:visited {
  color: #fff;
}

.ug-g-buttons.tgt-dashboard {
  padding-left: 38px;
  background-color: #0a9a9c;
  background-image: url('../images/icon-TGT-white.png');
  background-position: 7px 6px;
  background-size: 28px;
  background-repeat: no-repeat;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}

.ug-g-buttons.tgt-dashboard:hover {
  background-color: #1f6566;
}

.next-slide-highlight {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 4012;
  display: inline-block;
  width: 10%;
  margin-top: 10px;
  margin-right: 10px;
  padding: 0px 20px 8px;
  background-color: transparent;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.58)), color-stop(72%, transparent));
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.58), transparent 72%);
  color: #fff;
}

.nexttext {
  margin-top: -3px;
  margin-bottom: 4px;
  color: #112e58;
  font-size: 12px;
  line-height: 17px;
  font-style: normal;
  text-transform: uppercase;
}

.nexttext:hover {
  color: #050a11;
}

.nexttexttitle {
  font-style: italic;
  text-transform: uppercase;
}

.text-block-10 {
  margin-left: 0px;
  padding-top: 8px;
  padding-left: 6px;
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
  color: #ec5311;
  line-height: 14px;
  text-transform: uppercase;
}

.text-block-10:hover {
  color: #180e0a;
}

.specialannouncementsection {
  background-color: #353535;
}

.specialannouncement-h1 {
  margin-top: 0px;
  color: #fff;
  font-size: 28px;
  text-align: center;
}

.myoceantoolsblock {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 12px;
  padding-bottom: 16px;
  padding-left: 16px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.myoceanbutton {
  display: block;
  width: auto;
  margin-right: 0px;
  margin-bottom: 6px;
  padding: 55px 20px 20px;
  -webkit-box-flex: 3;
  -webkit-flex: 3 3 auto;
  -ms-flex: 3 3 auto;
  flex: 3 3 auto;
  border-right: 6px solid #fff;
  background-color: #0084cf;
  background-image: url('../images/userhome-white.png');
  background-position: 50% 20%;
  background-size: 30px;
  background-repeat: no-repeat;
  color: #fff;
  font-size: 12px;
  line-height: 17px;
  text-align: center;
}

.myoceanbutton:hover {
  background-color: #2e5587;
  color: #fff;
}

.myoceanbutton.moperformance {
  background-image: url('../images/docwrite-white.png');
  background-size: 40px;
}

.myoceanbutton.mofiles {
  background-image: url('../images/picture-white.png');
  background-size: 40px;
}

.myoceanbutton.mopages {
  background-image: url('../images/docwrite-white.png');
  background-size: 40px;
}

.myoceanbutton.moemails {
  background-image: url('../images/persondetails-white.png');
  background-size: 40px;
}

.myoceanbutton.moevent {
  background-image: url('../images/calendar-white.png');
  background-size: 40px;
}

.myoceanbutton.moannouncement {
  background-image: url('../images/bullhorn.png');
  background-size: 35px;
}

.myoceanbutton.modirectory {
  background-image: url('../images/torsos-white.png');
  background-size: 36px;
}

.myoceanbutton.mocourses {
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-image: url('../images/icon-lecture.png');
  background-size: 40px;
}

.myoceanbutton.moactivityreport {
  background-image: url('../images/pencil-white.png');
}

.myoceanbutton.mograds {
  background-image: url('../images/torsos-white.png');
}

.myoceanbutton.moforum {
  background-image: url('../images/MOForum-NEW.png'), url('../images/forum-icon.png');
  background-position: 0px 0%, 50% 20%;
  background-size: 40px, 40px;
  background-repeat: no-repeat, no-repeat;
}

.myoceanbutton.molabreserve {
  background-color: #3c6b28;
  background-image: url('../images/icon-quiz.png'), url('../images/icon-lab.png');
  background-position: 40% 20%, 60% 20%;
  background-size: 35px, 30px;
  background-repeat: no-repeat, no-repeat;
}

.myoceanbutton.molabreserve:hover {
  background-color: #2f6318;
}

.myoceanbutton.promotions {
  background-image: url('../images/MOForum-NEW.png'), url('../images/trophy-white.png');
  background-position: 0px 0px, 50% 20%;
  background-size: auto, 36px;
  background-repeat: no-repeat, no-repeat;
}

.buttoncol {
  display: block;
}

.momainannouncement {
  background-color: #c14214;
}

.momainannouncementtext {
  display: block;
  margin: 5px;
  padding: 10px 17px 9px 44px;
  border-radius: 5px;
  background-color: #c14214;
  background-image: url('../images/bullhorn.png');
  background-position: 3% 50%;
  background-size: 28px;
  background-repeat: no-repeat;
  color: #fff;
  font-size: 16px;
  line-height: 30px;
}

.momainannouncementtext:hover {
  background-color: #b42913;
  background-image: url('../images/bullhorn.png');
  background-position: 3% 50%;
  background-size: 32px;
  background-repeat: no-repeat;
  color: #e2e2e2;
}

.momainannouncementtext.secondannouncement {
  font-size: 18px;
  line-height: 24px;
}

.molessannouncement {
  background-color: #696969;
}

.right-arrow {
  display: none;
}

.left-arrow {
  display: none;
}

.slide-nav {
  display: none;
}

.slider {
  overflow: hidden;
  width: 4096px;
  height: 2160px;
  min-height: 100%;
  min-width: auto;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(0%, #000));
  background-image: linear-gradient(180deg, #000, #000 0%);
}

.body-slideshow {
  overflow: hidden;
  background-color: #000;
}

.slide {
  overflow: hidden;
  background-color: #000;
}

.mask-2 {
  height: 100%;
  min-height: 100%;
  background-color: #000;
}

.image-6 {
  width: 100%;
  background-image: url('../images/DSC02266.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.image-7 {
  overflow: hidden;
  width: auto;
  height: 100%;
  max-width: none;
  min-height: 100%;
}

.div-block-5 {
  position: absolute;
  z-index: 4000;
  width: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(5, 10, 14, 0.67)), to(rgba(4, 10, 14, 0)));
  background-image: linear-gradient(180deg, rgba(5, 10, 14, 0.67), rgba(4, 10, 14, 0));
}

.noimagestory {
  margin-right: 6px;
  margin-bottom: 6px;
  padding: 5px 0px;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 2 24%;
  -ms-flex: 0 2 24%;
  flex: 0 2 24%;
  background-color: rgba(0, 0, 0, 0.15);
}

.noimagestorycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 25px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ocean-logo {
  margin-top: 11px;
  margin-left: 11px;
}

.slide-2 {
  overflow: hidden;
  height: 100%;
}

.paragraph-2 {
  font-size: 16px;
}

.grid {
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}

.button-2 {
  height: 300px;
  background-image: url('../images/mtown-photo.jpg');
  background-position: 0px 0px;
  background-size: cover;
  background-repeat: no-repeat;
}

.container-4 {
  display: -ms-grid;
  display: grid;
  overflow: hidden;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-areas: "Area";
  -ms-grid-columns: 1fr 16px 1fr 16px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto 16px auto;
  grid-template-rows: auto auto;
}

.section-2 {
  display: block;
}

.container-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.carddiv {
  position: relative;
  overflow: hidden;
  width: 30%;
  height: 282px;
  margin-right: 10px;
  margin-bottom: 10px;
  background-color: rgba(63, 63, 63, 0.8);
}

.carddiv.directorcard {
  background-image: url('../images/Part-Keil.jpg');
  background-position: 0px 0px;
  background-size: cover;
  background-repeat: no-repeat;
}

.carddiv.eventscard {
  background-image: url('../images/Part-Event.jpg');
  background-position: 0px 0px;
  background-size: cover;
  background-repeat: no-repeat;
}

.carddiv.storycard {
  background-image: url('../images/Part-Cooper.jpg');
  background-position: 0px 0px;
  background-size: cover;
  background-repeat: no-repeat;
}

.carddiv.donatecard {
  background-image: url('../images/Part-Future.jpg');
  background-position: 0px 0px;
  background-size: cover;
  background-repeat: no-repeat;
}

.carddiv.joinuscard {
  background-image: url('../images/Part-Corcoran.jpg');
  background-position: 0px 0px;
  background-size: cover;
  background-repeat: no-repeat;
}

.carddiv.pastcard {
  background-image: url('../images/Part-Past.jpg');
  background-position: 0px 0px;
  background-size: cover;
  background-repeat: no-repeat;
}

.alumnicardcontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  margin-bottom: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.alumcardtitle {
  position: static;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  height: 282px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(75%, rgba(0, 0, 0, 0.7)), color-stop(91%, rgba(0, 0, 0, 0.45)), to(rgba(0, 0, 0, 0.15)));
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 75%, rgba(0, 0, 0, 0.45) 91%, rgba(0, 0, 0, 0.15));
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}

.alumcardtitle.coffeeicon {
  background-image: url('../images/phone-white.png'), -webkit-gradient(linear, left bottom, left top, color-stop(75%, rgba(0, 0, 0, 0.7)), color-stop(87%, rgba(0, 0, 0, 0.68)), color-stop(97%, rgba(0, 0, 0, 0.5)), color-stop(104%, transparent));
  background-image: url('../images/phone-white.png'), linear-gradient(0deg, rgba(0, 0, 0, 0.7) 75%, rgba(0, 0, 0, 0.68) 87%, rgba(0, 0, 0, 0.5) 97%, transparent 104%);
  background-position: 9px 5px, 0px 0px;
  background-size: 40px, auto;
  background-repeat: no-repeat, repeat;
}

.alumcardtitle.coffeedirector {
  padding-top: 20px;
  background-color: rgba(0, 0, 0, 0.72);
  background-image: none;
}

.alumtitletext {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 26px;
  padding-bottom: 15px;
  padding-left: 53px;
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
}

.list-2 {
  font-size: 14px;
}

.alumcardp {
  margin-right: 20px;
  margin-left: 20px;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
}

.alumcardtitlefadeout {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  height: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(75%, rgba(0, 0, 0, 0.7)), color-stop(91%, rgba(0, 0, 0, 0.45)), to(rgba(0, 0, 0, 0.15)));
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 75%, rgba(0, 0, 0, 0.45) 91%, rgba(0, 0, 0, 0.15));
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}

.alumcardtitlefadeout.coffeeicon {
  background-image: url('../images/phone-white.png'), -webkit-gradient(linear, left bottom, left top, color-stop(75%, rgba(0, 0, 0, 0.7)), color-stop(87%, rgba(0, 0, 0, 0.68)), color-stop(97%, rgba(0, 0, 0, 0.5)), color-stop(104%, transparent));
  background-image: url('../images/phone-white.png'), linear-gradient(0deg, rgba(0, 0, 0, 0.7) 75%, rgba(0, 0, 0, 0.68) 87%, rgba(0, 0, 0, 0.5) 97%, transparent 104%);
  background-position: 9px 5px, 0px 0px;
  background-size: 40px, auto;
  background-repeat: no-repeat, repeat;
}

.alumcardtitlefadeout.coffeedirector {
  background-image: url('../images/icon-coffeeTalk.png'), -webkit-gradient(linear, left bottom, left top, color-stop(42%, rgba(0, 0, 0, 0.7)), to(transparent));
  background-image: url('../images/icon-coffeeTalk.png'), linear-gradient(0deg, rgba(0, 0, 0, 0.7) 42%, transparent);
  background-position: 7px 10px, 0px 0px;
  background-size: 40px, auto;
  background-repeat: no-repeat, repeat;
}

.alumcardtitlefadeout.eventicon {
  background-image: url('../images/icon-calendar.png'), -webkit-gradient(linear, left bottom, left top, color-stop(56%, rgba(0, 0, 0, 0.7)), to(transparent));
  background-image: url('../images/icon-calendar.png'), linear-gradient(0deg, rgba(0, 0, 0, 0.7) 56%, transparent);
  background-position: 13px 21px, 0px 0px;
  background-size: 29px, auto;
  background-repeat: no-repeat, repeat;
}

.alumcardtitlefadeout.storyicon {
  background-image: url('../images/icon-story.png'), -webkit-gradient(linear, left bottom, left top, color-stop(56%, rgba(0, 0, 0, 0.7)), to(transparent));
  background-image: url('../images/icon-story.png'), linear-gradient(0deg, rgba(0, 0, 0, 0.7) 56%, transparent);
  background-position: 12px 19px, 0px 0px;
  background-size: 34px, auto;
  background-repeat: no-repeat, repeat;
}

.alumcardtitlefadeout.donateicon {
  background-image: url('../images/directorsCheck-white.png'), -webkit-gradient(linear, left bottom, left top, color-stop(56%, rgba(0, 0, 0, 0.7)), to(transparent));
  background-image: url('../images/directorsCheck-white.png'), linear-gradient(0deg, rgba(0, 0, 0, 0.7) 56%, transparent);
  background-position: 8px 15px, 0px 0px;
  background-size: 38px, auto;
  background-repeat: no-repeat, repeat;
}

.alumcardtitlefadeout.joinicon {
  background-image: url('../images/uw-w-logo.png'), -webkit-gradient(linear, left bottom, left top, color-stop(56%, rgba(0, 0, 0, 0.7)), to(transparent));
  background-image: url('../images/uw-w-logo.png'), linear-gradient(0deg, rgba(0, 0, 0, 0.7) 56%, transparent);
  background-position: 12px 26px, 0px 0px;
  background-size: 32px, auto;
  background-repeat: no-repeat, repeat;
}

.alumcardtitlefadeout.pasticon {
  background-image: url('../images/anchor.png'), -webkit-gradient(linear, left bottom, left top, color-stop(56%, rgba(0, 0, 0, 0.7)), to(transparent));
  background-image: url('../images/anchor.png'), linear-gradient(0deg, rgba(0, 0, 0, 0.7) 56%, transparent);
  background-position: 8px 15px, 0px 0px;
  background-size: 38px, auto;
  background-repeat: no-repeat, repeat;
}

.text-block-11 {
  position: static;
  left: 0px;
  top: 0px;
  right: 0px;
  width: 339px;
  margin-right: auto;
  margin-left: 0px;
  padding-right: 10px;
}

.text-block-12 {
  position: static;
  display: block;
  width: auto;
  -o-object-fit: contain;
  object-fit: contain;
}

.g-calltoactionwrapper {
  margin-right: auto;
  margin-left: auto;
  padding-right: 10%;
  padding-left: 10%;
  text-align: center;
}

.g-calltoactionwrapper.special-announcement {
  display: none;
  padding-top: 15px;
  padding-bottom: 15px;
  border-style: none;
  border-width: 8px;
  border-color: #e9e9e9;
  background-color: #1d4581;
}

.message-from-director {
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: NaNpx;
  background-color: #ece9d6;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebe8d0), to(#fff));
  background-image: linear-gradient(180deg, #ebe8d0, #fff);
}

.announcements-section {
  padding-top: 5px;
  padding-bottom: 10px;
  background-color: #ececec;
}

.announcement-heading {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  margin-top: 0px;
  padding-left: 9px;
  float: left;
  clear: right;
  background-color: rgba(228, 54, 54, 0);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.announcementsbox {
  margin-top: auto;
  margin-bottom: auto;
}

.annflexcontainer {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 20px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.section-3 {
  -webkit-transition: width 450ms ease;
  transition: width 450ms ease;
}

.mosecondaryannouncements {
  display: block;
  margin: 5px;
  padding: 10px 17px 9px 44px;
  border-radius: 5px;
  background-color: #868686;
  background-image: url('../images/bullhorn.png');
  background-position: 4% 50%;
  background-size: 28px;
  background-repeat: no-repeat;
  color: #fff;
  font-size: 16px;
  line-height: 30px;
}

.mosecondaryannouncements:hover {
  background-color: #1d1d1d;
  background-image: url('../images/bullhorn.png');
  background-position: 3% 50%;
  background-size: 32px;
  background-repeat: no-repeat;
  color: #e2e2e2;
}

.mosecondaryannouncements.secondannouncement {
  font-size: 18px;
  line-height: 24px;
}

.directorimage {
  border-style: solid;
  border-width: 5px;
  border-color: #fff;
  border-radius: 300px;
  box-shadow: 0 8px 5px -1px rgba(0, 0, 0, 0.17);
}

.directorstitle {
  margin-top: 5px;
  font-size: 23px;
}

.directortextblock {
  font-size: 14px;
  line-height: 20px;
}

.numberedliststyle {
  list-style-type: decimal;
}

.forumimage {
  position: static;
  border-style: solid;
  border-width: 2px;
  border-color: #fff;
  border-radius: 300px;
  box-shadow: 0 8px 5px -1px rgba(0, 0, 0, 0.17);
}

.forummostrecent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 11px;
  padding-bottom: 0px;
  background-color: #fff;
}

.forummostrecenttitle {
  margin-bottom: 2px;
  background-color: #ebebeb;
}

.forumsectiontitle {
  margin-bottom: 2px;
  padding-top: 3px;
  padding-left: 12px;
  border-radius: NaNpx;
  background-color: rgba(0, 0, 0, 0.26);
  color: #fff;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
}

.forumimageblock {
  position: absolute;
  overflow: hidden;
  width: 65px;
  margin-top: 0px;
  margin-left: 0px;
  padding: 9px 10px;
  float: left;
}

.forumperson {
  position: static;
  display: block;
  float: none;
  font-size: 14px;
  text-transform: none;
}

.forumlink {
  position: static;
  display: inline-block;
  padding-right: 15px;
}

.forumrecentblock {
  display: inline-block;
  width: auto;
  margin-left: 0px;
  padding-top: 10px;
  padding-left: 64px;
  line-height: 16px;
}

.forumpersontitle {
  position: static;
  display: block;
  float: none;
  color: #5e5e5e;
  font-size: 11px;
  font-weight: 600;
  text-decoration: none;
}

.discussionsection {
  margin-bottom: 30px;
}

.discussion-title {
  margin-bottom: 12px;
  padding-left: 41px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.64)), to(hsla(0, 0%, 100%, 0.64))), url('../images/discussion-graphic.png');
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.64), hsla(0, 0%, 100%, 0.64)), url('../images/discussion-graphic.png');
  background-position: 0px 0px, 0% 100%;
  background-size: auto, 35px;
  background-repeat: repeat, no-repeat;
}

.categoriesdropdownbox {
  height: 36px;
  border-style: solid;
  border-width: 2px;
  border-color: #dadada;
}

.dropdown-toggle-2 {
  padding: 5px 27px 5px 7px;
}

.icon-2 {
  margin-right: 6px;
}

.dropdown-list-3 {
  background-color: #c09d9d;
}

.dropdown-list-3.w--open {
  border: 2px solid #dadada;
  background-color: #fff;
}

.dropdown-category-item {
  display: block;
  padding: 3px 10px;
  color: #353535;
  font-size: 12px;
}

.newdiscussionbutton {
  position: relative;
  left: 0px;
  top: 0px;
  display: inline-block;
  width: auto;
  margin-bottom: 0px;
  padding-right: 8px;
  padding-bottom: 5px;
  padding-left: 8px;
  float: right;
  clear: none;
  border-radius: 4px;
  background-color: #0084cf;
  -webkit-transition: color 500ms ease, background-color 500ms ease;
  transition: color 500ms ease, background-color 500ms ease;
  color: #fff;
  font-size: 16px;
  line-height: 26px;
  text-align: left;
  list-style-type: disc;
}

.newdiscussionbutton:hover {
  background-color: #26a9f3;
  color: #4381de;
}

.newdiscussionbutton.adminhome {
  margin-bottom: 0px;
  background-color: transparent;
  color: #2e5587;
  font-size: 18px;
}

.newdiscussionbutton.adminhome:hover {
  color: #0d2340;
}

.newdiscussionbutton.edit-button {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 0px;
  padding-top: 3px;
  padding-bottom: 3px;
  background-color: #3ead0e;
}

.newdiscussionbutton.edit-button:hover {
  background-color: #347817;
}

.newdiscussionbutton.steps-button {
  padding-right: 8px;
  padding-bottom: 0px;
  padding-left: 2px;
  background-color: #3ead0e;
}

.newdiscussionbutton.steps-button:hover {
  background-color: #3a3a3a;
}

.newdiscussionbutton.steps-button:focus {
  background-color: #3d3d3d;
}

.newdiscussionbutton.red {
  background-color: #d63131;
}

.newdiscussionbutton.red:hover {
  background-color: #7d1010;
}

.newdiscussionbutton.modal-link.helpme {
  background-color: #c92000;
}

.newdiscussionbutton.modal-link.helpme:hover {
  background-color: #851601;
}

.newdiscussionbutton.help-modal-link.helpme {
  margin-left: 6px;
  background-color: #be4545;
}

.newdiscussionbutton.help-modal-link.helpme:hover {
  background-color: #a70404;
}

.div-block-6 {
  border-bottom: 3px solid rgba(0, 0, 0, 0.16);
}

.discussionsmallerheader {
  padding-bottom: 3px;
  color: #8f8f8f;
}

.discussionwrapper {
  display: block;
  width: 100%;
  min-height: 90px;
  padding-right: 10px;
  padding-bottom: 5px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border: 1px none #000;
  background-color: hsla(0, 0%, 92%, 0);
}

.discussionwrapper.replyonly {
  border-bottom-style: solid;
  border-bottom-color: #e6e6e6;
}

.discussionwrapper.maindiscussion {
  border-bottom-style: solid;
  border-bottom-color: #e6e6e6;
}

.discussionblock {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.discussionimageblock {
  position: absolute;
  overflow: hidden;
  width: 80px;
  margin-top: 0px;
  margin-left: 0px;
  padding: 9px 10px 9px 0px;
  float: left;
}

.discussionimage {
  position: static;
  border-style: solid;
  border-width: 2px;
  border-color: #fff;
  border-radius: 300px;
  box-shadow: 0 8px 5px -1px rgba(0, 0, 0, 0.17);
}

.discussiontextblock {
  display: block;
  width: auto;
  margin-left: 0px;
  padding-top: 10px;
  padding-left: 88px;
  line-height: 16px;
}

.discussionpersontitle {
  position: static;
  display: block;
  float: none;
  color: #5e5e5e;
  font-size: 11px;
  font-weight: 600;
  text-decoration: none;
}

.discussiontitlelink {
  position: static;
  display: block;
  width: 100%;
  padding-right: 15px;
  color: #0e171d;
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
}

.discussiontitlelink:hover {
  color: #0084cf;
}

.text-block-13 {
  font-size: 13px;
  font-weight: 600;
}

.discussionreplies {
  display: inline-block;
  width: auto;
  margin-left: 0px;
  padding-top: 0px;
  padding-left: 0px;
  border-bottom: 1px none #b6b6b6;
  line-height: 16px;
}

.discussionreplyno {
  position: static;
  display: block;
  float: none;
  color: #5e5e5e;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}

.column-9 {
  padding-right: 0px;
}

.column-10 {
  min-height: 90px;
  padding-top: 34px;
  padding-right: 0px;
  padding-left: 0px;
  border-bottom: 1px none #ececec;
  text-align: center;
}

.discussionheader3column {
  margin-top: 15px;
  border-style: none none solid;
  border-width: 0px 0px 3px;
  border-color: #000 #000 #ececec;
}

.column-11 {
  text-align: center;
}

.column-12 {
  text-align: center;
}

.colcategory {
  min-height: 90px;
  padding-top: 27px;
  border-bottom: 1px none #ececec;
  text-align: center;
}

.discussioncategory {
  position: static;
  display: inline-block;
  padding-right: 0px;
  padding-left: 0px;
  color: #0e171d;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  text-align: center;
}

.discussioncategory:hover {
  color: #0084cf;
}

.discussion3column {
  border-bottom: 1px solid #e6e6e6;
}

.categories-newdiscwrapper {
  margin-top: 15px;
  margin-bottom: 20px;
}

.modal-window-adddiscussion {
  display: block;
  overflow: auto;
  width: 70%;
  margin-right: auto;
  margin-left: auto;
  padding: 40px;
  border-radius: 11px;
  background-color: #fff;
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.43);
}

.newdiscussionbuttonadd {
  position: relative;
  left: 0px;
  top: 0px;
  display: inline-block;
  width: auto;
  margin-top: 19px;
  margin-bottom: 10px;
  padding-right: 8px;
  padding-bottom: 5px;
  padding-left: 8px;
  float: right;
  clear: none;
  border-radius: 4px;
  background-color: #0084cf;
  -webkit-transition: color 500ms ease, background-color 500ms ease;
  transition: color 500ms ease, background-color 500ms ease;
  color: #fff;
  font-size: 16px;
  line-height: 26px;
  text-align: left;
  list-style-type: disc;
}

.newdiscussionbuttonadd:hover {
  background-color: #26a9f3;
  color: #4381de;
}

.newdiscussionbuttonadd.adminhome {
  margin-bottom: 0px;
  background-color: transparent;
  color: #2e5587;
  font-size: 18px;
}

.newdiscussionbuttonadd.adminhome:hover {
  color: #0d2340;
}

.newdiscussionbuttonadd.edit-button {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 0px;
  padding-top: 3px;
  padding-bottom: 3px;
  background-color: #3ead0e;
}

.newdiscussionbuttonadd.edit-button:hover {
  background-color: #347817;
}

.newdiscussionbuttonadd.steps-button {
  padding-right: 8px;
  padding-bottom: 0px;
  padding-left: 2px;
  background-color: #3ead0e;
}

.newdiscussionbuttonadd.steps-button:hover {
  background-color: #3a3a3a;
}

.newdiscussionbuttonadd.steps-button:focus {
  background-color: #3d3d3d;
}

.newdiscussionbuttonadd.red {
  background-color: #d63131;
}

.newdiscussionbuttonadd.red:hover {
  background-color: #7d1010;
}

.newdiscussionbuttonadd.modal-link.helpme {
  background-color: #c92000;
}

.newdiscussionbuttonadd.modal-link.helpme:hover {
  background-color: #851601;
}

.newdiscussionbuttonadd.help-modal-link.helpme {
  margin-left: 6px;
  background-color: #be4545;
}

.newdiscussionbuttonadd.help-modal-link.helpme:hover {
  background-color: #a70404;
}

.modal-window-replydiscussion {
  display: block;
  overflow: auto;
  width: 70%;
  margin-right: auto;
  margin-left: auto;
  padding: 40px;
  border-radius: 11px;
  background-color: #fff;
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.43);
}

.reply-title {
  margin-bottom: 12px;
  padding-left: 41px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.64)), to(hsla(0, 0%, 100%, 0.64))), url('../images/reply-arrow-dark.png');
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.64), hsla(0, 0%, 100%, 0.64)), url('../images/reply-arrow-dark.png');
  background-position: 0px 0px, 4px 20px;
  background-size: auto, 31px;
  background-repeat: repeat, no-repeat;
}

.reply-title.edittitle {
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.32)), to(hsla(0, 0%, 100%, 0.32))), url('../images/documentwrite.png');
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.32), hsla(0, 0%, 100%, 0.32)), url('../images/documentwrite.png');
  background-repeat: repeat, no-repeat;
}

.replysection {
  margin-bottom: 30px;
}

.discussiontextbig {
  padding-bottom: 3px;
  color: #0c0c0c;
  font-size: 28px;
  line-height: 32px;
}

.categorytype {
  padding-bottom: 3px;
  color: #0084cf;
  font-size: 15px;
  line-height: 32px;
  text-transform: uppercase;
}

.categorytext {
  margin-right: 2px;
  padding-bottom: 3px;
  color: #999;
  font-size: 15px;
  line-height: 32px;
  font-weight: 400;
  text-transform: uppercase;
}

.replybutton {
  position: relative;
  left: 0px;
  top: 0px;
  display: inline-block;
  width: auto;
  margin-top: 15px;
  margin-bottom: 0px;
  padding-right: 8px;
  padding-bottom: 5px;
  padding-left: 8px;
  float: right;
  clear: none;
  border-radius: 4px;
  background-color: #0084cf;
  -webkit-transition: color 500ms ease, background-color 500ms ease;
  transition: color 500ms ease, background-color 500ms ease;
  color: #fff;
  font-size: 16px;
  line-height: 26px;
  text-align: left;
  list-style-type: disc;
}

.replybutton:hover {
  background-color: #26a9f3;
  color: #4381de;
}

.replybutton.adminhome {
  margin-bottom: 0px;
  background-color: transparent;
  color: #2e5587;
  font-size: 18px;
}

.replybutton.adminhome:hover {
  color: #0d2340;
}

.replybutton.edit-button {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 0px;
  padding-top: 3px;
  padding-bottom: 3px;
  background-color: #3ead0e;
}

.replybutton.edit-button:hover {
  background-color: #347817;
}

.replybutton.steps-button {
  padding-right: 8px;
  padding-bottom: 0px;
  padding-left: 2px;
  background-color: #3ead0e;
}

.replybutton.steps-button:hover {
  background-color: #3a3a3a;
}

.replybutton.steps-button:focus {
  background-color: #3d3d3d;
}

.replybutton.red {
  background-color: #d63131;
}

.replybutton.red:hover {
  background-color: #7d1010;
}

.replybutton.modal-link.helpme {
  background-color: #c92000;
}

.replybutton.modal-link.helpme:hover {
  background-color: #851601;
}

.replybutton.help-modal-link.helpme {
  margin-left: 6px;
  background-color: #be4545;
}

.replybutton.help-modal-link.helpme:hover {
  background-color: #a70404;
}

.replybutton2 {
  position: relative;
  left: 0px;
  top: 0px;
  display: block;
  width: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-right: 8px;
  padding-bottom: 5px;
  padding-left: 28px;
  float: right;
  clear: none;
  border-radius: 4px;
  background-color: #0084cf;
  background-image: url('../images/reply-arrow-white.png');
  background-position: 6px 50%;
  background-size: 20px;
  background-repeat: no-repeat;
  -webkit-transition: color 500ms ease, background-color 500ms ease;
  transition: color 500ms ease, background-color 500ms ease;
  color: #fff;
  font-size: 16px;
  line-height: 26px;
  text-align: left;
  list-style-type: disc;
}

.replybutton2:hover {
  background-color: #26a9f3;
  color: #4381de;
}

.replybutton2.adminhome {
  margin-bottom: 0px;
  background-color: transparent;
  color: #2e5587;
  font-size: 18px;
}

.replybutton2.adminhome:hover {
  color: #0d2340;
}

.replybutton2.edit-button {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 0px;
  padding-top: 3px;
  padding-bottom: 3px;
  background-color: #3ead0e;
}

.replybutton2.edit-button:hover {
  background-color: #347817;
}

.replybutton2.steps-button {
  padding-right: 8px;
  padding-bottom: 0px;
  padding-left: 2px;
  background-color: #3ead0e;
}

.replybutton2.steps-button:hover {
  background-color: #3a3a3a;
}

.replybutton2.steps-button:focus {
  background-color: #3d3d3d;
}

.replybutton2.red {
  background-color: #d63131;
}

.replybutton2.red:hover {
  background-color: #7d1010;
}

.replybutton2.modal-link.helpme {
  background-color: #c92000;
}

.replybutton2.modal-link.helpme:hover {
  background-color: #851601;
}

.replybutton2.help-modal-link.helpme {
  margin-left: 6px;
  background-color: #be4545;
}

.replybutton2.help-modal-link.helpme:hover {
  background-color: #a70404;
}

.replyeditbutton {
  position: relative;
  left: 0px;
  top: 0px;
  display: block;
  width: auto;
  margin-top: 10px;
  margin-right: 15px;
  margin-bottom: 10px;
  padding-right: 8px;
  padding-bottom: 5px;
  padding-left: 28px;
  float: right;
  clear: none;
  border-radius: 4px;
  background-color: #3ead0e;
  background-image: url('../images/docwrite-white.png');
  background-position: 6px 50%;
  background-size: 26px;
  background-repeat: no-repeat;
  -webkit-transition: color 500ms ease, background-color 500ms ease;
  transition: color 500ms ease, background-color 500ms ease;
  color: #fff;
  font-size: 16px;
  line-height: 26px;
  text-align: left;
  list-style-type: disc;
}

.replyeditbutton:hover {
  background-color: #3a7520;
  color: #4381de;
}

.replyeditbutton.adminhome {
  margin-bottom: 0px;
  background-color: transparent;
  color: #2e5587;
  font-size: 18px;
}

.replyeditbutton.adminhome:hover {
  color: #0d2340;
}

.replyeditbutton.edit-button {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 0px;
  padding-top: 3px;
  padding-bottom: 3px;
  background-color: #3ead0e;
}

.replyeditbutton.edit-button:hover {
  background-color: #347817;
}

.replyeditbutton.steps-button {
  padding-right: 8px;
  padding-bottom: 0px;
  padding-left: 2px;
  background-color: #3ead0e;
}

.replyeditbutton.steps-button:hover {
  background-color: #3a3a3a;
}

.replyeditbutton.steps-button:focus {
  background-color: #3d3d3d;
}

.replyeditbutton.red {
  background-color: #d63131;
}

.replyeditbutton.red:hover {
  background-color: #7d1010;
}

.replyeditbutton.modal-link.helpme {
  background-color: #c92000;
}

.replyeditbutton.modal-link.helpme:hover {
  background-color: #851601;
}

.replyeditbutton.help-modal-link.helpme {
  margin-left: 6px;
  background-color: #be4545;
}

.replyeditbutton.help-modal-link.helpme:hover {
  background-color: #a70404;
}

.discussiontitle {
  position: static;
  display: block;
  width: 100%;
  padding-right: 15px;
  color: #0e171d;
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
}

.discussiontitle:hover {
  color: #0e171d;
}

.modal-background-adddiscussion {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 4001;
  display: none;
  height: 100vh;
  max-height: 100vh;
  padding-top: 133px;
  padding-bottom: 1px;
  background-color: rgba(3, 3, 3, 0.58);
  font-size: 14px;
}

.modal-background-reply {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 4001;
  display: none;
  height: 100vh;
  max-height: 100vh;
  padding-top: 133px;
  padding-bottom: 1px;
  background-color: rgba(3, 3, 3, 0.58);
  font-size: 14px;
}

.modal-background-edit {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 4001;
  display: none;
  height: 100vh;
  max-height: 100vh;
  padding-top: 133px;
  padding-bottom: 1px;
  background-color: rgba(3, 3, 3, 0.58);
  font-size: 14px;
}

.modal-window-edit {
  display: block;
  overflow: auto;
  width: 70%;
  margin-right: auto;
  margin-left: auto;
  padding: 40px;
  border-radius: 11px;
  background-color: #fff;
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.43);
}

.homepagefeaturedflexwrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  margin-right: 0px;
  margin-left: 0px;
  padding-bottom: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.hpfeaturedstorylinkbox {
  display: block;
  width: 30%;
  margin-right: 10px;
  margin-bottom: 20px;
  margin-left: 10px;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 0 7px 0 rgba(26, 26, 26, 0.17);
  -webkit-transition: color 200ms ease, background-color 350ms ease;
  transition: color 200ms ease, background-color 350ms ease;
}

.hpfeaturedstorylinkbox:hover {
  background-color: #fff;
}

.hpfeaturedstorylinkbox.instagrambox {
  background-color: transparent;
}

.hpfeaturedstorylinkbox.twitterbox {
  overflow: hidden;
}

.hallpass {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: -3px;
  padding-left: 49px;
  background-image: url('../images/hallpass.png');
  background-position: 0% 100%;
  background-size: 45px;
  background-repeat: no-repeat;
}

.hallpasscolumns.redo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 70px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.ricksemails {
  position: relative;
  left: 0px;
  top: 0px;
  display: inline-block;
  width: auto;
  margin-top: 5px;
  margin-right: 20px;
  margin-bottom: 10px;
  padding-right: 20px;
  padding-bottom: 9px;
  padding-left: 41px;
  float: right;
  clear: none;
  border-radius: 4px;
  background-color: #0084cf;
  background-image: url('../images/storylist-white.png');
  background-position: 9px 10px;
  background-size: 27px;
  background-repeat: no-repeat;
  -webkit-transition: color 500ms ease, background-color 500ms ease;
  transition: color 500ms ease, background-color 500ms ease;
  color: #fff;
  font-size: 14px;
  line-height: 26px;
  text-align: left;
  list-style-type: disc;
}

.ricksemails:hover {
  background-color: #4e4e4e;
  color: #fff;
}

.ricksemails.adminhome {
  margin-bottom: 0px;
  background-color: transparent;
  color: #2e5587;
  font-size: 18px;
}

.ricksemails.adminhome:hover {
  color: #0d2340;
}

.ricksemails.edit-button {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 0px;
  padding-top: 3px;
  padding-bottom: 3px;
  background-color: #3ead0e;
}

.ricksemails.edit-button:hover {
  background-color: #347817;
}

.ricksemails.steps-button {
  padding-right: 8px;
  padding-bottom: 0px;
  padding-left: 2px;
  background-color: #3ead0e;
}

.ricksemails.steps-button:hover {
  background-color: #3a3a3a;
}

.ricksemails.steps-button:focus {
  background-color: #3d3d3d;
}

.ricksemails.red {
  background-color: #d63131;
}

.ricksemails.red:hover {
  background-color: #7d1010;
}

.ricksemails.modal-link.helpme {
  background-color: #c92000;
}

.ricksemails.modal-link.helpme:hover {
  background-color: #851601;
}

.ricksemails.help-modal-link.helpme {
  margin-left: 6px;
  background-color: #be4545;
}

.ricksemails.help-modal-link.helpme:hover {
  background-color: #a70404;
}

.hallpassformblock {
  display: inline-block;
  width: 70%;
  margin-right: 30px;
  margin-left: 5px;
  padding: 0px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #fff;
}

.hallpasssidebar {
  width: 30%;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.wd-button {
  display: inline-block;
  width: auto;
  margin-bottom: 15px;
  margin-left: -10px;
  padding-right: 21px;
  padding-left: 43px;
  background-color: #df8339;
  background-image: url('../images/workday-logo.png');
  background-position: 4px 5px;
  background-size: 35px;
  background-repeat: no-repeat;
  text-align: left;
}

.wd-button:hover {
  background-color: #a75b1e;
  color: #fff;
}

.hallpasssidebartop {
  width: 70%;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.nextafloat {
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 5;
  width: auto;
  padding: 6px 20px 6px 57px;
  background-image: url('../images/banse-icon.png'), url('../images/next-text-bg.png');
  background-position: 15px 4px, 0% 100%;
  background-size: 45px, cover;
  background-repeat: no-repeat, no-repeat;
  font-size: 11px;
  font-weight: 800;
  visibility: hidden;
}

.nextafloat:hover {
  background-image: url('../images/banse-icon.png'), url('../images/next-text-bg.png');
  background-position: 15px 3px, 0% 100%;
  background-size: 45px, cover;
  background-repeat: no-repeat, no-repeat;
}

.weeklyoptions {
  padding-top: 25px;
  padding-bottom: 15px;
}

.hp-checkbox {
  display: inline-block;
  padding-right: 35px;
}

.anonymousemail {
  position: relative;
  left: 0px;
  top: 0px;
  display: inline-block;
  width: auto;
  margin-top: 5px;
  margin-bottom: 10px;
  padding-right: 20px;
  padding-bottom: 9px;
  padding-left: 41px;
  float: right;
  clear: none;
  border-radius: 4px;
  background-color: #354e6d;
  background-image: url('../images/email-white.png');
  background-position: 9px 10px;
  background-size: 27px;
  background-repeat: no-repeat;
  -webkit-transition: color 500ms ease, background-color 500ms ease;
  transition: color 500ms ease, background-color 500ms ease;
  color: #fff;
  font-size: 14px;
  line-height: 26px;
  text-align: left;
  list-style-type: disc;
}

.anonymousemail:hover {
  background-color: #4e4e4e;
  color: #fff;
}

.anonymousemail.adminhome {
  margin-bottom: 0px;
  background-color: transparent;
  color: #2e5587;
  font-size: 18px;
}

.anonymousemail.adminhome:hover {
  color: #0d2340;
}

.anonymousemail.edit-button {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 0px;
  padding-top: 3px;
  padding-bottom: 3px;
  background-color: #3ead0e;
}

.anonymousemail.edit-button:hover {
  background-color: #347817;
}

.anonymousemail.steps-button {
  padding-right: 8px;
  padding-bottom: 0px;
  padding-left: 2px;
  background-color: #3ead0e;
}

.anonymousemail.steps-button:hover {
  background-color: #3a3a3a;
}

.anonymousemail.steps-button:focus {
  background-color: #3d3d3d;
}

.anonymousemail.red {
  background-color: #d63131;
}

.anonymousemail.red:hover {
  background-color: #7d1010;
}

.anonymousemail.modal-link.helpme {
  background-color: #c92000;
}

.anonymousemail.modal-link.helpme:hover {
  background-color: #851601;
}

.anonymousemail.help-modal-link.helpme {
  margin-left: 6px;
  background-color: #be4545;
}

.anonymousemail.help-modal-link.helpme:hover {
  background-color: #a70404;
}

.wd-button-copy {
  display: inline-block;
  width: auto;
  margin-bottom: 15px;
  margin-left: 0px;
  padding-right: 21px;
  padding-left: 43px;
  background-color: #df8339;
  background-image: url('../images/workday-logo.png');
  background-position: 4px 5px;
  background-size: 35px;
  background-repeat: no-repeat;
  text-align: left;
}

.wd-button-copy:hover {
  background-color: #a75b1e;
  color: #fff;
}

.c-19-trainingbutton {
  display: inline-block;
  width: 100%;
  margin-bottom: 15px;
  margin-left: 0px;
  padding-right: 21px;
  padding-left: 43px;
  background-color: #6f51a6;
  background-image: url('../images/uw_w-logo_white.png');
  background-position: 9px 11px;
  background-size: 27px;
  background-repeat: no-repeat;
  color: #fff;
  line-height: 18px;
  text-align: left;
}

.c-19-trainingbutton:hover {
  background-color: #4b2e81;
  color: #fff;
}

.text-span-2 {
  font-size: 10px;
}

.bold-text {
  width: 100%;
  font-size: 11px;
}

.hallpasscompletedbutton {
  display: inline-block;
  width: 100%;
  margin-bottom: 15px;
  margin-left: 0px;
  padding-right: 21px;
  padding-left: 43px;
  background-color: #3c6b28;
  background-image: url('../images/icon-questionmark.png');
  background-position: 12px 7px;
  background-size: 20px;
  background-repeat: no-repeat;
  color: #fff;
  line-height: 18px;
  text-align: left;
}

.hallpasscompletedbutton:hover {
  background-color: #284e17;
  color: #fff;
}

.intranetmainnav {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 1000;
  display: block;
  margin-top: 0px;
  background-color: hsla(0, 0%, 100%, 0.9);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.72);
}

.intranetmainnav.intranetservicesmenu {
  background-color: #e46b29;
}

.section-4 {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 168, 163, 0.94)), to(rgba(0, 132, 207, 0.81))), url('../images/MyOcean-Intranet-bg.jpg');
  background-image: linear-gradient(90deg, rgba(0, 168, 163, 0.94), rgba(0, 132, 207, 0.81)), url('../images/MyOcean-Intranet-bg.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.adminhomeheadingtext {
  margin-bottom: 7px;
  padding-top: 13px;
  padding-left: 36px;
  font-size: 20px;
}

.adminhomeheadingtext.admincontentheading {
  background-image: url('../images/eye-icon.jpg');
  background-position: 4px 9px;
  background-size: 30px;
  background-repeat: no-repeat;
}

.adminhomeheadingtext.adminuserheading {
  background-image: url('../images/user-coffee-icon.jpg');
  background-position: 2px 4px;
  background-size: 28px;
  background-repeat: no-repeat;
}

.adminhomeheadingtext.adminroomsheading {
  background-image: url('../images/door-icon.png');
  background-position: 7px 12px;
  background-size: 22px;
  background-repeat: no-repeat;
}

.adminhomeheadingtext.adminforumsheading {
  background-image: url('../images/discussion-graphic.png');
  background-position: 6px 9px;
  background-size: 24px;
  background-repeat: no-repeat;
}

.adminlinks {
  font-size: 18px;
}

.myoceantoputilities {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 19;
  display: block;
  height: 27px;
  padding-right: 49px;
  padding-left: 49px;
  background-color: rgba(15, 15, 15, 0.81);
}

.myoceanlogout {
  display: inline-block;
  margin-top: 2px;
  margin-right: -1px;
  padding: 5px 10px 5px 22px;
  float: right;
  background-image: url('../images/soo-x_1.png');
  background-position: 4px 6px;
  background-size: 12px;
  background-repeat: no-repeat;
  -webkit-transition: background-color 200ms ease, color 200ms ease;
  transition: background-color 200ms ease, color 200ms ease;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 10px;
  line-height: 15px;
  font-weight: 400;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.myoceanlogout:hover {
  padding: 5px 10px 5px 22px;
  border-radius: 4px;
  background-color: #943232;
  background-position: 4px 6px;
  color: #fff;
  line-height: 15px;
}

.myoceanlogout.modal-link.searchme {
  width: 67px;
  margin-right: 10px;
  margin-left: 0px;
}

.myoceanlogout.uwhome {
  position: static;
  display: block;
  padding-left: 10px;
  float: left;
  clear: none;
}

.mo-mainnavlink {
  display: block;
  margin-top: 2px;
  margin-right: 7px;
  margin-left: 0px;
  padding: 20px 25px 20px 0px;
  -webkit-transition: color 500ms ease;
  transition: color 500ms ease;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0px;
  text-transform: uppercase;
}

.mo-mainnavlink:hover {
  color: #82fff7;
}

.mo-mainnavlink.dropdown {
  display: block;
  margin-right: 0px;
  padding-right: 43px;
  font-size: 17px;
}

.mo-mainnavlink.dropdown.intranetservicesmenuitem {
  margin-top: 0px;
}

.mo-mainnavlink.intranetservicesmenuitem {
  display: inline-block;
  margin-top: 0px;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #fff;
}

.mo-mainnavlink.intranetservicesmenuitem:hover {
  color: #080808;
}

.mo-mainnavlink.intranetservicesmenuitem.w--current {
  display: inline-block;
  margin-top: 0px;
  color: #202020;
}

.mo-mainnavlink.intranetdropdown {
  display: block;
  margin-right: 0px;
  padding-right: 43px;
  color: #fff;
  font-size: 17px;
}

.mo-mainnavlink.intranetdropdown.intranetservicesmenuitem {
  margin-top: 0px;
}

.grid-2 {
  grid-auto-flow: row;
  -ms-grid-columns: 0.75fr 1fr;
  grid-template-columns: 0.75fr 1fr;
}

.mo-container {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mo-section {
  background-color: #eef1f3;
  letter-spacing: normal;
}

.photodiv {
  position: relative;
  overflow: hidden;
  width: 22%;
  margin-top: 3px;
  margin-left: -54px;
  border-style: solid;
  border-width: 4px;
  border-color: #fff;
  border-radius: 200px;
}

.mo-leftcol {
  display: block;
}

.titlediv {
  overflow: visible;
  width: 100%;
  height: 50px;
  margin-top: 27px;
  margin-left: -46px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 7px;
  background-color: #fff;
}

.heading-5 {
  margin-bottom: 0px;
  padding-top: 15px;
  padding-bottom: 0px;
  padding-left: 53px;
  float: left;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.03px;
}

.mo-editbutton {
  position: absolute;
  left: auto;
  top: 22px;
  right: 6px;
  bottom: auto;
  display: inline-block;
  margin-top: -5px;
  margin-right: 12px;
  padding: 5px 11px;
  float: right;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  border-radius: 5px;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  font-size: 11px;
  line-height: 12px;
  text-align: center;
  text-transform: uppercase;
}

.mo-editbutton:hover {
  border-radius: 5px;
  background-color: #2268a5;
  color: #fff;
}

.mo-servicesdiv {
  margin-bottom: 20px;
  border-radius: 7px;
  background-color: #fff;
}

.mo-heading {
  padding-top: 19px;
  padding-bottom: 9px;
  padding-left: 53px;
  background-image: url('../images/wrench.png');
  background-position: 18px 16px;
  background-size: 30px;
  background-repeat: no-repeat;
}

.mo-heading.directorsheading {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 17px;
  padding-bottom: 9px;
  background-image: url('../images/eventbullhorn.png');
  background-size: 28px;
}

.mo-heading.latestdiscussions {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 17px;
  padding-bottom: 9px;
  background-image: url('../images/discussion-graphic.png');
  background-position: 14px 12px;
  background-size: 34px;
}

.mo-heading.ricksmessage {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 17px;
  padding-bottom: 9px;
  background-image: url('../images/user-coffee-icon.jpg');
  background-position: 14px 9px;
  background-size: 34px;
}

.mo-heading.announcementsheading {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 17px;
  padding-bottom: 9px;
  background-image: url('../images/eventbullhorn.png');
  background-size: 28px;
}

.mo-heading.editmyinfoheading {
  background-image: url('../images/userhome.png');
  background-position: 18px 13px;
}

.servicesdiv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 20px;
  margin-left: 20px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.servicesblock {
  display: block;
  margin-right: 7px;
  margin-bottom: 24px;
  margin-left: 7px;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-transition: color 200ms ease, -webkit-transform 375ms ease;
  transition: color 200ms ease, -webkit-transform 375ms ease;
  transition: transform 375ms ease, color 200ms ease;
  transition: transform 375ms ease, color 200ms ease, -webkit-transform 375ms ease;
  text-align: center;
}

.servicesblock:hover {
  -webkit-transform: scale(1.08);
  -ms-transform: scale(1.08);
  transform: scale(1.08);
}

.mo-textblock {
  margin-top: 7px;
  line-height: 18px;
  text-align: center;
}

.mo-welcomdiv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: -17px;
}

.mo-directordiv {
  margin-bottom: 20px;
  padding-bottom: 6px;
  border-radius: 7px;
  background-color: #fff;
}

.announcementdiv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.mo-directormessage {
  display: inline-block;
  padding-bottom: 15px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.directorphoto {
  position: relative;
  overflow: hidden;
  width: 20%;
  margin-top: 3px;
  margin-right: 13px;
  margin-left: 15px;
  float: left;
  border-style: solid;
  border-width: 3px;
  border-color: #e0b55e;
  border-radius: 200px;
}

.directormessage {
  overflow: visible;
  width: 100%;
  height: 50px;
  margin-top: 6px;
  margin-right: 15px;
  margin-left: 15px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 7px;
  background-color: #fff;
}

.image-servicehome {
  width: 45px;
  margin-right: auto;
  margin-left: auto;
}

.mo-directorheading {
  font-size: 16px;
  line-height: 30px;
  font-weight: 600;
}

.text-block-14 {
  padding-bottom: 0px;
}

.text-block-15 {
  position: static;
  display: block;
  padding-right: 18px;
  padding-left: 18px;
  font-size: 14px;
}

.mo-oc-archive {
  position: static;
  left: auto;
  top: 22px;
  right: 6px;
  bottom: auto;
  display: inline-block;
  width: 45%;
  margin-top: 0px;
  margin-right: 0px;
  padding: 5px 7px;
  float: left;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-radius: 5px;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  font-size: 11px;
  line-height: 12px;
  text-align: center;
  text-transform: none;
}

.mo-oc-archive:hover {
  border-radius: 5px;
  background-color: #2268a5;
  color: #fff;
}

.mo-oc-archive.anonemail {
  margin-top: 0px;
  background-color: #616c75;
}

.mo-oc-archive.anonemail:hover {
  background-color: #0ea2ad;
}

.buttonsection {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.italic-text {
  color: #4381de;
}

.announcementsection {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  padding: 1px 18px 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  background-color: #fff;
}

.announcement {
  position: static;
  left: auto;
  top: 22px;
  right: 6px;
  bottom: auto;
  display: inline-block;
  width: 100%;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 9px;
  padding: 10px 10px 8px 35px;
  float: left;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-radius: 5px;
  background-color: #ffd4c3;
  background-image: url('../images/icon-announcement-dark-grey.png');
  background-position: 7px 6px;
  background-size: 23px;
  background-repeat: no-repeat;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #202020;
  font-size: 16px;
  line-height: 19px;
  font-weight: 400;
  text-align: left;
  text-transform: none;
}

.announcement:hover {
  border-radius: 5px;
  background-color: #7c3215;
  background-image: url('../images/icon-announcement.png');
  background-position: 7px 6px;
  background-size: 23px;
  background-repeat: no-repeat;
  color: #fff;
}

.announcement.anonemail {
  margin-top: 0px;
  background-color: #616c75;
}

.announcement.anonemail:hover {
  background-color: #0ea2ad;
}

.announcement.oflessimportance {
  background-color: #cecece;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 97.3%, 0.65)), to(hsla(0, 0%, 97.3%, 0.65))), url('../images/icon-announcement-dark-grey.png');
  background-image: linear-gradient(180deg, hsla(0, 0%, 97.3%, 0.65), hsla(0, 0%, 97.3%, 0.65)), url('../images/icon-announcement-dark-grey.png');
  background-position: 0px 0px, 7px 6px;
  background-size: auto, 23px;
  background-repeat: repeat, no-repeat;
}

.announcement.oflessimportance:hover {
  background-color: #535353;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.24)), to(hsla(0, 0%, 100%, 0.24))), url('../images/icon-announcement.png');
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.24), hsla(0, 0%, 100%, 0.24)), url('../images/icon-announcement.png');
  background-position: 0px 0px, 7px 6px;
  background-size: auto, 23px;
  background-repeat: repeat, no-repeat;
}

.mo-announcements {
  margin-bottom: 20px;
  padding-bottom: 6px;
  border-radius: 7px;
  background-color: #fff;
}

.mo-latestdiscussions {
  margin-bottom: 20px;
  padding-bottom: 6px;
  border-radius: 7px;
  background-color: #fff;
}

.mo-discussionbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.mo-editinfo {
  padding-left: 5px;
  border-radius: 7px;
  background-color: #fff;
}

.serviceicon {
  width: 50px;
  height: 50px;
  margin-right: auto;
  margin-bottom: 11px;
  margin-left: auto;
  border-radius: 180px;
  background-color: #b1b1b1;
  background-image: url('../images/editwrench.png');
  background-position: 50% 50%;
  background-size: 32px;
  background-repeat: no-repeat;
}

.serviceicon.adminservices {
  background-color: #8fb170;
  background-image: url('../images/icon-admin-umbrella.png');
}

.serviceicon.edtrainingservices {
  background-color: #63b5d3;
  background-image: url('../images/icon-ed-training.png');
}

.serviceicon.committeeservices {
  background-color: #c9a44e;
  background-image: url('../images/torsos-white.png');
}

.serviceicon.techservices {
  background-color: #e08d6c;
  background-image: url('../images/icon-technical-glasses.png');
  background-size: 36px;
}

.serviceicon.shipservices {
  background-color: #37aa99;
  background-image: url('../images/anchor2.png');
}

.serviceicon.adminservicesbig {
  width: 80px;
  height: 80px;
  margin-top: -50px;
  margin-bottom: 20px;
  border-style: solid;
  border-width: 5px;
  border-color: #fff;
  background-color: #8fb170;
  background-image: url('../images/icon-admin-umbrella.png');
  background-size: 50px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.serviceicon.adminservicesbig:hover {
  -webkit-transform: scale3d(1none, 1none, 1none);
  transform: scale3d(1none, 1none, 1none);
}

.serviceicon.edtrainingservicesbig {
  width: 80px;
  height: 80px;
  margin-top: -50px;
  margin-bottom: 20px;
  border-style: solid;
  border-width: 5px;
  border-color: #fff;
  background-color: #63b5d3;
  background-image: url('../images/icon-ed-training.png');
  background-size: 60px;
}

.serviceicon.committeeservicesbig {
  width: 80px;
  height: 80px;
  margin-top: -50px;
  margin-bottom: 20px;
  border-style: solid;
  border-width: 5px;
  border-color: #fff;
  background-color: #c9a44e;
  background-image: url('../images/torsos-white.png');
  background-size: 55px;
  display: block;
}

.serviceicon.techservicesbig {
  width: 80px;
  height: 80px;
  margin-top: -50px;
  margin-bottom: 20px;
  border-style: solid;
  border-width: 5px;
  border-color: #fff;
  background-color: #e08d6c;
  background-image: url('../images/icon-technical-glasses.png');
  background-size: 60px;
}

.serviceicon.shipservicesbig {
  width: 80px;
  height: 80px;
  margin-top: -50px;
  margin-bottom: 20px;
  border-style: solid;
  border-width: 5px;
  border-color: #fff;
  background-color: #37aa99;
  background-image: url('../images/anchor2.png');
  background-size: 50px;
}

.serviceicon.leadershipicon {
  width: 80px;
  height: 80px;
  margin-top: -50px;
  margin-bottom: 20px;
  border-style: solid;
  border-width: 5px;
  border-color: #fff;
  background-color: #a081c3;
  background-image: url('../images/icon-TGT-white.png');
  background-size: 45px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.serviceicon.leadershipicon:hover {
  -webkit-transform: scale3d(1none, 1none, 1none);
  transform: scale3d(1none, 1none, 1none);
}

.publiclyviewableinfo {
  margin-bottom: 20px;
  padding: 10px;
  border: 2px solid rgba(62, 173, 14, 0.54);
  border-radius: 4px;
}

.publiclyviewableh2 {
  padding-top: 0px;
  padding-left: 37px;
  background-image: url('../images/icon-public-view.png');
  background-position: 0px 3px;
  background-size: 30px;
  background-repeat: no-repeat;
  color: #585858;
  font-size: 24px;
  font-weight: 400;
}

.mo-intranetdescriptions {
  margin-bottom: 20px;
  padding: 10px;
  border-style: solid;
  border-width: 2px;
  border-color: rgba(173, 14, 14, 0.54);
  border-radius: 4px;
}

.intranetdescriptionsh2 {
  padding-top: 0px;
  padding-left: 37px;
  background-image: url('../images/icon-private-view.png');
  background-position: 0px 3px;
  background-size: 30px;
  background-repeat: no-repeat;
  color: #585858;
  font-size: 24px;
  font-weight: 400;
}

.text-span-3 {
  display: block;
  margin-top: -12px;
  font-size: 14px;
}

.text-span-4 {
  display: block;
  margin-top: -12px;
  font-size: 14px;
}

.mo-servicestextblock {
  margin-top: 7px;
  margin-bottom: 20px;
  color: #686868;
  font-size: 20px;
  line-height: 22px;
  font-weight: 600;
  text-align: center;
}

.servicesbigblock {
  display: block;
  margin-right: 0px;
  margin-bottom: 24px;
  margin-left: 0px;
  padding: 12px 16px;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-style: solid;
  border-width: 5px;
  border-color: #fff;
  background-color: #f1f1f1;
  -webkit-transition: color 200ms ease, -webkit-transform 200ms ease;
  transition: color 200ms ease, -webkit-transform 200ms ease;
  transition: transform 200ms ease, color 200ms ease;
  transition: transform 200ms ease, color 200ms ease, -webkit-transform 200ms ease;
  text-align: center;
}

.servicesbigblock:hover {
  background-color: #fff;
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.serviceboxtext {
  margin-bottom: 10px;
  padding-right: 0px;
  padding-left: 0px;
  float: none;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  line-height: 18px;
  text-align: left;
}

.mo-textblock-copy {
  margin-top: 7px;
  line-height: 18px;
  text-align: center;
}

.servicesbigdiv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 60px;
  margin-right: 20px;
  margin-left: 20px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.servicepersoninfobox {
  display: block;
  width: auto;
  margin-bottom: 0px;
  padding-top: 4px;
  padding-right: 6px;
  padding-bottom: 4px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-bottom: 2px solid #fff;
  border-radius: 0px;
  background-color: hsla(0, 0%, 98.7%, 0);
}

.servicepersoninfobox.largerversion {
  width: 75%;
}

.servicepersonimagecircle {
  position: relative;
  right: 15px;
  bottom: 1px;
  display: block;
  overflow: hidden;
  width: 15%;
  margin-right: -8px;
  margin-bottom: 0px;
  float: left;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border: 3px solid #fff;
  border-radius: 300px;
}

.servicepersonimagecircle.indserviceimage {
  width: 20%;
}

.servicesbigblock2 {
  display: block;
  width: 33%;
  margin: 24px 0px;
  padding: 12px 0px 0px;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-style: solid;
  border-width: 5px;
  border-color: #fff;
  background-color: #f1f1f1;
  -webkit-transition: color 200ms ease, -webkit-transform 200ms ease;
  transition: color 200ms ease, -webkit-transform 200ms ease;
  transition: transform 200ms ease, color 200ms ease;
  transition: transform 200ms ease, color 200ms ease, -webkit-transform 200ms ease;
  text-align: center;
}

.servicesbigblock2:hover {
  background-color: #e7e7e7;
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.servicetitlelink {
  display: block;
  margin-top: 7px;
  margin-bottom: 5px;
  color: #2e2e2e;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
}

.servicepositions {
  margin-top: -3px;
  margin-bottom: 10px;
  padding-left: 41px;
  color: #757575;
  font-size: 11px;
  line-height: 13px;
  font-weight: 400;
}

.serviceh4 {
  margin-top: 5px;
  margin-bottom: 6px;
  color: #353535;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  text-align: left;
}

.serviceh4:hover {
  color: #437dd5;
}

.servicespacer {
  height: 23px;
  border-bottom: 2px solid #fff;
  background-color: transparent;
}

.servicesmallspacer {
  height: 1px;
  border-bottom: 2px solid #fff;
  background-color: transparent;
}

.vesselssection {
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.33)), to(hsla(0, 0%, 100%, 0.33))), url('../images/tgt-bg.jpg');
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.33), hsla(0, 0%, 100%, 0.33)), url('../images/tgt-bg.jpg');
  background-position: 0px 0px, 100% 0%;
  background-size: auto, auto 230px;
  background-repeat: repeat, no-repeat;
}

.vesselssection.rv-carsonsection {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.45)), to(rgba(255, 255, 255, 0.45))), url('../images/carson-bg2.jpg');
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0.45)), url('../images/carson-bg2.jpg');
  background-position: 0px 0px, 100% 0%;
  background-size: auto, auto 230px;
  background-repeat: repeat, no-repeat;
}

.vesselh1 {
  font-weight: 300;
}

.vesselh2 {
  padding-top: 0px;
  color: #a7a7a7;
  font-size: 26px;
  font-weight: 300;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.container-6 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.dashboardbox {
  display: block;
  width: 31%;
  margin-bottom: 30px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-style: none;
  border-width: 2px;
  border-color: #e0e0e0;
  border-radius: 0px;
  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.09);
  -webkit-transition: color 200ms ease, -webkit-transform 150ms ease;
  transition: color 200ms ease, -webkit-transform 150ms ease;
  transition: transform 150ms ease, color 200ms ease;
  transition: transform 150ms ease, color 200ms ease, -webkit-transform 150ms ease;
  font-size: 33%;
}

.dashboardbox:hover {
  -webkit-transform: scale(1.06);
  -ms-transform: scale(1.06);
  transform: scale(1.06);
}

.dashboardimg {
  width: 100%;
}

.dashboardflexbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 36px 36px 8px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: #f7f7f7;
}

.dashboardtitle {
  background-color: #f5f5f5;
}

.dashboardh4 {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #6b6b6b;
  font-weight: 300;
  text-align: center;
}

.tab-link-tab-1 {
  background-color: #7c6e6e;
}

.tab-link-tab-1.w--current {
  padding-right: 20px;
  padding-left: 20px;
  background-color: #f7f7f7;
}

.tab-link-tab-2 {
  padding-right: 20px;
  padding-left: 20px;
  background-color: #dfdfdf;
  font-weight: 300;
}

.tab-link-tab-3 {
  padding-right: 20px;
  padding-left: 20px;
  font-weight: 300;
}

.tab-link-tab-4 {
  padding-right: 20px;
  padding-left: 20px;
  font-weight: 300;
}

.tab-link-tab-5 {
  padding-right: 20px;
  padding-left: 20px;
  font-weight: 300;
}

.tab-link-tab-6 {
  padding-right: 20px;
  padding-left: 20px;
  font-weight: 300;
}

.tab-link-tab-7 {
  padding-right: 20px;
  padding-left: 20px;
  font-weight: 300;
}

.tabs-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.tabs {
  margin-top: -34px;
}

.vessel-section {
  background-color: #bec5ca;
  letter-spacing: normal;
}

.button-3 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  display: inline-block;
}

.div-align-left {
  display: inline-block;
  width: 330px;
  margin-right: 20px;
  margin-bottom: 15px;
  float: left;
}

.div-align-right {
  display: inline-block;
  width: 330px;
  margin-right: 0px;
  margin-left: 20px;
  float: right;
}

.div-align-full {
  display: inline-block;
  width: auto;
  margin-right: 0px;
  margin-left: 0px;
  float: none;
}

.link-block-3 {
  text-align: center;
}

.image-8 {
  text-align: left;
}

.tgt-div-bloc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 330px;
  padding: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 11px 6px 3px rgba(0, 0, 0, 0.26);
}

.tgt-title-text {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 4000;
  width: 100%;
  margin-top: 0px;
  padding-top: 8px;
  padding-bottom: 10px;
  padding-left: 16px;
  float: left;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(19, 38, 48, 0.53)), to(transparent));
  background-image: linear-gradient(180deg, rgba(19, 38, 48, 0.53), transparent);
  color: #fff;
  font-size: 16px;
}

.tgt-title-text:hover {
  color: #addbff;
}

.tgt-image-link {
  position: relative;
  z-index: 1;
  width: 330px;
  height: auto;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
  align-self: auto;
}

.tgt-image-link:hover {
  color: #3685eb;
}

.tgt-date {
  position: absolute;
  left: 0%;
  top: auto;
  right: auto;
  bottom: 0%;
  z-index: 4000;
  padding-left: 16px;
  float: left;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
}

.tgt-date:hover {
  color: #addbff;
}

.tgt-date-time {
  position: absolute;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 4000;
  padding-right: 16px;
  padding-left: 16px;
  float: left;
  color: #fff;
  font-size: 13px;
  line-height: 18px;
  font-weight: 600;
  text-align: right;
}

.tgt-date-time:hover {
  color: #addbff;
}

.date-time-div {
  position: static;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  height: 45px;
  padding-right: 20px;
  background-color: hsla(219, 0%, 56%, 0.56);
}

.tgt-title-text-sidebar {
  margin-top: 14px;
  margin-left: 20px;
  color: #8b8b8b;
}

.tgt-sidebar {
  margin-top: 4px;
  margin-right: 20px;
  margin-bottom: 16px;
  padding-right: 6px;
  padding-left: 6px;
}

.image-9 {
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.map-section {
  margin-top: 95px;
  margin-bottom: 95px;
}

.nodataavailable {
  color: silver;
}

.fake-text-editor-image {
  padding-bottom: 17px;
}

.heading-6 {
  cursor: pointer;
}

.container-7 {
  position: relative;
}

.accordion-item-content {
  overflow: hidden;
}

.gallery-lightbox {
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
}

.section-title {
  margin-top: 0px;
  font-size: 46px;
  line-height: 39px;
  font-weight: 300;
}

.section-title-wrapper {
  display: block;
  width: 60%;
  margin-right: auto;
  margin-bottom: 60px;
  margin-left: auto;
  text-align: center;
}

.gallery-overlay-icon {
  position: absolute;
  left: 0px;
  top: 50%;
  right: 0px;
  display: block;
  width: 60px;
  height: 60px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 14px;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  text-align: center;
}

.gallery-overlay-icon:hover {
  background-color: rgba(0, 0, 0, 0.7);
}

.gallery-image-block {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 300px;
  border-radius: 4px;
  background-image: url('../images/kristin-lopez-416908-unsplash.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.gallery-image-block._2 {
  background-image: url('../images/veronika-homchis-64124-unsplash.jpg');
}

.gallery-image-block._3 {
  background-image: url('../images/alexis-chloe-534920-unsplash.jpg');
}

.section-description {
  margin-top: 30px;
  font-size: 21px;
  line-height: 27px;
  font-weight: 300;
}

.gallery-overlay-block {
  display: none;
  width: 100%;
  height: 100%;
  background-color: transparent;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
}

.gallery-overlay-block:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
}

.view-icon {
  height: 35px;
}

.accordion-item-trigger-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 16px;
  padding-left: 16px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 3px solid #fff;
  background-color: #ebebeb;
  cursor: pointer;
}

.heading-7 {
  margin-top: 20px;
  margin-bottom: 20px;
  cursor: pointer;
}

.heading-7.admin-icon {
  padding-left: 40px;
  background-image: url('../images/icon-admin-dark.png');
  background-position: 0px 0px;
  background-size: 30px;
  background-repeat: no-repeat;
}

.heading-7.ed-training-icon {
  padding-left: 40px;
  background-image: url('../images/icon-ed-training-dark.png');
  background-position: 0px 0px;
  background-size: 32px;
  background-repeat: no-repeat;
}

.heading-7.committee-icon {
  padding-left: 40px;
  background-image: url('../images/icon-committees-dark.png');
  background-position: 0px 0px;
  background-size: 32px;
  background-repeat: no-repeat;
}

.heading-7.technical-icon {
  padding-left: 40px;
  background-image: url('../images/icon-technical-dark.png');
  background-position: 0px 0px;
  background-size: 34px;
  background-repeat: no-repeat;
}

.heading-7.ship-icon {
  padding-left: 40px;
  background-image: url('../images/icon-anchor-dark.png');
  background-position: 0px 0px;
  background-size: 34px;
  background-repeat: no-repeat;
}

.heading-7.leadership-icon {
  padding-left: 40px;
  background-image: url('../images/icon-ocean-leadership-dark.png');
  background-position: 0px 0px;
  background-size: 30px;
  background-repeat: no-repeat;
}

.plus-icon {
  margin-top: 3px;
  color: #fff;
}

.accordion-item-content-2 {
  position: relative;
  overflow: hidden;
}

.text-span-5 {
  font-weight: 400;
}

.text-span-6 {
  font-weight: 400;
}

.text-span-7 {
  font-weight: 400;
}

.mo-section-2 {
  background-color: #89c0cc;
}

.mo-textblock-2 {
  margin-top: 7px;
  line-height: 18px;
  text-align: center;
  text-decoration: none;
}

.mo-heading-2 {
  padding-top: 19px;
  padding-bottom: 9px;
  padding-left: 53px;
  background-image: url('../images/wrench.png');
  background-position: 18px 16px;
  background-size: 30px;
  background-repeat: no-repeat;
  font-family: 'Open Sans', sans-serif;
}

.mo-heading-2.latestdiscussions {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 17px;
  padding-bottom: 9px;
  background-image: url('../images/discussion-graphic.png');
  background-position: 14px 12px;
  background-size: 34px;
}

.mo-heading-2.announcementsheading {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 17px;
  padding-bottom: 9px;
  background-image: url('../images/eventbullhorn.png');
  background-size: 28px;
}

.mo-heading-2.ricksmessage {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 17px;
  padding-bottom: 9px;
  background-image: url('../images/user-coffee-icon.jpg');
  background-position: 14px 9px;
  background-size: 34px;
}

.mo-heading-2.editmyinfoheading {
  background-image: url('../images/userhome.png');
  background-position: 18px 13px;
}

.mo-container-2 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.servicesblock-2 {
  display: block;
  margin-right: 7px;
  margin-bottom: 24px;
  margin-left: 7px;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-transition: color 200ms ease, -webkit-transform 200ms ease;
  transition: color 200ms ease, -webkit-transform 200ms ease;
  transition: transform 200ms ease, color 200ms ease;
  transition: transform 200ms ease, color 200ms ease, -webkit-transform 200ms ease;
  font-family: 'Open Sans', sans-serif;
  color: #2168a5;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
}

.servicesblock-2:hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  color: #041b2e;
}

.discussionlink-2 {
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
  color: #2168a5;
  text-decoration: none;
}

.discussionlink-2:hover {
  color: #0e3353;
}

.announcement-2 {
  position: static;
  left: auto;
  top: 22px;
  right: 6px;
  bottom: auto;
  display: inline-block;
  width: 100%;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 9px;
  padding: 10px 10px 8px 35px;
  float: left;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-radius: 5px;
  background-color: #f8f8f8;
  background-image: url('../images/icon-announcement-dark-grey.png');
  background-position: 7px 6px;
  background-size: 23px;
  background-repeat: no-repeat;
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-transition: background-color 0ms ease, -webkit-transform 200ms ease;
  transition: background-color 0ms ease, -webkit-transform 200ms ease;
  transition: transform 200ms ease, background-color 0ms ease;
  transition: transform 200ms ease, background-color 0ms ease, -webkit-transform 200ms ease;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #202020;
  font-size: 16px;
  line-height: 19px;
  font-weight: 400;
  text-align: left;
  text-transform: none;
}

.announcement-2:hover {
  border-radius: 5px;
  background-color: #7c3215;
  background-image: none;
  background-position: 7px 6px;
  background-size: 23px;
  background-repeat: no-repeat;
  -webkit-transform: translate(0px, -3px);
  -ms-transform: translate(0px, -3px);
  transform: translate(0px, -3px);
  color: #fff;
}

.announcement-2.oflessimportance {
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 97.3%, 0.65)), to(hsla(0, 0%, 97.3%, 0.65))), url('../images/icon-announcement-dark-grey.png');
  background-image: linear-gradient(180deg, hsla(0, 0%, 97.3%, 0.65), hsla(0, 0%, 97.3%, 0.65)), url('../images/icon-announcement-dark-grey.png');
  background-position: 0px 0px, 7px 6px;
  background-size: auto, 23px;
  background-repeat: repeat, no-repeat;
}

.announcement-2.oflessimportance:hover {
  background-color: #535353;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.24)), to(hsla(0, 0%, 100%, 0.24))), url('../images/icon-announcement.png');
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.24), hsla(0, 0%, 100%, 0.24)), url('../images/icon-announcement.png');
  background-position: 0px 0px, 7px 6px;
  background-size: auto, 23px;
  background-repeat: repeat, no-repeat;
}

.italic-text-2 {
  color: #4381de;
}

.heading-8 {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 15px;
  padding-bottom: 0px;
  padding-left: 53px;
  float: left;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
}

.mo-oc-archive-2 {
  position: static;
  left: auto;
  top: 22px;
  right: 6px;
  bottom: auto;
  display: inline-block;
  width: 45%;
  margin-top: 0px;
  margin-right: 0px;
  padding: 5px 7px;
  float: left;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-radius: 5px;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 225ms;
  transition-duration: 225ms;
  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  line-height: 12px;
  text-align: center;
  text-transform: none;
}

.mo-oc-archive-2:hover {
  border-radius: 5px;
  background-color: #2268a5;
  color: #fff;
}

.mo-oc-archive-2.anonemail {
  margin-top: 0px;
  background-color: #616c75;
}

.mo-oc-archive-2.anonemail:hover {
  background-color: #0ea2ad;
}

.mo-editbutton-2 {
  position: absolute;
  left: auto;
  top: 22px;
  right: 6px;
  bottom: auto;
  display: inline-block;
  margin-top: -5px;
  margin-right: 12px;
  padding: 5px 11px;
  float: right;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  border-radius: 5px;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  line-height: 12px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}

.mo-editbutton-2:hover {
  border-radius: 5px;
  background-color: #2268a5;
  color: #fff;
}

.serviceicon-2 {
  width: 50px;
  height: 50px;
  margin-right: auto;
  margin-bottom: 11px;
  margin-left: auto;
  border-radius: 180px;
  background-color: #7e7e7e;
  background-image: url('../images/editwrench.png');
  background-position: 50% 50%;
  background-size: 32px;
  background-repeat: no-repeat;
}

.serviceicon-2.committeeservices {
  background-image: url('../images/torsos-white.png');
}

.serviceicon-2.shipservices {
  background-image: url('../images/anchor2.png');
}

.serviceicon-2.techservices {
  background-image: url('../images/icon-tech-services-copy.png');
}

.serviceicon-2.adminservices {
  background-image: url('../images/icon-admin-umbrella.png');
}

.serviceicon-2.edtrainingservices {
  background-image: url('../images/icon-ed-training.png');
}

.forumlink-2 {
  position: static;
  display: inline-block;
  padding-right: 15px;
  text-decoration: none;
}

.photodiv-2 {
  position: relative;
  overflow: hidden;
  width: 25%;
  margin-top: 3px;
  margin-left: -54px;
  border-style: solid;
  border-width: 4px;
  border-color: #fff;
  border-radius: 200px;
}

.myoceanbutton-2 {
  display: block;
  width: auto;
  margin-right: 0px;
  margin-bottom: 6px;
  padding: 55px 20px 20px;
  -webkit-box-flex: 3;
  -webkit-flex: 3 3 auto;
  -ms-flex: 3 3 auto;
  flex: 3 3 auto;
  border-right: 6px solid #fff;
  background-color: #0084cf;
  background-image: url('../images/userhome-white.png');
  background-position: 50% 20%;
  background-size: 30px;
  background-repeat: no-repeat;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  color: #fff;
  font-size: 12px;
  line-height: 17px;
  text-align: center;
  text-decoration: none;
}

.myoceanbutton-2:hover {
  background-color: #2e5587;
  color: #fff;
}

.myoceanbutton-2.molabreserve {
  background-color: #3c6b28;
  background-image: url('../images/icon-quiz.png'), url('../images/icon-lab.png');
  background-position: 40% 20%, 60% 20%;
  background-size: 35px, 30px;
  background-repeat: no-repeat, no-repeat;
}

.myoceanbutton-2.molabreserve:hover {
  background-color: #285315;
}

.myoceanbutton-2.moperformance {
  background-image: url('../images/docwrite-white.png');
  background-size: 40px;
}

.myoceanbutton-2.moemails {
  background-image: url('../images/persondetails-white.png');
  background-size: 40px;
}

.myoceanbutton-2.moforum {
  background-image: url('../images/MOForum-NEW.png'), none;
  background-position: 0px 0%, 50% 20%;
  background-size: 40px, 40px;
  background-repeat: no-repeat, no-repeat;
}

.myoceanbutton-2.mopages {
  background-image: url('../images/docwrite-white.png');
  background-size: 40px;
}

.myoceanbutton-2.moactivityreport {
  background-image: url('../images/pencil-white.png');
}

.myoceanbutton-2.moevent {
  background-image: url('../images/calendar-white.png');
  background-size: 40px;
}

.myoceanbutton-2.mofiles {
  background-image: url('../images/picture-white.png');
  background-size: 40px;
}

.myoceanbutton-2.mograds {
  background-image: url('../images/torsos-white.png');
}

.myoceanbutton-2.promotions {
  background-image: url('../images/MOForum-NEW.png'), none;
  background-position: 0px 0px, 50% 20%;
  background-size: auto, 36px;
  background-repeat: no-repeat, no-repeat;
}

.myoceanbutton-2.moannouncement {
  background-image: url('../images/bullhorn.png');
  background-size: 35px;
}

.myoceanbutton-2.modirectory {
  background-image: url('../images/torsos-white.png');
  background-size: 36px;
}

.myoceanbutton-2.mocourses {
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-image: url('../images/icon-lecture.png');
  background-size: 40px;
}

.titlediv-2 {
  overflow: visible;
  width: 100%;
  height: 50px;
  margin-top: 27px;
  margin-left: -46px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 7px;
  background-color: #fff;
  font-family: 'Open Sans', sans-serif;
}

.pronouns {
  margin-bottom: 5px;
  font-size: 0.9em;
  line-height: 20px;
  font-weight: 400;
}

.button-4 {
  position: absolute;
  z-index: 5000;
  border-radius: 3px;
}

.thompson {
  position: absolute;
  left: 1%;
  top: 1%;
  right: auto;
  bottom: auto;
  z-index: 5000;
  padding-left: 34px;
  border-style: solid;
  border-width: 0.5px;
  border-color: #a7a7a7;
  border-radius: 3px;
  background-color: #ebebeb;
  background-image: url('../images/mag-glass.png');
  background-position: 7px 7px;
  background-size: 19px;
  background-repeat: no-repeat;
  color: #505050;
}

.thompson:hover {
  background-color: #d6d6d6;
}

.carson {
  position: absolute;
  left: 1%;
  top: 5%;
  right: auto;
  bottom: auto;
  z-index: 5000;
  padding-left: 34px;
  border-style: solid;
  border-width: 0.5px;
  border-color: #a7a7a7;
  border-radius: 3px;
  background-color: #ebebeb;
  background-image: url('../images/mag-glass.png');
  background-position: 7px 7px;
  background-size: 19px;
  background-repeat: no-repeat;
  color: #505050;
}

.carson:hover {
  background-color: #d6d6d6;
}

.oc-textblock {
  margin-top: -1px;
  padding-right: 25px;
  padding-left: 25px;
}

.oc-button {
  display: inline-block;
  margin-top: 21px;
  margin-right: 20px;
  margin-bottom: 20px;
  padding: 5px 11px;
  float: right;
  background-color: rgba(114, 187, 95, 0.93);
  color: #fff;
  text-transform: uppercase;
}

.text-block-16 {
  margin-top: 19px;
  padding: 4px;
}

.tgt-wherebox {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(59, 124, 155, 0.64)), to(rgba(59, 124, 155, 0.64))), url('../images/Part-TGT.jpg');
  background-image: linear-gradient(180deg, rgba(59, 124, 155, 0.64), rgba(59, 124, 155, 0.64)), url('../images/Part-TGT.jpg');
  background-position: 0px 0px, 100% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  text-align: center;
}

.tgt-wherebox.yellowoverlay {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(179, 117, 41, 0.64)), to(rgba(179, 117, 41, 0.64))), url('../images/sealessonsimage-20190304121749.png');
  background-image: linear-gradient(180deg, rgba(179, 117, 41, 0.64), rgba(179, 117, 41, 0.64)), url('../images/sealessonsimage-20190304121749.png');
  background-position: 0px 0px, 100% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.tgt-wherebox.yellowoverlay.alumni-overlay {
  height: 300px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(126, 88, 65, 0.64)), to(rgba(126, 88, 65, 0.64))), url('../images/joe-creager-20151117100420_large.jpg');
  background-image: linear-gradient(180deg, rgba(126, 88, 65, 0.64), rgba(126, 88, 65, 0.64)), url('../images/joe-creager-20151117100420_large.jpg');
  background-position: 0px 0px, 100% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.tgt-wherebox.greenoverlay {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(28, 117, 110, 0.64)), to(rgba(28, 117, 110, 0.64))), url('../images/DSC02266.jpg');
  background-image: linear-gradient(180deg, rgba(28, 117, 110, 0.64), rgba(28, 117, 110, 0.64)), url('../images/DSC02266.jpg');
  background-position: 0px 0px, 60% 50%;
  background-size: auto, auto;
  background-repeat: repeat, no-repeat;
}

.tgt-wherebox.greenoverlay.alumni-overlay {
  height: 300px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(126, 88, 65, 0.64)), to(rgba(126, 88, 65, 0.64))), url('../images/joe-creager-20151117100420_large.jpg');
  background-image: linear-gradient(180deg, rgba(126, 88, 65, 0.64), rgba(126, 88, 65, 0.64)), url('../images/joe-creager-20151117100420_large.jpg');
  background-position: 0px 0px, 100% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.tgt-wherebox.orangeoverlay {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(158, 80, 16, 0.64)), to(rgba(158, 80, 16, 0.64))), url('../images/DSC02266.jpg');
  background-image: linear-gradient(180deg, rgba(158, 80, 16, 0.64), rgba(158, 80, 16, 0.64)), url('../images/DSC02266.jpg');
  background-position: 0px 0px, 60% 50%;
  background-size: auto, auto;
  background-repeat: repeat, no-repeat;
}

.tgt-wherebox.orangeoverlay.alumni-overlay {
  height: 300px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(126, 88, 65, 0.64)), to(rgba(126, 88, 65, 0.64))), url('../images/joe-creager-20151117100420_large.jpg');
  background-image: linear-gradient(180deg, rgba(126, 88, 65, 0.64), rgba(126, 88, 65, 0.64)), url('../images/joe-creager-20151117100420_large.jpg');
  background-position: 0px 0px, 100% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.tgt-wherebox.undergradcta {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.78)), color-stop(58%, transparent)), url('../images/ss-tt-lookingup2-20191010111333_large.jpg');
  background-image: linear-gradient(180deg, transparent, transparent), linear-gradient(180deg, rgba(0, 0, 0, 0.78), transparent 58%), url('../images/ss-tt-lookingup2-20191010111333_large.jpg');
  background-position: 0px 0px, 0px 0px, 50% 50%;
  background-size: auto, auto, cover;
}

.cruise-show-hide {
  display: block;
  width: 30px;
  height: 30px;
  margin-right: 20px;
  padding: 3px 10px;
  float: none;
  clear: right;
  background-color: rgba(67, 129, 222, 0.13);
  background-image: url('../images/icon-public-view.png');
  background-position: 50% 50%;
  background-size: 20px;
  background-repeat: no-repeat;
  color: #31a6ff;
  font-weight: 600;
}

.cruise-show-hide:hover {
  border-radius: 6px;
  background-image: none;
  color: #1a0e0e;
}

.cruise-show-hide:active {
  background-image: none;
}

.cruise-show-hide:focus {
  background-image: none;
}

.cruise-show-hide.intranet-edit {
  margin-right: 10px;
  border-radius: 6px;
  background-image: url('../images/pencil-white.png'), -webkit-gradient(linear, left top, left bottom, from(#3ead0e), to(#3ead0e));
  background-image: url('../images/pencil-white.png'), linear-gradient(180deg, #3ead0e, #3ead0e);
  background-position: 3px 0px, 0px 0px;
  background-size: 25px, auto;
  background-repeat: no-repeat, repeat;
  -webkit-transition: background-color 400ms ease;
  transition: background-color 400ms ease;
  font-weight: 600;
}

.cruise-show-hide.intranet-edit:hover {
  background-image: url('../images/pencil-white.png'), -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
  background-image: url('../images/pencil-white.png'), linear-gradient(180deg, #000, #000);
  background-position: 3px 0px, 0px 0px;
  background-size: 25px, auto;
  background-repeat: no-repeat, repeat;
}

.cruise-show-hide.intranet-edit.separate {
  display: inline-block;
  margin-bottom: 17px;
}

.cruise-show-hide.intranet-newpage {
  margin-right: 10px;
  background-image: url('../images/addstory-white.png');
  background-position: 8px 2px;
  background-size: 17px;
  background-repeat: no-repeat;
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
  text-transform: uppercase;
}

.cruise-show-hide.intranet-newpage:hover {
  background-image: url('../images/addstory-white.png'), -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
  background-image: url('../images/addstory-white.png'), linear-gradient(180deg, #000, #000);
  background-position: 8px 2px, 0px 0px;
  background-size: 17px, auto;
  background-repeat: no-repeat, repeat;
}

.cruise-show-hide.intranet-home {
  margin-right: 10px;
  background-image: url('../images/ocean-logo-2015.png');
  background-position: 1px 0px;
  background-size: 25px;
  background-repeat: no-repeat;
}

.cruise-show-hide.intranet-home:hover {
  background-image: url('../images/ocean-logo-2015.png'), -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
  background-image: url('../images/ocean-logo-2015.png'), linear-gradient(180deg, #000, #000);
  background-position: 1px 0px, 0px 0px;
  background-size: 25px, auto;
  background-repeat: no-repeat, repeat;
}

.cruise-show-hide.intranet-logout {
  background-image: url('../images/soo-x.png');
  background-position: 5px 2px;
  background-size: 22px;
  background-repeat: no-repeat;
}

.cruise-show-hide.intranet-logout:hover {
  background-color: #000;
}

.cruise-show-hide.intranet-help {
  margin-right: 10px;
  border-radius: 6px;
  background-image: url('../images/intranet-white.png'), -webkit-gradient(linear, left top, left bottom, from(#ad2715), to(#ad2715));
  background-image: url('../images/intranet-white.png'), linear-gradient(180deg, #ad2715, #ad2715);
  background-position: 4px 2px, 0px 0px;
  background-size: 21px, auto;
  background-repeat: no-repeat, repeat;
}

.cruise-show-hide.intranet-help:hover {
  background-image: url('../images/intranet-white.png'), -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
  background-image: url('../images/intranet-white.png'), linear-gradient(180deg, #000, #000);
  background-position: 4px 2px, 0px 0px;
  background-size: 21px, auto;
  background-repeat: no-repeat, repeat;
}

.cruise-show-hide.intranet-help.createhelp {
  background-image: url('../images/pencil-white.png'), -webkit-gradient(linear, left top, left bottom, from(#2d7ace), to(#2d7ace));
  background-image: url('../images/pencil-white.png'), linear-gradient(180deg, #2d7ace, #2d7ace);
  background-position: 4px 2px, 0px 0px;
  background-size: 23px, auto;
  background-repeat: no-repeat, repeat;
}

.cruise-show-hide.intranet-help.createhelp:hover {
  background-image: url('../images/pencil-white.png'), -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
  background-image: url('../images/pencil-white.png'), linear-gradient(180deg, #000, #000);
  background-position: 4px 2px, 0px 0px;
  background-size: 23px, auto;
  background-repeat: no-repeat, repeat;
}

.cruise-show-hide.servicespages {
  border-radius: 6px;
  background-color: #ff7a00;
  background-image: url('../images/editwrench.png');
  background-position: 5px 3px;
  background-size: 21px;
  background-repeat: no-repeat;
}

.cruise-show-hide.servicespages:hover {
  background-color: #161616;
}

.cruise-show-hide.forumlink {
  border-radius: 6px;
  background-color: #24ced1;
  background-image: url('../images/forum-icon.png');
  background-position: 5px 3px;
  background-size: 21px;
  background-repeat: no-repeat;
}

.cruise-show-hide.forumlink:hover {
  background-color: #161616;
}

.cruise-show-hide.intranet-list-pages {
  margin-right: 10px;
  background-image: url('../images/storylist-white.png');
  background-position: 4px 2px;
  background-size: 20px;
  background-repeat: no-repeat;
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
  text-transform: uppercase;
}

.cruise-show-hide.intranet-list-pages:hover {
  background-image: url('../images/storylist-white.png'), -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
  background-image: url('../images/storylist-white.png'), linear-gradient(180deg, #000, #000);
  background-position: 4px 2px, 0px 0px;
  background-size: 20px, auto;
  background-repeat: no-repeat, repeat;
}

.text-span-8 {
  font-size: 15px;
  line-height: 12px;
}

.cruise-ship-title {
  padding: 12px;
  border: 1px solid #e4e4e4;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(hsla(0, 0%, 100%, 0))), url('../images/down-up-arrow.png');
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0)), url('../images/down-up-arrow.png');
  background-position: 0px 0px, 98% 50%;
  background-size: auto, 18px;
  background-repeat: repeat, no-repeat;
}

.cruise-ship-title:focus {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url('../images/star.png');
  background-image: linear-gradient(180deg, transparent, transparent), url('../images/star.png');
  background-size: auto, 18px;
}

html.w-mod-js *[data-ix="onload-hide"] {
  display: none;
  opacity: 0;
}

html.w-mod-js *[data-ix="rollover-reveal"] {
  display: block;
}

html.w-mod-js *[data-ix="sidebar-onload-hide"] {
  display: none;
}

html.w-mod-js *[data-ix="rollover-reveal-2"] {
  display: block;
}

html.w-mod-js *[data-ix="display-none"] {
  display: none;
  opacity: 0;
}

html.w-mod-js *[data-ix="modal-interaction"] {
  display: none;
  opacity: 0;
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

html.w-mod-js *[data-ix="noshowonload"] {
  display: none;
}

@media screen and (max-width: 991px) {
  h3 {
    margin-bottom: 20px;
    font-size: 15px;
  }

  .button.slideshowbutton.cta-button.more-at-bottom {
    margin-bottom: 128px;
  }

  .button.slideshowbutton.cta-button.gradbutton {
    margin-bottom: 128px;
  }

  .topnav {
    height: 66px;
    padding: 0px 26px 0px 7px;
  }

  .mainnav {
    position: relative;
    left: 0px;
    top: 0px;
    right: 0px;
    display: block;
    margin-top: 0px;
    float: none;
    clear: none;
    border-radius: 0px;
  }

  .mainnavcontainer {
    -webkit-transition: width 500ms ease;
    transition: width 500ms ease;
  }

  .mainnavcontainer:hover {
    position: static;
    left: 9px;
    width: auto;
  }

  .mainnavbox {
    display: inline-block;
    overflow: visible;
    min-width: 0px;
    padding-bottom: 2px;
    float: left;
    clear: none;
    background-color: transparent;
    text-align: left;
    list-style-type: disc;
  }

  .mainnavlink {
    display: inline-block;
    margin-right: 5px;
    padding: 13px 10px;
    float: none;
    clear: none;
    font-size: 13px;
    line-height: 7px;
    text-transform: uppercase;
  }

  .mainnavlink.dropdown {
    margin-right: 7px;
    margin-left: 0px;
    padding-right: 15px;
    padding-left: 8px;
    font-size: 13px;
  }

  .mainnavlink.intranetdropdown {
    margin-right: 7px;
    margin-left: 0px;
    padding-right: 15px;
    padding-left: 8px;
    font-size: 13px;
  }

  .topnavcontainer {
    left: 27px;
    top: 3px;
    right: auto;
    display: block;
    width: 300px;
    margin-top: 0px;
    margin-left: -9px;
    padding-top: 0px;
    padding-bottom: 1px;
  }

  .searchsubmit {
    font-size: 10px;
  }

  .searchcol {
    margin-bottom: 1px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
  }

  .topnavmenubutton {
    width: 129px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
  }

  .slideshow-section {
    height: 255px;
    background-color: transparent;
  }

  .featured-stories-section {
    padding: 0px 0px 11px;
  }

  .fsbox.asbox {
    margin-right: 10px;
    margin-left: 10px;
  }

  .directorschoicetitle {
    font-size: 19px;
  }

  .dctitle {
    font-size: 16px;
    line-height: 21px;
  }

  .rightarrowicon {
    margin-right: 9.5px;
    font-size: 25px;
  }

  .leftarrowicon {
    margin-right: 9.5px;
    margin-left: 9.5px;
    font-size: 25px;
  }

  .eventsnewssection {
    padding-right: 15px;
    padding-left: 15px;
    clear: left;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .eventstitle {
    font-size: 16px;
  }

  .event-title {
    font-size: 14px;
  }

  .congratsimage {
    margin-right: 15px;
    border-radius: 38px;
  }

  .congratstitlelink {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    font-size: 14px;
  }

  .congratslistitem {
    margin-bottom: 13px;
  }

  .slideshowtext {
    left: 7%;
    top: 80px;
    right: 7%;
    width: auto;
    margin-top: -55px;
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 50px;
    padding-left: 20px;
    background-image: none;
  }

  .slideshowheading {
    margin-bottom: 7px;
    font-size: 27px;
    line-height: 34px;
  }

  .slideshowheading.cta-heading {
    margin-top: 31px;
    margin-bottom: 23px;
    font-size: 26px;
    line-height: 33px;
  }

  .slideshowparagraph {
    font-size: 12px;
    line-height: 17px;
  }

  .footersection {
    background-position: 0px 0px;
  }

  .mainnavicon {
    left: 0px;
    top: 0px;
    right: -25px;
    margin-right: 25px;
    clear: none;
    font-size: 13px;
  }

  .searchbutton {
    padding-top: 2px;
    padding-right: 0px;
  }

  .modal-window {
    width: 90%;
  }

  .modal-background {
    display: none;
    padding-top: 30px;
  }

  .quicklinks-button {
    margin-left: 10px;
    float: left;
  }

  .logo-block {
    width: 300px;
    margin-top: 0px;
    padding-top: 0px;
    float: none;
  }

  .logo-block.rside {
    margin-right: 20px;
  }

  .quicklinks-column {
    padding-left: 0px;
  }

  .logo-brand.tablet {
    height: 52px;
    margin-top: 8px;
    background-size: 230px;
  }

  .logo-brand.tablet.rsideinner {
    margin-right: 0px;
    background-size: 40px;
  }

  .logo-brand.tablet.rsideinner.for-mobile-only {
    display: none;
  }

  .logo-brand.tablet.searchintranet {
    margin-right: 0px;
    background-size: 30px;
  }

  .logo-brand.tablet.searchintranet.for-mobile-only {
    display: none;
  }

  .logo-brand.tablet.wforintranet {
    margin-right: 0px;
    background-size: 40px;
  }

  .logo-brand.tablet.wforintranet.for-mobile-only {
    display: none;
  }

  .logo-brand.intranetlogo {
    height: 52px;
    margin-top: 6px;
    background-size: 260px;
  }

  .logo-brand.intranetlogo.rsideinner {
    margin-right: 0px;
    background-size: 40px;
  }

  .logo-brand.intranetlogo.rsideinner.for-mobile-only {
    display: none;
  }

  .dropdown-list.w--open {
    padding-bottom: 12px;
    padding-left: 2px;
  }

  .dropdown-link {
    left: 11px;
    clear: left;
  }

  .menu-button {
    width: 108px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: -20px;
    padding-top: 6px;
    padding-bottom: 2px;
    padding-left: 15px;
    float: left;
  }

  .menu-button.w--open {
    display: inline-block;
    margin: 0px -67px 0px -20px;
    padding-top: 6px;
    padding-bottom: 2px;
    padding-left: 15px;
    float: left;
    background-color: #d6d6d6;
  }

  .menu-icon {
    margin-top: 0px;
    margin-bottom: 1px;
    padding-top: 0px;
    padding-right: 6px;
    padding-bottom: 0px;
    float: left;
    -webkit-transition: color 500ms ease;
    transition: color 500ms ease;
    color: #4381de;
    font-size: 28px;
  }

  .menu-icon:hover {
    color: #2e5587;
  }

  .collapsed-menu-text {
    position: absolute;
    left: 47px;
    padding-top: 3px;
    padding-bottom: 0px;
    -webkit-transition: color 500ms ease;
    transition: color 500ms ease;
    font-family: Oswald, sans-serif;
    color: #4381de;
    font-size: 16px;
    text-transform: uppercase;
  }

  .collapsed-menu-text:hover {
    color: #2e5587;
  }

  .dropdown-menu {
    position: relative;
    max-width: 755px;
    float: none;
    clear: none;
  }

  .paragraph-text {
    font-size: 14px;
  }

  .soo-logo-image {
    width: 77%;
    height: auto;
    margin-top: 8px;
  }

  .body-text-container {
    margin-top: 30px;
  }

  .body-text-container.primary-small {
    margin-top: 0px;
  }

  .body-text-container.single-column {
    margin-top: 124px;
  }

  .primary-image-text-container {
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin-top: 0px;
    margin-bottom: 14px;
    padding-right: 12px;
    padding-left: 0px;
    background-image: none;
    text-align: left;
  }

  .large-primary-image-heading {
    position: static;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin-bottom: 0px;
    float: none;
    font-size: 22px;
    line-height: 27px;
    text-align: left;
  }

  .large-primary-image-heading.small-primary-heading {
    padding-right: 10px;
    padding-left: 10px;
    font-size: 22px;
    line-height: 28px;
  }

  .large-primary-image-heading.spotlighttitle {
    float: none;
    font-size: 26px;
    line-height: 28px;
  }

  .large-primary-image-heading.directors-choice-title {
    font-size: 20px;
    line-height: 25px;
  }

  .primary-image-big {
    height: 220px;
    margin-top: 0px;
  }

  .large-primary-image-text {
    position: static;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    text-align: left;
  }

  .large-primary-image-text.spotlightstyle {
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 40px;
    padding-left: 40px;
  }

  .large-primary-image-text.ocshort {
    text-align: left;
  }

  .primary-image-overlay-gradient {
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin-bottom: -1px;
  }

  .description-text-column {
    padding-right: 10px;
    padding-left: 10px;
  }

  .embedded-image-caption {
    font-size: 12px;
  }

  .pull-quote-text {
    font-family: Roboto, sans-serif;
    color: #2e5587;
    font-size: 21px;
    line-height: 29px;
    font-weight: 100;
    text-align: left;
    text-transform: none;
  }

  .sidebar-nav-container {
    width: 100%;
  }

  .latest-news-heading {
    font-size: 14px;
    line-height: 20px;
  }

  .latest-news-text {
    font-size: 11px;
    line-height: 16px;
  }

  .latest-news-item {
    display: block;
    float: none;
    clear: none;
  }

  .story-title {
    margin-top: 15px;
    font-size: 30px;
    line-height: 37px;
  }

  .story-title.whitetext {
    margin-left: -42px;
  }

  .story-title.dchoiceheading {
    margin-bottom: 3px;
    font-size: 19px;
    line-height: 20px;
  }

  .story-title.dchoiceheadingphone {
    font-size: 16px;
  }

  .media-elements-block {
    width: 45%;
  }

  .media-elements-block.people-block {
    border-radius: 0px;
  }

  .tag-heading {
    float: left;
  }

  .admin-row-div-block {
    padding-right: 50px;
    padding-left: 50px;
  }

  .admin-link-text-block.file-button {
    font-size: 14px;
  }

  .admin-home-text-block {
    text-transform: none;
  }

  .related-topics-div-block {
    font-size: 12px;
    line-height: 17px;
  }

  .behind-main-nav {
    height: 130px;
  }

  .grid-item-notwork {
    width: 25%;
  }

  .admin-tabs-container {
    padding-right: 20px;
    padding-left: 20px;
  }

  .help-modal-background {
    padding-top: 32px;
  }

  .help-modal-window {
    width: 90%;
  }

  .peoplesearchbutton {
    font-size: 11px;
  }

  .oceancurrentsh1 {
    margin-top: 10px;
    margin-bottom: -9px;
    font-size: 31px;
  }

  .oceancurrents-text-block {
    width: auto;
    font-size: 12px;
    line-height: 19px;
  }

  .oceancurrents-button {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 12px;
  }

  .oceancurrents-button.give {
    margin-right: 116px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 12px;
  }

  .oceancurrents-magazine-text {
    width: 212px;
    font-size: 12px;
  }

  .oceancurrentsh3 {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 21px;
  }

  .utilities-section {
    padding-right: 0px;
    padding-left: 18px;
  }

  .utilities-text-link {
    margin-right: 0px;
    font-size: 9px;
  }

  .utilities-text-link.uwhome {
    float: left;
  }

  .utilities-container.right {
    margin-right: 0px;
  }

  .modaltitle {
    position: static;
    left: 0px;
    top: 0px;
    right: 0px;
    display: block;
    margin-top: 1px;
    margin-bottom: 17px;
    float: none;
    clear: none;
  }

  .mainstorysection {
    width: 95%;
  }

  .newslisting-block {
    width: 95%;
  }

  .news-list-item {
    padding-bottom: 15px;
    font-size: 12px;
  }

  .news-listing-block2 {
    padding-right: 15px;
    padding-left: 15px;
  }

  .dclink-item {
    font-size: 12px;
  }

  .hero-heading {
    margin-top: 0px;
    font-size: 84px;
  }

  .hero-text-block {
    width: 88%;
  }

  .hero-div-block {
    position: static;
  }

  .trending-col2 {
    left: 5px;
  }

  .footernavlink {
    font-size: 11px;
    line-height: 18px;
  }

  .featured-stories-row {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .featured-story-link-box {
    width: 46%;
    max-width: 46%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    box-shadow: 0 0 4px 0 rgba(26, 26, 26, 0.56);
  }

  .featured-story-heading {
    line-height: 21px;
  }

  .featured-story-heading.oc-title {
    margin-top: 67px;
  }

  .adminbutton {
    line-height: 12px;
  }

  .adminbutton.flexspace {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .featured-story-heading-text {
    padding-bottom: 0px;
    font-size: 18px;
    line-height: 24px;
  }

  .dchoiceimage {
    left: -10px;
    top: -28px;
    right: 0px;
    bottom: -37px;
    margin-top: -9px;
    margin-right: 8px;
    margin-bottom: 0px;
  }

  .dchoiceimage.phoneflex {
    display: block;
    width: 38%;
    margin-right: auto;
    margin-left: auto;
    float: none;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .dchoicetext {
    left: -5px;
    right: 0px;
    bottom: -41px;
    margin-left: 25px;
    padding-top: 0px;
    padding-left: 17px;
    font-size: 12px;
    line-height: 27px;
  }

  .dchoiceline {
    height: 25px;
    font-size: 14px;
  }

  .dcsection {
    height: 27px;
  }

  .oceancurrents {
    width: 81%;
    margin-left: -20px;
    padding-left: 17px;
  }

  .oceancurrents.featuredchoice {
    width: 157px;
    margin-left: -19px;
    padding-left: 10px;
    text-align: center;
  }

  .oceancurrents.featuredchoice.leftjust {
    margin-left: 0px;
  }

  .featuredstoriescontainer {
    margin-bottom: 8px;
    padding-bottom: 0px;
  }

  .dchoicemaintitlesection {
    left: 0px;
  }

  .textblock {
    -webkit-flex-basis: 68%;
    -ms-flex-preferred-size: 68%;
    flex-basis: 68%;
  }

  .fblocklink {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .featuredflexwrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 20px;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .related-topics-container {
    padding-right: 38px;
    padding-left: 38px;
  }

  .footericons.socialinheader {
    display: none;
  }

  .dchoicetextblock {
    font-size: 12px;
  }

  .flexdchoicewrapper {
    display: inline-block;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .flexdchoicetextblock {
    padding: 0px 15px 15px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .choicedirectorblock.mediumcd {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    float: left;
  }

  .oceancurrentsimage {
    width: 35%;
    margin-left: 11px;
  }

  .oceancurrentsimage.ocmed {
    width: 35%;
    margin-left: 8px;
  }

  .uwbrand {
    margin-top: 0px;
  }

  .assimagerow {
    margin-bottom: 20px;
  }

  .alphabet-link {
    font-size: 12px;
  }

  .alphabet-organizer-flex-wrapper {
    padding-right: 8px;
    padding-left: 8px;
  }

  .announcements-flex-link-box {
    margin-right: 0px;
    padding-bottom: 20px;
  }

  .announcements-flex-link-box.generalbox {
    padding-bottom: 10px;
    line-height: 18px;
  }

  .announcements-story-heading {
    margin-bottom: 0px;
    font-size: 15px;
    line-height: 20px;
  }

  .announcements-story-heading.generaltext {
    font-size: 15px;
  }

  .viewall-button.intranetbutton {
    margin-right: 0px;
  }

  .announcement-wrapper {
    width: 600px;
  }

  .announcement-image {
    width: 260px;
  }

  .the-flex-item-wrapper {
    -webkit-flex-basis: 31%;
    -ms-flex-preferred-size: 31%;
    flex-basis: 31%;
  }

  .coursesectionwrapper.infoselected {
    padding-left: 19px;
  }

  .coursesectiontype.lecture {
    background-position: 249px 6px;
  }

  .coursesectiontype.quiz {
    background-position: 43% 50%;
  }

  .coursesectiontype.other {
    background-position: 42% 50%;
  }

  .coursesectiontype.seminar {
    background-position: 40% 50%;
  }

  .coursesectionblocks {
    margin-right: 8px;
  }

  .column-1 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .column-3 {
    padding-right: 0px;
    padding-left: 0px;
  }

  .cdheader.lecture {
    background-position: 41% 50%;
  }

  .cdheader.lab {
    background-position: 44% 50%;
  }

  .cdheader.seminar {
    background-position: 40% 50%;
  }

  .cdheader.other {
    background-position: 42% 50%;
  }

  .cdheader.quiz {
    background-position: 43% 50%;
  }

  .cdflexitem._25percent {
    padding-right: 6px;
    padding-left: 6px;
  }

  .dtheaderleft {
    font-size: 12px;
  }

  .dtheaderright {
    padding-right: 0px;
    padding-left: 0px;
    font-size: 12px;
  }

  .div-block-2 {
    margin-bottom: 0px;
  }

  .showbuttons.enrollment {
    margin-right: 10px;
    margin-left: 0px;
    padding-bottom: 15px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-position: 50% 35%;
    background-size: 33px;
  }

  .showbuttons.schoollink {
    margin-right: 10px;
    margin-left: 0px;
    padding-bottom: 15px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-position: 50% 33%;
  }

  .showbuttons.newinstance {
    margin-right: 0px;
    margin-left: 0px;
    padding: 24px 0px 25px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    background-position: 50% 18%;
  }

  .showbuttons.newinstance:hover {
    background-color: #084a7e;
  }

  .text-span:hover {
    color: #fff;
  }

  .submitbutton {
    margin-top: 34px;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: transparent;
  }

  .autopopulated {
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: transparent;
    line-height: 10px;
  }

  .form {
    text-align: center;
  }

  .herotitle {
    margin-right: 0px;
    margin-left: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    font-size: 18px;
  }

  .hrleft {
    width: 42.5%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .hrright {
    width: 42.5%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .moviebutton {
    padding-right: 15px;
    padding-left: 15px;
    background-position: 100% 50%;
  }

  .adminintranetlink {
    font-size: 12px;
  }

  .adminintranetlink.intranet-newpage {
    margin-right: 10px;
  }

  .adminintranetlink.intranet-home {
    margin-right: 10px;
  }

  .adminintranetlink.intranet-help {
    margin-right: 10px;
  }

  .adminintranetlink.intranet-list-pages {
    margin-right: 10px;
  }

  .servicepersonimage {
    margin-right: 8px;
  }

  .servicepersoninfo.sidebartablet {
    width: 50%;
  }

  .servicepersontextblock {
    font-size: 12px;
    line-height: 18px;
  }

  .mask {
    background-color: rgba(0, 0, 0, 0.55);
  }

  .div-block-4 {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    background-color: rgba(0, 0, 0, 0.23);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#090f13), color-stop(54%, rgba(10, 39, 53, 0)));
    background-image: linear-gradient(180deg, #090f13, rgba(10, 39, 53, 0) 54%);
  }

  .slideoverlay.ugimage {
    background-position: 50% 0%, 0px 0px;
  }

  .nebox {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 47%;
    -ms-flex: 0 47%;
    flex: 0 47%;
  }

  .container-3 {
    margin-top: 35px;
    padding-left: 40px;
  }

  .cta-leftcolumn {
    position: static;
    display: inline-block;
  }

  .advisortitle {
    font-size: 24px;
    line-height: 30px;
  }

  .advisortitle.h2title {
    font-size: 16px;
  }

  .advisortitle.h4title {
    margin-bottom: 5px;
    font-size: 12px;
  }

  .columns.ugcolumns {
    height: 220px;
  }

  .ug-calltoaction {
    margin-top: 36px;
    margin-bottom: 36px;
    font-size: 32px;
    line-height: 40px;
  }

  .slideshow-link-block {
    margin-bottom: 5px;
  }

  .ug-g-buttons {
    margin-top: 18px;
    margin-right: 7px;
    margin-left: 7px;
    padding: 3px 9px;
    color: #fff;
    font-size: 10px;
  }

  .ug-g-buttons.bldgaccess {
    margin-left: 4px;
    padding-right: 10px;
    padding-left: 10px;
    background-image: none;
  }

  .ug-g-buttons.tgt-dashboard {
    margin-left: 0px;
    padding-left: 31px;
    background-position: 6px 3px;
    background-size: 22px;
  }

  .nexttext {
    margin-bottom: 2px;
  }

  .momainannouncementtext {
    margin-left: 4px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 34px;
    background-size: 20px;
    font-size: 14px;
    line-height: 26px;
  }

  .momainannouncementtext:hover {
    background-position: 2% 50%;
    background-size: 26px;
  }

  .momainannouncementtext.secondannouncement {
    font-size: 16px;
    line-height: 20px;
  }

  .mosecondaryannouncements {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 31px;
    background-size: 20px;
    font-size: 13px;
    line-height: 26px;
  }

  .mosecondaryannouncements:hover {
    background-position: 2% 50%;
    background-size: 26px;
  }

  .mosecondaryannouncements.secondannouncement {
    font-size: 16px;
    line-height: 20px;
  }

  .modal-window-adddiscussion {
    width: 90%;
  }

  .modal-window-replydiscussion {
    width: 90%;
  }

  .modal-background-adddiscussion {
    display: none;
    padding-top: 30px;
  }

  .modal-background-reply {
    display: none;
    padding-top: 30px;
  }

  .modal-background-edit {
    display: none;
    padding-top: 30px;
  }

  .modal-window-edit {
    width: 90%;
  }

  .homepagefeaturedflexwrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 20px;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .hpfeaturedstorylinkbox {
    width: 46%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    box-shadow: 0 0 4px 0 rgba(26, 26, 26, 0.56);
  }

  .ricksemails {
    display: block;
    width: 100%;
    margin-right: 0px;
    background-position: 30% 50%;
    text-align: center;
  }

  .nextafloat {
    z-index: 5;
    width: auto;
    padding-right: 15px;
    padding-left: 58px;
  }

  .anonymousemail {
    display: block;
    width: 100%;
    background-position: 23% 50%;
    text-align: center;
  }

  .intranetmainnav {
    position: relative;
    left: 0px;
    top: 0px;
    right: 0px;
    display: block;
    margin-top: 0px;
    float: none;
    clear: none;
    border-radius: 0px;
  }

  .adminhomeheadingtext.admincontentheading {
    background-position: 0% 9px;
  }

  .adminhomeheadingtext.adminuserheading {
    background-position: 2px 7px;
  }

  .adminhomeheadingtext.adminroomsheading {
    background-position: 7px 12px;
  }

  .adminhomeheadingtext.adminforumsheading {
    background-position: 6px 10px;
  }

  .myoceantoputilities {
    padding-right: 0px;
    padding-left: 18px;
  }

  .myoceanlogout {
    margin-right: 0px;
    font-size: 9px;
  }

  .myoceanlogout.uwhome {
    float: left;
  }

  .mo-mainnavlink {
    display: inline-block;
    margin-right: 5px;
    padding: 13px 10px;
    float: none;
    clear: none;
    font-size: 13px;
    line-height: 7px;
    text-transform: uppercase;
  }

  .mo-mainnavlink.dropdown {
    margin-right: 7px;
    margin-left: 0px;
    padding-right: 15px;
    padding-left: 8px;
    font-size: 13px;
  }

  .mo-mainnavlink.intranetdropdown {
    margin-right: 7px;
    margin-left: 0px;
    padding-right: 15px;
    padding-left: 8px;
    font-size: 13px;
  }

  .photodiv {
    margin-left: -15px;
  }

  .titlediv {
    height: 40px;
    margin-top: 19px;
  }

  .heading-5 {
    padding-top: 9px;
    font-size: 15px;
  }

  .mo-editbutton {
    margin-top: -15px;
    margin-right: 10px;
    padding-right: 8px;
    padding-left: 8px;
    font-size: 9px;
    line-height: 10px;
  }

  .mo-heading {
    font-size: 16px;
  }

  .mo-heading.directorsheading {
    margin-bottom: -2px;
    padding-top: 8px;
    padding-left: 36px;
    background-position: 10px 12px;
    background-size: 20px;
  }

  .mo-heading.latestdiscussions {
    margin-bottom: -2px;
    padding-top: 8px;
    padding-left: 36px;
    background-position: 10px 12px;
    background-size: 20px;
    font-size: 16px;
  }

  .mo-heading.ricksmessage {
    margin-bottom: -2px;
    padding-top: 8px;
    padding-left: 36px;
    background-position: 10px 12px;
    background-size: 20px;
    font-size: 16px;
  }

  .mo-heading.announcementsheading {
    margin-bottom: -2px;
    padding-top: 8px;
    padding-left: 36px;
    background-position: 10px 12px;
    background-size: 20px;
    font-size: 16px;
  }

  .servicesdiv {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .servicesblock {
    width: 25%;
    margin-bottom: 22px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .directorphoto {
    margin-left: 12px;
  }

  .directormessage {
    height: 40px;
    margin-top: 19px;
  }

  .text-block-15 {
    font-size: 12px;
    line-height: 17px;
  }

  .mo-oc-archive {
    margin-top: 0px;
    margin-right: 10px;
    padding-right: 8px;
    padding-left: 8px;
    font-size: 9px;
    line-height: 10px;
  }

  .announcementsection {
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
  }

  .announcement {
    margin-top: 1px;
    margin-right: 0px;
    margin-bottom: 6px;
    padding-right: 8px;
    padding-left: 33px;
    background-size: 20px;
    font-size: 12px;
    line-height: 14px;
  }

  .serviceicon.adminservicesbig {
    margin-bottom: 15px;
  }

  .serviceicon.edtrainingservicesbig {
    margin-bottom: 15px;
  }

  .serviceicon.committeeservicesbig {
    margin-bottom: 15px;
  }

  .serviceicon.techservicesbig {
    margin-bottom: 15px;
  }

  .serviceicon.shipservicesbig {
    margin-bottom: 15px;
  }

  .serviceicon.leadershipicon {
    margin-bottom: 15px;
  }

  .discussionlink {
    font-size: 12px;
    line-height: 15px;
  }

  .mo-servicestextblock {
    font-size: 18px;
    line-height: 20px;
  }

  .servicesbigblock {
    width: 30%;
    margin-bottom: 22px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .serviceboxtext {
    font-size: 13px;
  }

  .servicesbigdiv {
    margin-right: 0px;
    margin-left: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .servicepersoninfobox.sidebartablet {
    width: 50%;
  }

  .servicepersonimagecircle {
    margin-right: 8px;
  }

  .servicesbigblock2 {
    width: 30%;
    margin-bottom: 22px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .vesselssection {
    background-position: 100% 0%;
    background-size: auto 190px;
  }

  .vesselssection.rv-carsonsection {
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.66)), to(hsla(0, 0%, 100%, 0.66))), url('../images/carson-bg2.jpg');
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.66), hsla(0, 0%, 100%, 0.66)), url('../images/carson-bg2.jpg');
    background-size: auto, auto 190px;
  }

  .vesselh1 {
    margin-bottom: 0px;
    color: #1d1d1d;
    font-size: 32px;
  }

  .vesselh2 {
    color: #585858;
    font-size: 20px;
  }

  .container-6 {
    padding-top: 33px;
    padding-bottom: 33px;
  }

  .dashboardbox {
    width: 47.5%;
  }

  .tab-link-tab-1.w--current {
    padding-right: 10px;
    padding-left: 10px;
    line-height: 17px;
    text-align: center;
  }

  .tab-link-tab-2 {
    padding-right: 10px;
    padding-left: 10px;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
  }

  .tab-link-tab-3 {
    padding-right: 10px;
    padding-left: 10px;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
  }

  .tab-link-tab-4 {
    padding-right: 10px;
    padding-left: 10px;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
  }

  .tab-link-tab-5 {
    padding-right: 10px;
    padding-left: 10px;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
  }

  .tab-link-tab-6 {
    padding-right: 10px;
    padding-left: 10px;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
  }

  .tab-link-tab-7 {
    padding-right: 10px;
    padding-left: 10px;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
  }

  .tabs {
    margin-top: -31px;
  }

  .section-title {
    margin-bottom: 4px;
    font-size: 31px;
    line-height: 30px;
  }

  .section-title-wrapper {
    width: 85%;
    margin-bottom: 40px;
  }

  .section-description {
    margin-top: 20px;
    font-size: 19px;
  }

  .mo-heading-2.latestdiscussions {
    margin-bottom: -2px;
    padding-top: 8px;
    padding-left: 36px;
    background-position: 10px 12px;
    background-size: 20px;
  }

  .mo-heading-2.announcementsheading {
    margin-bottom: -2px;
    padding-top: 8px;
    padding-left: 36px;
    background-position: 10px 12px;
    background-size: 20px;
  }

  .mo-heading-2.ricksmessage {
    margin-bottom: -2px;
    padding-top: 8px;
    padding-left: 36px;
    background-position: 10px 12px;
    background-size: 20px;
  }

  .mo-container-2 {
    padding-top: 25px;
  }

  .servicesblock-2 {
    width: 25%;
    margin-bottom: 22px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .discussionlink-2 {
    font-size: 12px;
    line-height: 15px;
  }

  .announcement-2 {
    margin-top: 1px;
    margin-right: 0px;
    margin-bottom: 6px;
    padding-right: 8px;
    padding-left: 33px;
    background-size: 20px;
    font-size: 12px;
    line-height: 14px;
  }

  .heading-8 {
    padding-top: 9px;
    font-size: 15px;
  }

  .mo-oc-archive-2 {
    margin-top: 0px;
    margin-right: 10px;
    padding-right: 8px;
    padding-left: 8px;
    font-size: 9px;
    line-height: 10px;
  }

  .mo-editbutton-2 {
    margin-top: -15px;
    margin-right: 10px;
    padding-right: 8px;
    padding-left: 8px;
    font-size: 9px;
    line-height: 10px;
  }

  .photodiv-2 {
    margin-left: -15px;
  }

  .titlediv-2 {
    height: 40px;
    margin-top: 19px;
  }

  .tgt-wherebox {
    position: static;
    display: inline-block;
  }

  .cruise-show-hide {
    font-size: 12px;
  }

  .cruise-show-hide.intranet-newpage {
    margin-right: 10px;
  }

  .cruise-show-hide.intranet-home {
    margin-right: 10px;
  }

  .cruise-show-hide.intranet-help {
    margin-right: 10px;
  }

  .cruise-show-hide.intranet-list-pages {
    margin-right: 10px;
  }
}

@media screen and (max-width: 767px) {
  h3 {
    margin-top: 0px;
    margin-bottom: 20px;
    padding-right: 0px;
    padding-left: 0px;
    float: none;
    clear: none;
  }

  p {
    text-transform: none;
  }

  a {
    display: inline-block;
    text-transform: none;
  }

  .button.slideshowbutton {
    padding: 5px 15px;
    font-size: 10px;
  }

  .button.slideshowbutton.cta-button.more-at-bottom {
    margin-bottom: 67px;
  }

  .button.slideshowbutton.cta-button.gradbutton {
    margin-bottom: 67px;
  }

  .topnav {
    position: relative;
    display: block;
    height: 67px;
    margin-top: 0px;
    padding-right: 19px;
    padding-left: 19px;
  }

  .topnav.intranetnav {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(52, 213, 224, 0.86)), to(rgba(47, 103, 155, 0.92))), url('../images/MyOcean-Intranet-bg.jpg');
    background-image: linear-gradient(90deg, rgba(52, 213, 224, 0.86), rgba(47, 103, 155, 0.92)), url('../images/MyOcean-Intranet-bg.jpg');
    background-position: 0px 0px, 0px 0px;
    background-size: auto, auto;
  }

  .mainnav {
    position: absolute;
  }

  .mainnavcontainer {
    position: absolute;
  }

  .mainnavlink.dropdown {
    text-transform: uppercase;
  }

  .mainnavlink.intranetdropdown {
    text-transform: uppercase;
  }

  .topnavcontainer {
    position: absolute;
    display: block;
    width: 300px;
    margin-top: -6px;
  }

  .topnavlink {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px none #636363;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    text-transform: uppercase;
  }

  .topnavlink.utilitylink {
    font-weight: 300;
    text-transform: none;
  }

  .topnavlink.phonemenuitem {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    text-align: left;
  }

  .topnavbox {
    padding-top: 20px;
    padding-left: 0px;
    background-color: #525252;
  }

  .searchcol {
    position: static;
    display: block;
    overflow: visible;
    min-height: 0px;
    padding-left: 0px;
  }

  .topnavmenubutton {
    left: 0px;
    top: 0px;
    right: 0px;
    display: block;
    width: 105px;
    margin-top: 0px;
    padding: 0px;
  }

  .slideshow-section {
    height: 180px;
  }

  .fsbox.asbox {
    margin-right: 0px;
  }

  .directorschoicetitle {
    font-size: 15px;
    text-transform: none;
  }

  .dctitle {
    display: block;
    float: none;
    font-size: 13px;
    line-height: 17px;
    text-transform: none;
  }

  .rightarrowicon {
    margin-right: 40.5px;
    margin-left: 40.5px;
  }

  .leftarrowicon {
    margin-right: 12.5px;
    margin-left: 12.5px;
  }

  .eventsnewssection {
    padding-right: 10px;
    padding-left: 10px;
  }

  .eventstitle {
    float: none;
  }

  .event-title {
    text-transform: none;
  }

  .congratsimage {
    border-radius: 133px;
  }

  .congratsimage.latest-news-image {
    display: inline-block;
    margin-right: 0px;
    padding-right: 10px;
    float: left;
    clear: none;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .slideshowtext {
    left: 10%;
    top: 30px;
    right: 10%;
    width: auto;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 15px;
    padding-left: 15px;
  }

  .slideshowheading {
    font-size: 20px;
    line-height: 25px;
    text-transform: none;
  }

  .slideshowparagraph {
    font-size: 12px;
    text-transform: none;
  }

  .searchbutton {
    width: 20px;
    padding-top: 6px;
    float: none;
  }

  .searchbutton.modal-link.mobnav {
    position: absolute;
    left: 26px;
    top: 11px;
    float: none;
  }

  .modal-window {
    display: block;
  }

  .modal-background {
    display: none;
  }

  .quicklinks-button {
    display: inline-block;
    height: 30px;
    margin-top: 16px;
    margin-left: 2px;
    padding: 6px 20px;
    float: left;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: #2e5587;
    background-image: none;
    font-size: 17px;
  }

  .quicklinks-button:hover {
    border-radius: 3px 0px 0px 3px;
    background-color: #283241;
    background-image: none;
    color: #fff;
  }

  .quicklinks-button.intranetquicklinks {
    background-color: #e46b29;
  }

  .quicklinksrightarrow {
    width: 23px;
    height: 30px;
    margin-top: 16px;
    margin-right: 0px;
    padding-top: 8px;
    padding-bottom: 0px;
    font-size: 15px;
  }

  .logo-block {
    width: 325px;
    padding-top: 3px;
  }

  .logo-block.rside {
    position: static;
    display: none;
    width: 90px;
    margin-right: 87px;
    float: right;
  }

  .logo-block.rside._w-mobile-only {
    position: absolute;
    display: block;
    margin-right: 109px;
    padding-top: 0px;
  }

  .quicklinks-column {
    left: 0px;
    top: 0px;
    min-height: 0px;
  }

  .search-quicklinks-row {
    width: 246px;
    margin-right: 0px;
  }

  .logo-brand.tablet {
    position: relative;
    width: 273px;
    margin-top: 0px;
    margin-left: 0px;
    padding-top: 0px;
    background-size: 213px;
  }

  .logo-brand.tablet.rsideinner {
    position: static;
    display: none;
    width: 83px;
    margin-top: 0px;
    margin-right: 5px;
    padding-top: 0px;
    background-image: url('../images/W-golden.png');
    background-size: 35px;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
  }

  .logo-brand.tablet.rsideinner.for-mobile-only {
    position: absolute;
    display: block;
    margin-right: 117px;
  }

  .logo-brand.tablet.searchintranet {
    position: static;
    display: block;
    width: 83px;
    margin-top: 0px;
    margin-right: 5px;
    padding-top: 0px;
    background-size: 35px;
  }

  .logo-brand.tablet.searchintranet.for-mobile-only {
    position: absolute;
    display: block;
    margin-right: 117px;
  }

  .logo-brand.tablet.wforintranet {
    position: static;
    display: block;
    width: 83px;
    margin-top: 0px;
    margin-right: 5px;
    padding-top: 0px;
    background-size: 35px;
  }

  .logo-brand.tablet.wforintranet.for-mobile-only {
    position: absolute;
    display: block;
    margin-right: 117px;
  }

  .logo-brand.intranetlogo {
    position: relative;
    width: 273px;
    margin-top: 5px;
    margin-left: 0px;
    padding-top: 0px;
    background-image: url('../images/mo-intranet-logo-white.png');
    background-size: 240px;
  }

  .logo-brand.intranetlogo.rsideinner {
    position: static;
    display: block;
    width: 83px;
    margin-top: 0px;
    margin-right: 5px;
    padding-top: 0px;
    background-size: 35px;
  }

  .logo-brand.intranetlogo.rsideinner.for-mobile-only {
    position: absolute;
    display: block;
    margin-right: 117px;
  }

  .dropdown-link {
    position: relative;
    left: 17px;
    top: 0px;
    clear: left;
  }

  .menu-button {
    margin-left: -5px;
  }

  .menu-button.w--open {
    margin-left: -4px;
  }

  .dropdown-menu {
    float: left;
    clear: left;
  }

  .soo-logo-small {
    width: 244px;
  }

  .paragraph-text {
    padding-right: 0px;
    padding-left: 0px;
    font-size: 12px;
    line-height: 18px;
    text-transform: none;
  }

  .soo-logo-image {
    position: static;
    width: 67%;
    height: auto;
    margin-top: 0px;
  }

  .body-text-container {
    margin-top: 20px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .body-text-container.primary-small {
    padding-right: 10px;
    padding-left: 10px;
  }

  .body-text-container.single-column {
    margin-top: 67px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .primary-image-text-container {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-right: 29px;
    padding-left: 20px;
  }

  .large-primary-image-heading {
    font-size: 16px;
    line-height: 17px;
    font-weight: 600;
  }

  .large-primary-image-heading.small-primary-heading {
    margin-bottom: -1px;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 16px;
    line-height: 21px;
  }

  .large-primary-image-heading.spotlighttitle {
    margin-bottom: 7px;
    font-size: 16px;
    line-height: 19px;
  }

  .large-primary-image-heading.directors-choice-title {
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    font-size: 14px;
    line-height: 21px;
  }

  .primary-image-big {
    height: 140px;
    margin-top: 0px;
  }

  .large-primary-image-text {
    font-size: 12px;
    line-height: 18px;
  }

  .large-primary-image-text.spotlightstyle {
    margin-bottom: 7px;
    font-size: 10px;
    line-height: 14px;
  }

  .description-text-column {
    display: block;
    padding-right: 0px;
    padding-left: 0px;
  }

  .embedded-image {
    display: inline-block;
    padding-right: 0px;
    clear: left;
  }

  .embedded-image-block {
    position: static;
    display: block;
    width: 100%;
    margin-right: auto;
    margin-bottom: 15px;
    margin-left: auto;
    padding-right: 0px;
    padding-left: 0px;
    float: left;
    clear: none;
  }

  .sidebar-nav-link {
    font-size: 13px;
    text-transform: none;
  }

  .sidebar-right {
    padding-top: 0px;
  }

  .latest-news-list {
    float: none;
    clear: none;
  }

  .latest-news-heading {
    position: static;
    display: block;
    padding-right: 10px;
    padding-left: 0px;
    float: none;
    text-transform: none;
  }

  .latest-news-text {
    position: static;
    padding-right: 10px;
    padding-left: 0px;
    text-transform: none;
  }

  .latest-news-item {
    float: none;
    clear: none;
  }

  .story-title {
    margin-top: 15px;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0px;
  }

  .story-title.whitetext {
    margin-left: 4px;
  }

  .story-title.dchoiceheading {
    display: inline-block;
    margin-bottom: 24px;
    float: none;
    font-size: 22px;
  }

  .story-title.dchoiceheadingphone {
    margin-top: -3px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    float: left;
    font-size: 18px;
    letter-spacing: -1px;
  }

  .smaller-primary-image {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
    float: left;
  }

  .smaller-primary-image.people-image {
    width: 100%;
  }

  .as-row {
    padding-right: 10px;
  }

  .media-elements-block {
    width: 100%;
  }

  .media-elements-block.people-block {
    margin-top: 0px;
    margin-bottom: 10px;
  }

  .media-elements-block.people-block.myoceanversion {
    margin-top: 10px;
  }

  .media-elements-block.people-block.myoceanv2 {
    margin-top: 10px;
  }

  .associated-stories-section.oceancurrents-bg {
    padding-top: 0px;
  }

  .admin-link {
    text-transform: none;
  }

  .admin-row-div-block {
    padding-right: 1px;
    padding-left: 1px;
  }

  .admin-link-text-block.file-button {
    font-size: 12px;
  }

  .admin-container {
    padding-right: 15px;
    padding-left: 15px;
  }

  .related-topics-div-block {
    padding-right: 10px;
    padding-left: 10px;
    font-size: 12px;
    line-height: 18px;
  }

  .behind-main-nav {
    height: 63px;
  }

  .grid-item-notwork {
    width: 50%;
  }

  .tab-link-button {
    width: 100%;
    text-align: center;
    text-transform: none;
  }

  .admin-tabs-container {
    padding-right: 5px;
    padding-left: 5px;
  }

  .give-now-button.utilities-button.mobnavgive {
    width: 92%;
    margin-left: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    float: left;
    text-align: center;
  }

  .peoplesearchbutton {
    font-size: 14px;
  }

  .peopleformsearchwrapper {
    display: block;
  }

  .peopleformsearchwrapper.sidebaronly {
    display: none;
  }

  .peopleinfo {
    width: 100%;
  }

  .oceancurrents-text-container {
    left: 0px;
    top: 0px;
    right: 0px;
  }

  .oceancurrentsh1 {
    margin-top: 3px;
    padding-left: 20px;
    font-size: 26px;
    text-align: center;
  }

  .oceancurrents-text-block {
    text-align: left;
  }

  .oceancurrents-top-shadow {
    height: 128px;
  }

  .oceancurrents-button {
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 12px;
  }

  .oceancurrents-button.give {
    margin-right: 114px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 12px;
  }

  .oceancurrents-magazine-text {
    width: 100%;
    font-size: 11px;
    text-align: center;
  }

  .oceancurrentsh3 {
    text-align: left;
  }

  .spotlight-text {
    font-size: 14px;
    text-transform: none;
  }

  .utilities-text-link.modal-link.searchme {
    position: absolute;
    left: 44px;
    top: 13px;
  }

  .mainstorysection {
    width: 95%;
  }

  .newslisting-block {
    width: 95%;
  }

  .news-list-item {
    padding-bottom: 10px;
    text-transform: none;
  }

  .news-listing-block2 {
    width: 100%;
    margin-bottom: 0px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .dclink-item {
    text-transform: none;
  }

  .ocimage {
    width: 100%;
    margin-bottom: 10px;
  }

  .occolumntext {
    margin-bottom: 15px;
  }

  .hero-link-block {
    padding-top: 5%;
    padding-bottom: 6%;
  }

  .hero-heading {
    margin-top: 0px;
    margin-bottom: 31px;
    font-size: 43px;
    line-height: 53px;
    letter-spacing: 2px;
  }

  .hero-text-block {
    width: 75%;
    font-size: 15px;
    line-height: 20px;
    text-transform: none;
  }

  .hero-div-block {
    display: none;
  }

  .footernavlink {
    font-size: 11px;
    line-height: 18px;
  }

  .mobnavlistitem {
    padding-left: 20px;
    text-align: left;
  }

  .search-form {
    width: 100%;
  }

  .search-field {
    width: 92%;
    height: 31px;
    margin-bottom: 0px;
    margin-left: 8px;
    float: left;
    border: 1px solid #494949;
    background-color: #818181;
    color: #272727;
    font-size: 12px;
  }

  .searchsubmitbuttonimg {
    position: absolute;
    width: 19px;
    margin-top: 5px;
    margin-left: -28px;
  }

  .linediv {
    width: 100%;
    height: 1px;
    margin-top: 18px;
    margin-bottom: 15px;
    background-color: #646464;
  }

  .mobutilitieslist {
    margin-bottom: 15px;
  }

  .mobnavlist-dropdown-block {
    padding-top: 2px;
    padding-bottom: 2px;
  }

  .featured-stories-row {
    margin-top: 10px;
    margin-bottom: 12px;
  }

  .featured-story-link-box {
    width: 100%;
    margin-bottom: 20px;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .featured-story-heading {
    margin-top: 7px;
    line-height: 20px;
    text-transform: none;
  }

  .featured-story-heading.oc-title {
    margin-top: 143px;
    font-size: 20px;
  }

  .mobnav-icon {
    color: #a8a8a8;
  }

  .mobnavlist-dropdown.w--open {
    padding-left: 10px;
    background-color: transparent;
  }

  .mobdropdown-link {
    padding-top: 3px;
    padding-bottom: 3px;
    -webkit-transition: color 200ms ease;
    transition: color 200ms ease;
    color: #cecece;
    font-size: 12px;
    font-weight: 400;
    text-transform: none;
  }

  .mobdropdown-link:hover {
    color: #4381de;
  }

  .featured-story-image {
    width: 100%;
  }

  .form-block {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
  }

  .adminbutton.flexspace {
    width: 32%;
    margin-right: 4px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .featured-story-big-block {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .featured-story-heading-text {
    margin-bottom: 9px;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    text-transform: none;
  }

  .featured-story-heading-small {
    font-size: 14px;
  }

  .dchoiceimage {
    width: 24%;
    height: 24%;
    margin-right: 11px;
    float: left;
    clear: none;
  }

  .dchoiceimage.phoneflex {
    width: 34%;
    margin-top: -12px;
    margin-left: 4px;
  }

  .dchoicetext {
    left: 0px;
    bottom: -29px;
    margin-left: 19px;
    padding-left: 0px;
    font-size: 11px;
    line-height: 22px;
  }

  .dcimage {
    width: 100%;
  }

  .dccontainer {
    height: 25px;
  }

  .dcsection {
    height: 23px;
  }

  .oceancurrents {
    margin-left: 0px;
    font-size: 15px;
    line-height: 27px;
    font-weight: 400;
    text-transform: none;
  }

  .oceancurrents.featuredchoice {
    margin-left: 0px;
    font-size: 13px;
    line-height: 23px;
  }

  .oceancurrentscontainer.smtop {
    margin-left: -10px;
  }

  .dchoicemaintitlesection {
    left: -4px;
  }

  ._2columnflexwrapper {
    display: inline-block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .fblock {
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 250px;
    -ms-flex: 0 250px;
    flex: 0 250px;
  }

  .fblocklink {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .featuredflexwrapper {
    margin-right: 0px;
    margin-left: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .flexwrappermostread {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .dchoicetextblock {
    position: relative;
    float: none;
    line-height: 18px;
  }

  .flexdchoicewrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: -10px;
    margin-left: -10px;
    padding: 15px 10px;
    float: left;
    border-radius: 8px;
    background-color: #eee;
  }

  .flexdchoicetextblock {
    padding: 0px 10px;
    font-size: 13px;
  }

  .checkimage {
    top: 6px;
  }

  .choicedirectorblock {
    display: block;
    margin: 10px 10px -10px;
    padding: 2px 31px 2px 29px;
    background-position: 4px 51%, 0px 0px;
  }

  .choicedirectorblock:hover {
    background-position: 4px 51%, 0px 0px;
  }

  .choicedirectorblock.featured {
    left: 10px;
    margin-top: 0px;
  }

  .choicedirectorblock.featuredsmall {
    left: -12px;
    top: -10px;
  }

  .choicedirectorlink {
    font-size: 12px;
    text-transform: none;
  }

  .choicedirectorlink.featured-text {
    font-size: 11px;
  }

  .oceancurrentsimage {
    width: 26%;
    margin-left: 30px;
  }

  .quarterbuttonwrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .datetextlink {
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 18px;
  }

  .assimagerow {
    margin-bottom: 0px;
  }

  .lightbox-link {
    margin-bottom: 10px;
  }

  .alphabet-link {
    font-size: 11px;
    font-weight: 600;
  }

  .alphabet-organizer-flex-wrapper {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .featured-story-div {
    padding-right: 20px;
  }

  .announcements-flex-wrapper {
    padding-right: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .announcements-flex-link-box {
    margin-right: 0px;
    padding-bottom: 20px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .announcements-flex-link-box.generalbox {
    margin-bottom: 20px;
    padding-bottom: 10px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .announcements-story-heading {
    font-size: 14px;
    line-height: 20px;
  }

  .announcements-story-heading.generaltext {
    padding-bottom: 0px;
    font-size: 14px;
  }

  .options.mo-mobile-only {
    display: block;
  }

  .flex-column-right {
    padding-right: 1px;
    padding-left: 1px;
  }

  .announcement-wrapper {
    width: 500px;
    padding: 15px 30px;
  }

  .announcement-image {
    width: 160px;
  }

  .the-flex-item-wrapper {
    -webkit-flex-basis: 46%;
    -ms-flex-preferred-size: 46%;
    flex-basis: 46%;
  }

  .coursesectiontype.lecture {
    background-position: 156px 5px;
  }

  .coursesectiontype.lab {
    background-position: 43% 50%;
  }

  .coursesectiontype.quiz {
    background-position: 39% 50%;
  }

  .coursesectiontype.other {
    background-position: 39% 50%;
  }

  .coursesectiontype.seminar {
    background-position: 37% 50%;
    background-size: 36px;
  }

  .checkbox-field {
    width: 30%;
  }

  .intranethomeflex {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .column-1 {
    padding-right: 0px;
  }

  .cdheader.lecture {
    background-position: 38% 50%;
    background-size: 35px;
  }

  .cdheader.lab {
    background-position: 43% 50%;
    background-size: 32px;
  }

  .cdheader.seminar {
    background-position: 37% 50%;
    background-size: 32px;
  }

  .cdheader.other {
    background-position: 40% 50%;
    background-size: 32px;
  }

  .cdheader.quiz {
    background-position: 41% 50%;
  }

  .cdflexitem._75percent {
    width: 85%;
    font-size: 12px;
    line-height: 16px;
  }

  .cdflexitem._25percent {
    width: 15%;
    padding-right: 12px;
    padding-left: 12px;
  }

  .dtheaderleft {
    width: 85%;
  }

  .dtheaderright {
    width: 15%;
  }

  .div-block-2 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .showbuttons.enrollment {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 15px;
    background-position: 50% 18%;
  }

  .showbuttons.enrollment._50percent {
    width: 48%;
  }

  .showbuttons.schoollink {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 15px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background-position: 50% 18%;
  }

  .showbuttons.schoollink._50percent {
    width: 48%;
  }

  .showbuttons.newinstance {
    width: 100%;
  }

  .showbuttonflexwrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .text-span {
    display: inline-block;
  }

  .submitbutton {
    display: inline-block;
  }

  .form {
    text-align: center;
  }

  .moviebutton {
    z-index: 20;
  }

  .adminintranetlink.intranet-edit {
    margin-top: 2px;
    margin-bottom: 2px;
  }

  .adminintranetlink.intranet-home {
    padding-right: 10px;
  }

  .servicespersonnelflexwrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .servicepersonbox {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .nebox {
    -webkit-flex-basis: 44%;
    -ms-flex-preferred-size: 44%;
    flex-basis: 44%;
  }

  .eventsnewsflex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .container-3 {
    margin-top: 23px;
    margin-bottom: 23px;
    padding-right: 45px;
    padding-left: 45px;
  }

  .cta-leftcolumn {
    position: relative;
    overflow: visible;
  }

  .columns {
    position: relative;
    overflow: visible;
  }

  .ug-calltoaction {
    margin-top: 22px;
    margin-bottom: 22px;
    font-size: 26px;
    line-height: 32px;
  }

  .image-5 {
    display: none;
  }

  .iconflexcontainer {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .iconbox.waves {
    width: 45%;
  }

  .iconbox.books {
    width: 45%;
  }

  .iconbox.compass {
    width: 45%;
  }

  .iconbox.lightbulb {
    width: 45%;
  }

  .iconbox.map {
    width: 45%;
  }

  .ug-g-buttons.covid-button {
    display: block;
    width: auto;
    margin-right: 20px;
    margin-bottom: 18px;
    margin-left: 20px;
    text-align: center;
  }

  .ug-g-buttons.bldgaccess {
    display: block;
    width: auto;
    margin-right: 20px;
    margin-left: 20px;
    padding-left: 20px;
    background-image: url('../images/icon-hallpass-green.png');
    background-position: 0px 3px;
    background-size: 22px;
    background-repeat: no-repeat;
    text-align: center;
  }

  .ug-g-buttons.tgt-dashboard {
    display: block;
    width: auto;
    margin-right: 20px;
    margin-left: 20px;
    padding-right: 0px;
    padding-left: 0px;
    background-position: 4px 4px;
    background-size: 18px;
    text-align: center;
  }

  .ug-g-buttons.myocean {
    display: block;
    margin-right: 20px;
    margin-left: 20px;
    padding-left: 29px;
    background-color: #4381de;
    background-image: url('../images/userhome-white.png'), -webkit-gradient(linear, left top, left bottom, from(rgba(45, 126, 177, 0.67)), to(rgba(45, 126, 177, 0.67))), url('../images/MyOcean-Intranet-bg.jpg');
    background-image: url('../images/userhome-white.png'), linear-gradient(180deg, rgba(45, 126, 177, 0.67), rgba(45, 126, 177, 0.67)), url('../images/MyOcean-Intranet-bg.jpg');
    background-position: 3px 2px, 0px 0px, 0px 0px;
    background-size: 21px, auto, 800px;
    background-repeat: no-repeat, repeat, no-repeat;
    background-attachment: scroll, scroll, scroll;
    -webkit-transition: background-color 200ms ease, color 200ms ease;
    transition: background-color 200ms ease, color 200ms ease;
  }

  .ug-g-buttons.myocean:hover {
    background-image: url('../images/userhome-white.png'), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 157, 201, 0.85)), to(rgba(0, 157, 201, 0.85))), url('../images/MyOcean-Intranet-bg.jpg');
    background-image: url('../images/userhome-white.png'), linear-gradient(180deg, rgba(0, 157, 201, 0.85), rgba(0, 157, 201, 0.85)), url('../images/MyOcean-Intranet-bg.jpg');
    background-position: 3px 2px, 0px 0px, 0px 0px;
    background-size: 21px, auto, 800px;
    background-repeat: no-repeat, repeat, no-repeat;
    background-attachment: scroll, scroll, scroll;
  }

  .ug-g-buttons.oceanhome {
    display: block;
    margin-right: 20px;
    margin-left: 20px;
    padding-left: 29px;
    background-color: #2e5587;
    background-image: url('../images/ocean-logo-2015.png');
    background-position: 3px 3px;
    background-size: 21px;
    background-repeat: no-repeat;
    background-attachment: scroll;
    -webkit-transition: background-color 200ms ease, color 200ms ease;
    transition: background-color 200ms ease, color 200ms ease;
  }

  .ug-g-buttons.oceanhome:hover {
    background-color: #1b3e69;
    background-image: url('../images/ocean-logo-2015.png');
    background-size: 21px;
    background-repeat: no-repeat;
    background-attachment: scroll;
  }

  .nexttext {
    display: none;
  }

  .text-block-10 {
    font-size: 11px;
  }

  .buttoncol {
    display: none;
  }

  .momainannouncementtext {
    margin: 3px;
    padding-right: 14px;
    font-size: 12px;
    line-height: 22px;
  }

  .momainannouncementtext.secondannouncement {
    padding-right: 24px;
    font-size: 14px;
    line-height: 16px;
  }

  .paragraph-2 {
    font-size: 14px;
  }

  .carddiv {
    width: 100%;
  }

  .carddiv.directorcard {
    background-position: 50% 50%;
  }

  .carddiv.donatecard {
    background-position: 50% 50%;
  }

  .carddiv.joinuscard {
    background-position: 50% 50%;
  }

  .mosecondaryannouncements {
    margin: 3px 3px 3px 4px;
    padding-right: 14px;
    font-size: 12px;
    line-height: 22px;
  }

  .mosecondaryannouncements.secondannouncement {
    padding-right: 24px;
    font-size: 14px;
    line-height: 16px;
  }

  .directorimage {
    border-width: 2px;
  }

  .directorstitle {
    text-align: center;
  }

  .column-8 {
    text-align: center;
  }

  .forumimage {
    border-width: 2px;
  }

  .forummostrecent {
    position: relative;
    margin-bottom: 2px;
    padding-bottom: 28px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .forumimageblock {
    position: absolute;
    left: 0%;
    top: 0%;
    right: auto;
    bottom: auto;
    height: 65px;
    padding-top: 5px;
    padding-left: 8px;
    clear: left;
  }

  .heading-4 {
    padding-left: 10px;
  }

  .discussion-title {
    margin-left: 11px;
    padding-left: 40px;
  }

  .newdiscussionbutton {
    text-transform: none;
  }

  .discussionsmallerheader {
    text-align: center;
  }

  .discussionwrapper {
    position: relative;
    margin-bottom: 2px;
    padding-bottom: 4px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px none #000;
  }

  .discussionimageblock {
    position: absolute;
    left: 0%;
    top: 0%;
    right: auto;
    bottom: auto;
    height: 65px;
    padding-top: 5px;
    padding-left: 8px;
    clear: left;
  }

  .discussionimage {
    border-width: 2px;
  }

  .discussiontextblock {
    padding-top: 5px;
  }

  .discussiontitlelink {
    font-size: 15px;
    line-height: 19px;
  }

  .column-10 {
    display: none;
  }

  .column-11 {
    display: none;
  }

  .column-12 {
    display: none;
  }

  .colcategory {
    display: none;
  }

  .categories-newdiscwrapper {
    margin-right: 20px;
    margin-left: 20px;
  }

  .modal-window-adddiscussion {
    display: block;
  }

  .newdiscussionbuttonadd {
    text-transform: none;
  }

  .modal-window-replydiscussion {
    display: block;
  }

  .reply-title {
    margin-left: 11px;
    padding-left: 40px;
  }

  .discussiontextbig {
    font-size: 20px;
    line-height: 26px;
    text-align: left;
  }

  .categorytype {
    font-size: 12px;
    text-align: center;
  }

  .categorytext {
    font-size: 12px;
    text-align: center;
  }

  .replybutton {
    text-transform: none;
  }

  .replybutton2 {
    text-transform: none;
  }

  .replyeditbutton {
    text-transform: none;
  }

  .discussiontitle {
    font-size: 15px;
    line-height: 19px;
  }

  .modal-background-adddiscussion {
    display: none;
  }

  .modal-background-reply {
    display: none;
  }

  .modal-background-edit {
    display: none;
  }

  .modal-window-edit {
    display: block;
  }

  .homepagefeaturedflexwrapper {
    margin-right: 0px;
    margin-left: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .hpfeaturedstorylinkbox {
    width: 100%;
    margin-bottom: 20px;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .hallpass {
    margin-left: 0px;
    padding-left: 48px;
  }

  .hallpasscolumns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .hallpasscolumns.redo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .ricksemails {
    background-position: 4% 50%;
    text-transform: none;
  }

  .hallpassformblock {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #fff;
  }

  .hallpasssidebar {
    width: 100%;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }

  .nextafloat {
    position: absolute;
    left: auto;
    top: auto;
    right: 0%;
    bottom: 0%;
    z-index: 5;
    display: block;
    height: auto;
    padding-left: 39px;
    background-position: 0% 50%, 0% 100%;
    background-size: 45px, cover;
  }

  .nextafloat:hover {
    background-size: 28px, cover;
  }

  .anonymousemail {
    background-position: 4% 50%;
    text-transform: none;
  }

  .wd-button-copy {
    width: 100%;
    background-position: 7px 1px;
    background-size: 32px;
  }

  .hallpasscompletedbutton {
    background-position: 9px 3px;
  }

  .hallpasscompletedbutton:hover {
    background-color: #1f4b0d;
  }

  .intranetmainnav {
    position: relative;
  }

  .myoceanlogout.modal-link.searchme {
    position: absolute;
    left: 44px;
    top: 13px;
  }

  .mo-mainnavlink.dropdown {
    text-transform: uppercase;
  }

  .mo-mainnavlink.intranetdropdown {
    text-transform: uppercase;
  }

  .mo-container {
    padding-right: 10px;
    padding-left: 10px;
  }

  .photodiv {
    width: 26%;
    margin-top: -12px;
    margin-left: 0px;
  }

  .titlediv {
    height: 65px;
    margin-top: 22px;
  }

  .heading-5 {
    padding-top: 21px;
    font-size: 20px;
  }

  .mo-editbutton {
    margin-top: -4px;
    margin-right: 14px;
    padding-right: 12px;
    padding-left: 12px;
    border-radius: 5px;
    font-size: 12px;
    line-height: 16px;
  }

  .mo-heading {
    font-size: 18px;
  }

  .mo-heading.directorsheading {
    margin-bottom: 12px;
  }

  .mo-heading.latestdiscussions {
    margin-bottom: 12px;
  }

  .mo-heading.ricksmessage {
    margin-bottom: 12px;
    font-size: 18px;
  }

  .mo-heading.announcementsheading {
    margin-bottom: 4px;
    font-size: 18px;
  }

  .directorphoto {
    width: 18%;
    margin-top: -12px;
    margin-left: 6px;
  }

  .directormessage {
    height: 65px;
    margin-top: 26px;
  }

  .mo-oc-archive {
    margin-top: 0px;
    margin-right: 14px;
    padding-right: 12px;
    padding-left: 12px;
    border-radius: 5px;
    font-size: 14px;
    line-height: 18px;
  }

  .announcementsection {
    padding: 8px 12px 12px;
  }

  .announcement {
    margin: 3px 0px 4px;
    padding-top: 9px;
    padding-right: 12px;
    padding-left: 33px;
    border-radius: 5px;
    font-size: 14px;
    line-height: 18px;
  }

  .mo-announcements {
    margin-top: 14px;
  }

  .serviceicon.adminservicesbig {
    width: 70px;
    height: 70px;
    margin-bottom: 14px;
    background-size: 40px;
  }

  .serviceicon.edtrainingservicesbig {
    width: 70px;
    height: 70px;
    margin-bottom: 14px;
    background-size: 50px;
  }

  .serviceicon.committeeservicesbig {
    width: 70px;
    height: 70px;
    margin-bottom: 14px;
    background-size: 45px;
  }

  .serviceicon.techservicesbig {
    width: 70px;
    height: 70px;
    margin-bottom: 14px;
    background-size: 45px;
  }

  .serviceicon.shipservicesbig {
    width: 70px;
    height: 70px;
    margin-bottom: 14px;
    background-size: 38px;
  }

  .serviceicon.leadershipicon {
    width: 70px;
    height: 70px;
    margin-bottom: 14px;
    background-size: 40px;
  }

  .publiclyviewableinfo {
    padding-right: 6px;
    padding-left: 6px;
  }

  .mo-intranetdescriptions {
    padding-right: 6px;
    padding-left: 6px;
  }

  .mo-servicestextblock {
    font-size: 16px;
  }

  .serviceboxtext {
    padding-right: 0px;
    padding-left: 0px;
    font-size: 11px;
    line-height: 18px;
    text-transform: none;
  }

  .vesselssection {
    background-position: 70% 0%;
    background-size: auto 180px;
  }

  .vesselh1 {
    margin-bottom: -7px;
    font-size: 28px;
  }

  .vesselh2 {
    font-size: 18px;
  }

  .container-6 {
    padding-top: 32px;
    padding-bottom: 32px;
    padding-left: 20px;
  }

  .tabs-menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .tabs {
    margin-top: -29px;
  }

  .section-title {
    margin-bottom: 10px;
    font-size: 26px;
    line-height: 30px;
  }

  .section-title-wrapper {
    width: 95%;
    margin-bottom: 40px;
  }

  .bottom-gallery-column-left {
    padding-left: 0px;
  }

  .gallery-image-block {
    height: 220px;
  }

  .gallery-image-block._2 {
    height: 160px;
  }

  .gallery-image-block._3 {
    height: 160px;
  }

  .bottom-gallery-column-right {
    padding-right: 0px;
  }

  .mo-heading-2.latestdiscussions {
    margin-bottom: 12px;
  }

  .mo-heading-2.announcementsheading {
    margin-bottom: 4px;
  }

  .mo-heading-2.ricksmessage {
    margin-bottom: 12px;
  }

  .announcement-2 {
    margin: 3px 0px 4px;
    padding-top: 9px;
    padding-right: 12px;
    padding-left: 33px;
    border-radius: 5px;
    font-size: 14px;
    line-height: 18px;
  }

  .heading-8 {
    padding-top: 21px;
    font-size: 20px;
  }

  .mo-oc-archive-2 {
    margin-top: 0px;
    margin-right: 14px;
    padding-right: 12px;
    padding-left: 12px;
    border-radius: 5px;
    font-size: 14px;
    line-height: 18px;
  }

  .mo-editbutton-2 {
    margin-top: -4px;
    margin-right: 14px;
    padding-right: 12px;
    padding-left: 12px;
    border-radius: 5px;
    background-color: #2168a5;
    font-size: 14px;
    line-height: 18px;
  }

  .photodiv-2 {
    width: 20%;
    margin-top: 4px;
    margin-bottom: 5px;
    margin-left: 0px;
  }

  .titlediv-2 {
    height: 65px;
    margin-top: 26px;
  }

  .dropdowntog {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .dropdownlink {
    padding-top: 7px;
    padding-bottom: 7px;
    background-color: #3b3b3b;
    color: #f0f0f0;
    font-size: 12px;
  }

  .dropdownlink:hover {
    color: #7ba4e0;
  }

  .tgt-wherebox {
    position: relative;
    overflow: visible;
  }

  .cruise-show-hide.intranet-edit {
    margin-top: 2px;
    margin-bottom: 2px;
  }

  .cruise-show-hide.intranet-home {
    padding-right: 10px;
  }
}

@media screen and (max-width: 479px) {
  h3 {
    margin-top: 0px;
    margin-bottom: 15px;
    float: left;
    font-size: 14px;
    line-height: 20px;
  }

  .button.slideshowbutton {
    padding: 2px 5px;
    font-size: 9px;
  }

  .button.slideshowbutton.cta-button.more-at-bottom {
    margin-bottom: 56px;
  }

  .button.slideshowbutton.cta-button.gradbutton {
    margin-bottom: 56px;
  }

  .topnav {
    height: 61px;
    padding-right: 9px;
    padding-left: 9px;
  }

  .mainnav {
    height: 27px;
    margin-top: 61px;
  }

  .mainnavcontainer {
    height: 29px;
  }

  .mainnavbox {
    padding-bottom: 0px;
  }

  .mainnavlink {
    font-size: 16px;
    line-height: 2px;
  }

  .mainnavlink.dropdown {
    text-transform: uppercase;
  }

  .mainnavlink.intranetdropdown {
    text-transform: uppercase;
  }

  .topnavcontainer {
    left: 0px;
    display: block;
    width: 125px;
    padding-left: 22px;
  }

  .topnavbox {
    display: block;
  }

  .slideshow-section {
    height: 100px;
  }

  .fsbox.asbox {
    margin-right: 10px;
  }

  .directorschoicetitle {
    font-size: 17px;
  }

  .dctitle {
    text-transform: none;
  }

  .rightarrowicon {
    margin-top: 35px;
    margin-right: 0.5px;
    font-size: 20px;
  }

  .leftarrowicon {
    margin-top: 35px;
    margin-left: 0.5px;
    font-size: 20px;
  }

  .eventsnewssection {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .congratsimage.latest-news-image {
    display: inline-block;
    margin-right: 0px;
  }

  .congratstitlelink {
    position: static;
    display: block;
    clear: none;
  }

  .slideshowtext {
    left: 12%;
    right: 12%;
    width: auto;
    margin-left: 2px;
    padding-right: 10px;
    padding-bottom: 12px;
    padding-left: 10px;
    background-image: none;
    line-height: 18px;
    text-align: left;
  }

  .slideshowheading {
    position: relative;
    display: block;
    margin-top: 0px;
    margin-bottom: 2px;
    padding-top: 7px;
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
  }

  .slideshowparagraph {
    display: none;
    font-size: 11px;
  }

  .modal-background {
    display: none;
  }

  .quicklinks-button:hover {
    color: #fff;
  }

  .logo-block {
    width: 205px;
    padding-top: 0px;
  }

  .logo-block.rside {
    display: none;
  }

  .logo-block.rside._w-mobile-only {
    margin-right: 102px;
  }

  .logo-brand.tablet {
    width: 60px;
    height: 60px;
    margin-top: 0px;
    margin-left: 0px;
    background-image: url('../images/ocean-logo-2015.png');
    background-size: 47px;
  }

  .logo-brand.tablet.rsideinner {
    width: 63px;
    margin-top: 0px;
    margin-right: 0px;
    background-position: 50% 50%;
    background-size: 30px;
  }

  .logo-brand.tablet.searchintranet {
    width: 63px;
    margin-top: 0px;
    margin-right: 0px;
    background-position: 50% 50%;
    background-size: 30px;
  }

  .logo-brand.tablet.wforintranet {
    width: 63px;
    margin-top: 0px;
    margin-right: 0px;
    background-position: 50% 50%;
    background-size: 30px;
  }

  .logo-brand.intranetlogo {
    width: 145px;
    height: 60px;
    margin-top: 0px;
    margin-left: 0px;
    background-image: url('../images/mo-intranet-logo-small.png');
    background-position: 0px 4px;
    background-size: 145px;
  }

  .logo-brand.intranetlogo.rsideinner {
    width: 63px;
    margin-top: 0px;
    margin-right: 0px;
    background-position: 50% 50%;
    background-size: 30px;
  }

  .dropdown-list {
    position: relative;
  }

  .dropdown-link {
    font-size: 16px;
    line-height: 14px;
  }

  .menu-button {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .menu-button.w--open {
    width: 103px;
    margin: 0px 0px -4px -3px;
    padding: 0px 18px 0px 14px;
  }

  .menu-icon {
    margin-bottom: 0px;
    padding-top: 1px;
    padding-bottom: 0px;
    font-size: 25px;
  }

  .collapsed-menu-text {
    padding-top: 4px;
    font-size: 14px;
  }

  .dropdown-menu {
    position: static;
  }

  .soo-logo-small {
    width: 193px;
    height: 39px;
    margin-top: 7px;
    margin-left: -14px;
  }

  .soo-logo-image {
    width: 97%;
    height: auto;
  }

  .body-text-container {
    margin-top: 20px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .body-text-container.primary-small {
    margin-top: 0px;
  }

  .primary-image-text-container {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .large-primary-image-heading {
    margin-top: 33px;
    margin-bottom: 3px;
    font-size: 12px;
  }

  .large-primary-image-heading.small-primary-heading {
    margin-top: 0px;
    margin-bottom: 5px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
    font-size: 14px;
    line-height: 17px;
    text-align: left;
  }

  .large-primary-image-heading.spotlighttitle {
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: auto;
    margin: 63px 0px 5px;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
  }

  .large-primary-image-heading.directors-choice-title {
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    font-size: 12px;
    line-height: 16px;
  }

  .primary-image-big {
    height: 80px;
    margin-top: 0px;
  }

  .large-primary-image-text {
    display: none;
  }

  .embedded-image-block {
    margin-bottom: 10px;
  }

  .sidebar-right {
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
  }

  .latest-news-heading {
    display: block;
    clear: none;
  }

  .latest-news-text {
    text-transform: none;
  }

  .latest-news-item {
    float: none;
  }

  .associated-stories-column {
    height: auto;
    min-height: 0px;
  }

  .story-title {
    margin-top: 15px;
    font-size: 20px;
    line-height: 26px;
  }

  .behind-main-nav {
    height: 61px;
  }

  .tab-link-button {
    text-transform: none;
  }

  .submit-button.addnewsection {
    width: 100%;
    margin-bottom: 15px;
  }

  .people-info-list-item.email {
    background-position: 2px 4px;
  }

  .faculty-member-unit {
    float: none;
  }

  .oceancurrentsh1 {
    margin-top: 0px;
  }

  .oceancurrentsh3 {
    float: none;
  }

  .spotlight-text {
    font-size: 12px;
  }

  .spotlight-text.side-link {
    font-size: 12px;
  }

  .newslisting-block {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .news-list-item {
    margin-top: -7px;
    margin-bottom: 2px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 10px;
    line-height: 17px;
  }

  .news-listing-block2 {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-right: 0px;
    padding-left: 0px;
  }

  .dclink-item {
    text-transform: none;
  }

  .hero-heading {
    margin-bottom: 15px;
    font-size: 40px;
    line-height: 41px;
  }

  .hero-text-block {
    font-size: 12px;
    line-height: 17px;
  }

  .footernavlink {
    font-size: 9px;
    line-height: 17px;
  }

  .mobutilitieslist {
    margin-bottom: 15px;
  }

  .mobnavlist-dropdown-block {
    float: none;
  }

  .featured-story-link-box {
    margin-right: 0px;
    margin-left: 0px;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .featured-story-heading {
    float: none;
  }

  .featured-story-heading.oc-title {
    margin-top: 83px;
    font-size: 17px;
  }

  .adminbutton.flexspace {
    width: 48%;
  }

  .featured-story-heading-text {
    font-size: 15px;
    text-transform: none;
  }

  .oceancurrents {
    width: 100%;
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 28px;
  }

  .oceancurrents.featuredchoice {
    width: 144px;
    font-size: 12px;
    line-height: 22px;
  }

  .oceancurrentscontainer.smtop {
    margin-bottom: 28px;
  }

  ._2columnflexwrapper {
    display: inline-block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }

  .fblock {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }

  .fblocklink {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .featuredflexwrapper {
    margin: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .related-topics-container {
    padding-right: 38px;
    padding-left: 38px;
  }

  .flexobjectmostread {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
  }

  .checkimage {
    top: 2px;
  }

  .choicedirectorblock {
    margin-left: 10px;
  }

  .oceancurrentsimage {
    margin-left: 24px;
  }

  .alphabet-link {
    font-size: 9px;
    line-height: 16px;
  }

  .alphabet-organizer-flex-wrapper {
    padding: 8px 0px;
  }

  .featured-story-div {
    width: 100%;
    padding-right: 0px;
  }

  .announcements-flex-wrapper {
    padding-right: 10px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }

  .announcements-flex-link-box {
    margin-bottom: 12px;
    padding: 10px;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .announcements-flex-link-box.generalbox {
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .announcement-date {
    font-size: 12px;
  }

  .announcements-story-heading {
    padding-top: 0px;
    font-size: 12px;
    line-height: 18px;
  }

  .announcements-story-heading.generaltext {
    font-size: 12px;
  }

  .announcement-wrapper {
    width: 280px;
    padding: 15px 20px;
  }

  .announcement-image {
    width: 110px;
  }

  .uwalert-alert-message {
    display: none;
  }

  .the-flex-item-wrapper {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }

  .coursesectionwrapper.infoselected {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .coursesectiontype.deleteremove.sectiondetails {
    right: -29px;
  }

  .coursesectiontype.lecture {
    background-position: 25% 50%;
  }

  .coursesectiontype.lab {
    background-position: 35% 50%;
  }

  .coursesectiontype.quiz {
    background-position: 28% 50%;
  }

  .coursesectiontype.other {
    background-position: 28% 50%;
  }

  .coursesectiontype.seminar {
    background-position: 23% 50%;
  }

  .coursesectionnametype {
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .sectiontype {
    width: 100%;
  }

  .divhr {
    height: 2px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#d3d3d3));
    background-image: linear-gradient(180deg, #d3d3d3, #d3d3d3);
  }

  .intranethomeflex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .cdheader.lecture {
    background-position: 19% 50%;
  }

  .cdheader.lab {
    background-position: 32% 50%;
  }

  .cdheader.seminar {
    background-position: 17% 50%;
  }

  .cdheader.other {
    background-position: 25% 50%;
  }

  .cdheader.quiz {
    background-position: 32% 50%;
  }

  .cdflexitem._75percent {
    width: 75%;
    font-size: 12px;
    line-height: 16px;
  }

  .cdflexitem._25percent {
    width: 25%;
    padding-right: 5px;
    padding-left: 5px;
  }

  .dtheaderleft {
    width: 75%;
  }

  .dtheaderright {
    width: 25%;
  }

  .link {
    font-size: 12px;
  }

  .link-2 {
    font-size: 12px;
  }

  .div-block-2 {
    margin-bottom: 0px;
  }

  .showbuttons.enrollment {
    width: 100%;
    padding-bottom: 10px;
    background-position: 50% 6px;
  }

  .showbuttons.enrollment._50percent {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .showbuttons.schoollink {
    width: 100%;
    padding-bottom: 10px;
    background-position: 50% 5px;
  }

  .showbuttons.schoollink._50percent {
    width: 100%;
  }

  .showbuttons.newinstance {
    width: 100%;
  }

  .showbuttonflexwrapper {
    margin-bottom: 2px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .servicespersonnelflexwrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .servicepersonbox {
    width: 100%;
  }

  .servicepersontextblock {
    font-size: 12px;
  }

  .nebox {
    margin-bottom: 10px;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }

  .container-3 {
    margin-top: 10px;
    margin-bottom: 11px;
  }

  .text-block-10 {
    font-size: 9px;
  }

  .annflexcontainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .mosecondaryannouncements {
    padding-left: 29px;
    background-position: 2% 50%;
  }

  .discussionimageblock {
    display: none;
  }

  .discussiontextblock {
    padding-left: 8px;
  }

  .modal-background-adddiscussion {
    display: none;
  }

  .modal-background-reply {
    display: none;
  }

  .modal-background-edit {
    display: none;
  }

  .homepagefeaturedflexwrapper {
    margin: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .hpfeaturedstorylinkbox {
    margin-right: 0px;
    margin-left: 0px;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .hallpass {
    font-size: 20px;
  }

  .ricksemails {
    line-height: 18px;
  }

  .hallpassformblock {
    padding-right: 6px;
    padding-left: 6px;
  }

  .nextafloat {
    display: none;
    height: 20px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 16px;
    background-image: url('../images/next-text-bg.png');
    background-position: 0% 100%;
    background-size: cover;
    background-repeat: no-repeat;
    line-height: 13px;
  }

  .anonymousemail {
    line-height: 18px;
  }

  .hallpasscompletedbutton {
    background-position: 9px 5px;
  }

  .intranetmainnav {
    height: 27px;
    margin-top: 61px;
  }

  .mo-mainnavlink {
    font-size: 16px;
    line-height: 2px;
  }

  .mo-mainnavlink.dropdown {
    text-transform: uppercase;
  }

  .mo-mainnavlink.intranetdropdown {
    text-transform: uppercase;
  }

  .photodiv {
    width: 70px;
    height: 70px;
    margin-top: -10px;
  }

  .titlediv {
    height: 35px;
    margin-top: 8px;
  }

  .heading-5 {
    margin-top: 6px;
    padding-top: 0px;
    font-size: 14px;
  }

  .mo-editbutton {
    top: 0px;
    right: 1px;
    margin-top: -6px;
    margin-right: 13px;
    padding: 2px 9px;
    font-size: 10px;
    line-height: 12px;
  }

  .directorphoto {
    width: 70px;
    height: 70px;
    margin-top: -10px;
    margin-left: 12px;
  }

  .directormessage {
    height: 35px;
    margin-top: 8px;
  }

  .mo-oc-archive {
    top: 0px;
    right: 1px;
    margin-top: 0px;
    margin-right: 12px;
    padding: 6px 9px;
    font-size: 10px;
    line-height: 12px;
  }

  .announcementsection {
    padding-right: 12px;
    padding-bottom: 7px;
    padding-left: 12px;
  }

  .announcement {
    top: 0px;
    right: 1px;
    margin-top: 1px;
    margin-right: 0px;
    margin-bottom: 5px;
    padding: 9px 9px 9px 33px;
    font-size: 14px;
    line-height: 16px;
  }

  .servicesbigblock {
    width: auto;
  }

  .servicesbigdiv {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .servicesbigblock2 {
    width: auto;
  }

  .vesselssection {
    background-size: auto 155px;
  }

  .vesselssection.rv-carsonsection {
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.63)), to(hsla(0, 0%, 100%, 0.63))), url('../images/carson-bg2.jpg');
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.63), hsla(0, 0%, 100%, 0.63)), url('../images/carson-bg2.jpg');
    background-size: auto, auto 150px;
  }

  .vesselh1 {
    margin-top: 0px;
    margin-bottom: -14px;
    color: #353535;
    font-size: 20px;
  }

  .vesselh2 {
    color: #3d3d3d;
    font-size: 16px;
  }

  .container-6 {
    padding-top: 33px;
    padding-bottom: 33px;
  }

  .dashboardbox {
    width: 100%;
  }

  .dashboardflexbox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .tgt-div-bloc {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .tgt-image-link {
    margin-bottom: 16px;
  }

  .section-title {
    font-size: 25px;
    line-height: 26px;
  }

  .section-title-wrapper {
    width: 100%;
    margin-bottom: 30px;
  }

  .gallery-image-block {
    height: 150px;
  }

  .gallery-image-block._2 {
    height: 120px;
  }

  .gallery-image-block._3 {
    height: 120px;
  }

  .section-description {
    margin-top: 14px;
    font-size: 15px;
    line-height: 23px;
  }

  .announcement-2 {
    top: 0px;
    right: 1px;
    margin-top: 1px;
    margin-right: 0px;
    margin-bottom: 5px;
    padding: 9px 9px 9px 33px;
    font-size: 14px;
    line-height: 16px;
  }

  .heading-8 {
    margin-top: 6px;
    padding-top: 0px;
    font-size: 14px;
  }

  .mo-oc-archive-2 {
    top: 0px;
    right: 1px;
    margin-top: 0px;
    margin-right: 12px;
    padding: 6px 9px;
    font-size: 10px;
    line-height: 12px;
  }

  .mo-editbutton-2 {
    top: 0px;
    right: 1px;
    margin-top: 6px;
    margin-right: 13px;
    padding: 2px 9px;
    font-size: 10px;
    line-height: 12px;
  }

  .photodiv-2 {
    width: 70px;
    height: 70px;
    margin-top: 1px;
  }

  .titlediv-2 {
    height: 35px;
    margin-top: 20px;
  }

  .pronouns {
    float: none;
  }

  .link-block-4 {
    display: block;
  }

  .oc-textblock {
    font-size: 12px;
    line-height: 17px;
  }
}

#w-node-_3b11ec30-598e-7656-3fd9-98c22e5efb10-b4ebbcb1 {
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
  align-self: auto;
}

@font-face {
  font-family: 'Foundation icons';
  src: url('../fonts/foundation-icons.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
































.button.slideshowbutton {
    margin-top: 30px;
}
.servicepersontextblock p {
    font-size: 12px;
    color: black;
    line-height: 16px;
}
.servicepersontextblock ul {
    font-size: 12px;
    color: black;
    line-height: 16px;
}
.w-nav-link.w--current {
color: #17283f;
font-weight: bold;
}
label {
  display: inline-block;
  margin-bottom: 9px;
  margin-right: 15px;
  font-family: 'Open Sans', sans-serif;
  color: #707070;
  font-size: 14px;
  font-weight: 400;
}
.forumperson {
  position: static;
  display: block;
  float: none;
}
@media (max-width: 1255px) {
    .w-container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 991px) {
    .w-container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 767px) {
    .w-container {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media (max-width: 479px) {
        padding-left: 20px;
        padding-right: 20px;
    }
}
.iframe-parent{
    width: 100vw;
    /*height: 100vh;*/
}

/* Expand to the entire container */
iframe{
    width: 100%;
    /*height: 100%;*/
}