/* CSS Document */
/**
 * Utilities
 */
/**
 * Grid HTML classes
 */
/**
 * Align classes
 */
/**
 * Vertical align middle
 */
/**
 * Clearfix
 */
/**
 * Makes an element visually hidden, but accessible
 * @see http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
/**
 * Turns off the element-invisible effect
 */
/**
 * RGBA fallback
 */
/**
 * Input placeholder color
 */
/**
 * Icons
 */
/**
 * Icons fallback
 */
/**
 * Aspect ratio
 */
/**
 * Calculate columns
 */
/**
 * Strip unit
 * It strips the unit of measure and returns it
 */
/**
 * Convert to REM
 */
/**
 * REM calc
 */
@font-face {
  font-family: "Geist Regular";
  src: url(/SiteElements/Fonts/Geist-Regular.woff2) format("woff2"), url(/SiteElements/Fonts/Geist-Regular.woff) format("woff");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geist Bold";
  src: url(/SiteElements/Fonts/Geist-Bold.woff2) format("woff2"), url(/SiteElements/Fonts/Geist-Bold.woff) format("woff");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geist Light";
  src: url(/SiteElements/Fonts/Geist-Light.woff2) format("woff2"), url(/SiteElements/Fonts/Geist-Light.woff) format("woff");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geist Thin";
  src: url(/SiteElements/Fonts/Geist-Thin.woff2) format("woff2"), url(/SiteElements/Fonts/Geist-Thin.woff) format("woff");
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: icons;
  src: url("/SiteElements/2014/fonts/icons-eot.eot");
  src: url("/SiteElements/2014/fonts/icons-eot.eot?#iefix") format("embedded-opentype"), url("/SiteElements/2014/fonts/icons-woff.woff") format("woff"), url("/SiteElements/2014/fonts/icons-ttf.ttf") format("truetype"), url("/SiteElements/2014/fonts/icons-svg.svg#icons") format("svg");
  font-weight: 400;
  font-style: normal;
}

/**
 * Assets paths
 */
/**
 * Base
 */
/**
 * Global
 */
/**
 * Breakpoints
 * Override default settings from _mq.scss partial
 * https://github.com/sass-mq/sass-mq
 */
/**
 * Icons
 */
html {
  background: #ffffff;
  color: #000000;
  font-family: "Geist Regular", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 100%;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000;
  /*font-weight:normal;*/
  font-weight: 400;
  /*font-family:'Century Gothic', Arial, Helvetica, sans-serif;*/
  padding: 0;
  margin: 0;
}

h1 {
  font-size: 1.4em;
  font-weight: bold;
}

#mainContentColumn.sys_levelOneLanding h1 {
  display: none;
}

h2 {
  font-size: 1.2em;
}

h3 {
  font-size: 1.1em;
}

h4 {
  font-size: 1em;
}

a {
  outline: none;
}

a:hover {
  text-decoration: underline;
}

ul,
li {
  margin: 0;
  padding: 0;
}

p {
  padding: 0;
}

img {
  border: 0;
}

/*Standard contensis classes*/
.floatRight {
  float: right;
  margin: 0 0 20px 20px;
}

.floatLeft {
  float: left;
  margin: 0 20px 20px 0;
}

.floatImageRight {
  float: right;
  margin: 0 0 20px 20px;
}

.floatImageLeft {
  float: left;
  margin: 0 20px 20px 0;
}

/* Content formatting */
#container {
  width: 1000px;
  margin: 0 auto;
  min-height: 500px;
  background: #fff;
  position: relative;
}

#header {
  padding: 20px 10px;
  height: 60px;
  display: block;
  width: 980px;
  position: relative;
  z-index: 2;
}

#header #logo a {
  float: left;
  width: 140px;
  height: 60px;
  /*background:transparent url('/SiteElements/Images/logo.png') no-repeat scroll top left ; text-indent:-9000px;*/
  margin: 0;
}

.sys_floatLeft {
  float: left;
}

/* Search Box */
.searchBox,
.siteSearch {
  margin: 10px 8px;
  clear: both;
  position: relative;
}

.searchBox .liveResultsMain {
  left: 0;
  right: 0;
}

.searchBox label {
  display: none;
}

.searchTextBox,
.siteSearch__textBox {
  width: 80%;
  padding: 10px;
  float: left;
  height: 48px;
}

.searchButton,
.siteSearch__submit {
  width: 20%;
  padding: 12px 5px;
  height: 48px;
}

.searchButton:before {
  font-size: 20px;
  font-size: 1.25rem;
}

.search-toggle {
  float: right;
  margin: 20px 10px 20px 0;
}

