/* HTML5 Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  background: transparent;
  border: 0;
  font-size: 100%;
  margin: 0;
  padding: 0;
  outline: 0;
}


article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

a {
  background: transparent;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

/* Change colors to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* Change colors to suit your needs */
mark {
  background-color: #ff9;
  color: #000; 
  font-style: italic;
  font-weight: 600;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  border: 0;   
  border-top: 1px solid #ccc;
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
}

input, select {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  vertical-align: middle;
}

/* Global Base Styles */
body {
  background-color: #e4e4e4;
  color: #222;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
  -webkit-tap-highlight-color: transparent;
}

/* Body Background */
.body-bg {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  opacity: .4;
  position: fixed;
  width: 100%;
  z-index: -99999;
}

/* 960 Grid - 30 Column 4px Gutter */
.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12, .span13, .span14, .span15, .span16, .span17, .span18, .span19, .span20, .span21, .span22, .span23, .span24, .span25, .span26, .span27, .span28, .span29, .span30{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  float:left;
}

.col {
  margin-left: 0.4%;
}

/*.col.md {
  margin-left: 3.5%;
}

.col.sm {
  margin-left: 3.4%;
}

.col.xs {
  margin-left: 2.7%;
}*/

.span1 {
  height: 1px;
  width: 3.3%;
}

.span2 {
  width: 6.2%;
}

.span3 {
  width: 9.55%;
}

.span4 {
  width: 12.9%;
}

.span5 {
  width: 16.25%;
}

.span6 {
  width: 19.6%;
}

.span7 {
  width: 22.95%;
}

.span8 {
  width: 26.3%;
}

.span8.lg {
  width: 28.2%;
}

.span9.sm {
  width: 29.3%;
}

.span9 {
  width: 29.65%;
}

.span10 {
  width: 33%;
}

.span11 {
  width: 36.35%;
}

.span12 {
  width: 39.7%;
}

.span13 {
  width: 43.05%;
}

.span14 {
  width: 46.4%;
}

.span15 {
  width: 49.75%;
}

.span16 {
  width: 53.1%;
}

.span17 {
  width: 56.45%;
}

.span18 {
  width: 59.8%;
}

.span19 {
  width: 63.15%;
}

.span20 {
  width: 66.5%;
}

.span21 {
  width: 69.85%;
}

.span22 {
  width: 73.2%;
}

.span23 {
  width: 76.55%;
}

.span24 {
  width: 79.9%;
}

.span25 {
  width: 83.25%;
}

.span26 {
  width: 89%;
}

.span27 {
  width: 89.95%;
}

.span28.sm {
  width: 91.6%;
}

.span28 {
  width: 93%;
}

.span29 {
  width: 96.4%;
}

.span30 {
  width: 100%;
  margin-left: 0;
}

/* Head Tags */
h1 {
  color: #004477;
  font-size: 2.25em;
  font-weight: 600;
  padding: 0 0 12px 0;
  line-height: 1.2;
}

h2 {
  color: #004477;
  font-size: 1.65em;
  font-weight: 600;
  padding: 12px 0 0 0;
  line-height: 1.2;
}

h3 {
  color: #004477;
  font-size: 1.4em;
  font-weight: 400;
  padding: 12px 0 0 0;
  line-height: 1.3;
}

h4 {
  color: #004477;
  font-size: 1.2em;
  font-weight: 400;
  padding: 12px 0 0 0;
  line-height: 1.3;
}

h5 {
  color: #222;
  font-size: 1.08em;
  font-weight: 600;
  padding: 20px 0 6px 0;
  line-height: 1.3;
}

/*h1 + h2,*/
h2 + h3,
h3 + h4,
h4 + h5 {
    padding-top:4px;
}

h2 + div.photo-gallery {padding-top : 10px;}

/* h1 + h2, .inner-content p:first-of-type {
  padding-top: 0;
} Header Project */

/* P, UL, OL Content Styles */
p {
  line-height: 1.571;
  padding: 8px 0;
}

/* Home First Paragraph */
.main-content.span19.col.content.subsite .inner-content p:first-child {
  padding-top: 0;
}

.main-content.span19.col.content.subsite > .photo-slider {
  margin-bottom: 30px;
}


/* Bullet modified and added new April 22-2016 SMR */

.content ul,
.content ol {
  margin: 0;
  padding: 6px 0 6px 15px;
}

.content ul li,
.content ol li {
  padding: 3px 0 3px 5px;
}

.content ul li ul,
.content ol li ol,
.content ul li ul li ul,
.content ol li ol li ol,
.content ul li ul li ul li ul,
.content ol li ol li ol li ol {
    padding-left : 35px;
}

/* End Bullets */

strong,
b {
  font-weight: 600;
}

italic,
em {
  font-style: italic;
}

.footnote {display:block; font-size:0.9em; margin-left:20px; font-style:italic;}

/* HREF Tags */
.content a {
  /* color: #005599; - header project */
  color: #0072ce;
  text-decoration: underline;
}

.content a:hover,
.content a:focus {
  /* color: #005599; - header project */
  color: #0072ce;
}

.content a:visited {
  color: #800080;
  text-decoration: underline;
}

.content h3 a,
.content h3 a:hover{
  text-decoration:none;
  color:#004477;
}

a.btn.full {
  margin-bottom : 17px;
}

a.fill-div {
  display: block;
  height: 100%;
  width: 100%;
}

a.top,
a.top:visited {
  /* color: #005599; - header project */
  color: #0072ce;
  display: block;
  float: right;
  padding: 5px 0 5px 10px;
  text-align: right;
  text-decoration: none;
  width: 100%;
}

a.top:hover,
a.top:focus {
  /* color: #005599; - header project */
  color: #0072ce;
  text-decoration: underline;
}

a.top:after {
  content: '\00a0\f106';
  display: inline-block;
  font-size: 1.4em;
  font-family: 'Font Awesome\ 5 Free'!important;
  font-style: normal;
  font-weight: 600;
}

a img {
  border: none;
}

/* Image Properties for Body Content Area */
img {
  border: none;
  height: auto;
  max-width: 100%;
  -ms-interpolation-mode: bicubic;
}

.noscript {
  display: block;
}

.screenreader {
  left: -10000px;
  position: absolute;
}

/* Forms Elements */
.content-container form {
  /*display: inline-block; REMOVED 2016-07-11 SMR to fix float issues on A-Z listings pages */
  margin-bottom: 15px;
  margin-top: 5px;
  padding: 0;
}

form.program {
  padding: 0 !important;
}

form .header {
  padding: 7px 15px;
}

form .header {
  background: #e4e4e4;
  border-bottom: 2px solid #f6f6f6;
  font-size: 1.071em;
}

form .row {
  background-color: #f6f6f6;
  border-bottom: 1px solid #fff;
  padding: 8px 15px;
}

div .row.directory {
    padding-bottom:25px;
}

form .row.last,
form .row:last-child {
  border-bottom: none;
  padding-bottom: 25px;
}

form .noborder {
  border-bottom: none;
}

form .field {
  display: inline-block;
  width: 68%;
}

label,
form .spacer {
  display: inline-block;
  line-height: 1.4;
  padding: 4px 1% 0 0;
  vertical-align: top;
  width: 29%;
}

h2 > label {
  width: auto;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=url],
input[type=number],
select,
textarea {
  background: #fff;
  border: 1px solid #7799aa;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  padding: 3px 6px;
  -moz-appearance: none;
  -webkit-appearance: none;
}

select::-ms-expand {
  display: none;
}

select {
  appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  background: #fff url(../../img/designelements/buttons/dropdown.png) no-repeat 100%;
  *background-image:none;
  cursor: pointer;
  margin: 0;
  max-width:198px;
  padding-right: 32px;
  position:relative;
  text-overflow: "";
  width:100%;
}

.content-container input[type=image] {
  max-width: none;
  width: auto;
}

.content-container input {
  max-width: 198px;
  width: 100%;
}

.content-container input,
select {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

.content-container textarea {
  font-family: Arial, "Open Sans", Helvetica, sans-serif;
  padding: 14px 8px;
}

input.long {
  max-width: 100%;
  width: 100%;
}

input.short {
  max-width: 95px;
  width: 100%;
}

input[type=checkbox],
input[type=radio] {
  border: 1px solid #7799aa;
  margin: 4px 4px 0 0;
  max-width: none;
  vertical-align: top;
  width: auto;
}

textarea {
  max-width: 348px;
  width: 100%;
  padding: 8px;
}

form .countdown {
  /*float: left;*/
  font-size: .929em;
  line-height: 1;
  margin: 5px 50px 0 0;
}

form .field label {
  display: inline-block;
  margin: 0;
  padding: 0 0 5px 0;
  width: 93%;
}
form .field p{
    float:left;
    margin-top:10px;
    width:95%;
}
a.btn,
a.btn:visited,
button,
button:visited,
input[type=button],
input[type=button]:visited,
.content-container input[type=submit],
.content-container input[type=submit]:visited {
  background: #488117;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 1.15em;
  line-height: 1;
  padding: 12px 32px;
  text-align: center;
  text-decoration: none;
  -webkit-appearance: none;
  line-height:1.2em;
}

.content-container input[type=submit],
.content-container form a.btn,
.content-container form a.btnSubmit {
  font-size: 1.14em;
  padding: 7px 32px;
  max-width: none;
  width: auto;
}

a.btn:hover,
a.btn:focus,
button:hover,
button:focus,
input[type=button]:hover,
input[type=button]:focus,
.content-container input[type=submit]:hover,
.content-container input[type=submit]:focus {
  background: #356010;
  color: #fff;
}
 .content-container input[type=submit].Button-CollDir:focus {
	background:#488117; /* changed from #6fab3a */
}
.btnOther{
  font-size:1.14em !important;
  padding:10px 18px !important;
}
/* Form Error Elements */
form .row.invalid {
  background: #ffaaaa;
  border-bottom: 1px solid #fff;
}

.errmsg label {
  color: #dd2233;
  display: block;
  font-size: .929em;
}

.errmsg span {
  display: block;
}

.errmsg-nrml {
  font-weight: normal;
}

/* Form Required Text */
.req-text,
.req-symbol {
  color: #dd2233;
  font-weight: 600;
  padding:4px;
}

.req-text.symbol {
  font-size: 1.143em;
  padding: 0 4px;
}

.req-symbol {
  padding: 0 4px;
}

/* Form and Accordion Toggle More Info */
.accordion-more-btn,
.more-btn {
  margin: 6px 0 0 0;
}

.accordion-more-btn .title,
.more-btn .title {
  text-decoration: underline;
}

.accordion-more-btn .title:hover,
.accordion-more-btn .title:focus,
.more-btn .title:hover,
.more-btn .title:focus {
  text-decoration: none;
}

.accordion-more-btn span.toggle,
.more-btn span.toggle {
  background: #6fab3a url(../../img/designelements/buttons/btn-show.gif);
  cursor: pointer;
  display: inline-block;
  height: 17px;
  margin: 0 4px 2px 0;
  overflow: hidden;
  vertical-align: middle;
  width: 17px;
}

.accordion-more-btn span.toggle.on,
.more-btn span.toggle.on {
  background: #6fab3a url(../../img/designelements/buttons/btn-hide.gif);
  height: 17px;
  overflow: hidden;
  width: 17px;
}

ul.more-list {
  list-style: none;
  padding-left: 25px;
}

/* Alert Messages Common Settings*/
.alert-msg {
  background-position: 20px 9px;
  background-repeat: no-repeat;
  color: #fff;
  font-size: .857em;
  font-weight: 800;
  line-height: 1.4;
  margin: 10px 0;
  padding: 13px 10px 13px 56px;
  text-transform: uppercase;
}

/* Form Alert Error Messages */
.alert-msg.red {
  background-color: #dd2233;
  background-image: url(../../img/designelements/icons/alert-icon-red.png);
}

/* Form Alert Info Messages */
.alert-msg.blue {
  background-color: #77bbff;
  background-image: url(../../img/designelements/icons/alert-icon-blue.png);
}

/* Form Alert Warning Messages */
.alert-msg.yellow {
  background-color: #ffbb00;
  background-image: url(../../img/designelements/icons/alert-icon-yellow.png);
}

/* Form Alert Success Messages */
.alert-msg.green {
  background-color: #88cc22;
  background-image: url(../../img/designelements/icons/alert-icon-green.png);
}

/* Alert Messages Container */
.alert-container {
  display: inline-block;
  margin: 28px 0 15px 0;
  padding-left: 3.3%;
}

.home .alert-container {
  margin: 0 0 30px 0;
}

.main-content .alert-container {
  margin: 0 0 25px 0;
}

.content-container.content.page-inner .alert-container,
.main-content .alert-container {
  padding-left: 0;
}

.content-container.content.page-inner .alert-msg,
.content-container.content.page-inner .alert-info,
.main-content .alert-container .span29 {
  width: 100%;
}

/* Alert Messages Main Header Settings*/
.alert-container .alert-msg {
  background-position: 28px 7px;
  background-size: 21px;
  font-size: 1.3em;
  font-weight: 600;
  margin: 0;
  padding: 5px 10px 5px 60px;
  text-transform: none;
}

/* Main Header Alert Info Messages */
.alert-container .alert-info {
  color: #000;
  font-weight: 600;
  padding: 12px 26px;
}

.alert-container .alert-info span {
  /*font-size: 1.35em; SMR - 2017-02-01 hidden because it was causing email links in message to be larger */
}

.alert-container .alert-info p {
  font-size: 1.1em;
  line-height: 1.4;
  padding: 2px 0;
}

.alert-container.blue .alert-info {
  background: #add6ff;
}

.alert-container.yellow .alert-info {
  background: #fff1cc;
}

.alert-container.red .alert-info {
  background: #fabcc2;
}

.alert-container.red {
   background: none;
}

.alert-container.green .alert-info {
  background: #c3e590;
}

/* ----- ADDED FOR Alumni Email Preferences Form - 2016-08-25 SMR ----- */

#commOptions {width:100%;}

/* ----- END Alumni Email Preferences Form ----- */

/* Form Element added specifically for Simply Cast Lead Card */

#scPortableForm-101598 div.options.input label{width:90%; padding:0 0 5px 5px; display:inline-block;}
#scPortableForm-101598 select {padding-right:2em !important;}
#scPortableForm-101598 div.options.input {display:block !important;}

/* End Form Element for Simply Cast Lead Card */

/* Common Table */
table {
  border-collapse: collapse;
  margin: 15px 0;
  width: 100%;
}

tr {
}

th {
  font-size: 1.071em;
  font-weight: 600;
}

td, th {
  padding: 6px;
  line-height: 1.4;
}

/* Screen Reader */
.screenreader {
  left: -10000px;
  position: absolute;
}

/* Show/Hide for Desktop */
.show-desktop {
  display: block;
}

.show-mobile,
.mgmenu-container .mgmenu > li.show-mobile {
  display: none !important;
}

/* Page Width */
.page {
  margin: 0 auto;
  max-width: 960px;
  position: relative;
  width: 100%;
  z-index: 1;
}

.page-inner {
  float: left;
  padding: 0 3.4%;
  width: 93.2%;
}

/* Task Nav */
.task-nav {
  background: #013056;
}

.task-nav > ul {
  float: right;
  list-style: none;
  margin: 6px 0 9px;
}

.task-nav > ul > li {
  border-right: 1px solid #0061a2;
  color: #fff;
  float: left;
  font-size: .89em;
  line-height: 1;
  padding: 1px 10px;
}

.task-nav > ul > li:last-child {
  border-right: none;
  padding-right: 0;
}

.task-nav > ul > li a {
  color: #fff;
  text-decoration: none;
}

.task-nav > ul > li:hover a,
.task-nav > ul > li:focus a {
  text-decoration: underline;
}

/* Information For Nav */
.info-for {
  background: #004477;
  margin-bottom: -1px;
}

.info-for ul {
  float: right;
  list-style: none;
  margin: 8px 0 4px 0;
  padding: 0;
}

.info-for li {
  border-right: 1px solid #0061a2;
  color: #fffbbb;
  float: left;
  font-size: .929em;
  padding: 0 11px;
}

.info-for li:first-child {
  border-right: none;
  padding-right: 5px;
}

.info-for li:last-child {
  border-right: none;
  padding-right: 0;
}

.info-for ul li a{
  color: #fffbbb;
  text-decoration: none;
}

.info-for ul li:hover a,
.info-for ul li:focus a{
  text-decoration: underline;
}

/* Information For Tablet/Mobile Button */
.info-btn {
  background: none;
  color: #fff;
  cursor: pointer;
  display: none;
  float: right;
  font-size: .929em;
  margin-right: -10px;
  max-width: 48px;
  padding: 6px 2.5%;
  width: 95%;
}

.info-btn:after {
  content: '\f0d7';
  font-size: 1.4em;
  font-family: 'Font Awesome\ 5 Free';
  font-style: normal;
  padding: 0 0 0 10px;
  vertical-align: top;
  font-weight: 600;
}

.info-btn.on {
  background: #004477;
}

/* Logo Container Area */
.logo-container {
  background: #004477;
  padding-bottom: 33px;
  padding-top: 1px;
}

.logo {
  float: left;
}

.logo img {
  max-width: 150px;
  width: 100%;
}

.logo .print {
  display: none;
}

/* Google Custom Search styles */
.gcsc-branding { display: none!important; }

.gstl_50, .gstl_51 {
    margin: 0!important;
}
.gsc-control-cse
{
  padding: 0!important;
  border-width: 0!important;
}

form.gsc-search-box,table.gsc-search-box
{
  margin-bottom: 0!important;
}

#gsc-iw-id1,#gsc-iw-id2
{
  border-width: 0!important;
  height: auto!important;
  box-shadow: none!important;
}

#gs_tti50
{
  padding: 0!important;
}

#gsc-i-id1,#gsc-i-id2
{
  height: 20px!important;
  padding: 0!important;
  background: none!important;
  text-indent: 0!important;
}

.gsib_b
{
  display:none;
}

.gsc-branding
{
  display:none !important;
}

.gsc-control-cse,#gsc-iw-id1,#gsc-iw-id2
{
  background-color:transparent !important;
}
/* CSS for changing placeholder color on search input box */
  /* Chrome */
#gsc-i-id1::-webkit-input-placeholder,#gsc-i-id2::-webkit-input-placeholder
{ 
  color: #888;
}

  /* IE 10+ */
#gsc-i-id1:-ms-input-placeholder,#gsc-i-id2:-ms-input-placeholder
{ 
  color: #888;
}

  /* Firefox 19+ */
#gsc-i-id1::-moz-placeholder,#gsc-i-id2::-moz-placeholder
{ 
  color: #888;
  opacity: 1;
}

  /* Firefox 4 - 18 */
#gsc-i-id1:-moz-placeholder,#gsc-i-id2:-moz-placeholder
{ 

  color: #888;
  opacity: 1;
}

/* search-box ID is for the div this search box lives in on the page; this one is specificially for the results page content search box */
#search-box-hdr
{
  width: 215px;
  background-color: #fff;
  border-radius: 0;
}

#search-box
{
  width: 380px;
  height: 8px;
  background-color: #fff;
  border-radius: 2px;
  margin: 7px 0 70px 0;
}

#search-box-hdr .gsc-search-box .gsc-input
{
  padding: 0 4px !important;
  background-color: #fff!important;
  border: 0;
}

#search-box .gsc-search-box .gsc-input
{
  padding: 0 4px !important;
  background-color: #fff!important;
  border: 1px solid #7799aa;
}

.gsc-search-box td {
  padding: 0;
}

#gsc-i-id1,#gsc-i-id2
{
  color:#888;
}
#search-box-hdr .gsc-search-button {
  border-bottom: 1px solid #fff !important;
}

#search-box-hdr button.gsc-search-button
{
  padding: 7px 7px 3px 5px !important;
  background-color: #fff !important;
  border-radius: 0!important;
  margin-left: 0!important;
  border: 0!important;
}

#search-box-hdr button.gsc-search-button svg
{
  fill: #888!important;
  height: 19px!important;
  width: 19px!important;
}
#search-box-hdr .gsc-search-button:hover
{
  background-color: #fff !important;
}

#search-box .gsc-search-button {
  border-bottom: 1px solid #488117 !important;
}

#search-box button.gsc-search-button
{
  padding: 12px 10px 10px 10px !important;
  background-color: #488117 !important;
  border-radius: 0;
  margin-left: 0!important;
}

#search-box .gsc-search-button:hover
{
  background-color: #356010 !important;
  border-bottom: 1px solid #356010 !important;
}

.gsc-result { margin-bottom: 15px!important; }

/* End Google Custom Search Styles */

/* Search Box */
.search {
  float: right;
  margin: -8px 0 0 0;
  text-align: right;
}

input.search-box {
  border: 1px solid #fff;
  color: #888;
  float: left;
  font-size: 1em;
  height: 29px;
  max-width: none;
  padding: 2px 7px;
  -webkit-appearance: none;
  width: 182px;
}

.search-btn {
  background: #fff url(../../img/designelements/header/search-icon-desktop.png) no-repeat center center;
  background-size: 18px;
  border: 1px solid #fff;
  cursor: pointer;
  float: right;
  height: 29px;
  text-indent: -99999px;
  width: 32px;
}

/* Google Search */
iframe[name=googleSearchFrame] {
  border: none;
  border: 0;
  width: 100%;
}

/* Responsive videos */
.video-frame {
	position: relative;
	padding-bottom: 52.25%; /* 16:9 */
	padding-top: 21px;
	height: 0;
}
.video-frame iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Mega Menu Bar */
.mgmenu-container {
  background: #fff;
  border-bottom: 1px solid #d4d4d4;
  float: left;
  height: 45px;
  margin: 0 auto;
  position: relative;
  width: 100%;
  z-index: 10;
}

.mgmenu {
  line-height: 1;
  list-style: none;
  margin: 0;
  padding: 3px 0 0 0;
  position: relative;
  z-index: 12;
}

/* Mega Menu Content and Typography */
.mgmenu a {
  color: #005599;
  font-weight: 600;
  text-decoration: none;
}

.mgmenu a:hover,
.mgmenu a:focus {
  color: #005599;
}

.mgmenu a:focus {
  background: none;
}

/* Mega Menu Parent Items */
.mgmenu > li {
  border-right: 1px solid #d4d4d4;
  border-top: 1px solid #fff;
  float: left;
  font-size: 1.1em;
  margin: 0;
  padding: 0 7px;
  position: relative;
}

.mgmenu > li:last-child {
  border-right: none;
}

.mgmenu > li > span {
  display: block;
  outline: 0;
  padding: 11px 0 15px 0;
  text-decoration: none;
}

/* Mega Menu has Sub Link */
.mgmenu > li.sub > span > a,
.mgmenu > li.sub:hover > span > a,
.mgmenu > li.sub:focus > span > a {
  padding-bottom: 12px;
}

.mgmenu > li.sub:hover > span > a,
.mgmenu > li.sub:focus > span > a {
  background: #d5d5d5;
  padding-bottom: 12px;
}

.mgmenu > li > span > a,
.mgmenu > li.active > span > a {
  padding: 9px 25px 9px 26px;
  transition: background .75s ease-in-out;
  -moz-transition: background .75s ease-in-out;
  -ms-transition: background .75s ease-in-out; 
  -o-transition: background .75s ease-in-out;
  -webkit-transition: background .75s ease-in-out;
}

/* Mega Menu Active Link */
.mgmenu > li.active > span > a {
  background: #cfe4f6;
}

.mgmenu > li > span > a:hover,
.mgmenu > li > span > a:focus {
  background: #d5d5d5;
}

/* Mega Menu Home Item Hide Mobile Name */
.mgmenu li .mobile-name {
  display: none;
}

.mgmenu > li > span:hover,
.mgmenu > li > span:focus,
.mgmenu > li > a:hover,
.mgmenu > li > a:focus {
  color: #005599;
  cursor: pointer;
  outline: none;
}

.mgmenu .off,
.mgmenu .on {
  display: none;
}

/* Mega Menu Drop Down Styling */
.mgmenu li .submenu {
  background: #d5d5d5;
  box-shadow: 0 2px 2px rgba(0,0,0,.05);
  -moz-box-shadow: 0 2px 2px rgba(0,0,0,.05);
  -o-box-shadow: 0 2px 2px rgba(0,0,0,.05);
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.05);
  color: #fff;
  display: none;
  float: left;
  left: 50%;
  margin: 0;
  padding: 16px 0;
  position: absolute;
  top: auto;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  z-index: 10;
}

.mgmenu > li.sub:hover .submenu,
.mgmenu > li.sub:focus .submenu {
  display: block;
}

/* Mega Menu Drop Down Containers */
.mgmenu li .one-col {
  min-width: 200px;
}

.mgmenu li .two-col {
  min-width: 477px;
}

.mgmenu li .three-col {
  min-width: 700px;
}

.mgmenu li:nth-of-type(2) .two-col,
.mgmenu li:nth-of-type(2) .three-col,
.mgmenu li:nth-of-type(3) .three-col {
  left: 6px;
  right: auto;
  transform: none;
  -webkit-transform: none;
}

.mgmenu li:last-of-type .submenu,
.mgmenu li:nth-of-type(5) .three-col {
  left: auto;
  right: 6px;
  transform: none;
  -webkit-transform: none;
}

/* Mega Menu Columns Grid */
.mgmenu .submenu-col {
  border-right: 1px solid #fff;
  display: table-cell;
  position: relative;
  vertical-align: top;
}

.mgmenu .submenu-col:last-child {
  border-right: none;
}

.mgmenu li .one-col .submenu-col{
  width: 100%;
}

.mgmenu li .two-col .submenu-col{
  width: 48%;
}

.mgmenu li .three-col .submenu-col{
  width: 33%;
}

/* Mega Menu Drop Down Links */
.mgmenu .submenu-links {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 9;
}

.mgmenu .submenu-links li {
  clear: both;
  float: left;
  padding: 0;
  width: 100%;
}

.mgmenu .submenu-links a {
  display: block;
  padding: 4px 4%;
  margin: 0 7%;
  width: 78%;
}

.mgmenu .submenu-links a:before {
  content: '\f0da';
  display: inline-block;
  float: left;
  font-size: 1.0em;
  font-family: 'Font Awesome\ 5 Free';
  font-style: normal;
  padding: 0 10px 3px 0;
}

/* Mega Menu Lists */
.mgmenu > li ul {
  margin: 0 0 18px 0;
  padding: 0 0 0 18px;
}

.mgmenu > li ul li a {
  color: #005599;
  font-size: .929em;
  line-height: 1.23;
  position: relative;
}

.mgmenu > li ul li a:hover,
.mgmenu > li ul li a:focus {
  background: #c7e4fe;
}

/* Mega Menu Tablet/Mobile Button */
.mgmenu-btn {
  background: none;
  border: 1px solid #3960a3;
  color: #fff;
  cursor: pointer;
  display: none;
  float: right;
  font-size: .857em;
  font-weight: 600;
  height: 22px;
  line-height: 1.7em;
  margin: 12px 10px 9px 1px;
  max-width: 65px;
  padding: 4px 11px;
}

.mgmenu-btn:after {
  content: '\f0c9';
  font-size: 1.7em;
  font-family: 'Font Awesome\ 5 Free';
  font-style: normal;
  padding: 0 0 0 10px;
  vertical-align: middle;
}

.mgmenu-btn.on {
  background: #fff;
  border: 1px solid #fff;
  color: #005599;
}

/* Mega Menu and Information For Tablet/Mobile Close Button */
.mgmenu-close,
.info-close {
  background: transparent url(../../img/designelements/header/hide-menu.png) no-repeat right 10px;
  background-size: 20px;
  color: #000;
  cursor: pointer;
  display: none;
  font-size: 1em;
  font-weight: 600;
  line-height: 1em;
  margin: 0 0 0 0; /* removed 12px right margin apr-18-2016 --- SMR */
  padding: 13px 28px;
  text-align: right;
}

/* Breadcrumbs */
.breadcrumbs {
  background: #fff;
  float: left;
  /* removed to reduce spacing below breadcrumb Apr 25-2016 SMR -----  margin-bottom: 14px;*/
}

.breadcrumbs.page-inner {
  padding-bottom: 15px;
}

.breadcrumbs img {
  width: 12px;
}

.breadcrumbs ul {
  float: left;
  margin: 9px 0 7px 0;
  padding-top: 0;
  padding-left: 0;
}

.breadcrumbs li,
.content .breadcrumbs li {
  display: inline;
  font-size: .857em;
  font-weight: 600;
  line-height: 1.5;
  list-style: none;
  padding: 0;
}

.breadcrumbs li:after {
  content: "/";
  padding: 2px 2px 2px 5px;
}

.breadcrumbs li:last-child:after {
  content: "";
}

.breadcrumbs li a,
.content .breadcrumbs li a {
  color: #488117;
  text-decoration: none;
}

.breadcrumbs li a:hover,
.breadcrumbs li a:focus {
  text-decoration: underline;
}

.breadcrumbs li a:visited {
  text-decoration: none;
}

/* Content Container */
.content-container {
  background: #fff;
  padding-bottom: 10px;
  padding-top: 2px;
  position: relative;
  z-index: -3;
}

/* Home Content Container */
.home .content-container {
  padding-top: 30px;
}

/* Content Three Column */
.main-content.span28 {
  width: 91.3%;
}

.main-content.span28.right-side {
  width: 93%;
}

.main-content.right-side .span22 {
  width: 74.8%;
}

.main-content.span28.right-side .main-content.span28 {
  width: 95%;
}

.main-content.span28.right-side .right-col.span8 {
  width: 24.8%;
}

/* Large Top Banner */
.top-banner {
  float: left;
  margin: 0 auto 25px auto;
  position: relative;
  text-align: center;
}

.top-banner > img {
  vertical-align: bottom;
  width: 100%;
}

.top-banner > a img{
  float: left;
  width: 100%;
}

/* Top Banner Photo Icon */
.top-banner.campus .caption a:after {
  content: "";
}

.top-banner.campus .caption .photo-text.on {
  float: left;
  width: 64%;
}

.top-banner.campus .caption .photo-text {
  width: 100%;
}

.photo-icon {
  float: right;
  font-weight: 600;
  margin: 5px 0 0 10px;
}

.photo-icon a {
  text-decoration: none;
}

.photo-icon a:hover,
.photo-icon a:focus {
  text-decoration: underline;
}

.photo-icon a:after {
  content: "";
}

.photo-icon img {
  margin: 0 8px 0 0 ;
  vertical-align: bottom;
}

/* Inner Content */
.inner-content{
  margin: 0 0 23px 0;
}
.inner-content ul li a{
  word-wrap:break-word;
}
.inner-content #footerImage {display : none;}

/* Content Side Standard Images */
.img-left,
.image-left {
  float: left;
  margin: 0 10px 10px 0;
}

.img-right,
.image-right {
  float: right;
  margin: 0 0 10px 10px;
}

/* Content Side Caption/Large Images */
.content-img {
  float: right;
  margin: 20px 0 10px 26px;
  max-width: 350px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.content-img > img {
  vertical-align: bottom;
}

.content-img > a img {
  float: left;
  width: 100%;
}

.span19 .content-img {
  max-width: 282px;
}

.content-img.left {
  float: left;
  margin: 20px 26px 16px 0;
}

.content-img .caption.left,
.content-img .caption.right {
  width: 33%;
}

/* Universal Settings for Image Captions */
.caption {
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.75);
  bottom: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #fff;
  font-size: .929em;
  line-height: 1.38;
  padding: 15px 18px 15px 18px;
  position: absolute;
  text-align: left;
  width: 100%;
}

.caption a {
  color: #77bbff !important;
  display: inline-block;
}

.caption a:after {
  content: "\00a0»";
  display: inline-block;
  text-decoration: underline;
}

.caption.left,
.caption.right {
  height: 100%;
  width: 25%;
}

.caption.left {
  left: 0;
}

.caption.right {
  right: 0;
}

/* Highlight Box */
.highlight {
  background: #f6f6f6;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
  margin: 15px 0;
  padding: 18px;
  width: 100%;
}

.highlight h2:first-of-type,
.highlight h3:first-of-type,
.highlight h4:first-of-type,
.highlight h5:first-of-type {
  padding-top: 0;
}

/* Full Width Image */
.full-width-img {
  margin: 0 auto 25px auto;
  overflow: hidden;
  position: relative;
  text-align: center;
}

h2 + .full-width-img,
h3 + .full-width-img {margin-top : 4px;}

.full-width-img > img{
  vertical-align: bottom;
}

.full-width-img > a img{
  float: left;
  width: 100%;
}

.full-width-img .caption.left,
.full-width-img .caption.right {
  line-height: 1.5;
  padding: 18px;
  width: 36%;
}

/* Blog Index Page */

div.blog-index-listing {
	padding-bottom : 15px;
	margin-bottom : 15px;
	border-bottom : 1px solid #cccccc;
}

div.blog-index-listing:last-of-type {border-bottom : 0;}

/* End Blog Index Page */

/* FAQ */
ul.faq {
  list-style-type: none;
  padding: 0;
}

.content .faq > li {
  list-style-type: none;
}

.content .faq li {
  padding: 4px 0;
  width:90%;
}

.faq-title {
  font-size: 1.4em;
  font-weight: 600;
  margin: 20px 0 8px 0;
}

/* FAQ Question */
ul.faq > li:before {
  content: "Q:";
  font-style: italic;
  font-weight: 600;
  padding-right: 10px;
  vertical-align: top;
}

.faq > li > div > a {
  display: inline-block;
}

/* FAQ Answer */
ul.faq.answer > li:before,
ul.faq .question {
  font-size: 1.1em;
}

ul.faq .question {
  font-weight: 600;
  font-style: italic;
  margin: 15px 0 0 0;
  padding: 0;
}

ul.faq > li.answer:before {
  content: "A:";
  font-style: italic;
  font-weight: 600;
  padding-right: 10px;
  vertical-align: top;
}

ul.faq > li.answer {
  border-bottom: 1px solid #ccc;
  margin-bottom: 5px;
  padding-bottom: 35px;
}

.faq li > div {
  display: inline-block;
  width: 90%;
}

.faq li p {
  padding: 0 0 8px 0;
}

/* Quote Box */
.quote-box {
  border-bottom: 1px solid #d5d5d5;
  border-top: 1px solid #d5d5d5;
  display: inline-block;
  margin: 15px 0;
  padding: 2px 0;
  width: 100%;
}

.quote-block {
  background: #f6f6f6;
  float: left;
  font-size: 1.214em;
  width: 100%;
}

.quote-img {
  display: inline;
  float: right;
  margin: 0 0 10px 0;
  max-height: 200px;
  max-width: 220px;
  padding: 7px 0 0 25px;
  overflow: hidden;
  vertical-align: top;
}

.quote {
  display: inline;
  float: left;
  height: auto;
  margin-bottom: -35px;
  padding: 13px 20px 20px 0;
  vertical-align: middle;
}

.quote-wrap-img  {
  padding-bottom: 35px;
}

.quote-wrap  {
  padding-bottom: 25px;
}

.short-quote  {
  line-height: 1.5;
  margin-bottom: 15px;
  padding: 0 20px 0 20px;
}

.quote .name,
.quote .title,
.quote-block .name,
.quote-block .title {
  font-weight: 600;
  line-height: 1.4;
  padding-left: 20px;
  font-size: 0.8em;
}

/* Bio Box */
.bio  {
  display: inline-block;
  height: auto;
  margin: 0 0 45px 0;
  padding: 0;
  vertical-align: middle;
  width: 100%;
}

/* Bio Image */
.bio .bio-img {
  display: block;
  float: left;
  margin-right: 4%;
  max-height: 379px;
  max-width: 188px;
  overflow: hidden;
  vertical-align: middle;
  width: 33%;
}

.bio .bio-img img {
  width: 100%;
}

/* Bio Info */
.bio  > .campus,
.bio  > .program {
  display: inline-block;
  line-height: 1.4;
  width: 60%;
}

.bio  > .campus a {
  color: #222;
  text-decoration: none;
}

.bio  > .campus a:hover,
.bio  > .campus a:focus {
  color: #222;
  text-decoration: underline;
}

.bio  > .campus {
  font-size: 1.15em;
  font-weight: 600;
}

.bio  > .name {
  color: #005599;
  font-size: 1.65em;
  font-weight: 600;
  line-height:1.4;
}

.bio  > .program {
  font-size: .929em;
  font-weight: 600;
  margin-bottom : 7px;
}

.bio .short-bio  {
  line-height: 1.5;
  margin-top: 5px;
}

.bio .short-bio h4 {padding-top : 0; padding-bottom : 8px;}

/* -- Connect Logo on Current Students page -- */
.connect-logo { height: 30px; }
 
/* ---------- Awards styles to support View Prgrams in Eligibility Requirements section on detail page - ADDED Auguts 23, 2016 Simon ----- */

#awards-imgShowHideLocation {
  margin: 0 5px 0 -1px;
  padding-bottom: 0;
  vertical-align: middle;
}

#awards-divPrograms {
  display: none;
  float: left;
  width: 100%
} 
 
 
/* ----- Campus Main Page Styles to replace above - ADDED/MODIFIED July 5, 2016 SMR ----- */

div.campus-locations {padding-top : 10px; margin-bottom : 5px;}
div.campus-locations::after {content:''; display:block; clear:both;}
div.campus-location-listing {width:48%; float:left; padding-top : 16px; margin-bottom : 5px; margin-right:4%; border-top : 1px dotted #888;}
div.campus-location-listing:nth-of-type(even) {margin-right:0;}
div.campus-location-listing:nth-child(1),
div.campus-location-listing:nth-child(2) {border-top : none;}
div.campus-location-listing img {width:90px; float:left; margin: 0 10px 10px 0;}

@media only screen and (max-width:550px) {
    div.campus-location-listing {width:100%; display:block;}
    div.campus-location-listing:nth-child(2) {border-top : 1px dotted #888;}
}

/* ----- End Campus Main Page Styles ----- */

/* Campus Pages - Modified Existing Setup */
.campus-bio {
  display: inline-block;
  width: 60%;
}

/* NEW for Nautical - 2017-01-19 SMR */
 .campus-right-sidebar {
	 float: right;
	 width: 220px;
}
/* END NEW for Nautical */

/* Campus Buttons */
ul.campus-buttons {
 /*float: right;
	*/
	/* Hidden for Nautical - 2017-01-19 SMR */
  list-style: none;
  margin: 8px 0 0 0;
  padding: 0;
  vertical-align: top;
}

.campus-buttons li {
  background: #488117;
  color: #fff;
  display: block;
  font-size: 1.15em;
  margin-bottom: 10px;
  padding: 0 !important;
  outline: none;
  text-align: center;
  width: 220px;
}

.campus-buttons li a,
.campus-buttons li a:visited {
  background: #488117;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #fff;
  display: block;
  padding: 6px 5px;
  text-decoration: none;
}

.campus-buttons li a:hover,
.campus-buttons li a:focus {
  background: #356010;
  color: #fff;
}

/* NEW for Nautical - 2017-01-19 SMR */
/* Campus Right Column Callout */
 .campus-callout {
	 background-color:#fff;
	 border:1px solid #efefef;
	 padding-bottom : 10px;
	 margin-bottom : 10px;
}
 .campus-callout .title {
	 background-color : #efefef;
	 color:#193356;
	 font-weight : 600;
	 line-height: 1.6em;
	 margin-top : 0;
	 padding : 4px 4px 4px 15px;
}
 .campus-callout p {
	 line-height : 1.4em;
	 padding : 10px 12px 0 12px;
}
 .campus-callout ul {
	 margin: 10px 8px 0 8px;
	 padding : 0;
}
 .campus-callout ul li {
	 line-height : 1.6em;
	 margin-left : 25px;
	 padding-left : 5px;
}
/* END NEW for Nautical */

/* Campus Population Block */
.population-box {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  float: right;
  margin: 25px 0 10px 10px;
  padding: 12px;
  width: 205px;
}

.population-box .pop-num,
.population-box .pop-full {
  color: #fff;
  display: block;
  line-height: 1;
  text-align: center;
}

.population-box .pop-num {
  font-size: 5em;
  font-weight: 600;
}

.population-box .pop-full {
  font-size: 2em;
  padding: 5px 0 10px 0;
}

.population-box .pop-students {
  display: block;
}

.population { 
  float: right;
  height: 140px;
  margin: 0 0 10px 10px;
  width: 163px;
}

.population .pop-num,
.population .pop-full,
.population .pop-students {
  display: none;
}

/* Campus Population Block Colors */
.box-blue {
  background: #4391e0;
}

.box-green {
  background: #488117;
}

.box-orange {
  background: #f2631f;
}

.box-pink {
  background: #dd0077;
}

.box-purple {
  background: #661c7f;
}

.box-red {
  background: #e73124;
}

.box-yellow {
  background: #f6c503;
}

/* Campus Content */
.campus-phone {
  padding: 8px 0 4px 0;
}

.contact-content {
  background: #f1f1f1;
  margin: 10px 0 30px 0;
  padding: 12px;
}

/* Campus Maps */
.mapContainer p {
  display: block;
  margin: 15px 0;
  padding: 3px;
}

.campus-map {
  border: 1px solid #ccc;
  height: 265px;
  width: 100%;
}

#map {
  height: 265px;
  width: 100% !important;
}

.contact-content h2.hdr-campus-map {
  /*color: #000;*/
  margin-top: 20px;
  padding: 0;
}

.gmapdiv {
  margin: 0 0 15px 0;
  min-width: 230px;
  padding-bottom: 5px;
}

.campus-address {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
  padding: 5px 20px;
  width: 100%;
}

.campus-address p {
  display: inline-block;
  max-width: 270px;
  padding: 0;
}

.find-staff {
  float: right;
  position: relative;
}

/* Campus Map Button */
.btn.facultystaff,
.btn.facultystaff:hover,
.btn.facultystaff:focus {
  color: #fff;
  margin: 5px 0 0 2px;
  padding: 5px 23px;
}

/* Campus Video */
.video-frame {
  margin-top: 15px;
}

/* Campus Subtitles */
.sub-bar {
  display: block;
  margin-top: -12px;
  padding-bottom: 48px;
}

.sub-bar a {
  display: inline-block;
  /* margin-top: 8px; commented out because of extra space created around links in program pages taglines 2016-08-25 SMR */
}

.campus-location,
.tagline {
  float: left;
  font-size: 1.2em;
  font-weight: 600;
}

.tagline {
  margin: 0 0 20px 0;
}

/* Campus Shortcuts */
.shortcuts {
  float: right;
  font-size: .9em;
  position: relative;
}

/* Explore NSCC Page */
ul.img-blocks {
  float: left;
  padding: 5px 0 0 0;
  width: 100%;
}

ul.img-blocks li {
  display: inline;
  float: left;
  list-style-type: none;
  margin: 0 10px 7px 0;
  padding: 1px 0;
}

ul.img-blocks li img {
  display: block;
  height: 153px;
  width: 169px;
}

ul.img-blocks .two-col img {
  height: 153px;
  width: 348px;
}

/*ul.img-blocks .end {
  margin-right: 0;
}*/

ul.img-blocks strong {
  background-color: #4a4a4a;
  color: #fff;
  display: block; font-weight: normal;
  font-size: 1.2em;
  padding: 8px 5px 7px 10px;
}

ul.img-blocks a {
  text-decoration: none;
}

/* Campus Index Page */
ul.img-blocks .btn {
  bottom: 3px;
  position: absolute;
  right: 0;
}

#AK-block, #AVC-block, #BU-block, #CU-block, #IT-block, #KI-block, #LU-block, #MA-block, #PI-block, #SH-block, #ST-block, #TR-block, #WA-block {
  direction: ltr;
  display: block;
  height: 185px;
  text-indent: -999999em;
  width: 169px;
  z-index: 1;
}