@media screen and (min-width: 640px) {
  .searchBox,
  .siteSearch {
    float: right;
    width: 250px;
    margin: 37px 8px 25px;
    clear: none;
  }
  .search-toggle {
    display: none;
  }
  .siteSearch.hide {
    display: block;
  }
}

@media screen and (min-width: 960px) {
  .searchBox,
  .siteSearch {
    float: right;
    width: 250px;
    margin: 8px 8px 25px;
    clear: none;
  }
}

td.gsc-input {
  border: 1px solid #a39161 !important;
  border-right: 2px solid #a39161 !important;
  padding: 0 !important;
  -webkit-appearance: none !important;
  border-radius: 0 !important;
}

input.gsc-input,
input.gsc-input:focus {
  border: none !important;
  padding: 0 20px 0 10px !important;
  -webkit-appearance: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

input.gsc-search-button,
td.gsc-search-button {
  padding: 0 !important;
  -webkit-appearance: none !important;
}

.gsc-input-box {
  border: none !important;
  height: auto !important;
}

td.gsc-search-button {
  border: 1px solid #a39161 !important;
  color: #a39161 !important;
  background: #fff !important;
  border-radius: 0 !important;
}

input.gsc-search-button {
  width: 48px !important;
  height: 42px !important;
  min-width: 13px !important;
  margin-top: 0 !important;
  cursor: pointer;
  border: 0 !important;
  background: #fff !important;
  /*background: url(/images/legacy-images/bg/search-gold.svg) center no-repeat #fff!important;*/
  background-size: 20px !important;
}

.no-svg input.gsc-search-button {
  background: #fff !important;
  /*background: url(/images/legacy-images/bg/search-gold.png) center no-repeat #fff!important;*/
  background-size: 20px !important;
}

/* Search clear button */
input[type='text']::-ms-clear {
  display: none;
}

.gsc-clear-button {
  display: none;
}

.gsc-input {
  height: 48px;
}

/* Funnelback search styles */
.fbSearch {
  width: 170px;
  height: 48px;
  padding: 10px;
}

.fbSearchBtn {
  width: 70px !important;
  height: 48px !important;
  min-width: 13px !important;
  margin-left: -1px;
  margin-top: 0 !important;
  cursor: pointer;
  background: #fff !important;
  background-size: 20px !important;
  color: #000;
  font-weight: bold;
  padding: 0;
}

.sys_textBoxWithRedirect:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ' ';
  clear: both;
  height: 0;
}

.searchBox,
.sys_textBoxWithRedirect input[type='text'] {
  float: right;
}

.searchLabel,
.sys_textBoxWithRedirect label {
  position: absolute;
  left: -5000px;
}

.CourseSearch .searchTextBox,
.sys_textBoxWithRedirect input[type='text'] {
  padding: 2px;
  vertical-align: middle;
  float: left;
  height: 32px;
  width: 170px;
  border: 1px solid #999;
}

.CourseSearch .searchButton,
.sys_textBoxWithRedirect input[type='submit'] {
  float: left;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 5px;
  color: #fff;
  background: #000;
  border: 1px solid #000;
}

#headerSearchBox {
  float: right;
}

#headerSearchBox .sys_search-query-control {
  padding: 4px 8px 10px 8px;
  border: 1px solid #848484;
}

#headerSearchBox label {
  position: absolute;
  left: -5000px;
}

#headerSearchBox input.sys_searchbox {
  padding: 0;
  float: left;
  height: 20px;
  width: 170px;
  border: 1px solid #999;
}

#headerSearchBox input.sys_search-button {
  float: left;
  width: 48px;
  height: 22px;
  margin: 0;
  padding: 0;
  color: #fff;
  background: #000;
  border: 1px solid #000;
}

/* END search box */
/* Top Nav Bar */
#nav {
  font-weight: bold;
  font-size: 0.9em;
  text-decoration: none;
  width: 80%;
  padding: 0;
  margin: 25px 0 0 0;
  position: absolute;
  top: 36px;
  right: 10px;
  z-index: 9;
  height: 15px;
}

/* Top Nav Bar Using SimpleXMLControl */
/* 
#nav ul.sys_simpleListMenu {
	list-style: none;
	float: right;
}

#nav ul.sys_simpleListMenu li {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
}

#nav a{
	border-right: 1px solid #000;
	padding: 0 8px 0 8px;
	text-decoration: none;
}


#nav ul.sys_simpleListMenu li.sys_last a {border: none;}

#nav a:hover{
	text-decoration: underline;
}
*/
/* Top Nav Bar Using Harcode HTML*/
#nav ul {
  list-style: none;
  float: right;
}

#nav ul li {
  display: block;
  margin: 0;
  padding: 0;
  float: left;
}

#nav a {
  border-right: 1px solid #000;
  padding: 0 8px 0 8px;
  text-decoration: none;
  color: #000000;
}

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

#nav .sys_more {
  border-right: 0;
  padding: 0 14px 0 8px;
  background: #fff url("/SiteElements/Images/arrow-down-black.png") no-repeat 40px;
  outline: none;
}

#nav .sys_more span {
  display: none;
}

/* More Links Styles*/
#nav #moreLinks {
  padding-top: 26px;
  display: none;
  position: absolute;
  top: 14px;
  right: 0px;
  z-index: 999;
  overflow: visible;
}

#nav #moreLinksTop {
  background: url("/SiteElements/Images/moreLinksTop.jpg") no-repeat 100% 0%;
  width: 100%;
  height: 14px;
  overflow: hidden;
  position: absolute;
  top: 12px;
  right: 0px;
}

#nav #moreLinksContent {
  background: #cccccc;
  float: left;
  padding: 9px 0 9px 18px;
}

#nav #moreLinksContent ul {
  margin: 0 18px 0 0;
  padding: 0;
  float: left;
  display: block;
}

#nav #moreLinksContent li {
  display: block;
  list-style: none;
}

#nav #moreLinksContent li.sys_folder .sys_sitemap-nolink {
  float: left;
  height: 24px;
  color: #000000;
  font-weight: bold;
}

#nav #moreLinksContent li.sys_folder ul {
  float: left;
  clear: both;
}

#nav #moreLinksContent li.sys_folder a:hover {
  text-decoration: none;
}

#nav #moreLinksContent li.sys_folder ul li {
  clear: both;
  height: 24px;
  font-weight: normal;
  white-space: nowrap;
}

#nav #moreLinksContent li a {
  margin-bottom: 8px;
  padding: 0;
  color: #000000;
  font-size: 1.1em;
  float: left;
  border: none;
  font-weight: normal;
  text-decoration: none;
}

#nav #moreLinksContent li.sys_folder ul li a:hover {
  text-decoration: underline;
}

#contentContainer {
  display: block;
  clear: both;
  width: 1000px;
  position: relative;
  z-index: 1;
}

/* Target area */
.sys_targetArea {
  min-height: 82px !important;
  height: 82px;
  background: #000;
  margin: 0 10px;
  padding: 10px 0;
  clear: both;
  position: relative;
  float: left;
  box-sizing: content-box;
}

.sys_targetArea #customOptionBoxOne,
.sys_targetArea #defaultOptionBoxOne {
  top: 10px;
  left: 0px;
}

.sys_targetArea #customOptionBoxTwo,
.sys_targetArea #defaultOptionBoxTwo {
  top: 10px;
  left: 326px;
}

.sys_targetArea #customOptionBoxThree,
.sys_targetArea #defaultOptionBoxThree {
  top: 10px;
  left: 652px;
}

.sys_targetArea span.subHeading {
  font-size: 1.3em;
  display: block;
  width: 100%;
  color: #000000;
}

.sys_targetArea p {
  font-size: 16px;
  color: #aaa;
  margin: 2px 0 0 0;
  font-size: 14px;
}

.sys_targetArea a,
.sys_targetArea span.subHeading {
  font-size: 18px;
  font-weight: 400;
  color: #000000;
  text-decoration: none;
}

.sys_targetArea a:hover {
  text-decoration: underline;
}

.sys_targetArea img {
  border: 1px solid #fff;
  float: left;
}

.sys_targetArea a:hover img {
  border: 1px solid #999;
}

.sys_targetArticle {
  margin: 0;
  padding: 0 10px;
  position: absolute;
}

.sys_targetArticle.sys_last {
  border-right: 0;
}

.sys_targetArticleText {
  width: 280px;
  margin: 0 0 0 10px;
  float: left;
}

.sys_targetArea .sys_searchbox {
  padding-top: 3px;
}

.sys_targetArea .sys_searchbox .sys_searchlabel {
  display: none;
}

.sys_targetArea .sys_searchbox .sys_searchtextbox {
  margin: 2px 2px 0 0;
  padding-left: 2px;
  padding-right: 2px;
  float: left;
}

.sys_targetArea .sys_searchbox .sys_searchbutton {
  margin: 0;
  padding: 1px 2px;
  float: left;
  width: 32px;
  height: 26px;
}

/* Footer */
#footer {
  margin: 10px 0;
  padding: 10px;
  color: #000;
  clear: both;
  float: left;
  width: 980px;
}

#footer p {
  float: left;
  margin: 0;
  padding: 0;
}

.footerLinks {
  float: left;
}