#CA-Map {
  background: url(../../img/explorenscc/campuses/img-campus-map.jpg) top left no-repeat;
  height: 185px;
  position: relative;
  max-width: 348px;
  width: 100%;
}

#AK-block {
  background: url(../../img/explorenscc/campuses/img-akerley.jpg) top left no-repeat;
}

#AK-block:hover {
  background-position: bottom left;
}

#AVC-block {
  background: url(../../img/explorenscc/campuses/img-annapolis.jpg) top left no-repeat;
}

#AVC-block:hover {
  background-position: bottom left;
}

#BU-block {
  background: url(../../img/explorenscc/campuses/img-burridge.jpg) top left no-repeat;
}

#BU-block:hover {
  background-position: bottom left;
}

#CU-block {
  background: url(../../img/explorenscc/campuses/img-cumberland.jpg) top left no-repeat;
}

#CU-block:hover {
  background-position: bottom left;
}

#IT-block { background: url(../../img/explorenscc/campuses/img-institute.jpg) top left no-repeat;
}

#IT-block:hover {
  background-position: bottom left;
}

#KI-block {
  background: url(../../img/explorenscc/campuses/img-kingstec.jpg) top left no-repeat;
}

#KI-block:hover {
  background-position: bottom left;
}

#LU-block {
  background: url(../../img/explorenscc/campuses/img-lunenburg.jpg) top left no-repeat;
}

#LU-block:hover {
  background-position: bottom left;
}

#MA-block {
  background: url(../../img/explorenscc/campuses/img-marconi.jpg) top left no-repeat;
}

#MA-block:hover {
  background-position: bottom left;
}

#PI-block {
  background: url(../../img/explorenscc/campuses/img-pictou.jpg) top left no-repeat;
}

#PI-block:hover {
  background-position: bottom left;
}

#SH-block { 
background: url(../../img/explorenscc/campuses/img-shelburne.jpg) top left no-repeat;
}

#SH-block:hover {
  background-position: bottom left;
}

#ST-block {
  background: url(../../img/explorenscc/campuses/img-strait.jpg) top left no-repeat;
}

#ST-block:hover {
  background-position: bottom left;
}

#TR-block {
  background: url(../../img/explorenscc/campuses/img-truro.jpg) top left no-repeat;
}

#TR-block:hover {
  background-position: bottom left;
}

#WA-block {
  background: url(../../img/explorenscc/campuses/img-waterfront.jpg) top left no-repeat;
}

#WA-block:hover {
  background-position: bottom left;
}

/* Important Dates/Event Calendar Home Page - ADDED April 18, 2016 --- SMR - TO BE REMOVED WHEN EVENT CALENDAR APP LAUNCHES */

#ec-important-dates .date {
  color: #555;
  font-size: .929em;
  line-height: 1.2;
}


#ec-important-dates .event {
  border-bottom: 1px dotted #888;
  margin: 0 0 16px 0;
  padding: 0 0 17px 0;
}

#ec-important-dates .event:last-of-type {
  border-bottom: none;
  margin: 0 0 5px 0;
}

#ec-important-dates h2 + .event {padding-top : 10px;}

#ec-important-dates h3 {
    font-size: 1.071em;
    line-height: 1.3;
    padding: 1px 0 8px 0;
}

#ec-important-dates .time,
#ec-important-dates .info {
  font-size: .929em;
  line-height: 1.4;
}

/* End Important Dates/Event Calendar */

/* ----- Event Calendar Styles - ADDED July 22, 2016 SMR ----- */

#ec-col1 {width:67%; margin-right:3%; float:left;}
#ec-col1 #message {font-weight : 600; padding-top : 12px;}
#ec-col1 #tabs {border-bottom : 1px solid #888;}
#ec-col1 #tabs ul {position:relative; top:1px; margin:0; padding:0; list-style-type:none;}
#ec-col1 #tabs ul li {float:left; list-style-type : none; margin-right:6px; padding:0;}
#ec-col1 #tabs ul li a {color : #000; text-decoration : none; padding : 5px 11px 3px 11px; display:block;background-color:#e9e9e9; border:1px solid #a9a9a9; border-bottom : 1px solid #888;}
#ec-col1 #tabs ul li a.current {color:#005599; background-color : #fff; border:1px solid #888; border-bottom : 1px solid #fff;}
#ec-col1 #tabs::after {content:""; display:block; clear:both;}
#scroll {padding-top : 10px; padding-bottom : 20px;}
#scroll .ec-prev {float:left;}
#scroll .ec-next {float:right;}
#scroll::after {content:""; clear:both; display:block;}
#eventlist .ec-eventlist-listing {padding : 22px 0px; border-bottom : 1px dotted #888;}
.ec-eventlist-listing .ec-listing-date {color:#555; display:block; padding-bottom : 3px;}
.ec-eventlist-listing .ec-listing-header {color: #004477; font-size: 1.275em; font-weight: 600; line-height: 1.2; padding-bottom : 4px; display:block;}
.ec-eventlist-listing p {padding-top : 0; padding-bottom : 0;}

#ec-col2 {width:30%; float:right;}
.ec-addevent {margin-top:10px; margin-bottom :20px;}
.ec-addevent ul {margin:0; padding:0; list-style-type:none; font-size : 1.2em;}
.ec-addevent ul li {list-style-type : none; padding:0;}
.ec-addevent ul li a {width:92.5%; color : #fff; text-align:center;text-decoration : none; padding : 5px 11px; display:block;background-color:#488117;}
.ec-addevent ul li a:hover,
.ec-addevent ul li a:active {color:#fff; background-color:#356010;}
.ec-addevent ul li a:visited {color:#fff;}
.ec-rc-searchevents,
.ec-rc-filterevents {width:93.5%; background-color : #f6f6f6; padding:10px; margin-bottom : 20px;}
.searchevents-header,
.filterevents-header {font-size : 1.15em; font-weight : 600; color:#000; margin-bottom : 6px;}
.filterevents-subheader {font-weight : 600; color:#000; margin : 10px 0 6px 0;}
.searchevents-row {margin-bottom:9px;}
.searchevents-row label {display:block; padding:0; width:100%;}
.searchevents-row .field {display:block; width:50%;}
.searchevents-row img {/*margin-top : 3px;*/}
.ec-rc-searchevents a#searchEvents {color:#fff; text-align:center; text-decoration:none; padding:5px 11px; background-color:#488117; margin-right:2%;}
.ec-rc-searchevents a#resetSearch,
.ec-rc-filterevents a#resetFilters {color:#fff; text-align:center; text-decoration:none; padding:5px 11px; background-color :#488117;}
.ec-rc-searchevents a#searchEvents:hover,
.ec-rc-searchevents a#resetSearch:hover,
.ec-rc-filterevents a#resetFilters:hover,
.ec-rc-searchevents a#searchEvents:active,
.ec-rc-searchevents a#resetSearch:active,
.ec.rc-filterevents a#resetFilters:active {color:#fff; background-color :#356010;}
.ec-rc-searchevents a#searchEvents:visited,
.ec-rc-searchevents a#resetSearch:visited,
.ec-rc-filterevents a#resetFilters:visited {color:#fff;}
ul.ec-catlist {margin:0; margin-bottom : 15px;padding:0; list-style-type:none;}
ul.ec-catlist li {list-style-type:none; padding:0; margin-bottom : 2px; font-size:0.9em;}
ul.ec-catlist li label {width:85%;}
ul.ec-catlist li input[type="checkbox"] {margin: 6px 6px 0 0;}
.ec-event-details-block {background-color : #f6f6f6; padding:14px 20px 10px 20px; margin-bottom : 25px;}
.ec-event-details-block p {padding-top : 0; line-height : 1.6em;}
#eventpager {text-align:center; margin-top : 15px;}
.ec-paging-header {padding-left:4px; padding-right:4px;}
#ec-feed-container {padding-bottom : 12px;}
.ec-column-heading {color:#004477; font-size : 1.2em; font-weight: 600;padding:0 0 12px 0; line-height:1.3;}
.ec-cal-icon {margin-left:4px;} 

/* Calendar Icon fix */
.hasDatepicker { width: 151px!important; }
#imgtodate, #imgfromdate  { float: left; position: absolute; margin-left: 154px; }
.searchevents-row select, .searchevents-row input { width: 170px; }

span.time-picker {display:block; margin-top : 4px;}
select#starttimehour, select#endtimehour, select#starttimeminute, select#endtimeminute, select#starttimeampm, select#endtimeampm {width:75px;}

@media screen and (max-width:668px) {
    .ec-rc-searchevents a#searchEvents {display:block; min-width:100px;}
    .ec-rc-searchevents a#resetSearch {display:block; margin-top : 8px; min-width:100px;}
    #ec-col1 {width:100%; margin-right:0; display:block;}
    #ec-col2 {width:100%; display:block; margin-top : 20px;}
    .ec-addevent ul li a {width:95%; min-width: 176px;}
    .ec-rc-searchevents,
    .ec-rc-filterevents {width:95%; background-color : #f6f6f6; padding:10px; margin-bottom : 20px;}
    .ec-rc-searchevents a#searchEvents {display:inline-block; min-width:10px;}
    .ec-rc-searchevents a#resetSearch {display:inline-block; margin-top : 0; min-width:10px;}
    ul.ec-catlist li label {display:inline-block;}
}

@media screen and (max-width:415px) {
    #ec-col1 #tabs {border-bottom : none;}
    #ec-col1 #tabs ul li {display:block; width:100%; margin-bottom : 4px;}
    #ec-col1 #tabs ul li a {border-bottom : 1px solid #a9a9a9;}
    #ec-col1 #tabs ul li a.current {border:1px solid #888;}
}


/* ----- Event Calendar Feed Styles ----- */

#ec-feed-eventlist .event {
  border-bottom: 1px dotted #888;
  margin: 0 0 16px 0;
  padding: 0 0 17px 0;
}

#ec-feed-eventlist .event:last-of-type {
  border-bottom: none;
  margin: 0 0 5px 0;
}

#ec-feed-eventlist .date {
  color: #555;
  font-size: .929em;
  line-height: 1.2;
}

#ec-feed-eventlist .event-title {
    font-size: 1.071em;
    line-height: 1.3;
    padding: 1px 0 3px 0;
    font-weight:600;
    color: #005599;
}

#ec-feed-eventlist .time,
#ec-feed-eventlist .event-short-descr,
#ec-feed-eventlist .time,
#ec-feed-eventlist .locations,
#ec-feed-eventlist .event-time {
  font-size: .929em;
  line-height: 1.4;
}

#ec-feed-eventlist a {
  color: #005599;
  text-decoration: underline;
}

#ec-feed-eventlist a:hover,
#ec-feed-eventlist a:focus {
  color: #005599;
}

#ec-feed-eventlist a:visited {
  color: #800080;
  text-decoration: underline;
}

/* ----- End Event Calendar Feed Styles ----- */

/* ----- End Event Calendar Styles ----- */

/* ------ Academic Calendar Application Styles ------ */
 span.ac-page-title {
	font-size : 1.1em;
	 font-weight : 600;
}

td.ac-summary p {padding-top : 0;}
/* ------ End Academic Calendar Application Styles ------ */


/* ------ Video Wrapper for PowToon Videos ADDED June 8, 2016 SMR------ */
.video-powtoon {position: relative; padding-bottom : 62.66%; }
.video-powtoon iframe {position: absolute; width: 100%; height: 100%; top : 0; left: 0;}
/* ------ End Video Wrapper for PowToon Videos ------ */

/* ----- Google Map Page Overrides - ADDED April 25, 2016 SMR ----- */

.gm-style {font-family : "Open Sans", Arial, Helvetica;}

/* ----- End Google Map Page Overrides ----- */

/* ----- New styles for two-column content layout - ADDED July 6, 2016 SMR ----- */

.two-col-container {margin-top : 15px;}
.two-col-row {margin-bottom : 20px;}
.two-col-content {position: relative; min-height:150px; padding: 5px 17px 0 270px;}
.two-col-content h3 {padding-top : 0;}
.two-col-content h4 {color: #666666; font-style: italic; font-weight: normal; padding-top: 0; font-size: 0.9em;}
.two-col-content img {display:inline-block; width:250px; height:auto; position: absolute; top: 0; left: 0;}
.two-col-content iframe {display:inline-block; width:250px; height:auto; position: absolute; top :0; left:0;}

@media screen and (max-width:645px) {
    .two-col-container .two-col-row .two-col-content {padding: 4px 0 0 0; position:relative;}
    .two-col-container .two-col-row .two-col-content img {width:100%; position:relative;}
    .two-col-container .two-col-row .two-col-content iframe {width:100%; position:relative;}
}

/* ----- End new styles for two-column content layout ----- */

/* ----- New styles for Explore NSCC/categorized content - ADDED February 12, 2017 SMR ----- */

div.three-col-bar-header,
div.two-col-bar-header {}
div.three-col-bar-header::after,
div.two-col-bar-header::after {content:''; display:block; clear:both;}
div.three-col-bar-header-item {width:31%; float:left; padding-top : 10px; margin-top : 10px; margin-bottom : 5px; margin-right:3%;}
div.two-col-bar-header-item {width:48%; float:left; padding-top : 10px; margin-top : 10px; margin-bottom : 5px; margin-right:4%;}
div.three-col-bar-header-item:nth-child(3) {margin-right:0;}
div.two-col-bar-header-item:nth-child(2) {margin-right:0;}

a.barheader {width:100%; display:block; background-color : #0072ce; padding-top:8px; padding-bottom:8px; color:#ffffff; margin-bottom:10px; text-decoration:none;font-weight:600;}
a.barheader:visited {background-color:#0072ce;color:#ffffff; text-decoration : none;}
a.barheader:hover,
a.barheader:active {background-color : #004477; color:#ffffff; text-decoration : none;}

a.barheader::before {
    color: #ffffff;
    content: "\f105";
    display: inline-block;
    font-size: 1.2em;
    font-family: 'Font Awesome\ 5 Free';
    font-style: normal;
    padding: 0 6px 0 8px;
    width: 6px;}
    
@media only screen and (max-width:550px) {
    div.three-col-bar-header-item {width:100%; display:block;}
    div.two-col-bar-header-item {width:100%; display:block;}
}

div.categorized-content {padding-top : 10px; margin-bottom : 5px;}
div.categorized-content::after {content:''; display:block; clear:both;}
div.categorized-content-listing {width:48%; float:left; padding-top : 16px; margin-bottom : 5px; margin-right:4%; border-top : 1px dotted #888;}
div.categorized-content-listing:nth-of-type(even) {margin-right:0;}
div.categorized-content-listing:nth-child(1),
div.categorized-content-listing:nth-child(2) {border-top : none;}
div.categorized-content-listing img {width:90px; float:left; margin: 0 10px 1px 0;}
div.categorized-content-listing h3 {color: #004477;font-size: 1.2em;font-weight: 400;padding: 0 0 0 0;line-height: 1.3;}
div.categorized-content-listing h3 a {color:#0072ce; text-decoration : underline;}
div.categorized-content-listing h3 a:hover,
div.categorized-content-listing h3 a:focus {color: #005599; text-decoration : underline;}
div.categorized-content-listing h3 a:visited {color: #800080;  text-decoration: underline;}

@media only screen and (max-width:550px) {
    div.categorized-content-listing {width:100%; display:block;}
    div.categorized-content-listing:nth-child(2) {border-top : 1px dotted #888;}
}

/* ----- End new styles for Explore NSCC/categorized content ----- */

/* ----- New styles for Career Beacon Feed Overrides ----- */

#qimple_jobs_wrapper {padding : 0 !important; border : 0 !important;}
#jobs_widget_container {padding : 0 !important;}
#qimple_jobs_wrapper h3 {display : none !important;}
#qimple_jobs_wrapper a {color : #0072ce !important;}
#qimple_jobs_wrapper a:visited {color : #800080 !important;}

/* ----- End styles for Career Beacon Feed Overrides ----- */

/* Closure Table */
td.closure {
    width: 40%;
}

.closure-table {margin-top : 20px;}
.closure-row {padding-top : 5px; margin-bottom : 5px; border-top : 1px dotted #888;}
.closure-row:first-child {border-top : 0;}
.closure-row.childcampusrow {border-top : 0;}
.closure-campus {float:left; width:30%; margin-right:2%; font-weight:600;}
.closure-campus.childcampus {font-weight:normal; padding-left:2%; width:28%;}
.closure-status {float:left; width:8%; margin-right:2%;}
.closure-message {float:left; width:58%;}
.closure-row::after {content:'';display:block; clear:both;}

@media only screen and (max-width: 540px) {
    .closure-row.childcampusrow {margin-left:3%;}
    .closure-campus {display:block; width:100%; margin-right:0;}
    .closure-campus.childcampus {width:100%; padding-left : 0;}
    .closure-status {float:left; width:15%;}
    .closure-message {float:left; width: 83%;}
}

@media only screen and (max-width: 345px) {
    .closure-status {display:block; width:100%; margin-right:0;}
    .closure-message {display:block; width:100%;}
}

/* End Closures Styles */

/* GES new .net app styles - June 12, 2017 */
 .ges-highlight {
	 background: #f6f6f6;
	 box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 -webkit-box-sizing: border-box;
	 display: inline-block;
	 margin: 15px 0;
	 padding: 18px;
	 width: 100%;
}
 .ges-highlight h2:first-of-type, 
 .ges-highlight h3:first-of-type, 
 .ges-highlight h4:first-of-type, 
 .ges-highlight h5:first-of-type {
	 padding-top: 0;
}

.ges-list-listing {margin-bottom : 1.4em;}
/* end GES new .net app styles */

/* Call to Action Box */
.main-content .callout {
  text-align: center;
}

.left-col .callout {
  margin: 0 0 30px 0;
  padding: 22px 22px;
}

.callout {
  background: #cfe4f6;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
  margin: 0 0 30px 0;
  padding: 30px;
}

.callout > .title {
  font-size: 1.714em;
  font-weight: 600;
  color: #004477;
  line-height: 1.3;
  padding: 0 0 10px 0;
}

.callout > a.btn {
  background: #488117;
  color: #fff;
  display: inline-block;
  font-size: 1.15em;
  margin: 5px 0;
  padding: 10px 18px;
  text-align: center;
  text-decoration: none;
}

.callout > a.btn:hover,
.callout > a.btn:focus {
  background: #356010;
}

.left-col .callout > .subtitle {
  padding: 6px 0 0 0;
}

.callout > .subtitle {
  font-size: 1.286em;
  font-weight: 600;
  padding: 10px 0 0 0;
}

.callout > .copy {
  font-size: 1em;
  line-height: 1.4;
  padding: 5px 0;
}

.callout > .copy ol,
.callout > .copy ul {
  padding-left: 20px;
}

.callout > .text-link a {
  font-size: 1em;
  /* color: #005599; - header project */
  color: #0072ce;
  display: inline-block;
}

.callout > .text-link a:visited {
  color: #800080;
}

/* Call to Action Image Box */
.callout.img {
  background: transparent;
  margin: 0 0 25px 0;
  padding: 0;
  text-align: center;
  width: 100%;
}

.callout.img img {
  text-align: center;
}

/* Call to Action White Box */
.callout.white {
  background: #fff;
  margin: 0 0 15px 0;
  padding: 5px 30px;
}

.callout.white > .title {
  font-size: 1.286em;
  font-weight: 600;
  color: #222;
  padding: 10px 0 0 0;
}

.callout.white a {
  /* color: #005599; - header project */
  color: #0072ce;
  display: inline-block;
}

.callout.white a:visited {
  color: #800080;
}

.callout.white a:after {
  content: "\00a0»";
  display: inline-block;
  text-decoration: underline;
}

/* Call to Action Grey Box */
.callout.grey {
  background-color: #fff;
  border: 1px solid #efefef;
  margin: 0 0 25px 0;
  padding: 0 0 10px 0;
}
.callout.grey .title {
  background-color: #efefef;
  color: #193356;
  font-weight: 600;
  line-height: 1.6em;
  margin-top: 0;
  padding: 4px 4px 4px 15px;
}
.callout.grey ol {
  margin: 0 10px 5px 30px;
  padding: 0;
}
.callout.grey ul {
  margin: 10px 8px 0 8px;
  padding: 0;
}
.callout.grey ul li {
  line-height: 1.6em;
  margin-left: 25px;
  padding-left: 5px;
}
.callout.grey a {
  background: none;
  /* color: #005599; - header project */
  color: #0072ce;
  display: inline;
  padding: 0;
  text-decoration: underline;
}
.callout.grey p {
  line-height: 1.4em;
  padding: 10px 12px 0 12px;
}

.callout h2 {padding: 0 0 5px 0;}
.callout h2 + h3 {padding-top : 4px;}

/* Right Column Call to Action Box */
.right-col .callout {
  text-align: left;
}

.right-col .callout {
  margin: 0 0 15px 0;
  padding: 20px 16px 16px 16px;
}

.right-col .callout > .subtitle {
  padding: 6px 0 0 0;
}

/* Right Column Call to Action White Box */
.right-col .callout.white {
  margin: 0 0 15px 0;
  padding: 5px 16px;
}

.right-col .callout.white > .copy {
  font-size: .929em;
  line-height: 1.6;
}

/* Right Column Content Image */
.right-col .content-img {
  margin: 0 0 35px 0;
}

/* Right Column Call to Action Grey Box */
.right-col .callout.grey {
  margin: 0 0 25px 0;
  padding: 0 0 10px 0;
}

/* Content Rating Widget */
.content-rating-widget {
  background: #f0f0f0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-bottom: 12px;
  margin-top: 12px;
  padding: 30px 30px 15px 30px;
  width: 100%;
}

.content-rating-widget form {
  padding: 15px 0 0 0;
}

.content-rating-widget .rating-heading {
  float: left;
  width: 70%;
}

/* removed when icon fonts replaced - MH 06/2016 */
.content-rating-widget .rating-heading img {
  float: left;
  margin:0 10px 6px 0;
}

.content-rating-widget .title {
  font-size: 1.286em;
  font-weight: 600;
  margin: -3px 0 0 0;
}

.content-rating-widget .subtitle {
  font-size: 1.071em;
  line-height: 1.2;
  padding-left: 45px;
  padding-bottom : 15px;
}

.content-rating-widget .rating-option {
  float: right;
  text-align: right;
  width: 28%;
}

.content-rating-widget .rating-option a,
.content-rating-widget .rating-option a:visited  {
  margin: 0 0 0 6px;
  text-decoration: none;
  padding : 10px;
}

.content-rating-widget .rating-option a:first-child,
.content-rating-widget .rating-option a:first-child:visited  {
  margin: 0;
  text-decoration: none;
  padding : 10px;
}
/* ADDED June 22, 2016 - MH icon font for rating widget */
.fa-comment {  
  -moz-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); 
  font-size: 3em!important;
  float: left;
  margin: -5px 10px 6px 0;
}

/* NEW ADDED April 27, 2016 - SMR ----- yes/no button spans */

.content-rating-widget .rating-option.open {
    margin-top : 7px;
}

.content-rating-widget .rating-option span.rating-option-yes,
.content-rating-widget .rating-option span.rating-option-no {
    padding:7px 10px;
    background-color : #d5d5d5;
    color : #f0f0f0;
    font-size : 1.125em;
    margin-top : 7px;
}

.content-rating-widget .rating-option span.rating-option-yes {
    margin-right : 10px;
}

.content-rating-widget .rating-option span.activated {
    background-color : #356010;
    color : #ffffff;
}

/* End yes/no button span styles */

.content-rating-widget .rating-option a img  {
  margin: 4px 0 0 0;
}

.content-container .content-rating-widget button[type="submit"] {
  float:left;
  font-size: 1.15em;
  margin: 5px 0 0 0;
  padding: 8px 32px;
}

.content-container .content-rating-widget button.yes,
.content-container .content-rating-widget button.no {
  font-size: 1.15em;
  margin: 5px 0 0 6px;
  padding: 8px 12px;
}

.content-container .content-rating-widget button.yes.active,
.content-container .content-rating-widget button.no.active {
  background: #356010;
}

.content-rating-widget .rating-option button:first-child {
  margin-left: 0;
}

.content-rating-widget .rating-form {
  padding: 15px 0 0 0;
}

.content-rating-widget .rating-form label {
  display: block;
  float: left;
  font-weight: 600;
  padding: 10px 0 4px 0;
  width: 100%;
}

.content-rating-widget .rating-form input{
  margin: 0 0 12px 0;
}

.content-rating-widget .rating-form input {
  float: left;
  max-width: 250px;
}

.content-rating-widget .rating-form textarea {
  max-width: 100%;
}

.sp-Remaining {
  display: inline-block;
  float: left;
  font-size: .929em;
  margin-right:50px;
}

.content-rating-widget .assistance {
  float:left;
  font-size: .929em;
  line-height: 1.3;
  padding: 0 0 20px 0;
}

/* Lightbox */
.lightbox {
  display: none;
}

/* Lightbox Plugin Container Override */
.bt-popupContainer {
  background: #fff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #000;
  max-height: 90% !important;
  max-width: 840px !important;
  padding: 38px;
  position: relative;
}

/* Lightbox Plugin Overlay Override */
.bt-popupOverlay {
  background-color:rgba(0, 0, 0, 0.7) !important;
  opacity: 1 !important;
  z-index: 99999 !important;
}

/* Lightbox Plugin Container Override */
.bt-popupContainer {
  background: #fff;
  border: none !important;
  border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  max-width: 840px !important;
  padding: 38px !important;
  position: relative;
  width: 100% !important;
}

/* Lightbox Close Override*/
.bt-popupClose {
  background: url(../../img/designelements/buttons/close-fullscreen.png) no-repeat top right;
  background-color:#fff !important;
  border-radius: 0 !important;
  color: #000 !important;
  display: block;
  margin: 0 !important;
  padding: 0 30px !important;
  position: absolute !important;
  right: 10px !important;
  text-decoration: none !important;
  top: 10px !important;
}

.bt-popupClose:hover,
.bt-popupClose:focus {
  background-color: #fff !important;
  text-decoration: underline !important;
}

.bt-popupContentBox{
  border: none !important;
  padding: 0 !important;
}

/* Lightbox Main Image */
.bt-popupContainer .lb-feature {
  padding: 0 0 12px 0;
  clear: both;
}

/* Lightbox Main Title */
.bt-popupContainer .lb-title {
  font-size: 1.28em;
  font-weight: 600;
  padding: 0 0 6px 0;
  line-height: 1;
}

/* Side Nav Common Settings */
.side-nav {
  border-top: 1px solid #d5d5d5;
  display: inline-block;
  margin: 0 0 30px 0;
}

.side-nav li a {
  color: #005599;
  float: left;
  font-weight: 600;
  padding: 5px 4%;
  text-decoration: none;
  width: 92%;
}

.side-nav li a:hover,
.side-nav li a:focus {
  background: #cfe4f6;
}

/* Side Nav Common Active Settings */
.side-nav .active > span > a,
.side-nav ul li:first-child > a {
  border-top: none;
}

.side-nav .active.parent {
  position: relative;
  z-index: 1;
}

.side-nav .active.parent > span > a,
.side-nav .active.parent > span > a:hover,
.side-nav .active.parent > span > a:focus {
  background: #cfe4f6;
  color: #005599;
}

.side-nav .active > a,
.side-nav .active > a:hover,
.side-nav .active > a:focus {
  background: #a5c7e6;
  color: #005599;
}

.side-nav .active.current > span > a,
.side-nav .active.current > span > a:hover,
.side-nav .active.current > span > a:focus {
  background: #a5c7e6;
  color: #005599;
}

.side-nav .active.parent > .tri-down:after {
  border-top-color: #cfe4f6;
}

.side-nav .active.parent.current > .tri-down:after {
  border-top-color: #a5c7e6;
}

/* Side Nav Level 2 */

.side-nav > ul > li > a {
  border-top: 1px solid #d5d5d5;
}

.side-nav > ul > li:last-child > a {
  border-bottom: 1px solid #d5d5d5;
}

/* Side Nav Level 3 */
.side-nav > ul > li > ul > li.active > span > a,
.side-nav > ul > li > ul > li.active > span > a:hover,
.side-nav > ul > li > ul > li.active > span > a:focus {
  color: #005599;
  padding: 4px 7%;
  width: 86%;
}

.side-nav > ul > li > ul > li a {
  background: #e9e9e9;
  border-top: 1px solid #fff;
  color: #222;
  font-size: .929em;
  padding: 3px 7% 4px 7%;
  width: 86%;
}

/* Left Sub Nav 4 */
.side-nav > ul > li > ul > li > ul > .active > span > a,
.side-nav > ul > li > ul > li > ul > .active > span > a:hover,
.side-nav > ul > li > ul > li > ul > .active > span > a:focus {
  color: #005599;
}

.side-nav > ul > li > ul > li > ul li a {
  background: #d5d5d5;
  border-top: 1px solid #fff;
  padding: 4px 10% 3px 12%;
  width: 78%;
}

/* Left Sub Nav 5 */
.side-nav > ul > li > ul > li > ul > li > ul > .active > span > a,
.side-nav > ul > li > ul > li > ul > li > ul > .active > span > a:hover,
.side-nav > ul > li > ul > li > ul > li > ul > .active > span > a:focus {
  padding: 4px 10% 3px 16%;
  width: 76%;
}

.side-nav > ul > li > ul > li > ul > li > ul > li > a {
  padding: 4px 10% 3px 18%;
  width: 72%;
}

/* Down Triangle Required for Side Nav */
.side-nav .active .tri-down {
  background: #a5c7e6;
  border-bottom: 1px solid #83abcd;
  border-top: 1px solid #83abcd;
  float: left;
  margin-bottom: 0;
  position: relative;
  width: 99.9%;
  z-index: 14;
}

.side-nav .active > .tri-down:before, 
.side-nav .active > .tri-down:after {
  border-style: solid;
  border-bottom: 0;
  border-color: transparent;
  content: "";
  height: 0;
  position: absolute;
  width: 0;
}

/* Stroke Level 2 */
.side-nav .active > .tri-down:before {
  border-top-color: #748c9e;
  border-width: 7px;
  bottom: -7px;
  left: 5px;
}

/* Stroke Level 3 */
.side-nav > ul > li > ul .active > .tri-down:before {
  left: 17px;
}

/* Stroke Level 4 */
.side-nav > ul > li > ul > li > ul .active > .tri-down:before {
  left: 31px;
}

/* Fill Level 2*/
.side-nav .active > .tri-down:after {
  border-top-color: #a5c7e6;
  border-width: 6px;
  bottom: -6px;
  left: 6px;
}

/* Fill Level 3*/
.side-nav > ul > li > ul .active > .tri-down:after {
  left: 18px;
}

/* Fill Level 4*/
.side-nav > ul > li > ul > li > ul .active > .tri-down:after {
  left: 32px;
}

/* Home Side Nav */
.home-side-nav {
  display: inline-block;
  margin : 0 0 14px 0; /* Changed bottom margin from 18 to 14 for new copy in donate box - Oct 5, 2017 SMR */
}

.content-container .home-side-nav form#form1 {
  display: table;
  padding: 0;
  width: 100%;
  margin-top: 0;
}

.home-side-nav ul {
  display: table;
  height: 180px;
  position: relative;
  width: 100%;
  z-index: 999999;
}

.home-side-nav li {
  background: #fff;
  display: table-row;
}

.home-side-nav li.active {
  background: none;
  border-right: none;
}

.home-side-nav li > a {
  border: 1px solid #dedede;
  border-left: none;
  border-right: none;
  border-top: none;
  color: #005599;
  display: table-cell;
  font-size: 1.071em;
  font-weight: 600;
  position: relative;
  text-decoration: none;
  vertical-align: middle;
  width: 100%;
}

.right-col.on .home-side-nav li:last-child > a {
  border-bottom: 1px solid transparent !important;
}

.home-side-nav li > a:hover,
.home-side-nav li > a:focus {
  background: #004477;
  color: #fff;
}

/* Home Side Nav Angle Left */
.home-side-nav li > a:before {
  color: #797979;
  content: "\f104";
  display: inline-block;
  font-size: 1.2em;
  font-family: 'Font Awesome\ 5 Free';
  font-style: normal;
  padding: 0 6px;
  width: 6px;
}

.home-side-nav li > a:hover:before,
.home-side-nav li > a:focus:before {
  color: #fff;
}

/* Home Side Nav Shadow */
.right-col.on > .home-side-nav > ul > li > a,
.right-col.on > .home-side-nav > form > ul > li > a {
  box-shadow: inset 5px 0 7px -7px rgba(0,0,0,0.9);
  -moz-box-shadow: inset 5px 0 7px -7px rgba(0,0,0,0.9);
  -webkit-box-shadow: inset 5px 0 7px -7px rgba(0,0,0,0.9);
}

/* Home Nav Active Settings */
.right-col.on > .home-side-nav .active > a,
.home-side-nav .active > a,
.home-side-nav .active > a:hover,
.home-side-nav .active > a:focus {
  background: #004477;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  color: #fff;
  padding: 0 2.4%;
  position: relative;
  text-decoration: none;
  width: 95%;
}

.home-side-nav .active > a:before {
  content: "";
  width: 0;
}

/* Home Nav Active Arrow Settings */
.home-side-nav .flyout-arrow {
  display: none;
}

.home-side-nav .active .flyout-arrow {
  display: inline;
}

.home-side-nav .active img {
  float: left;
  height: 100%;
  position: absolute;
  right: 100%;
  top: 0;
  z-index: 11;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .home-side-nav .active img { 
    top: auto;
  }
}

/* Home Nav Fly Out Menu */
.home-side-nav .flyout-menu {
  background: #f1f1f1;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: none;
  height: auto;
  padding: 28px 28px 11px 28px;
  position: absolute;
  right: 100%;
  top: -35px;
  width: 641px;
  z-index: 10;
}

.flyout-menu .close-flyout {
  background: url(../../img/designelements/buttons/close-fullscreen.png) no-repeat center right;
  color: #000;
  display: block;
  font-weight: normal;
  margin: -15px -16px -3px 0;
  padding: 0 25px;
  text-align: right;
  text-decoration: none;
}

.flyout-menu .close-flyout:hover,
.flyout-menu .close-flyout:focus {
  text-decoration: underline;
}

.flyout-menu .hp-exploreContainer {
  width: 68%;
}

/* Home Nav Fly Out Background */
.flyout-bg {
  display: none;
}

.flyout-bg.on {
  background: #000;
  display: block;
  height: 100%;
  opacity: .7;
  position: fixed;
  width: 100%;
  z-index: 10;
}

.page.on {
  position: static;
  z-index: 0;
}

.content-container.on {
  position: static;
}

.right-col.span8.col.on {
  z-index: 11;
}

/* Home Nav Fly Out Show Menu */
.home-side-nav .active .flyout-menu {
  display: block;
}

.home-side-nav .flyout-menu {
  min-height: 452px;
}

/* Home Nav Fly Out Title */
.home-side-nav .flyout-menu > .title {
  color: #004477;
  display: block;
  font-size: 1.69em;
  font-weight: 600;
  line-height: 1.1;
  padding: 0 0 8px 0;
}

/* Home Nav Fly Out 'p' Tags */
.home-side-nav .flyout-menu p {
  font-weight: normal;
  line-height: 1.3;
  padding: 5px 0 8px 0;
}

/* Home Nav Fly Out Forms */
.home-side-nav .flyout-menu form {
  padding: 0;
}

.home-side-nav .flyout-menu form .row {
  background: #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  padding: 4px 0;
}

.home-side-nav .flyout-menu h3 {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
  margin: 0;
  padding: 8px 0 7px 0;
}

.home-side-nav .flyout-menu label
.home-side-nav .flyout-menu h3, 
.home-side-nav form .spacer {
  display: block;
  padding: 0 0 6px 0;
  width: 100%;
}

.home-side-nav .flyout-menu input[type=text],
.home-side-nav .flyout-menu select {
  margin-bottom: 8px;
  max-width: none;
  width: 100%;
}

.home-side-nav .flyout-menu select.last {
  margin-bottom: 2px;
}

.home-side-nav .flyout-menu input[type=submit],
.home-side-nav .flyout-menu a.btn {
  font-size: 1em;
  font-weight: normal;
  margin-top: 4px;
  padding: 8px 14px;
}

.hp-exploreContainer a.btn {
  margin-top: 14px !important;
}

/* Home Nav Fly Out Sections */
.home-side-nav .flyout-left,
.home-side-nav .flyout-right {
  float: left;
  margin: 10px 0 0 0;
  padding-right: 8%;
  width: 47%;
}

.home-side-nav .flyout-right {
  padding-right: 0;
  width: 45%;
}

/* Home Nav Fly Out Info Blocks */
.home-side-nav .flyout-info {
  margin: 0 0 30px 0;
}

/* Home Nav Fly Out Info Title */
.home-side-nav .flyout-info > .title {
  color: #004477;
  display: block;
  font-size: 1.2em;
  line-height: 1.3;
  font-weight: 600;
  padding: 0;
}

/* Home Call-to-action */
.home .callout {
  padding: 16px 18px 11px 18px;
}

.home .callout > .title {
  font-size: 1.3em;
  padding-bottom: 0;
}

/* Home News Stories */
.news-container {
  background: #f6f6f6;
  margin: 0 0 30px 0;
}

.news-container.span28 {
  width: 93.25%;
}

.news {
  margin: 0 0 21px 0;
  overflow: hidden;
  padding: 25px 25px 0 25px;
}

.news .story {
  border-right: 1px dotted #888;
  display: block;
  float: left;
  margin-bottom: -99999px;
  padding: 0 1.4% 99999px 1.4%;
  width: 22.8%;
}

.news .story:first-child {
  padding-left: 0;
}

.news .story:last-child {
  padding-right: 0;
  border-right: none;
}

/* Home News Image */
.news .feature {
  background-position: center;
  background-repeat: no-repeat;
  height: 140px;
  margin: 0 0 14px 0;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
}

/* Home News Title */
.news .title {
  color: #004477;
  display: block;
  font-size: 1.13em;
  font-weight: 600;
  line-height: 1.35;
  padding: 0;
}

/* Home News Content */
.news p {
  color: #222;
  font-size: .95em;
  line-height: 1.5;
  padding: 4px 0 0 0;
}

.news p > a {
  /* color: #005599; - header project */
  color: #0072ce;
  text-decoration: underline;
}

.news p > a:visited {
   color: #800080;
}

/* Home Learning Options - Added 2016-06-15 - SMR */

.learning-options-container {
    background: #f6f6f6;
    margin: 0 3.4% 28px 3.3%;
    padding: 18px 25px 11px 27px;
}

.learning-options {margin-bottom : -5px;}

.learning-option {float:left; margin-bottom : 5px;}
.learning-option:nth-child(1),
.learning-option:nth-child(4) {width: 30.6%; margin-right: 4.15%;}
.learning-option:nth-child(2),
.learning-option:nth-child(5) {width:33.7%; margin-right: 4.0%;}
.learning-option:nth-child(3),
.learning-option:nth-child(6) {width: 27.4%;}

.learning-option h3 {padding-bottom : 7px;}
.learning-option p {padding-top : 0;}

.learning-options::after {content:''; display:block; clear:both;}

@media screen and (max-width: 920px) {
    .learning-options-container {
        margin : 0 6.98% 29px 6.15%;
        padding-left: 30px;
    }
    
    .learning-option:nth-child(1),
    .learning-option:nth-child(3),
    .learning-option:nth-child(5) {width: 48%; margin-right:6.35%;}
    
    .learning-option:nth-child(2),
    .learning-option:nth-child(4),
    .learning-option:nth-child(6) {width:45%; margin-right:0;}
    
}

@media screen and (max-width: 580px) {
    .learning-options-container {
        margin: 0 3.5% 30px 3.8%;
        padding: 11px 14px 11px 13px;
    }
    
    .learning-option:nth-child(1),
    .learning-option:nth-child(2),
    .learning-option:nth-child(3),
    .learning-option:nth-child(4),
    .learning-option:nth-child(5),
    .learning-option:nth-child(6) {width: 100%; float:none;margin-right:0;}
}

/* End Home Learning Options */

/* Home Feature Blocks - Added 2016-06-16 - SMR */

.feature-blocks-container {margin: 0 3.4% 3px 3.3%;}
.feature-blocks-container div.column-heading {margin-left: 26px;}
.marketing-feature {padding : 4px 0px 20px 0; margin-bottom : 20px; border-bottom : 1px dotted #888;}
.marketing-feature:last-child {border-bottom : none; margin-bottom:0; padding-bottom : 0;}
.marketing-feature-content {position: relative; min-height:110px; padding: 10px 17px 0 320px;}
.marketing-feature-content h3 a:link,
.marketing-feature-content h3 a:hover,
.marketing-feature-content h3 a:active,
.marketing-feature-content h3 a:visited {text-decoration : underline;}
.marketing-feature-content p {padding-top : 0;}
.marketing-feature-content img {display: inline-block; width: 285px; height:auto; position: absolute; top: 0; left: 0;}

@media screen and (max-width: 920px) {
    .feature-blocks-container {
        margin : 0 6.8% 7px 6.6%;
    }
    .feature-blocks-container div.column-heading {margin-left: 0px;}
    .marketing-feature-content {position: relative; min-height:92px; padding: 10px 25px 0 267px;}
    .marketing-feature-content img {width: 242px;}
}

@media screen and (max-width: 580px) {
   .feature-blocks-container {
        margin: 0 3.5% 3px 3.8%;
        /*margin : 0 7.5% 3px 6.1%;*/
    }
    .feature-blocks-container div.column-heading {margin-left: 12px;}
    .marketing-feature-content {padding: 43.5% 13px 0 13px;}
    .marketing-feature-content img {width:100%; display:block;}
}

/* End Home Feature Blocks */

/* Home Columns */
.home .columns {
  margin: 0 0 25px 0;
}

.home .columns .span1 {
  float: left;
  width: 6%;
}

.home .columns .social .span1,
.home .columns .campus .span1 {
  width: 3%;
}

/* Home Column Headings */
.home .column-heading {
  color: #004477;
  font-size: 1.65em;
  font-weight: 600;
  line-height: 1.3;
  margin: 0 0 15px 0;
}

/* Home Column HREFs */
.home .columns a {
  /* color: #005599; - header project */
  color: #0072ce;
}

.home .columns a.btn {
  color: #fff;
  padding: 10px 32px;
}

.home .columns a:hover,
.home .columns a:focus {
  text-decoration: underline;
}

.home .columns a:visited {
  color: #800080;
}

/* Home Column Subtitles */
.home .columns h3 {
  font-size: 1.071em;
  line-height: 1.3;
  padding: 1px 0 8px 0;
}

/* Home Column Dates */
.home .columns .date {
  color: #555;
  font-size: .929em;
  /*font-style: italic; --- removed italics from event calendar date April 19, 2016 --- SMR */
  line-height: 1.2;
}

/* Home Calendar */
.calendar-box .event {
  border-bottom: 1px dotted #888;
 /*float: left;  - removed Apr 18, 2016 to make horizontal line span full width of column - SMR */
  margin: 0 0 16px 0;
  padding: 0 0 17px 0;
}

/* Added May 13 to fix image block issue on mobile and Firefox */
.calendar-box .event::after { content: ''; display: block; clear: both; }

.calendar-box .event:last-of-type {
  border-bottom: none;
  margin: 0 0 5px 0;
}

/* Home Calendar Information */
.calendar-box .time {
  margin-bottom: 4px;
}

.calendar-box .time,
.calendar-box .info {
  font-size: .929em;
  line-height: 1.4;
}

/* Home Calendar Button */
.calendar-box a.btn,
.calendar-box a.btn:hover,
.calendar-box a.btn:focus,
.calendar-box a.btn:visited {
  color: #fff;
  max-width: 150px;
  text-decoration: none;
  width: 100%;
}

/* Tabs */
ul.tab,
ul.tabs {
    border-bottom: 1px solid #888;
    float: left;
  height: 32px;
    list-style: none;
  margin: 15px 0 0 0;
    padding: 0;
	width: 100%;
}

ul.tab li,
ul.tabs li,
ul.tab li:visited,
ul.tabs li:visited {
  background: #e9e9e9;
  border: 1px solid #d5d5d5;
  border-bottom: 1px solid #e9e9e9;
  color: #000;
  cursor: pointer;
  display: inline-block;
  font-weight: 600;
  height: 22px;
  outline: 0;
  margin: 0 3px 0 0;
  padding: 4px 17px;
  position: relative;
  text-align: center;
  text-decoration: none;
  z-index: 0;
}

ul.tab li:hover,
ul.tab li:focus,
ul.tabs li:hover,
ul.tabs li:focus {
  background: #cfe4f6;
  border: 1px solid #88aacc;
  border-bottom: 1px solid #cfe4f6;
  /* color: #005599; - header project */
  color: #0072ce;
  cursor: pointer;
}

/* Tabs Active */
ul.tab li.active,
ul.tabs li.active {
	background: #fff;
  border: 1px solid #888;
  border-bottom: 1px solid #fff;
  height: 23px;
  position: relative;
  z-index: 1;
}

ul.tabs li.active,
ul.tabs li.active:hover,
ul.tabs li.active:focus,
ul.tabs li.active:visited {
  color: #2665a1;
  text-decoration: none;
}

/* Tabs Container */
.tab-container {
	border-top: none;
	clear: both;
	float: left;
	width: 100%;
}

.tab-content {
	display: none;
  padding: 20px 0;
}

/* Tabs Mobile */
.tab-drawer-heading { 
  display: none; 
}

/* Social Tabs */
.home .social {
  display: inline-block;
  margin-bottom: 0;
  margin-top: 0;
  max-width: none;
  width: 33%;
}

/* Social Tabs */
.social {
  display: inline-block;
  margin-bottom: 80px;
  margin-top: 20px;
  max-width: 360px;
  width: 100%;
}

/* Social Tabs */
.social ul.tab {
  border-bottom: none;
  height: 34px;
  margin: 0;
}

.social ul.tab li {
  border: none;
  font-size: 1.2em;
  height: 33px;
  margin-right: 0;
  padding: 0;
}

.social ul.tab li.updates {
  background: #db6d2f;
  color: #fff;
  float: left;
  font-size: 1.15em;
  height: 30px;
  line-height: 33px;
  margin-right: 4px;
  padding: 2px 15px;
  width: 77px;
}

/* Social Tabs Container */
.social .tab-container {
	max-height: 545px; /* adjusted June 2016 to increase height to match up with campus/locations baseline */
}

.social .tab-content-social {
	display: none;
  padding: 0;
}

.social .calendar-box {
  background: #f6f6f6;
  padding: 18px 12px 0 15px;
}

.social .calendar-box,
.social .box-frame {
    height: 570px; /* adjusted June 2016 to increase height to match up with campus/locations baseline */
  overflow-y: auto;
}

.home .social .box-frame {
	height: 587px; /* adjusted June 2016 to increase height to match up with campus/locations baseline */
}

.social .calendar-box .event {
  margin: 0 0 12px 0;
  padding: 0 0 12px 0;
}

/* Social Subtitles */
.social .calendar-box h3 {
  padding: 0 0 3px 0;
}

/* Social Dates */
.social .calendar-box .date {
  line-height: 1;
}

.social .calendar-box .thumbnail {
  border: 1px solid #b3b3b3;
  float: right;
  height: 94px;
  margin: 2px 0 0 8px;
  overflow: hidden;
  width: 94px;
  display: block;
}

.social .calendar-box .thumbnail img {
  width: 100%;
}

/* Social Tabs Icon Titles */
.social .tab-content-social > .bar {
  padding: 4px 10px;
}

.social .tab-content-social > .bar.updates {
  background: #db6d2f;
}

.social .tab-content-social > .bar.facebook {
  background: #204289;
  color: #fff;
}

.social .tab-content-social > .bar.twitter {
  background: #27aad6;
  color: #fff;
}

.social .twitter-timeline {
  height: 516px !important;
}

.home .social .twitter-timeline {
  height: 535px !important;
}

#twitter-widget-0 {
  width:100%;
}

.social .tab-content-social > .bar.instagram {
  background: #c7c1a9;
  color: #000;
}

/* Added for instagram feed formatting - SMR June 2016 */
#tabinstagram #insta-channel {font-weight:600; font-size : 1.2em; padding-top : 6px;}
#tabinstagram #title {text-align : left; padding-bottom : 12px; margin-bottom : 12px; border-bottom : 1px solid #e2e9ec;}
.instagram-post {margin-bottom : 15px;}
.instagram-header::after {content:''; display:block; clear:both;}
.insta-avatar {float:left; margin-right:5px;}
img.instagram-avatar {background-color: #fafafa; border: 1px solid #dbdbdb; border-radius: 50%; box-sizing: border-box; height: 30px; overflow: hidden;}
.insta-acct {float:left; padding-top : 4px;}
.instagram-content p {padding-top:0; padding-bottom : 5px; line-height : 1.4em;}
.instagram-content span.insta-nscc {display:inline-block; margin-right:4px;}
.instagram-content a.insta-likes {background : url('/renderfile/edfa5acf0a5228167ceab015e7505feb/img/icons/icon-insta-like.gif') top left no-repeat;padding-left:17px; margin-right:8px;}
.instagram-content a.insta-comments {background : url('/renderfile/edfa5acf0a5228167ceab015e7505feb/img/icons/icon-insta-comment.gif') top left no-repeat;padding-left:15px;}

/* End Instagram formatting */

/* Search Results */
.search-results {
  margin: 0;
  width: 85%;
}

.search-results form,
.search-results td,
.search-results th {
  padding: 0;
  vertical-align: top;
}

.search-results form input[type=submit] {
  vertical-align: top;
}

.search-results label {
  padding: 0 1% 0 0;
}

.search-results .field {
  display: inline-block;
  margin-bottom: 12px;
}

#cse-search-results {
  margin-top: -5px;
}

/* Google CSS Override for Search Results Page */

.gsc-table-result { margin-top: 0!important; }

td.gsc-table-cell-snippet-close, td.gsc-table-cell-snippet-open { padding: 0 0 0 8px!important; }

.gsc-webResult .gsc-result { padding: 0!important; }

.gsc-resultsHeader { display: none; }

.gsc-results.gsc-webResult { margin-top: 15px; }

.gsc-above-wrapper-area-container { margin: 0!important; }

/* End Google CSS Override */

/* Accordion */
.accordion {
  display: inline-block;
  margin: 2px 0 20px 0;
  width: 100%;
}

/* Accordion Controls */
.accordion-control {
  margin: 0 0 12px 0;
  text-align: right;
}

.accordion-control > .title {
  float: left;
  font-size: 1.43em;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 10px 0;
  text-align: left;
  width: 80%;
}

/* Accordion Button */
.accordion-btn {
  background: #e9e9e9;
  border-top: 2px solid #fff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  /* color: #005599; - header project */
  color: #0072ce;
  cursor: pointer;
  float: left;
  font-size: 1em;
  padding: 4px 8px;
  width: 100%;
}

.accordion-btn:before {
  color: #000;
  content: "\f0da";
  display: inline-block;
  font-size: 1.2em;
  font-family: 'Font Awesome\ 5 Free';
  font-style: normal;
  margin: 2px 0 0 0;
  padding-right: 8px;
  text-decoration: none;
  vertical-align: top;
  width: 5px;
  font-weight: 600;
}

.accordion-btn {
  /* color: #005599; - header project */
  color: #0072ce;
}

.accordion-btn:hover,
.accordion-btn:focus {
  background: #cfe4f6;
}

/* Accordion Button Active */
.accordion-btn.on:before {
  content: "\f0d7";
  font-size: 1.2em;
  font-family: 'Font Awesome\ 5 Free';
  font-style: normal;
}

/* Accordion Buttons */
.accordion-btn span {
  display: inline-block;
  width: 93%;
}

span.toggle {
  cursor: pointer;
}

/* Accordion Content */
.accordion-content {
  background: #fbfbfb;
  border-bottom: 1px solid #cdcdcd;
  border-top: 1px solid #cdcdcd;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  float: left;
  font-size: 1em;
  padding: 2px 25px;
  width: 100%;
}

/* Awards - Existing Style Updates */
.AwardsH2 {
  padding: 0 0 10px 0;
}

.awardsResults {
  border-bottom: 1px dotted #888;
  margin-bottom: 18px;
  padding-bottom: 8px;
}

.awards-icons {
  margin:0 8px 2px 0;
  vertical-align: middle;
}

.addshoppingcartbtn {
  margin-right: 25px;
}

.awards.highlight {
  padding: 25px 30px;
}

.awardinfo {
  font-size: 1.4em;
  font-weight: 600;
}
/* ------ Awards Keep as of June 2016 ------ */
#showAllPrograms { margin: 9px 0 7px 0; }
#showAllPrograms .plusbtn{ vertical-align:sub;}
#defaultAwardSearch #hlShowAllPrograms, #defaultAwardSearch #hlShowCampusPrograms { background: url(../../img/designelements/btn-plus.gif) center left no-repeat; padding-left: 18px; }

#ctl00_Body_cblSpecialCriteria { max-width: 370px; margin: 1px 0 10px -3px; width: 100%;}
#ctl00_Body_cblSpecialCriteria label { float: left; position: relative; }
#ctl00_Body_cblSpecialCriteria td { width: 50%; padding-bottom: 2px; }

.awardsResults { text-align: left; padding: 3px 0; margin: 12px 0 21px 0; }
.srch-back { margin-top:-1px; }
.srch-back:before { content: "\f104"; font-family: 'Font Awesome\ 5 Free'; font-style: normal; font-weight: 600; font-size: 1.2em; text-decoration: none!important; margin-right: .3em; /* color: #005599; - header project */
  color: #0072ce; position: relative; top: .1em; left: 0; }

.resultsBtm { margin: 28px 0; }
.awardsTerms { margin: 20px 0; }
.awardsTerms span { background: #f1f1f1; padding: 2px 6px; }
.content .donatedby { color: #999; }
.donatedby img { margin-top: 4px; border: 1px solid #e4e2e2; }

.awardsearch { display: inline-block; }

@media only screen and (min-width: 581px) {
.shoppingCartRemove {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  }
}

@media only screen and (max-width: 580px) {
#btnAddShoppingCart { display: block; margin-bottom: 5px; }
.srch-back { float: none; display: block; margin-top: 5px; }
}

.addshoppingcartbtn { background: url(/img/designelements/buttons/btn-show.gif) bottom left no-repeat; margin: 0 12px 0 0; padding: 0 0 0 25px; }

.shoppingcartbtn { background: url(/img/designelements/buttons/view-list.gif) bottom left no-repeat; margin: 0; padding: 0 0 0 25px; }

.allprograms a:link, .allprograms a:active, .allprograms a:visited, .allprograms a:hover { font-size: 12px; color: #1F61AF; text-decoration: none; }

#tblAllPrograms, #tblCampusPrograms { border: 1px solid #bebebe; }

#tblAllPrograms td, #tblCampusPrograms td { padding-left: 15px; border-bottom: 1px solid #fff; }

#tblAllPrograms .odd, #tblAllPrograms .even, #tblCampusPrograms .odd, #tblCampusPrograms .even { background-color: #f6f6f6!important; }

#tblAllPrograms .odd a, #tblAllPrograms .even a, #tblCampusPrograms .odd a, #tblCampusPrograms .even a { text-decoration: underline; font-size: .9em; }    


#tblAllPrograms, #tblCampusPrograms { width: 565px; }

.ui-widget { font-family: "Open Sans", Arial, Helvetica, sans-serif; }
.ui-dialog { padding: 35px 35px 0 35px!important; width: 650px!important; }
.ui-corner-all { -webkit-border-radius: 0; }
.ui-icon { text-indent: 0; }
.ui-dialog .ui-dialog-titlebar-close {  top: -20px; width: 70px; height: 23px!important; color: #000; text-transform: capitalize; font-size: .65em; text-decoration: underline;}

.ui-dialog .ui-dialog-titlebar-close span { float: right; width: 100%; }
.ui-state-hover { background: none!important; border: 1px solid #fff!important;}

#divAllPrograms, #divCampusPrograms { height: 480px!important; overflow: auto!important; }

.ui-dialog .ui-dialog-content { padding: 0; }

#tblAllPrograms, #tblCampusPrograms { width: 100%; border: none; margin: 0!important; }

#btnAllProgramsCancel .btnOther { margin-top: 9px!important; }

#hlShowCampusPrograms, #hlShowAllPrograms { background: url(/img/designelements/buttons/btn-show.gif) top left no-repeat; padding-left: 25px; }

.paginate_disabled_previous { height: 33px; width: 33px; background: #D5D5D5; }

.paginate_disabled_previous:before { content: '\f053'; font-size: 1em; font-family: 'Font Awesome\ 5 Free'; font-style: normal; color: #fff; font-weight: 600; position: relative; top: 15%; right: 32%; }

.paginate_enabled_next { height: 33px; width: 33px; background: #488117; margin-left: 5px; }

.paginate_enabled_next:before { content: '\f054'; font-size: 1em; font-family: 'Font Awesome\ 5 Free'; font-style: normal; color: #fff; font-weight: 600; position: relative; top: 15%; right: 28%; }

.paginate_enabled_previous { height: 33px; width: 33px; background: #488117; }

.paginate_enabled_previous:before { content: '\f053'; font-size: 1em; font-family: 'Font Awesome\ 5 Free'; font-style: normal; color: #fff; font-weight: 600; position: relative; top: 15%; right: 32%; }

.paginate_enabled_next:hover, .paginate_enabled_previous:hover { background: #356010; }

.paginate_disabled_next { height: 33px; width: 33px; background: #D5D5D5; margin-left: 5px; cursor: none; }

.paginate_disabled_next:before { content: '\f054'; font-size: 1em; font-family:'Font Awesome\ 5 Free'; font-style: normal; color: #fff; font-weight: 600; position: relative; top: 15%; right: 28%; }

/* End Awards Styles */

/* Course Highlights */
.gen-nextsteps {
  background: #f1f1f1;
  border: 1px solid #fff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 13px 18px;
  width: 100%;
}

.gen-nextsteps ol {
  background: #fff;
  margin: 0;
  padding: 10px 15px;
}

.gen-nextsteps h2 {
  color: #222;
  font-size: 1.4em;
  margin: 0;
  padding: 0 0 15px 10px;
}

.gen-nextsteps ol > li {
  margin-bottom: 8px;
}

.gen-nextsteps ol > li:last-child {
  margin-bottom: 0;
}

.gen-nextsteps li {
  font-size: 1.05em;
  list-style: none;
}

.gen-nextsteps li a:link {
  font-size: 1em;
}

.gen-nextsteps li div {
  display:table-cell;
  height: 38px;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

.gen-nextsteps li h3 {
  color: #000;
  display: block;
  font-size: 1em;
  font-weight: 600;
  margin: 0;
  padding: 0 0 3px;
}

.gen-nextsteps li ul {
  margin: -9px 0 0 -5px;
  padding: 0;
}

.gen-nextsteps li ul li {
  font-size: 1em;
  list-style-type: none;
  margin: 0 0 -10px;
}

.num-blue,
.num-pink {
  background: #0373b7;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #fff;
  float: left;
  font-size: 2em;
  font-weight: 600;
  line-height: .7 !important;
  height: 36px;
  margin: 0 10px 0 0 !important;
  padding: 7px 0 0 0 !important;
  width: 37px;
  text-align: center;
}

.num-blue,
.num-pink {
  background: #0373b7;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #fff;
  float: left;
  font-size: 2em;
  font-weight: 600;
  line-height: .7 !important;
  height: 36px;
  margin: 0 10px 0 0 !important;
  padding: 7px 0 0 0 !important;
  width: 37px;
  text-align: center;
}

/* Pagination List */
/* previously .pagination */
ul.awards-pagination {
  padding: 0;
}

ul.awards-pagination li {
  border-bottom: 1px dotted #888;
  list-style: none;
  margin-bottom: 10px;
  padding: 10px 0 24px 0;
}

ul.awards-pagination li a{
  display: block;
  margin: 0 0 7px 0;
}

/* Pagination Pager */
.simplePagerContainer {
  margin-bottom: 30px;
}

ul.simplePagerNav {
  clear: both;
  display: block;
  margin-bottom: 30px;
  padding: 5px 0 30px 0;
  width: 100%;
}

ul.simplePagerNav li {
  background: url(/img/designelements/pipe-border.jpg) no-repeat right 5px;
  display: block;
  float: left;
  padding: 0 7px 0 5px;
}

ul.simplePagerNav li:last-child {
  background: none;
}

ul.simplePagerNav li a,
ul.simplePagerNav li a:visited {
  /* color: #005599; - header project */
  color: #0072ce;
  font-size: .989em;
  padding: 0 5px;
  text-decoration: underline;
}

li.currentPage a {
  background: #cfe4f6;
  color: #222 !important;
  text-decoration: none !important;
}

li.currentPage {
  padding: 0 7px;
}

li.currentPage:first-child {
  padding-left: 0;
}

/* Existing Styles for Content */
.whynscc_img_left {
  margin-right: 10px;
  margin-bottom: 5px;
}

/* Program Openings Original CSS Modified */
.totop {
  float: left;
}

#po-tabs ul {
  list-style-type: none;
  margin: 0;
}

.po-h3 {
  color: #222;
  font-size: 1.02em;
  font-weight: 800;
  margin: 0;
  padding: 6px 0;
}

.po-h3.first {
  padding-top: 15px;
}

/* Program Openings Legend Container */
.po-legend-cont {
  background: #f6f6f6;
  float: left;
  margin-bottom: 28px;
  width: 100%;
}

.po-legend-inner {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  float: left;
  padding: 9px 5px;
  width: 100%;
}

ul.po-legend,
ul.po-legend-mid,
ul.po-legend-end {
  border-left: 1px solid #d5d5d5;
  float: left;
  font-size: .9em;
  margin: 0;
  padding: 0 0 18px 4px;
}

ul.po-legend:first-of-type {
  border-left: none;
}

ul.po-legend-mid.two {
    border-right : 1px solid #d5d5d5;
}

ul.po-legend-end {
    border-left : none;
}

ul.po-legend li, 
ul.po-legend-mid li, 
ul.po-legend-end li {
  line-height: 1;
  list-style-type: none;
  margin: 0;
  padding: 1px 0;
}

ul.po-legend-mid li, 
ul.po-legend-end li {
  padding: 8px 0 8px 10px;
}

ul.po-legend-mid li strong, 
ul.po-legend-end li strong {
  font-weight: 800;
}

ul.po-legend {
  width: 25.5%;
}

ul.po-legend-mid {
  padding: 0 6px;
  width: 23.5%;
}

ul.po-legend-mid.two {
  width: 27%;
}

ul.po-legend-end {
  padding: 0 0 0 6px;
  width: 18%;
}

/* Program Openings Menu */
.po-view {
  color: #fff;
  margin: 0;
  padding: 8px 5px 6px 10px;
}

#spnLastUpdated {
  float: right;
  padding-top: 5px;
}

.spnLastUpdated  {
  display: none;
}

.po-menu-cont {
  height: 28px;
  max-width: 100%;
}

ul.po-menu {
  border-bottom: 1px solid #888;
  float: left;
  height: 32px;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

ul.po-menu li,
ul.po-menu li,
ul.po-menu li:visited,
ul.po-menu li:visited {
  background: #e9e9e9;
  border: 1px solid #d5d5d5;
  border-bottom: 1px solid #e9e9e9;
  color: #000;
  cursor: pointer;
  display: inline-block;
  font-weight: 600;
  height: 22px;
  outline: 0;
  margin: 0 3px 0 0;
  padding: 4px 17px;
  position: relative;
  text-align: center;
  text-decoration: none;
  z-index: 0;
}

ul.po-menu li:hover,
ul.po-menu li:focus {
  background: #cfe4f6;
  border: 1px solid #88aacc;
  border-bottom: 1px solid #cfe4f6;
  color: #005599;
  cursor: pointer;
}

ul.po-menu li:hover a {
  color: #005599!important;
}

ul.po-menu li.last-update,
ul.po-menu li.last-update.active {
  background: none;
  border: none;
  float: right;
  margin: 0;
  width: auto;
}

ul.po-menu li.last-update a,
ul.po-menu li.last-update a:hover,
ul.po-menu li.last-update a:focus,
ul.po-menu li.last-update a:visited,
ul.po-menu li.last-update.active a,
ul.po-menu li.last-update.active a:hover,
ul.po-menu li.last-update.active a:focus,
ul.po-menu li.last-update.active a:visited {
  color: #000!important;
  background-color: #fff;
  cursor: text;
  font-weight: normal;
}

.view-table {
  display: none;
}

ul.po-menu li a,
ul.po-menu li a:visited { 
  color: #000; 
  text-decoration: none;
  display: inline-block;
}

ul.po-menu li.active {
  background: #fff;
  border: 1px solid #888;
  border-bottom: 1px solid #fff;
  height: 23px;
  position: relative;
  z-index: 1;
}

ul.po-menu li.active a {
  color: #2665a1;
  text-decoration: none;
}

/* Program Openings Tabs */
.po-tab-content {
  clear: both;
  float: left;
  margin: -1px 0 0 0;
  padding: 11px 0 0 0;
  position: relative;
  width: 100%;
  z-index: 999999;
}

.po-tab-content a{
    text-decoration:none;
}

ul.po-az {
  background: #fff;
  height: 29px;
  list-style-type: none;
  margin: 0;
  padding: 5px 0 0 5px;
}

ul.po-az li {
  border-right: 1px solid #888;
  display: inline;
  line-height: 1.1;
  padding: 0 15px;
}

#School ul.po-az li {
  margin: 3px 0;
}

ul.po-az li.last {
  background: none;
  border-right: none;
  padding-right: 0;
}

ul.po-az a:link,
ul.po-az a:visited {
  /* color: #005599; - header project */
  color: #0072ce;
  display: inline-block;
  outline: none;
}

ul.po-az .highlight {
  background: none;
  padding: 0 14px 0 16px;
}

ul.po-az .highlight a {
  background: #cfe4f6;
  /* color: #005599; - header project */
  color: #0072ce;
  margin: -3px -3px 0 -5px;
  padding: 4px 4px 3px 4px;
}

/* Program Openings Table */
.po-indent{
  float: left;
  padding-bottom: 0;
  padding-top:0;
  width: 84%;
}
.po-table {
  display: inline-block;
  font-size: .9em;
  padding-bottom: 0;
}

.po-table .poHeader .first {
  background: #e9e9e9;
  font-weight: 800;
  padding: 8px 12px;
  text-align: left;
  width: 37%;
}

.po-table .poHeader .first a {
  color: #000;
  float: left;
}

.po-table .poHeader a{
    text-decoration:none;
}

.po-table .poHeader td {
  background: #e9e9e9;
  border-bottom: none;
  border-left: 1px solid #d5d5d5;
  font-size: 1.2em;
  font-weight: 800;
  padding: 4px;
  text-align: center;
  width: 30px;
}

.po-table .poHeader:hover td,
.po-table .poHeader:focus td {
  background: #e9e9e9;
}

.po-table .poHeader img {
  margin: 0 0 -3px -4px;
  padding-right: 5px;
}

.po-table td.first {
  border-left: none;
  font-size: 1.2em;
  padding: 4px 4px 4px 14px;
  text-align: left;
}

.po-table td {
  background: #f6f6f6;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #d5d5d5;
  padding: 1px;
  text-align: center;
}

.po-table tr:hover td,
.po-table tr:focus td{
  background: #cfe4f6;
}

.po-table .poHeader .cellDim {
  background: #e9e9e9;
  color: #d4d4d4;
}

.po-table .cellDim {
  border-bottom: 1px solid #f2f2f2;
  border-left: 1px solid #f2f2f2;
}

.po-table .cellHighlight {
  border-right: 1px solid #c0c0c0;
}

.po-table .poHeader .cellHighlight {
  border-right: none;
}

.po-table .last td {
  border-bottom: none;
}

/* Program Openings Table Icons */
.po-blank,
.po-bullet,
.po-openseat,
.po-suspend,
.po-waitlist {
  color: #fff;
  display: block;
  font-weight: 600;
  height: 16px;
  padding: 4px 0;
}

.po-openseat {
  background: #005599;
}

.po-waitlist {
  background: #ffbb00;
}

.po-suspend {
  background: #dd2233;
}

.po-blank,
.po-bullet {
  font-size: 1.4em;
  font-weight: bold;
  height: 14px;
  line-height: 12px;
  padding: 5px 0;
}

.po-bullet {
  background: #d5d5d5;
  color: #000;
}

.po-blank {
  background: #fff;
  border: 2px solid #c5c5c5;
}

/* Program Openings Legend Icons */
.po-blank-lgnd,
.po-bullet-lgnd,
.po-openseat-lgnd,
.po-suspend-lgnd,
.po-waitlist-lgnd {
  color: #fff;
  display: inline-block;
  font-weight: 600;
  height: 12px;
  margin-right: 4px;
  padding: 4px 0;
  text-align: center;
  width: 20px;
}

.po-openseat-lgnd {
  background: #005599;
  border: 2px solid #005599;
}

.po-waitlist-lgnd {
  background: #ffbb00;
  border: 2px solid #ffbb00;
}

.po-suspend-lgnd {
  background: #dd2233;
  border: 2px solid #dd2233;
}

.po-blank-lgnd,
.po-bullet-lgnd {
  font-size: 1.4em;
  font-weight: bold;
  line-height: 12px;
}

.po-bullet-lgnd {
  background: #d5d5d5;
  border: 2px solid #d5d5d5;
  color: #000;
}

.po-blank-lgnd {
  background: #fff;
  border: 2px solid #c5c5c5;
}

.gray-bg {
   background: #f6f6f6 ;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   clear: both;
   overflow: hidden;
   padding: 15px 20px 10px 20px;
}

.gray-bg h2 {
    padding:0 0 6px 0;
}

.gray-bg p{
    line-height:2;
}

/* ------ Program Openings Keep as of June 2016 ------ */

.customToolTip { max-width: 165px; min-width: 100px; font-size: 1em; padding: 6px 2px; border-color: #4e4c4d; background-color: #4e4c4d; color: #fff; margin-bottom: 10px; }
.ui-tooltip-content { text-align: center; line-height: 1.2em; }
.ui-tooltip-shadow { -webkit-box-shadow: 3px 2px 3px 1px rgba(126, 124, 125, 1); -moz-box-shadow: 3px 2px 3px 1px rgba(126, 124, 125, 1); box-shadow: 3px 2px 3px 1px rgba(126, 124, 125, 1); }
.ui-tooltip-tip { height: 8px; width: 12px!important; }
.ui-tooltip-tip canvas { height: 8px!important; width: 12px!important; -webkit-box-shadow: 3px 2px 3px 1px rgba(126, 124, 125, 1); -moz-box-shadow: 3px 2px 3px 1px rgba(126, 124, 125, 1); box-shadow: 3px 2px 3px 1px rgba(126, 124, 125, 1); }

/* ------ AZ Listing Styles ADDED MH 04/2016 ------ */
/* Used for WebCal, ConEd and Fees */
.azBox { border: 1px solid #d8d7d6; padding: 6px; background: #f2f2f2;}
.azBox a { padding-right : 7px; /*padding: 7px;*/ display: inline-block;}
.azBox span.alpha_spacer {margin-right : 7px;}
.azBox div { background: #fff; padding: 7px 7px 7px 10px; color: #d8d7d6; }
.azWebCal li, .srchWebCal li { margin-left: -15px; padding-left: 0px; list-style-type: none; }
.azWebCal li ul li, .srchWebCal li ul li { padding-left: 13px; }
/* ------ End AZ Listing Styles ------ */

/* ------ New Course Button Search ADDED SMR 07/2016 ------ */
/* This is duplicated on ConEd.CSS but was added here for marine */
.newCourseBtn {margin-bottom: -5px; padding-left: 7px;}
/* ----- End New Course Button Search -----/*

/* ------ New Course Button ADDED SMR 08/08/2016 - Replaces New Course image button above ------ */
.new-course-btn {background-color : #e9e9e9; padding:2px 2px; margin-left:5px; color:#000000; border:1px solid #d5d5d5;font-size : 0.65em; text-transform:uppercase; font-weight:600;}
.new-course-btn.updates {margin-left : 0; margin-right : 2px;}
.new-course-btn a:link,
.new-course-btn a:hover,
.new-course-btn a:active,
.new-course-btn a:visited {text-decoration : none; color:#000000;}
h2 .new-course-btn {font-size : 0.4em;}
/* ----- End New Course Button -----/*

/* ------ font icon size overrides ADDED MH 04/2016 ------ */
label .fa-1 { font-size: 1.2em; }
/* ------ end font icon size overrides ------ */

/* ------ tooltip overrides ADDED MH 04/2016 ------ */
.qtip-dark { font-size: .9em!important; line-height: 1.3em!important; padding: 7px!important; }
/* ------ end tooltip overrides ------ */

/* ------ hide in apps ADDED MH 04/2016 ------ */
.nodisplay { display: none; }
/* ------ end hide in apps ------ */

/* Honeypot field - named it something not obviously honeypot to bots ADDED MH 04/2016 */
.AddtlInfo { display: none; }

/* ------ generic floats ADDED MH 04/2016------ */
.float-l { float: left; }
.float-r { float: right; }
/* ------ end generic floats ------ */

/* ------ no top margin - used on campus video ADDED MH 01/2017 ----- */
 .campus-video-masthead {
	 margin-top: 0;
	 margin-bottom:15px;
}
/* ------ end no top margin - used on campus video ----- */

/* Footer */
.footer {
  background: #004477;
}

.footer-top.page-inner {
  padding-right: 0;
  width: 96.5%;
}

/* Footer Top Section */
.footer-top {
  margin: 0 0 30px 0;
  overflow: hidden;
  padding-top: 32px;
}

.footer-column {
  border-right: 1px solid #0066aa;
  float: left;
  margin-bottom: -99999px;
  width: 20%;
  padding: 0 2.9% 99999px 2.9%;
}

.corporate .footer-column {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.footer-column:first-child {
  padding-left: 0;
}

.footer-column:last-child {
  border-right: none;
  padding-right: .2%;
}

.footer-top .nav-title,
.footer-top .nav-title a {
  color: #bbddff;
  font-size: 1.07em;
  font-weight: 600;
  padding: 0 0 9px 0;
  text-decoration: none;
}

.footer-top .nav-title a:hover,
.footer-top .nav-title a:focus {
  text-decoration: underline;
}

.footer-top .nav-title {
  color: #fff;
}

.footer-column ul,
.footer-column p {
  color: #fff;
  font-size: 1em;
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-column ul li a,
.footer-column p a {
  color: #fff;
  display: block;
  line-height: 1.3em;
  margin: 0 0 7px 0;
  text-decoration: none;
}

.footer-column a:hover,
.footer-column a:focus {
  text-decoration: underline;
}

.footer-column ul li:last-of-type a {
  margin: 0;
}

/* Footer Bottom Section */
.footer-bottom {
  color: #fff;
  font-size: .929em;
  background: #013056;
  padding-bottom: 25px;
  padding-top: 18px;
  text-align: center;
}

.footer-bottom a {
  color: #bbddff;
  padding: 0 4px 0 0;
}

.footer-bottom a:first-child {
  color: #bbddff;
  padding-left: 4px;
}

.footer-bottom a:hover,
.footer-bottom a:focus {
  text-decoration: underline;
}

/* Footer Copyright and Social Section */
.copyright {
  margin: 0 0 10px 0;
}

.copyright span {
  display: inline-block;
  font-size: 1.6em;
  margin: 0;
  padding: 0 3px;
  vertical-align: top;
}

.footer-social a {
  /*padding: 0 4px 3px 4px;
  text-decoration: underline;*/
  color:#ffffff !important;
  margin-right : 6px;
  font-size : 2.5em;
}

/* Print Styles */
@media print {

  .breadcrumbs,
  .callout,
  .content-rating-widget,
  .copyright a,
  .copyright span,
  .corp-container,
  .flexslider,
  .footer-social,
  .footer-top,
  .info-for-container,
  .info-for-full,
  .lightbox-trigger,
  .left-col,
  .mgmenu-container,
  .photo-gallery,
  .photo-slider,
  .search,
  .task-nav {
    display: none;
  }
  
  .logo-container.page-inner {
    border-bottom: 1px solid #ccc;
    padding: 0 0 20px 0;
  }
  
  .logo .print {
    display: block;
    max-width: 100px;
    width: 100%;
  }
  
  .main-content {
    width: 100%;
  }

  .caption {
    color: #000;
  }

  /* Home News Stories ADDED 05/2016 MH - still need to fix */
  .news-container.span28 {
    margin: 0!important;
    width: 87%;
    padding: 2px!important;
  }
  
  .news {
    margin: 0!important;
    padding: 0!important;    
  }

  .news .story {
    display: block;
    float: left;
    margin: 0 0 25px 0;
    padding: 0!important;
    width: 100%;
  }
  
  .news .story:nth-child(odd) {
    clear: left;
    border-right: none!important;
    padding-left: 0;
  }
  
  .news .story:nth-child(even) {
    border-right: none!important;
    clear: right;
    padding-right: 0;
  }

  .news .feature, .home .social { display: none; }

/* Headers black and no underline */
h1, h2, h3, h4, h5, h6 { color: #000; }

/* tables for border */
th, td { border: 1px solid #ccc; }

/* header images no display */
.full-width-img { display: none; }

/* homepage print styles */
.home-side-nav .flyout-menu { display: block!important; }
.btn.full, .callout, .btn-center { display: none; }

.span9.sm, .span28 { width: 100%!important; }

/* campus page print styles */
.shortcuts, .top-banner.campus, .video-frame, .population-box, .campus-buttons { display: none; }
.campus-bio { width: 100%; }

/* WebCal Print Styles */

h2.noPadTopic a, a#hlLocations { color: #000; text-decoration: none; }
.ProgramDate { font-weight: 600; }

.prg-youtube, #divExplore, .waitlist-tooltip, .top-banner, .formLinks, .imgquad, #pnlNextSteps, #imgShowHideLocation, #awards-imgShowHideLocation, #dtLocations, .highlights-info, .highlights-info-tooltip, .num-blue, .ToggleCourses { display: none; }
.spnLocations { display: block; }
.spnLocations a { text-decoration: none; color: #000; }

.tagline { margin-bottom: 0; }
#quickfax { padding-left: 5px; }

.progstart {
  float: left;
  width: 100%;
}

.progstart dt {
  clear: both;
  float:  left;
  font-weight: 600;
  width: 100px;
}

.progstart dd {
  float: left;
  margin:0 0 2px 0;
  width: 65%;
}

.CourseGrdTbl { border: 1px solid #ccc; }
#grdCourseList tr, #grdCourseList td { padding: 0; margin: 0; }
#grdCourseList table { padding: 0; margin: 0; }
.crseHeader { border-right: 1px solid #ccc; }
.crseHeader, .crseHeaderRgt { padding: 5px!important; font-weight: 600; }
.crseTitle { padding: 5px!important; border-right: 1px solid #ccc; }
.crseTitleRgt { padding: 5px!important; }
.courseTable tr { border-top: 1px solid #ccc; }

/* ConEd Print Styles */
dl.ConEdClassDtls { margin-left: 0; padding: 12px 0 20px 0; width: 100%;}
dl.ConEdClassDtls dt { font-weight: 600; float: left; }
dl.ConEdClassDtls dd { margin-left: 6em; }
.coned-quickfacts { margin: 0 auto; background:#f6f6f6; padding: 12px; }
.coned-quickfacts .col1 { display: table-cell; width: 140px; font-weight: 600; }
.coned-quickfacts .col2 { display: table-cell; }
.coned-quickfacts .row { display: table-row; }
.statusCont { position: absolute; top: 0; right: 0; margin-top: 18px; }
.classStatus { font-weight: 600; color: #f00; margin: -9px 7px 0 0; }
.detailsContainer { border-bottom: 1px solid #eee; position: relative; }
}

@media only screen and (max-width: 970px) {
    
    /* Mega Menu Scale */
    .mgmenu > li { 
        padding: 0 5px;
    }
    
}

@media only screen and (min-width: 791px) and (max-width: 959px) {

  /* Mega Menu Font Scale */
  .mgmenu {
    font-size: 1.55vw;
  }

  /* Mega Menu List Item Padding for Link 1 and 2 */
  .mgmenu > li:first-child > span > a,
  .mgmenu > li:nth-child(2) > span > a,
  .mgmenu > li > span > a,
  .mgmenu > li.active > span > a  {
    padding-left: 8px;
    padding-right: 8px;
  }

  /* Home Nav Fly Out Menu */
  .home-side-nav .flyout-menu {
    width: 518px;
  }
  
  .home-side-nav > ul > li > a,
  .home-side-nav > form > ul > li > a {
    font-size: .9em;
  }
  
  /* News Stories */
  .news .story {
    padding: 0 1.5% 99999px 1.5%;
    width: 22.6%;
  }
  
  /* Campus Pages - Modified Existing Setup */
  .campus-bio {
    width: 50%;
  }
  
}

@media only screen and (min-width: 920px) {
  
  /* Mega Menu Show Parent Items */
  .mgmenu-container .mgmenu > li {
    display: block !important;
  }
  
  /* Hide Mega Menu Button */
  .mgmenu-container > .mgmenu > li.mgmenu-btn {
    display: none !important;
  }
  
  .main-content.col:first-of-type {
    margin-left: 0.2%;
  }
  
}

@media only screen and (max-width: 920px) {
    
  body {
    background-color: #013056;
  }
  
  .span1 {
    width: 2%;
  }
  
  .home .span1 {
    width: 2.7%;
  }
  
  .main-content.col:first-of-type {
    margin-left: 0;
  }

/* Hide Google Search bar from header on mobile */
#search-box-hdr { display: none; }
/* Mobile search button */
.search-btn {
		 background: #004477 url(../../img/designelements/header/search-icon-mobile.png) no-repeat center center;
		 background-size: 20px;
		 border: 1px solid #3960a3;
		 height: 30px;
		 outline:none;
		 width: 34px;
	}

  /* Forms Elements */
  input[type=checkbox],
  input[type=radio] {
    transform: scale(1.25);
  }
  
  /* Hide Mega Menu Button */
  .show-desktop {
    display: none;
  }
  
  .show-mobile,
  .mgmenu-container .mgmenu > li.show-mobile {
    display: block !important;
  }
  
  .social-mobile-hide {
      display:none;
  }

  /* Mega Menu or Info For Menu Background */
  body.outer-menu,
  body.outer-menus {
    height: 100%;
    position: fixed;
    width: 100%;
  }
  
  .menu-backdrop.outer-menu  {
    background: rgba(0, 0, 0, .6);
    display: block;
    position: fixed;
    height: 100%;
    overflow: hidden;
    transition: background .75s ease-in-out;
   -moz-transition: background .75s ease-in-out;
   -ms-transition: background .75s ease-in-out; 
   -o-transition: background .75s ease-in-out;
    -webkit-transition: background .75s ease-in-out;
    width: 100%;
    z-index: -1;
  }
  
  .menu-backdrop.outer-menus  {
    background: transparent;
    display: block;
    position: fixed;
    height: 100%;
    overflow: hidden;
    transition: background .75s ease-in-out;
   -moz-transition: background .75s ease-in-out;
   -ms-transition: background .75s ease-in-out; 
   -o-transition: background .75s ease-in-out;
    -webkit-transition: background .75s ease-in-out;
    width: 100%;
    z-index: -1;
  }
  
  /* Page Width Tablet*/
  .page-inner {
    padding-left: 6%;
    padding-right: 6%;
    width: 88%;
  }
  
  /* iOS Input Tablet/Mobile */
  input[type=text],
  input[type=email],
  input[type=tel],
  input[type=url],
  input[type=number],
  select,
  textarea {
    -webkit-appearance: none;
  }
  
  form .field label.item {
    padding: 0 0 10px 0;
  }
  
  /* Task Nav Tablet/Mobile */
  .task-nav > ul {
    float: left;
    margin-top: 11px;
  }
  
  .task-nav > ul > li {
    font-size: .929em;
  }
  
  .task-nav > ul > li:first-child {
    padding-left: 0;
  }
  
  .task-nav > ul > li:last-child {
    border-right: none;
  }
  
  /* Logo Container Tablet*/
  .logo-container {
    padding-bottom: 6px;
    position: relative;
    z-index: 0;
  }

  .logo-container.on {
    position: relative;
    z-index: -2;
  }
  
  .logo img {
    margin-top: 20px;
    max-width: 73px;
  }
  
  /* Information For Tablet/Mobile Menu Open and Close */
  .info-btn,
  .info-close {
    display: block;
  }
  
  /* Information For Tablet/Mobile Menu */
  .info-for-container {
    display: block;
    float: left;
    position: relative;
    width: 100%;
  }
  
  /* Information For Tablet Menu */
  .info-for {
    background: #fff;
    float: none;
    height: auto;
    left: -368px;
    max-width: 268px;
    padding: 2px 2.5% 25px 2.5%;
    position: absolute;
    transition: all .75s ease-in-out;
    -moz-transition: all .75s ease-in-out;
    -ms-transition: all .75s ease-in-out; 
    -o-transition: all .75s ease-in-out;
    -webkit-transition: all .75s ease-in-out;
    width: 90%;
    z-index: 99999;
  }
  
  .info-for.on {
    left: 0;
  }
  
  .info-for .inner-menu  {
    height: auto;
    overflow-x: hidden;
    overflow-y: auto; 
  }
  
  .info-for ul {
    margin: 0 0 8px 0;
    padding: 0;
    width: 100%;
  }

  .info-for li {
    border: none;
    float: left;
    padding: 0;
    width: 100%;
  }
  
  /* Information For Tablet/Mobile Links */
  .info-for ul li a {
    color: #005599;
    background: #fff;
    border-bottom: 1px solid #d5d5d5;
    display: block;
    font-size: 1.2em;
    font-weight: 600;
    padding: 9px 5% !important;
    width: 88%;
  }
  
  .info-for ul li:hover a,
  .info-for ul li:focus a  {
    background: #d5d5d5;
    text-decoration: none;
  }
  
  /* Information For Active Links Tablet/Mobile */
  .info-for ul li.active a {
    background: #a5c7e6;
  }
  
  /* Search Box Tablet */
  .search {
    margin: 12px 0 0 0;
  }
  
  input.search-box,
  input[type=text].search-box  {
    border: none;
    height: 32px;
    margin-right: -8px;
    padding: 0 0 0 7px;
    transition: width .75s ease-in-out;
    -moz-transition: width .75s ease-in-out;
    -ms-transition: width .75s ease-in-out; 
    -o-transition: width .75s ease-in-out;
    -webkit-transition: width .75s ease-in-out;
    width: 0;
  }
  
  input.search-box.on,
  input[type=text].search-box.on  {
    border: 1px solid #fff;
    height: 32px;
    padding: 2px 7px;
    width: 168px;
  }

  .search-btn {
    background: #004477 url(../../img/designelements/header/search-icon-mobile.png) no-repeat center center;
    background-size: 20px;
    border: 1px solid #3960a3;
    height: 32px;
    outline:none;
    width: 36px;
  }
  
  .search-btn.on {
    background: #fff url(../../img/designelements/header/search-icon-desktop.png) no-repeat center center;
    background-size: 20px;
    border: 1px solid #fff;
    outline:none;
  }
  .search-btn:active,
  .search-btn.on:active{
    outline:none;
  }
  
  /* Mega Menu Tablet/Mobile Open and Close Buttons */
  .mgmenu-btn,
  .mgmenu-close {
    display: block;
  }
  
  /* Mega Menu Tablet/Mobile */
  .mgmenu-container {
    border-bottom: none;
    height: 100%;
  }
  
  .primary-nav {
    background: #fff;
    float: none;
    height: 100%;
    left: -348px !important;
    max-width: 268px;
    padding: 2px 2.5% 25px 2.5%;
    position: fixed;
    transition: all .75s ease-in-out;
    -moz-transition: all .75s ease-in-out;
    -ms-transition: all .75s ease-in-out; 
    -o-transition: all .75s ease-in-out;
    -webkit-transition: all .75s ease-in-out;
    width: 90%;
    z-index: 99999;
  }
  
  .primary-nav.on {
    left: 0 !important;
  }
  
  .mgmenu > li {
    border: none;
    float: left;
    padding: 0;
    width: 100%;
  }
  
  .mgmenu li.active {
    border-top: none;
    border-bottom: none;
  }
  
  .mgmenu li.active > a {
    background: #a5c7e6 !important;
    color: #005599 !important;
  }
  
  .mgmenu-container .inner-menu  {
    height: 85%;
    overflow-x: hidden;
    overflow-y: auto; 
  }
  
  /* Mega Menu Show Hidden Name Tablet/Mobile*/
  .mgmenu li .mobile-name {
    display: inline;
  }
  
  /* Mega Menu Parent Items Tablet/Mobile */
  .mgmenu .parent > span > a,
  .mgmenu .parent > span > a:hover,
  .mgmenu .parent > span > a:focus,
  .mgmenu li.parent > span > a,
  .mgmenu li.parent:hover > span > a,
  .mgmenu li.parent:focus > span > a {
    background: #cfe4f6 !important;
    color: #005599 !important;
  }
  
  /*.mgmenu.inner-menu > li.active > span > a {
    background: #a5c7e6;
  }*/
  
  .mgmenu .parent.current > span > a,
  .mgmenu .parent.current > span > a:hover,
  .mgmenu .parent.current > span > a:focus,
  .mgmenu li.parent.current > span > a,
  .mgmenu li.parent.current:hover > span > a,
  .mgmenu li.parent.current:focus > span > a {
    background: #a5c7e6 !important;
  }
  
  .mgmenu li > span {
    display: block;
    float: left;
    padding:0;
    width: 100%;
  }
  
  .mgmenu li > span > a,
  .mgmenu li.active > span > a {
    border-top: 1px solid #d5d5d5;
    display: block;
    padding-bottom: 12px;
    padding-top: 12px;
  }
  
  .mgmenu > li ul li a:hover,
  .mgmenu > li ul li a:focus {
    background: #cfe4f6;
  }
  
  /* Mega Menu Submenu Tablet/Mobile*/
  .mgmenu li .submenu {
    background: #fff;
    box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    left: 0;
    padding: 0;
    position: relative;  
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    width: 100%;
  }
  
  .mgmenu li .submenu,
  .mgmenu li:hover .submenu,
  .mgmenu li:focus .submenu  {
    display: none !important;
  }
  
  .mgmenu li .submenu,
  .mgmenu li .two-col,
  .mgmenu li .three-col {
    left: 0 !important;
    right: auto;
  }
  
  .mgmenu .submenu-col{
    display: inline;
  }

  /* Mega Menu Submenu Active Tablet/Mobile */
  .mgmenu li.active > .submenu  {
    display: block !important;
    margin-top: -.4em;
    z-index: 0;
  }
  
  .mgmenu .off,
  .mgmenu .on {
    display: inline-block;
  }
  
  .mgmenu .parent.sub > span > .off.on.fas.fa-minus:before,
  .mgmenu .parent > span > .off > .fas.fa-plus:before {
    content: "\f067";
    font-family: 'Font Awesome\ 5 Free';
    font-style: normal;
  }
  
  .mgmenu .parent.sub.active > span > .off.on.fas.fa-minus:before,
  .mgmenu .active > span > .off > .fas.fa-plus:before,
  .mgmenu .parent.active > span > .off > .fas.fa-plus:before {
    content: "\f068";
    font-family: 'Font Awesome\ 5 Free';
    font-style: normal;
  }
  
  /* Mega Menu Submenu Accordion Icons */
  .mgmenu .off {
    color: #005599;
    cursor: pointer;
    float: left;
    padding: 13px 10px 9px 10px;
    position: relative;
    text-align: right;
    z-index: 2;
  }
  
  .mgmenu .sub-two .off {
    padding: 7px 10px;
    width: 21px;
  }
  
  .mgmenu .sub-three .off {
    width: 35px;
  }
  
  .mgmenu .sub-four .off {
    padding: 7px 10px 5px 10px;
    width: 48px;
  }
  
  /* Mega Menu Submenu Accordion No Icons */
  .mgmenu .off.on.fas.fa-minus .fas.fa-plus:before {
    display: none;
  }
  
  .mgmenu .no-sub, .mgmenu .no-sub-top {
    float: left;
    height: 12px;
    padding: 7px 15px;
  }
  
  .mgmenu .sub .no-sub {
    width: 12px;
  }
  
  .mgmenu .sub-two .no-sub {
    width: 26px;
  }
  
  .mgmenu .sub-three .no-sub {
    width: 38px;
  }
  
  .mgmenu .sub-four .no-sub {
    width: 50px;
  }
  
  /* Mega Menu Sub Items Tablet/Mobile */
  .mgmenu .sub .submenu-links > li {
    border-bottom: 1px solid #d5d5d5;
  }
  
  /* Mega Menu has Sub Link */
  .mgmenu > li.sub > span > a,
  .mgmenu > li.sub:hover > span > a,
  .mgmenu > li.sub:focus > span > a {
    padding-bottom: 12px;
  }
  
  .mgmenu li:hover > span > a,
  .mgmenu li:focus > span > a,
  .mgmenu > li.sub:hover > span > a,
  .mgmenu > li.sub:focus > span > a {
    background: #cfe4f6;
  }
  
  /* Mega Menu Tier 1 Items Tablet/Mobile */
  .mgmenu > li:hover > span > a,
  .mgmenu > li:focus > span > a {
    background: #d5d5d5;
  }
 
  /* Mega Menu Sub 2 Items Tablet/Mobile */
  .mgmenu li.sub-two > span > a,
  .mgmenu li.sub-two:hover > span > a,
  .mgmenu li.sub-two:focus > span > a {
    border-top: none;
  }
  
  .mgmenu .sub-two .submenu-links > li {
    background: #e9e9e9;
    border-bottom: 1px solid #fff;
  }
  
  .mgmenu .sub-two .submenu-links > li:last-child {
    border-bottom: none;
  }
  
  .mgmenu li.sub-two li > a {
    background: #e9e9e9;
    color: #222;
  }
  
  .mgmenu li.active.sub-two > span > a,
  .mgmenu li.active.sub-two:hover > span > a,
  .mgmenu li.active.sub-two:focus > span > a {
    background: #cfe4f6;
    padding-bottom: 7px;
    padding-top: 6px;
  }
  
  /* Mega Menu Sub 3 Items Tablet/Mobile */
  .mgmenu li.sub-three > span a,
  .mgmenu li.sub-three:hover > span a,
  .mgmenu li.sub-three:focus > span a  {
    border-top: none;
    color: #222;
  }
  
  .mgmenu .sub-three .submenu-links > li {
    border-bottom: 1px solid #fff;
  }
  
  .mgmenu .sub-three .submenu-links > li:last-child {
    border-bottom: none;
  }
  
  .mgmenu li.sub-three li > a {
    background: #d5d5d5;
    color: #222;
  }
  
  .mgmenu li.sub-three li > a:hover,
  .mgmenu li.sub-three li > a:focus {
    color: #222;
  }
  
  .mgmenu > li ul li ul li a:hover,
  .mgmenu > li ul li ul li a:focus {
    color: #222;
  }
  
  .mgmenu li.active.sub-three > span > a,
  .mgmenu li.active.sub-three:hover > span > a,
  .mgmenu li.active.sub-three:focus > span > a {
    background: #cfe4f6;
  }

  .mgmenu li.active.sub-three > span > a,
  .mgmenu li.active.sub-three:hover > span > a,
  .mgmenu li.active.sub-three:focus > span > a,
  .mgmenu .sub-three .submenu-links li > a {
    padding-bottom: 7px;
    padding-top: 6px;
  }
  
  /* Mega Menu Sub 4 Items Tablet/Mobile */
  .mgmenu li.sub-four > span a {
    background: #e9e9e9;
    color: #222;
    padding-bottom: 6px;
    padding-top: 5px;
  }
  
  .mgmenu .sub-four .submenu-links > li {
    border-bottom: 1px solid #fff;
  }
  
  .mgmenu .sub-four .submenu-links > li:last-child {
    border-bottom: none;
  }
  
  .mgmenu li.active.sub-four > span > a,
  .mgmenu li.active.sub-four:hover > span > a,
  .mgmenu li.active.sub-four:focus > span > a  {
    color: #005599;
    padding-bottom: 6px;
    padding-top: 5px;
  }
  
  .mgmenu .sub-four .submenu-links li > a  {
    color: #222;
  }
  
  .mgmenu li.sub-four li > a {
    background: #b9b9b9;
  }
  
  .mgmenu li.sub-four:hover > span a,
  .mgmenu li.sub-four:focus > span a {
    background: #cfe4f6;
    color: #005599;
  }

  /* Mega Menu Active Links Tablet/Mobile */
  .mgmenu li.active > span > a,
  .mgmenu li.active:hover > span > a,
  .mgmenu li.active:focus > span > a {
    background: #cfe4f6;
    border-top: 1px solid #83abcd;
    color: #005599;
  }
  
  .mgmenu > li:last-child > span > a {
    border-bottom: 1px solid #d5d5d5; 
  }
  
  .mgmenu > li.active:last-child > span > a,
  .mgmenu > li.current:last-child > span > a {
    border-bottom: none; 
  }
  
  .mgmenu li:first-child > span > a {
    border-top: none;
  }
  
  /* Down Triangle Required for Mega Menu*/
  .mgmenu .active > .tri-down {
    background: #cfe4f6;
    border-bottom: 1px solid #83abcd;
    margin-bottom: .4em;
    position: relative;
    z-index: 14;
  }
  
  .mgmenu .active.current > .tri-down:after {
    border-top-color: #a5c7e6;
  }
  
  /* Required for Down Triangle */
  .mgmenu .active > .tri-down:before, 
  .mgmenu .active > .tri-down:after {
    border-style: solid;
    border-bottom: 0;
    border-color: transparent;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
  }

  /* Stroke */
  .mgmenu .active > .tri-down:before {
    /* If 1px darken stroke slightly */
    border-top-color: #748c9e;
    border-width: 7px;
    bottom: -7px;
  }
  
  /* Stroke Sub 1*/
  .mgmenu .sub.active > .tri-down:before {
    left: 30px;
  }
  
  /* Stroke Sub 2*/
  .mgmenu .sub-two.active > .tri-down:before {
    left: 40px;
  }
  
  /* Stroke Sub 3*/
  .mgmenu .sub-three.active > .tri-down:before {
    left: 55px;
  }
  
  /* Stroke Sub 4*/
  .mgmenu .sub-four.active > .tri-down:before {
    left: 67px;
  }

  /* Fill */
  .mgmenu .active > .tri-down:after {
    border-top-color: #cfe4f6;
    border-width: 6px;
    bottom: -6px;
  }
  
  .mgmenu .parent > .tri-down:after {
    border-top-color: #cfe4f6;
  }
  
  /* Fill Sub 1*/
  .mgmenu .sub.active > .tri-down:after {
    left: 31px;
  }
  
  /* Fill Sub 2*/
  .mgmenu .sub-two.active > .tri-down:after {
    left: 41px;
  }
  
  /* Fill Sub 3*/
  .mgmenu .sub-three.active > .tri-down:after {
    left: 56px;
  }
  
  /* Fill Sub 4*/
  .mgmenu .sub-four.active > .tri-down:after {
    left: 68px;
  }
  
  /* Mega Menu Sub Items */
  .mgmenu li .one-col,
  .mgmenu li .two-col,
  .mgmenu li .three-col {
    min-width: 100%;
    width: 100%;
  }
  
  .mgmenu li .one-col .submenu-col,
  .mgmenu li .two-col .submenu-col,
  .mgmenu li .three-col .submenu-col  {
    border: none;
    width: 100%;
  }
  
  .mgmenu li .submenu-col:last-child .submenu-links li:last-child {
    border-bottom: none;
  }
  
  .mgmenu .submenu-links a:before {
    display: none;
  }
  
  .mgmenu .submenu-links a {
    display: block;
    margin: 0;
    padding: 7px 8%;
    width: 84%;
    z-index: 1;
  }
  
  /* Breadcrumbs */
  .breadcrumbs.page-inner {
    padding-bottom: 5px;
  }
  
  /* Content Container */
  .content-container {
    padding-top: 0;
  }
  
  /* Content Home Two Column */
  .home .main-content.span19 {
    padding: 0 3.5%;
    width: 56.6%;
  }
  
  .home .alert-container {
    width: 97.5%;
    padding-left: 6%;
  }
  
  /* Content Home Right Column */
  .home .right-col.span1 {
    width: 0;
  }
  
  .home .right-col.span8 {
    width: 33%;
  }
  
  /* Home Nav Fly Out Menu */
  .home-side-nav .flyout-menu {
    padding: 22px;
    width: 422px;
  }

  /* Home Nav Active Settings */
  .right-col.on > .home-side-nav .active > a,
  .home-side-nav .active > a,
  .home-side-nav .active > a:hover,
  .home-side-nav .active > a:focus {
    padding: 0 2.5%;
  }
  
  .flyout-menu .hp-exploreContainer {
    width: 100%;
  }
  
  /* Home Nav Fly Out Title */
  .home-side-nav .flyout-menu > .title {
    font-size: 1.3em;
    line-height: 1.1;
    padding: 0 0 10px 0;
  }
  
  /* Home Nav Fly Out Info Blocks */
  .home-side-nav .flyout-info {
    font-size: 1.1em;
    line-height: 1.1;
    margin: 0 0 15px 0;
    min-height: 130px;
  }
  
  /* Home Nav Fly Out Info Title */
  .home-side-nav .flyout-info > .title {
    font-size: 1.1em;
    line-height: 1.1;
  }
  
  /* Home Nav Fly Out 'p' Tags */
  .home-side-nav .flyout-info > p {
    font-size: .85em;
  }
  
  /* Home Nav Fly Out Forms */
  .home-side-nav .flyout-menu a.btn {
    font-size: .9em;
  }

  /* Home News Stories */
  .news-container.span28 {
    margin: 0 6.5% 18px 6.5%;
    width: 87%;
  }
  
  .news {
    margin: 0;
  }

  .news .story {
    display: block;
    float: left;
    margin-bottom: 25px;
    padding: 0 4.7%;
    width: 45%;
  }
  
  .news .story:nth-child(odd) {
    clear: left;
    padding-left: 0;
  }
  
  .news .story:nth-child(even) {
    border-right: none;
    clear: right;
    padding-right: 0;
  }
  
  /* Home Columns */
  .home .columns .span1 {
    width: 6.8%;
  }
  
  .home .columns a.btn {
    color: #fff;
    font-size: 1.2em;
    padding: 8px 18px;
  }
  
  .calendar-box a.btn {
    max-width: 150px;
    width: 100%;
  }
  
  .home .columns .span9,
  .home .columns .social.span10  {
    float: left;
    width: 45%;
  }
  
  .home .social {
    margin-bottom: 15px;
  }
  
  .home .columns .social .span27  {
    width: 88%;
  }
  
  .home .columns .campus.span9 {
    margin-left: 3.7%;
    margin-top: 65px;
    width: 96.3%;
  }
  
  /* Content Two Column */
  .main-content.span19,
  .main-content.span28.right-side {
    padding: 0 4%;
    width: 96%;
  }
  
  /* Content Three Column */
  
  .main-content.span28 {
    width: 93.3%;
  }
  
  .main-content.span28.right-side .right-col.span8 {
    width: 36.35%;
  }
  
  .main-content.right-side .span22 {
    width: 63.15%;
  }

  /* Content Image */
  .content-img {
    max-width: 227px;
  }
  
  .span19 .content-img {
    max-width: 351px;
  }
  
  /* FAQ Answers */
  ul.faq > li.answer {
    padding-bottom: 15px;
  }
  
  /* Quote Box */
  .quote-img {
    max-height: 200px;
    max-width: 200px;
  }
  
  /* Side Navigation */
  .left-col {
    display: none;
  }
  
  /* Flexslider */
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
  
  /* Program Openings Legend Container */
  ul.po-legend,
  ul.po-legend-mid,
  ul.po-legend-mid.two,
  ul.po-legend-end {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 0 8px 4px;
    width: 49%;
  }
  
  ul.po-legend-mid,
  ul.po-legend-end {
    border-right: none;
    margin: 30px 0 15px 0;
    padding-left: 7%;
    padding-right: 0;
  }
  
  ul.po-legend-mid.two {
    border-right: 1px solid #d5d5d5;
    padding-left: 0;
  }
  
  ul.po-legend-mid.two,
  ul.po-legend-end {
    margin: 30px 0 15px 0;
  }
  
  ul.po-legend-mid {
    margin: 0;
  }
  
  /* Program Openings Tabs */
  ul.po-az li {
    padding: 0 6px 0 4px;
  }
  
  ul.po-az a:link,
  ul.po-az a:visited {
    padding: 4px;
  }
  
  ul.po-az .highlight a {
    margin: 0;
    padding: 4px;
  }
  
  /* Program Openings View Desktop */
  .view-table {
    background: none;
    border: none;
    /* color: #005599; - header project */
    color: #0072ce;
    cursor: pointer;
    display: none;
    padding-top: 5px;
  }
  
  .view-table.off {
    float: right;
  }

  .view-table .desktop,
  .view-table .mobile  {
    text-decoration: underline;
  }
  
  .view-table .desktop:hover,
  .view-table .desktop:focus,
  .view-table .mobile:hover,
  .view-table .mobile:focus {
    background: none;
    text-decoration: none;
  }
  
  .view-table .desktop,
  .view-table .mobile.off,
  ul.po-menu li:nth-of-type(1).off,
  ul.po-menu li:nth-of-type(2).off  {
    display: inline-block;
  }
  
  /*.view-table.two,
  .view-table .desktop.off,
  .view-table .mobile,
  .view-table .separator.off,
  ul.po-menu li:nth-of-type(1),
  ul.po-menu li:nth-of-type(2)  {
    display: none;
  }*/
  
  .view-table .separator {
    color: #222;
    padding: 0 5px;
    text-decoration: none;
  }
  
  ul.po-menu li.last-update.off {
    float: right;
    margin-top: -27px;
    width: 42%;
  }
  
  ul.po-az .highlight {
    padding: 0 6px 0 4px;
  }

  /* Program Openings Viewport */
  .po-table-container {
    float: left;
    width: 100%;
    overflow-x: auto;
  }
  
  .po-table {
    padding-top: 15px; 
  }

  /* Footer Top Section */
  .corporate .footer-top {
    margin: 0 0 12px 0;
    padding-top: 25px;
  }
  
  .footer-top.page-inner {
    width: 93.25%;
  }
  
  .corporate .footer-column {
    border-right: none;
    margin-bottom: 0;
    max-width: none;
    padding: 0 4% 0 0;
    width: auto;
  }
    
  .corporate .footer-column:last-child {
    max-width: none;
    padding: 0;
  }

  .corporate .footer-column ul {
    display: none;
  }
  
}

/* iPad Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  .mgmenu li .submenu {
    display: none !important;
  }
}

/* iPad 3+ Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .mgmenu li .submenu {
    display: none !important;
  }
}

/* Samsung Landscape */
@media (max-device-width: 1280px)and (orientation: landscape) { 
  .mgmenu li .submenu {
    display: none !important;
  }
}

/* Android Screen Types 1 Landscape */
@media screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) and (orientation: landscape) {
  .mgmenu li .submenu {
    display: none !important;
  }
}

/* Android Screen Types 2 Landscape */
@media only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: landscape) {
  .mgmenu li .submenu {
    display: none !important;
  }
}

/* Android Screen Types 3 Landscape */
@media only screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: landscape) {
  .mgmenu li .submenu {
    display: none !important;
  }
}

@media only screen and (min-width: 581px) and (max-width: 750px) {
  
  /* Home Nav Arrow Settings */
  .home-side-nav li > a {
    font-size: .85em;
  }
  
  .home-side-nav li > a:before {
    width: 5px;
  }
  
  /* Home Nav Fly Out Menu */
  .home-side-nav .flyout-menu {
    width: 340px;
  }
  
  /* Campus Pages - Modified Existing Setup */
  .campus-bio {
    width: 50%;
  }
  
}

/* Landscape */
@media only screen and (min-device-width: 314px) and (max-device-width: 736px) and (orientation: landscape) { 
  
  /* Primary Mobile Menu */
  body.outer-menu,
  body.outer-menus{
    position: relative !important;
  }
  
  .primary-nav {
    position: absolute !important;
  }
  
  .primary-nav.on {
    height: 1000px !important;
  }
  
  /* AddThis Disable */
  #-atssh,
  #at-share-dock {
    display: none !important;
    opacity: 0 !important;
  }
  
}

@media only screen and (max-width: 580px) {
    /* Hide Google Search bar from header on mobile */
  #search-box-hdr { display: none; }
  #search-box { width: 95%; }
    
  /* Head Tags */
  h1 {
    font-size: 1.55em;
    padding: 0 0 11px 0;
  }

  h2 {
    font-size: 1.28em;
    padding: 16px 0 6px 0;
  }

  h3 {
    font-size: 1.2em;
  }

  h4 {
    font-size: 1.15em;
  }

  h5 {
    font-size: 1.05em;
  }
  
  /* HREF Tags */
  a.btn.full {
    display: table;
    float: none;
    margin-left: auto;
    margin-right: auto;
    max-width: 250px;
    position: relative;
    text-align: center;
    width: 100%;
  }
  
  /* Forms Elements */
  form .header {
    padding: 7px 12px;
  }

  form .row {
    padding: 9px 12px;
  }
  
  form .field {
    display: block;
    width: 100%;
  }

  label {
    display: block;
    line-height: 1.4;
    padding: 0 5% 7px 0;
    width: 95%;
  }
  
  form label.noLabel{
  display:none
  }
  
  form .spacer {
    display: none;
  }
  
  /* Breadcrumbs */
  .breadcrumbs {
    margin-bottom: 0;
  }
  
  .breadcrumbs.page-inner {
    padding-bottom: 0;
  }
  
  .breadcrumbs ul {
    line-height: 1;
  }
  
  .breadcrumbs li:after {
    padding: 2px 3px 2px 5px;
  }
  
  .breadcrumbs img {
    width: 9px;
  }
  
  /* Page Width Mobile*/
  .page-inner {
    padding-left: 4%;
    padding-right: 4%;
    width: 92%;
  }

  /* Task Nav Mobile */
  .task-nav.page-inner {
    padding: 0 0 0 4%;
    width: 96%;
  }
  
  /* Information For Nav Mobile */
  .info-for {
    padding: 2px .5% 25px 0;
    width: 95%;
  }

  .info-for ul li a{
    padding: 9px 4.5% !important;
  }
  
  /* Information For Button Mobile */
  .info-btn {
    margin-right: 0;
    max-width: 56px;
    padding: 7px 3.5%;
    width: 93%;
  }
  
  /* Search Box Mobile */
  input.search-box.on{
    width: 128px;
  }
  
  .mgmenu-btn.search-on span {
    display: none;
  }
  
  .mgmenu-btn.search-on {
    padding-left: 0;
  }
  
  /* Mega Menu Width Mobile */
  .primary-nav {
    padding: 2px 2.5% 25px 0;
    width: 95%;
  }
  
  .home .alert-container {
    width: 99.7%;
    padding-left: 3.8%;
  }
  
  .home .span1 {
    width: 3.8%;
  }
  
  /* Home Content Two Column */
  .home .content-container.span30 {
    padding-top: 7px;
  }
 
  .home .main-content.span19 {
    padding: 0;
    width: 92.5%;
  }
  
  /* Home Content Right Column */
  .home .right-col.span1 {
    clear: both;
    width: 3.8%;
  }
  
  .home .right-col.span8 {
    width: 92.7%;
  }
  
  /* Home Side Nav */
  .home-side-nav {
    margin: 5px 0 12px 0;
  }
  
  .home-side-nav > ul,
  .home-side-nav > form > ul {
    background: #fff;
    display: block;
    height: auto;
    margin-left: -1.5%;
    padding: 5px;
    width: 99.5%;
  }
  
  .home-side-nav > ul > li,
  .home-side-nav > form > ul > li,
  .home-side-nav > form > ul > li > a {
    display: block;
    position: relative;
  }
  
  .home-side-nav > ul > li > a,
  .home-side-nav > form > ul > li > a {
    clear: both;
    display: block;
    padding: 10px 0;
    text-align: center;
  }
  
  .home-side-nav.on > ul > li > a {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
  }
  
  /* Home Side Nav Angle Down */
  .home-side-nav li > a:before,
  .home-side-nav li.active > a:before  {
    content: "";
    width: 6px;
  }
  
  .home-side-nav > ul > li > a:hover:after,
  .home-side-nav > form > ul > li > a:hover:after {
    color: #fff;
  }
  
  /* Home Side Nav Shadow */
  .right-col.on > .home-side-nav > ul > li > a,
  .right-col.on > .home-side-nav > form > ul > li > a {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
  }

  /* Home Nav Active Settings */
  .right-col.on > .home-side-nav .active > a,
  .home-side-nav .active > a,
  .home-side-nav .active > a:hover,
  .home-side-nav .active > a:focus {
    color: #fff;
    padding: 10px 0;
    width: 100%;
  }
  
  .home-side-nav > form > ul > li > a:after {
    color: #fff;
  }
  
  .home-side-nav > ul > li > a:after,
  .home-side-nav > form > ul > li > a:after {
    color: #797979;
    content: "\f107";
    float: right;
    font-size: 1.2em;
    font-family: 'Font Awesome\ 5 Free';
    font-style: normal;
    padding: 3px 24px 0 4px;
  }
  
  .home-side-nav > ul > li.active > a:after,
  .home-side-nav > form > ul > li.active > a:after,
  .home-side-nav > ul > li.active > a:after {
    color: #fff;
  }

  /* Home Nav Active Arrow Settings */
  .home-side-nav .active .flyout-arrow {
    display: none;
  }
  
  /* Home Nav Fly Out Menu */
  .home-side-nav .flyout-menu {
    height: auto;
    padding: 22px;
    position: relative;
    right: 0;
    top: 0;
    width: auto;
  }
  
  .flyout-menu .close-flyout {
    margin: -7px 0 7px 0;
  }
  
  /* Home Nav Fly Out Title */
  .home-side-nav .flyout-menu > .title {
    font-size: 1.3em;
    line-height: 1.1;
    padding: 0 0 10px 0;
  }
  
  /* Home Nav Fly Out Sections */
  .home-side-nav .flyout-left,
  .home-side-nav .flyout-right {
    display: inline-block;
    float: none;
    margin: 0;
    padding-right: 0;
    width: 100%;
  }
  
  /* Home Nav Fly Out Forms */
  .home-side-nav .flyout-menu a.btn {
    display: block;
    margin: 0 auto;
    padding: 8px 14px;
    width: 60%;
  }

  /* Home Nav Fly Out Info Blocks */
  .home-side-nav .flyout-info {
    margin: 5px 0 22px 0;
    min-height: 0;
  }
  
  /* Home News Stories */
  .news {
    padding: 20px 15px 0 15px;
  }

  .news-container.span28 {
    margin: 0 0 18px 0;
    width: 93%;
  }
  
  .news .story {
    border-right: none;
    display: block;
    float: left;
    margin-bottom: 25px;
    padding: 0;
    width: 100%;
  }
  
  /* Home News Image */
  .news .feature {
    background-position: top;
    background-size: 100%;
    height: 143px;
    margin: 0 0 5px 0;
  }
  
  /* Home News Title */
  .news a > .title {
    font-size: 1.1em;
    line-height: 1.2;
  }
  
  /* Home Call to Action */
  .home .right-col .callout {
    margin-bottom: 8px;
        padding: 16px 18px;
  }
  
  /* Home Columns */
  .home .columns a.btn {
    padding: 10px 32px;
  }
  
  .home .columns .span1,
  .home .columns .social .span1,
  .home .columns .campus .span1 {
    width: 6%;
  }
  
  .home .columns .span9,
  .home .columns .social.span10  {
    margin-bottom: 30px;
    width: 94%;
  }
  
  .home .columns .social .span27 {
    width: 94%;
  }
  
  .home .columns .campus.span9  {
    margin-bottom: 0;
    margin-left: 0;
    margin-top:47px;
  }
  
  .home .columns .campus .span27  {
    width: 92%;
  }
  
  /* Button Wrap Center */
  .btn-center {
    display: inline-block;
    width: 100%;
    text-align: center;
  }
  
  .content-container{
    padding-bottom: 12px;
  }
  
  /* Content Two Column */
  .main-content.span19,
  .main-content.span28.right-side {
    padding: 0 2%;
  }
  
  /* Content Three Column */
  .main-content.span19 > .span19,
  .main-content.span28,
  .main-content.span20,
  .right-col.span8,
  .right-col.span9,
  .right-col.span11 {
    width: 100%;
  }
  
  .right-col.col {
      margin-left: 0;
  }
  
  .right-col.span11 {
    margin: 0 0 10px 0;
    width: 100%;
  }
  
  .right-col .callout {
    text-align: center;
  }
  
  .main-content.right-side .span22 {
    width: 100%;
  }

  .main-content.span28.right-side .main-content.span28 {
    width: 100%;
  }
    
  .main-content.span28.right-side .right-col.span8 {
    width: 99.8%;
  }
  
  /* Large Top Banner */
  .top-banner {
    margin-bottom: 10px;
  }
  
  .top-banner .caption {
    display: inline-block;
  }
  
  /* Top Banner Photo Icon */
  .photo-icon {
    display: inline-block;
    margin: 15px 0 0 0;
    width: 100%;
  }

  /* Inner Content */
  .inner-content{
    margin: 0 0 18px 0;
  }
  
  /* Universal Settings for Image Captions */
  .caption {
    float: left;
    line-height: 1.42;
    padding: 15px 12px;
    position: relative;
  }
  
  .full-width-img .caption.left, .full-width-img .caption.right{
    width:100%;
  }

.caption.left,
  .caption.right,
  .full-width-img .caption.right  {
    width: 100%;
  }
  
  /* Full Width Image */
  .full-width-img {
    margin-bottom: 10px;
  }

  /* Content Image Mobile */
  .content-img,
  .span19 .content-img,
  .right-col.span8 .content-img,
  .right-col.span9 .content-img {
    float: none;
    margin: 10px auto 35px auto;
    max-width: 350px;
  }
  
  /* Quote Box */
  .quote-box {
    margin: 5px 0 15px 0;
  }

  .quote-img {
    margin: 0 0 5px 0;
    max-height: none;
    max-width: 100%;
    padding: 0;
    width: 100%;
  }
  
  .quote-img img {
    width: 100%;
  }

  .quote {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 0 15px 0;
    width: 100%;
  }
  
  .quote-wrap {
    padding-bottom: 15px;
  }
  
  .quote-wrap-img {
    padding-bottom: 30px;
  }
  
  .short-quote {
    padding: 15px 20px 0 20px;
  }
  
  /* FAQ */
  .faq li > div {
    display: inline-block;
    width: 85%;
  }
  
  /* Bio Box */
  .bio  {
    margin: 0 0 25px 0;
  }

  /* Bio Image */
  .bio .bio-img {
    margin: 0 0 12px 0;
    max-height: none;
    max-width: 350px;
    width: 99%;
  }

  /* Bio Info */
  .bio  > .campus,
  .bio  > .name,
  .bio  > .program {
    width: 100%;
  }
  
  /* Campus Pages */
  .campus-bio {
    width: 100%;
  }
  
  .top-banner.campus .caption .photo-text.on {
    width: 100%;
  }
  
  	/* NEW for Nautical - 2017-01-19 SMR */
	 .campus-right-sidebar {
		 float:left;
		 margin:-10px 0 15px 0;
		 width:100%;
	}
	/* END NEW for Nautical */

  /* Campus Buttons */
	/*ul.campus-buttons {
		 float: left;
		 margin: 10px 0 25px 0;
		 width: 100%;
	}
	*/
	/* CHANGED for Nautical - commented out 2017-01-19 SMR */

  .campus-buttons li {
    width: 100%;
  }

  /* Campus Population Blocks */
  .population,
  .population-box  {
    display: none;
  }

  /* Campus Content */
  .contact-content {
    margin: 10px 0 25px 0;
  }

  .campus-map,
  #map  {
    height: 300px;
  }

  .campus-address {
    padding: 5px 10px;
  }

  .campus-address .title {
    font-size: 1.1em;
  }

  .campus-address p {
    padding: 8px 0 12px 0;
  }

  .find-staff {
    float: left;
  }
  
  .btn.facultystaff {
    font-size: 1.1em;
  }

  /* Campus Subtitles */
  .sub-bar {
    margin-top: -5px;
    padding-bottom: 48px;
  }

  .sub-bar a {
    font-size: .929em;
    margin: 15px 0;
  }

  /* Campus Shortcuts */
  .shortcuts {
    float: left;
  }

  /* Tabs */
  ul.tabs {
		display: none;
	}
  
  /* Tabs Headers */
	.tab-drawer-heading {
		background: #e9e9e9;
		border: 1px solid #888;
		color: #000;
    cursor: pointer;
		display: block;
    font-size: 1em;
		margin: 0 0 7px 0;
		padding: 7px;
    text-align: center;
    -webkit-touch-callout: none;
		-webkit-user-select: none;
	}
  
  .tab-drawer-heading:hover,
  .tab-drawer-heading:focus  {
    background: #cfe4f6;
    border: 1px solid #88aacc;
    color: #005599;
  }
  
  /* Tabs Active Header */
	.d-active,
  .d-active:hover,
  .d-active:focus  {
		background: #fff;
    border: 1px solid #888;
    color: #005599;
	}
  
  .tab-container {
    margin: 15px 0;
  }

  .tab-content {
    border: 1px solid #888;
    border-top: none;
    display: none;
    margin: -7px 0 7px 0;
    padding: 7px 10px;
  }
  
  /* Social Tabs */
  .social {
    max-width: none;
  }
  
  /* Social Tabs Container */
  .social .tab-container {
    margin-top: 0;
  }
  
  /* Accordion Controls */
  .accordion-control > .title {
    width: 100%;
  }
  
  /* Right Column Call to Action Box */
  .right-col .callout {
    text-align: center;
  }
  
  /* Right Column Images */
  .right-col .content-img > img {
    width: 100%;
  }
  
  /* Closure Table */
    td.closure {
        width: 60%;
        font-weight:600;
    }
    
  /* Call to Action Box */
  .callout,
  .callout.img {
    margin-bottom: 10px;
  }

  .callout > .subtitle {
    padding: 5px 0 0 0;
  }
  
  .home .callout > a.btn {
    padding: 12px 18px;
  }
  
  .callout > a.btn {
    padding: 8px 18px;
  }
  
  /* Content Rating Widget */
  .content-rating-widget {
    padding: 30px 25px;
  }

  .content-rating-widget .rating-heading {
    width: 100%;
  }
  
  .content-rating-widget .rating-option {
    float: left;
    text-align: left;
    width: 100%;
  }
  
  .content-rating-widget .rating-option a img{
    margin:10px 10px 0 0;
  }
  
  .content-rating-widget .rating-option button {
    margin-top: 15px;
  }
  
  .content-rating-widget .rating-form {
    padding: 15px 0 0 0;
  }

  .content-rating-widget .rating-form input {
    max-width: 100%;
  }

  .content-rating-widget .assistance {
    padding: 0 0 15px 0;
  }
  
  
  /* Explore NSCC Page */
  ul.img-blocks li:nth-of-type(2n+2) {
    margin-right: 0;
  }
  
  /* Program Openings Legend Container */
  ul.po-legend,
  ul.po-legend-mid,
  ul.po-legend-mid.two,
  ul.po-legend-end {
    border-right: none;
    margin: 0;
    padding-left: 0;
    width: 100%;
  }
  
  ul.po-legend,
  ul.po-legend-end {
    margin-bottom: 10px;
  }
  
  ul.po-legend li,
  ul.po-legend-mid li,
  ul.po-legend-mid.two li,
  ul.po-legend-end li {
    padding-left: 5px;
  }
  
  .po-legend-cont {
    margin-bottom: 20px;
  }
  
  /* Program Openings View Desktop */
  ul.po-menu li.last-update.off {
    display: none;
  }
  
  .view-table.one {
    display: none;
  }
  
  .view-table.two {
    clear: both;
    display: block;
    margin-left: 10px;
    padding-top: 20px;
    width: 95%;
  }
  
  .view-table.off {
    float: left;
  }
  
  #spnLastUpdated,
  .spnLastUpdated  {
    font-size: .8em;
  }
  
  #spnLastUpdated.off  {
    display: none;
  }
  
  .spnLastUpdated  {
    display: none;
    float: right;
    font-weight: normal;
  }
  
  .spnLastUpdated.off  {
    display: inline;
  }

  /* Program Openings Viewport */
  .po-table,
  .po-table.off  {
    max-width: 730px;
    width: 100%;
  }
  /* Award Resources Widget */
  .gen-nextsteps {
    padding: 13px 10px;
  }
  /* Search Results */
  .search-results {
    margin: 0;
    width: 100%;
  }

  /* Footer Top Section Mobile */
  .corporate .footer-column {
    padding-right: 0;
    text-align: center;
    width: 100%;
  }
  
  .footer-top {
    margin: 0 0 10px 0;
    padding-top: 20px;
  }
  
  /* Footer Bottom Section Mobile */
  .footer-bottom {
    padding-top: 15px;
  }
  
  /* Footer Copyright Mobile */
  .copyright {
    margin: 0 0 14px 0;
  }
  
  /* AddThis Disable */
  #-atssh,
  #at-share-dock {
    display: none !important;
    opacity: 0 !important;
  }
  
}

/* Added for Program Openings Tabs issue on tablet/mobile - SMR June 4, 2018 */
@media only screen and (max-width : 400px) {
	.po-menu-cont {height : auto;}
	ul.po-menu {height : auto; border-bottom : 0;}
	ul.po-menu li {width : 20%; margin-right : 2px; padding : 4px; font-size : 0.8em; margin-bottom : 2px;}
	ul.po-menu li.last-update {width : 100%; display:block; position : relative;}
	ul.po-menu li.active {border-bottom : 1px solid #888;}
}

/* End June 4, 2018 update */

@media only screen and (max-width: 380px) {
  
  /* Search Form */
  input.search-box.on,
  input[type=text].search-box.on {
    width: 115px;
  }
  
  /* Program Openings View Text */
  /* fix for updated text */
  ul.po-menu li.last-update {
    /*margin: -70px -15px 0 0;*/
  }
  #spnLastUpdated,
  .spnLastUpdated  {
    font-size: .7em;
  }
  
  /* Explore NSCC Page */
  ul.img-blocks li:nth-of-type(2) {
    margin-right: 0;
  }
  
  /* Program Table */
  .po-table {
    padding-top: 35px;
  }
  
}

@media only screen and (max-width: 320px) {
  
  /* Explore NSCC Page */
  ul.img-blocks li {
    clear: both;
  }
  
  /* Program Table */
  .po-table {
    padding-top: 60px;
  }
  
  ul.po-menu li{
    width:88px;
  }
}
/* fix iOS zooming issue */
@media screen and (max-device-width : 667px) and (orientation : portrait) {
  select,
  textarea,
  input {
    font-size: 16px;
  }
}

/* ------ Datepicker icon ADDED MH 05/2016 ----- */
.ui-datepicker-trigger { padding-left: 3px; }
/* ------ End Datepicker icon ----- */

/* ------ Google Search styles ADDED MH 05/2016 ------ */
#cse-search-results iframe {width: 100%;}
/* ------ End Google Search styles ------ */

/* ------ Disabled Text box ADDED MG 05/2016 ------ */
input[type=text].disabledTextBox {
        background: lightgray
    }
/* ------ End Disabled Text box ------ */

/* ------ CCKC Styles Keep as of June 2016 ------ */
.cckc { display: block; height: 325px; max-width: 450px; background: url(../../img/landing/cckc/COKC-off.gif) top left no-repeat; text-indent:-99999px; width: 100%;}
.cckc:hover { background: url(../../img/landing/cckc/COKC-on.gif) top left no-repeat; }

/* Icons */
.fa-home { font-size: 1em!important; }
.fa-camera  {  font-size: 1.8em!important; color: #fff; margin: 0 8px 0 0; vertical-align: bottom; }

/* ------ colours for icons ------ */
.green { background-color: #488117; }
.green-icn { color: #488117; }
/* ----- end colours ----- */

/* Search/Submit button ADDED MH 05/2016 */
.btnSearch { padding-bottom: 20px; }
#btnSearch { margin-bottom: 20px; width: 114px; height: 32px; background: url(/img/designelements/buttons/btn-search-sm.png) top left; }
#btnSearch:hover { margin-bottom: 20px; width: 114px; height: 32px; background: url(/img/designelements/buttons/btn-search-sm.png) bottom left; }
.btnSubmit { margin-bottom: 20px; width: 114px!important; height: 32px; background: url(/img/designelements/buttons/btn-submit-sm.png) top left; }
.btnSubmit:hover { margin-bottom: 20px; width: 114px; height: 32px; background: url(/img/designelements/buttons/btn-submit-sm.png) bottom left; }
/* End Search/Submit button */