#footer ul {
  list-style: none;
  float: left;
  clear: left;
  margin: 0 40px 0 0;
  padding: 0;
}

#footer ul li {
  padding: 0.1em 0;
}

.footerLinks {
  float: left;
  margin: -6px 0 0 0;
}

.footerLinks a {
  color: #000000;
}

.footerLinks a#TextOnlyToggle {
  margin: 0 40px 0 0;
  clear: left;
  float: left;
}

.footerLinks #goGreen {
  float: left;
  display: block;
  padding: 0.1em 0;
}

.footerLinks #copyrightDMU {
  clear: left;
  float: left;
  margin: 0 20px 0 0;
  padding-top: 0.3em;
}

.footerLinks #goGreen a {
  font-weight: bold;
  clear: left;
  float: left;
  color: #215352;
  margin: 0 20px 0 0;
}

/* Follow icons */
#footer .sys_followIcons {
  float: right;
  width: 440px;
  margin: -6px 0 0 0;
  text-align: right;
}

#footer .sys_connect {
  float: right;
  width: 180px;
  text-align: right;
}

#footer .sys_followIcons ul {
  float: right !important;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.sys_followIcons li {
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 0 0 10px;
  padding: 0;
  text-decoration: none;
  float: right;
}

#footer .sys_followIcons li a {
  display: block;
  width: 40px;
  height: 40px;
  overflow: hidden;
  text-indent: -9999px;
  line-height: 9999px;
}

#footer .sys_followIcons li.sys_contact a {
  background: url("/SiteElements/Images/icons/contact-icon.png");
}

#footer .sys_followIcons li.sys_rss a {
  background: url("/SiteElements/Images/icons/rss-icon.png");
}

#footer .sys_followIcons li.sys_facebook a {
  background: url("/SiteElements/Images/icons/facebook-icon.png");
}

#footer .sys_followIcons li.sys_youtube a {
  background: url("/SiteElements/Images/icons/youtube-icon.png");
}

#footer .sys_followIcons li.sys_twitter a {
  background: url("/SiteElements/Images/icons/twitter-icon.png");
}

#footer .sys_followIcons li.sys_linkedin a {
  background: url("/SiteElements/Images/icons/linkedin-icon.png");
}

#footer .sys_followIcons li.sys_gplus a {
  background: url("/SiteElements/Images/icons/gplus-icon.png");
}

#footer .sys_followIcons li.sys_instagram a {
  background: url("/SiteElements/Images/icons/instagram-icon.png");
}

#footer .sys_followIcons li a:hover {
  background-position: 0 -40px;
}

/*Twitter Box Styles*/
.sys_twitterFeedHeading {
  background: #000000;
  margin: 0px !important;
  padding: 5px 10px !important;
  display: block;
  color: #ffffff !important;
  font-size: 1.2em !important;
}

.sys_twitterFeedContent {
  background: #cccccc;
  display: block;
  clear: both;
  width: 100%;
}

.sys_twitterFeedContent ul.sys_rss {
  margin: 0 !important;
  padding: 6px 10px 0 10px;
}

.sys_twitterFeedContent ul.sys_rss li {
  margin-bottom: 8px;
  list-style: none;
}

.sys_twitterFeedContent ul.sys_rss li a {
  display: block;
  clear: both;
  color: #000000;
}

.sys_twitterFeedFooter {
  background: url("/SiteElements/Images/media/twitterFeedFooterBg.jpg") no-repeat;
  display: block;
  clear: both;
  width: 201px;
  height: 29px;
}

.sys_twitterFeedFooterL1 {
  background: url("/SiteElements/Images/media/twitterFeedFooterBgL1.jpg") no-repeat;
  display: block;
  clear: both;
  height: 29px;
}

/*Generic Media Styles*/
.sys_mediaContentHolder {
  float: left;
  width: 560px;
}

.sys_mediaContentHolder dl {
  margin: 0 !important;
  padding: 0 !important;
}

.sys_RightColumn {
  float: right;
  width: 301px;
  position: relative;
}

.sys_RightColumn.sys_no-padding {
  padding: 0 !important;
}

.sys_RightColumn input,
.sys_RightColumn label {
  color: #000000;
  font-size: 16px;
  width: 299px !important;
  padding: 0 10px;
}

.sys_RightColumn input.sys_searchbutton,
.sys_RightColumn input.sys_search-button {
  background: url(/SiteElements/Images/media/goButton.jpg) no-repeat !important;
  color: #000000 !important;
  font-size: 0px !important;
  line-height: 0px !important;
  display: block;
  text-indent: -9999px;
}

.sys_mediaRecordPage .sys_RightColumn {
  padding-top: 0 !important;
}

/*Search select box styles*/
.selectbox {
  background: url("/SiteElements/2018/Images/icons/arrow-down.svg") no-repeat center right #ffffff;
  background-size: 31px;
  padding: 2px 0 2px 2px;
  width: 199px !important;
  border: 1px solid #cfcfcf;
  cursor: pointer !important;
}

.selectbox-wrapper ul {
  background: #ffffff;
  margin: 0 !important;
  padding: 0;
  border: 1px solid #cfcfcf;
  border-bottom-color: #000000;
  border-top: none;
  position: absolute;
  z-index: 800;
  width: 199px !important;
}

.selectbox-wrapper ul li {
  padding: 3px 0 3px 3px;
  list-style: none;
  color: #000000;
  cursor: pointer !important;
}

.selectbox-wrapper ul li.current,
.selectbox-wrapper ul li.selected {
  background: #3399ff;
  color: #ffffff;
}

/* Lightbox gallery */
.sys_lightboxGallery {
  margin: 0 -10px 0 0;
  clear: both;
}

.sys_lightboxThumb {
  float: left;
  margin: 0 10px 10px 0;
  padding: 0;
}

.sys_lightboxThumb img {
  border: 5px solid #ccc !important;
}

.sys_lightboxThumb a:hover img {
  border: 5px solid #000 !important;
}

.sys_lightboxThumb span {
  display: block;
  text-align: center;
  width: 110px;
  height: 54px;
}

/*Extras*/
.clearfix,
.sys_clear {
  clear: both;
  font-size: 0;
  height: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
  width: 0;
}

/* Standard Contensis Controls */
.sys_theme-none .sys_record-control .sys_record-image-control {
  float: right;
  margin: 0 0 10px 10px;
}

/* Whos Who Theme CSS */
.sys_theme-simple .sys_whoswho-control .sys_datarepeatercontrol .sys_subitem {
  width: 100%;
  display: block;
  float: none;
}

.sys_theme-simple
.sys_whoswho-control
.sys_datarepeatercontrol
.sys_subitem.sys_subalternatingitem {
  margin-left: 0px !important;
}

.sys_theme-simple .sys_itemslist .sys_whoswho-alternativerow {
  background: none !important;
}

/********************************
NEW July 2014
********************************/
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
header article,
header aside,
header details,
header figcaption,
header figure,
header,
header hgroup,
header main,
header nav,
header section,
header summary,
footer article,
footer aside,
footer details,
footer figcaption,
footer figure,
footer,
footer hgroup,
footer main,
footer nav,
footer section,
footer summary {
  display: block;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
header [hidden],
header template,
footer [hidden],
footer template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
header a,
footer a {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
header a:active,
header a:hover,
footer a:active,
footer a:hover {
  outline: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
header svg:not(:root),
footer svg:not(:root) {
  overflow: hidden;
}

/*----------------------------------- Border box ---------------------------------*/
header,
footer,
header *,
footer *,
header:before,
footer:after,
header *:before,
footer *:after {
  box-sizing: border-box;
}

/*-------------------------------- Rows & Columns -------------------------------*/
#contentContainer,
#container {
  width: 1200px;
}

.row {
  width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 1200px;
}

.row:before,
.row:after {
  content: ' ';
  display: table;
}

.row:after {
  clear: both;
}

.row.collapse > .column,
.row.collapse > .columns {
  padding-left: 0;
  padding-right: 0;
}

.row.collapse .row {
  margin-left: 0;
  margin-right: 0;
}

.row .row {
  width: auto;
  margin-left: -0.9375em;
  margin-right: -0.9375em;
  margin-top: 0;
  margin-bottom: 0;
  max-width: none;
}

.row .row:before,
.row .row:after {
  content: ' ';
  display: table;
}

.row .row:after {
  clear: both;
}

.row .row.collapse {
  width: auto;
  margin: 0;
  max-width: none;
}

.row .row.collapse:before,
.row .row.collapse:after {
  content: ' ';
  display: table;
}

.row .row.collapse:after {
  clear: both;
}

.column,
.columns {
  padding-left: 0.9375em;
  padding-right: 0.9375em;
  width: 100%;
  float: left;
}

[class*='column'] + [class*='column']:last-child {
  float: right;
}

[class*='column'] + [class*='column'].end {
  float: left;
}

#contentContainer {
  width: 1200px;
  margin: 0;
}

.small-3 {
  width: 25%;
}

.small-1 {
  width: 8.33333%;
}

.small-2 {
  width: 16.66667%;
}

.small-3 {
  width: 25%;
}

.small-4 {
  width: 33.334%;
}

.small-5 {
  width: 41.66667%;
}

.small-6 {
  width: 50%;
}

.small-7 {
  width: 58.33333%;
}

.small-8 {
  width: 66.66667%;
}

.small-9 {
  width: 75%;
}

.small-10 {
  width: 83.33333%;
}

.small-11 {
  width: 91.66667%;
}

.small-12 {
  width: 100%;
}

/*--------------------------------- Main Header -----------------------------------*/
@font-face {
  font-family: 'icons';
  src: url("/SiteElements/2014/fonts/icons-eot.eot?pq80t1");
  src: url("/SiteElements/2014/fonts/icons-eot.eot?#iefixpq80t1") format("embedded-opentype"), url("/SiteElements/2014/fonts/icons-woff.woff?pq80t1") format("woff"), url("/SiteElements/2014/fonts/icons-ttf.ttf?pq80t1") format("truetype"), url("/SiteElements/2014/fonts/icons-svg.svg?pq80t1#icons") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^='icon-']:before,
[class*=' icon-']:before {
  font-family: 'icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a[class^='icon-']:before,
a[class*=' icon-']:before {
  width: 50px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  background: black;
  color: white;
  padding: 17px 0 0 16px;
  font-size: 34px;
  font-size: 2.125rem;
}

a[class^='icon-'],
a[class*=' icon-'] {
  padding: 25px 3px 23px 72px;
  font-size: 20px;
  font-size: 1.25rem;
  position: relative;
  background: white;
  display: block;
  color: black;
  font-weight: bold;
  text-decoration: none;
}

a[class^='icon-']:hover,
a[class*=' icon-']:hover {
  background: black;
  color: white;
}

.icon-book:before,
.icon-book--accent:before {
  content: '\e601';
}

.icon-door:before,
.icon-door--accent:before {
  content: '\e603';
}

.icon-hat:before,
.icon-hat--accent:before {
  content: '\e604';
}

.icon-plus:before,
.icon-plus--accent:before {
  content: '\e608';
}

.icon-search:before,
.icon-search--accent:before {
  content: '\e60a';
}

.icon-cross:before,
.icon-cross--accent:before {
  content: '\e60e';
}

.icon-rightarrow:before,
.icon-cross--accent:before {
  content: '\e60f';
}

.icon-printer:before {
  content: '';
  background: #000 url(/images/legacy-images/bg/print-icon.png) 0 0 no-repeat !important;
}

a.icon-book--accent,
a.icon-door--accent,
a.icon-hat--accent,
a.icon-cross--accent,
a.icon-plus--accent,
a.icon-search--accent {
  background: #a80532;
  color: white;
}

/* -------------------------------- General ---------------------------------*/
.sys_targetArea {
  margin: 0;
}

.hide {
  display: none;
}

.listReset,
.listReset li,
.sys_simpleListMenu,
.sys_simpleListMenu li,
.sys_localviewmenu,
.sys_localviewmenu li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 1200px;
}

.row:before,
.row:after {
  content: ' ';
  display: table;
}

.row:after {
  clear: both;
}

.row.collapse > .column,
.row.collapse > .columns {
  padding-left: 0;
  padding-right: 0;
}

.row.collapse .row {
  margin-left: 0;
  margin-right: 0;
}

.row .row {
  width: auto;
  margin-left: -0.9375em;
  margin-right: -0.9375em;
  margin-top: 0;
  margin-bottom: 0;
  max-width: none;
}

.row .row:before,
.row .row:after {
  content: ' ';
  display: table;
}

.row .row:after {
  clear: both;
}

.row .row.collapse {
  width: auto;
  margin: 0;
  max-width: none;
}

.row .row.collapse:before,
.row .row.collapse:after {
  content: ' ';
  display: table;
}

.row .row.collapse:after {
  clear: both;
}

/*--------------------------------- Main Header -----------------------------------*/
header * {
  box-sizing: border-box;
}

.mainHeader__logo {
  background: transparent url(/images/legacy-images/bg/dmu-logo.svg) left center no-repeat;
  display: block;
  width: 168px;
  height: 70px;
  float: left;
  margin: 20px 8px;
  text-indent: -9999em;
}

.no-svg .mainHeader__logo {
  background: transparent url(/images/legacy-images/bg/dmu-logo.svg) left center no-repeat;
}

/*--------------------------------- Footer -----------------------------------*/
.tefFooter__logo {
  background: url(/siteelements/images/tef-logo.gif) left center no-repeat;
  display: block;
  height: 85px;
  text-indent: -9999em;
}

.sys_targetArea p {
  font-size: 14px;
  color: #000000;
  line-height: 1.2;
  font-weight: 300;
}

.sys_targetArticle {
  margin: 0;
  padding: 0 10px;
  position: static;
  float: left;
}

.primaryFooter {
  background: black;
  color: white;
  padding: 23px 15px;
}

.primaryFooter .row {
  margin: 0;
}

.primaryFooter h2 {
  color: #fff;
}

.navList__title {
  cursor: pointer;
  font-size: 16px;
  font-size: 1rem;
  text-transform: uppercase;
}

.navList {
  padding: 0 15px;
}

.navList li {
  margin: 0 0 15px;
  font-size: 14px;
  font-size: 0.875rem;
}

.navList a {
  color: white;
  text-decoration: none;
  padding: 0 10px 0 0;
  display: block;
}

.navList a:hover {
  text-decoration: underline;
}

.primaryFooter__address {
  font-size: 14px;
  font-size: 0.875rem;
}

.primaryFooter__logo {
  background: transparent url(/images/legacy-images/bg/dmu-logo-white.svg) left center no-repeat;
  display: block;
  height: 99px;
  text-indent: -9999em;
}

.no-svg .primaryFooter__logo {
  background: transparent url(/images/legacy-images/bg/dmu-logo-white.png) left center no-repeat;
}

.navList ul.hide {
  display: block;
}

.navList__title {
  cursor: auto;
  color: #fff;
  margin: 0.85em 0;
}

.navList {
  margin: 0 0 50px;
}

.primaryFooter {
  padding: 23px 0 0;
  margin-bottom: -20px;
}

.primaryFooter__address {
  padding: 0 0 0 64px;
}

.secondaryFooter {
  padding: 15px 15px;
  background: #a39161;
  color: white;
  overflow: hidden;
}

.secondaryFooter__links {
  margin: 0;
}

.secondaryFooter__links li {
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: 700;
}

.secondaryFooter__links a {
  color: white;
  text-decoration: none;
  display: block;
  padding: 10px 10px 10px 0;
}

.secondaryFooter__links a:hover {
  text-decoration: underline;
}

.secondaryFooter__links li:last-child {
  padding: 10px 10px 10px 0;
}

.socialLinks li {
  float: left;
  margin: 0 10px 0 0;
}

.socialLinks__link {
  display: block;
  width: 40px;
  height: 40px;
  background: url(/images/legacy-images/bg/social-icons-05.png) 0 0 no-repeat;
  text-indent: -9999em;
}

.socialLinks__link--fb {
  background-position: 0 0;
}

.socialLinks__link--fb:hover {
  background-position: 0 -40px;
}

.socialLinks__link--tw {
  background-position: -50px 0;
}

.socialLinks__link--tw:hover {
  background-position: -50px -40px;
}

.socialLinks__link--ig {
  background-position: -100px 0;
}

.socialLinks__link--ig:hover {
  background-position: -100px -40px;
}

.socialLinks__link--pin {
  background-position: -150px 0;
}

.socialLinks__link--pin:hover {
  background-position: -150px -40px;
}

.socialLinks__link--gp {
  background-position: -200px 0;
}

.socialLinks__link--gp:hover {
  background-position: -200px -40px;
}

.socialLinks__link--yt {
  background-position: -250px 0;
}

.socialLinks__link--yt:hover {
  background-position: -250px -40px;
}

.socialLinks__link--sc {
  background-position: -350px 0;
}

.socialLinks__link--sc:hover {
  background-position: -350px -40px;
}

.socialLinks__link--li {
  background-position: -300px 0;
}

.socialLinks__link--li:hover {
  background-position: -300px -40px;
}

.secondaryFooter__links {
  float: left;
  padding-top: 15px;
}

.secondaryFooter__links li {
  float: left;
  margin: 0 15px 0 0;
}

.secondaryFooter__links a {
  padding: 0;
}

.secondaryFooter__links li:last-child {
  padding: 0;
}

.socialLinks {
  float: right;
}

/*--------------------------------- Search -----------------------------------*/
/* Live search results-----------------------*/
.liveResults {
  position: absolute;
  z-index: 200;
  background: #625533;
  max-height: 200px;
  overflow: auto;
  right: 8px;
  left: 8px;
}

.liveResults a {
  display: block;
  color: white;
  padding: 5px 8px;
  font-size: 14px;
  font-size: 0.875rem;
  text-decoration: none;
}

.liveResults a:hover {
  text-decoration: underline;
}

/* -----------------------------Nav bar--------------------------------*/
.navbar-toggle.toggleOn {
  background: #a39161;
  color: black;
}

.navbar-toggle.toggleOn .icon-bar {
  background: black;
}

.primaryNav {
  clear: both;
}

.primaryNav ul,
.primaryNav li {
  padding: 0;
  margin: 0;
  list-style: none;
}

.primaryNav li a {
  display: block;
  padding: 15px 10px;
  background: #837245;
  border-bottom: 1px solid #fff;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  position: relative;
}

.no-touch .primaryNav > ul > li a:hover {
  background: #a39161;
}

.primaryNav li a.primaryNav__more {
  padding-right: 20px;
}

.primaryNav__more:after {
  content: '\e608';
  font-family: 'icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 20px;
  top: 14px;
  font-size: 15px;
  font-size: 0.9375rem;
}

.primaryNav__more.toggleOn {
  color: white;
  background: #625533;
}

.primaryNav__more.toggleOn:after {
  content: '\e60e';
  font-family: 'icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  top: 14px;
  font-size: 15px;
  font-size: 0.9375rem;
}

.primaryNav__subNav li a {
  background: #a39161;
  color: white;
  font-size: 12px;
  font-size: 0.75rem;
}

.no-touch .primaryNav__subNav a:hover {
  background: #837245;
}

.no-touch .primaryNav > ul > li a:hover {
  color: #837245;
  background: transparent;
}

.navbar-toggle {
  display: none;
}

.primaryNav.hide {
  display: block;
}

.primaryNav {
  float: left;
  clear: both;
  position: relative;
  width: 100%;
}

.primaryNav > ul {
  float: left;
  position: relative;
  padding: 0 18px;
  margin: 0 0 15px;
}

.primaryNav > ul > li {
  float: left;
  padding: 0 26px 0 0;
}

.primaryNav > ul > li:last-child {
  padding-right: 0;
}

.primaryNav li a {
  display: block;
  padding: 0;
  background: transparent;
  border-bottom: none;
  color: black;
}

.primaryNav__subNav {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 200;
  background: #a39161;
  padding: 8px;
  width: 100%;
}

.primaryNav__subNav li ul li {
  float: left;
  width: 16.666666%;
  text-align: center;
  display: table;
  vertical-align: middle;
  padding: 2px;
}

.primaryNav__subNav li ul li a {
  margin: 1px;
  padding: 10px 10px;
  background: #625533;
  color: white;
  font-size: 12px;
  font-size: 0.75rem;
  display: table-cell;
  height: 64px;
  vertical-align: middle;
  line-height: 1em;
}

.primaryNav__more.toggleOn {
  color: #625533;
  background: transparent;
}

.primaryNav__more:after {
  right: 0;
  top: 0;
  font-size: 11px;
  font-size: 0.6875rem;
}

.primaryNav__more.toggleOn:after {
  top: 0;
  font-size: 12px;
  font-size: 0.75rem;
}

.primaryNav {
  float: right;
  clear: right;
  width: 75%;
  position: relative;
}

.primaryNav > ul {
  float: right;
  position: relative;
  padding: 0 8px 0 0;
  margin: 0 0 15px;
}

.primaryNav__subNav .sys_sitemap-nolink {
  font-weight: 700;
  display: block;
  padding: 8px 0;
  clear: both;
  font-size: 16px;
  color: #333;
}

/*---------------------------------------- Level one banner ----------------------*/
#levelOneBannerArea {
  width: 860px;
  height: 280px;
}

.sys_levelOneBannerBG img {
  width: 860px !important;
  height: auto;
}

#mainContentColumn {
  width: 880px;
}

#mainContentColumn h1 {
  font-size: 1.4em !important;
}

#fullWidthMainContentSection {
  width: 880px;
}

#levelOneArticle01,
#levelOneArticle02 {
  width: 430px;
}

#levelOneArticle01 {
  margin: 0 0 0 20px;
}

#leftNavigationColumn {
  width: 300px;
}

.sys_targetArea {
  margin: 20px 0;
  background: #e5e5e5;
  box-sizing: content-box;
}

.sys_sub {
  width: 860px !important;
  height: 280px !important;
}

.cta {
  background: #eeeeee;
  padding: 8px;
}

.cta a {
  margin: 0 0 2px;
}

header img {
  display: none;
}

@media (min-width: 960px) {
  ul.socialLinks.listReset.headerSocialLinks {
    margin-top: 12px;
    margin-right: 0px;
    display: block;
  }
}

@media (min-width: 830px) and (max-width: 959px) {
  ul.socialLinks.listReset.headerSocialLinks {
    margin-top: 16px;
    margin-right: 15px;
    display: block;
  }
}

@media (max-width: 829px) {
  ul.socialLinks.listReset.headerSocialLinks {
    display: none;
  }
}

ul.socialLinks.listReset.headerSocialLinks {
  clear: none !important;
}