/* 
 * HTML5 Boilerplate 
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */

/* =============================================================================
   Custom Variables
   ========================================================================== */
:root {
	/** Primary Colors **/
     --color-primary: #73000a;
    --color-secondary: #000;
    --color-tertiary: #FFF;

    /** BG Colors **/
    --color-dark-garnet: #570008;
	--color-azalea: #844247;
	--color-rose: #CC2E40;
	--color-atlantic: #466A9F;
	--color-congaree: #1F414D;
	--color-horseshoe: #65780B;
	--color-grass: #CED318;
	--color-honeycomb: #a49137;
	--color-warm-gray: #676156;
	--color-sandstorm:  #FFF2E3;
	--color-light-gray: #ececec;
	--color-dark-gray: #5C5C5C;
	--color-silver: #c7c7c7;
	--color-mineshaft: #363636;

	/** Shadows **/
	--inset-box-shadow: inset 0 0 30px rgb(0 0 0 / 60%);
	--headline-text-shadow: 5px 5px 20px rgb(0 0 0 / 100%);
	
	/** Hover states **/
	--scale-up-photo: scale3d(1.05, 1.05, 1);

	/** Fonts **/
	--primary-font: 'Berlingske Sans', 'Arial', sans-serif;
	--primary-font-condensed: 'Berlingske Sans Extracondensed', 'Impact', sans-serif;
	--primary-font-serif: 'Berlingske Serif', 'Georgia', serif;
	--primary-font-railroad: "railroad-gothic-atf", "Impact";
	
	/** Type Scale **/
	--text-base-size: 1em; /** body font-size **/
	--text-scale-ratio: 1.15; /** multiplier used to generate the scale values 👇 **/

	--text-sm: calc(var(--text-md) / var(--text-scale-ratio));
	--text-md: calc(var(--text-base-size) * var(--text-scale-ratio) * var(--text-scale-ratio));
	--text-lg: calc(var(--text-md) * var(--text-scale-ratio));
	--text-xl: calc(var(--text-lg) * var(--text-scale-ratio));
	--text-xxl: calc(var(--text-xl) * var(--text-scale-ratio));
	--text-xxxl: calc(var(--text-xxl) * var(--text-scale-ratio));
	--text-xxxxl: calc(var(--text-xxxl) * var(--text-scale-ratio));
	
	/** Spacing **/
	--component-y-margin: clamp(2rem, 5vw, 4rem);
	--scroll-padding: 65px;
	
	/** Header height on desktop **/
	--header-height: 157px;
}

@media only screen and (min-width: 48em) {
  :root {
    --text-scale-ratio: 1.18; } }

@media only screen and (min-width: 60em) {
  :root {
    --text-scale-ratio: 1.25; } }
@media (prefers-reduced-motion: reduce) {
  :root {
    --no-motion: 0s; } }

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
html, body {
	overflow-x: hidden;
	scroll-padding-top: var(--scroll-padding);
}

	@media only screen and (min-width: 60em) {
		:root {
			--scroll-padding: 85px;
		}	
	}

@media screen and (prefers-reduced-motion: no-preference) { 
	html { scroll-behavior: smooth; }
}

body { font-size: 1em; line-height: 1.3; font-family: "Berlingske Sans", "Arial", sans-serif; font-weight: 500; }


/* =============================================================================
   Links
   ========================================================================== */

a {
    color: #73000a;
    text-decoration: none;
}

a,
a > span,
.gs-title a {
  -webkit-transition: background-color .3s, color .3s, -webkit-box-shadow 0s 0s;
  transition: background-color .3s, color .3s, -webkit-box-shadow 0s 0s;
  transition: background-color .3s, box-shadow 0s 0s, color .3s;
  transition: background-color .3s, box-shadow 0s 0s, color .3s, -webkit-box-shadow 0s 0s;
  -webkit-box-shadow: 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent;
          box-shadow: 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone; }

p a:not([id]),
td a,
ul a,
.list-widget.social-media {
  text-decoration: underline; }

a:hover,
a:focus,
nav a,
.breadCrumb a {
  text-decoration: none !important; }

a:not([id]):hover > span,
a:not([id]):focus > span,
.gs-title a:hover {
  color: #fff;
  background-color: #CC2E40;
  -webkit-box-shadow: 2px -2px 0 #CC2E40, -2px -2px 0 #CC2E40, -2px 1px 0 #CC2E40, 2px 1px 0 #CC2E40;
          box-shadow: 2px -2px 0 #CC2E40, -2px -2px 0 #CC2E40, -2px 1px 0 #CC2E40, 2px 1px 0 #CC2E40;
  -webkit-transition: background-color .3s, box-shadow .3s .01s, color .3s .01s;
  transition: background-color .3s, box-shadow .3s .01s, color .3s .01s; }

a:focus,
button:focus { 
	outline: 3px auto rgba(142, 189, 254, 0.75);
	outline: 5px auto -webkit-focus-ring-color;
 }

.focus-overlay{
    display:none;
    position:relative;
    border-radius:2px;
    box-shadow:0 0 3px 2px #78aeda;
    transition:all .2s cubic-bezier(0,1,0,1)
}
.focus-overlay:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    box-shadow:0 0 2px 1px #008cff,inset 0 0 2px #008cff;
    transition:all .1s ease-out
}
.focus-overlay.focus-overlay-active{
    display:block
}
.focus-overlay.focus-overlay-animating:after{
    opacity:1
}
.focus-overlay-target{
    outline:none
}

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }

/* For External links outside of the site and new window */
.new-window:after	{ 			
		content: '';
		background: url(/_global_resources/img/icons/external_link.svg) no-repeat center right;
		padding-right: 17px;
		width: 11px;
		height: 11px;
		background-size: 15px;
	}

/* =============================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
    font-size: 2.601em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.613em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.27em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.787em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.62em;
    margin: 2.33em 0;
}

h1, h2, h3, h4, h5, h6 { 
	margin-bottom: 5px;
	color: #73000a; 
	line-height: 1.25em; 
	font-weight: 800;
}

p { line-height: 1.8em; margin-top: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

iframe { width: 100%; }

dfn { font-style: italic; }

hr { display: block; border: 0; border-top: 1px solid #C7C7C7; margin: 1em 0; padding: 0; width: 100%; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

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

small { font-size: 75%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: .5em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
.legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; font-size: 80%; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 90%; padding: 3px; margin: 0; vertical-align: baseline; *vertical-align: middle; outline: 0; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */

button, input { line-height: normal; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

/*
 * Re-set default cursor for disabled elements
 */

button[disabled], input[disabled] { cursor: default; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

select { margin-bottom: 0.3em; border: 1px solid #a3a3a3; }


/* =============================================================================
   Tables
   ========================================================================== */

table { 
	border-collapse: collapse; 
	border-spacing: 0; 
	width: 100%; 
	table-layout: fixed;
	font-size: 90%;
}
th  { color: #FFF; background-color: #5b5b5b; text-align: left; }
table.dataTable th { position: sticky; top: 85px; }
td  { vertical-align: middle; width: 25%; }	
table:not(.dataTable) th, table:not(.dataTable) td  { padding:2px; border: 0px #ccc solid; }	
table:not(.dataTable) tr:nth-child(even) { background: #ECECEC; }
table p { margin: 0; }
caption	{ text-align:left; margin-bottom: 7px; }

.tablesearch {
	padding: 20px;
	width: 100%; 
	table-layout: fixed;
	font-size: 90%;
	background: #FFF;
	border: 0px;
}

.tablesearch td  { 
	vertical-align: middle; 
	width: 25%;
	background: #FFF;
}	


/* =============================================================================
   Global Utility Classes
   ========================================================================== */

/*
 * Placement of absolute positioned elements
*/
[class*="pos-"] {
  position: absolute; }

.pos-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.pos-top-center {
  top: var(--vertical-pos);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }

.pos-top-left {
  top: var(--vertical-pos);
  left: var(--horizontal-pos); }

.pos-top-right {
  top: var(--vertical-pos);
  right: var(--horizontal-pos); }

.pos-bottom-center {
  bottom: var(--vertical-pos);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }

.pos-bottom-left {
  bottom: var(--vertical-pos);
  left: var(--horizontal-pos); }

.pos-bottom-right {
  bottom: var(--vertical-pos);
  right: var(--horizontal-pos); }

.pos-offset-top {
  top: -5%; }

.pos.offset-bottom {
  bottom: -5%; }

/*
 * Type Scale Sizing
*/
.text-sm {
  font-size: var(--text-sm); }

.text-md {
  font-size: var(--text-md); }

.text-lg {
  font-size: var(--text-lg); }

.text-xl {
  font-size: var(--text-xl); }

.text-xxl {
  font-size: var(--text-xxl); }

.text-xxxl {
  font-size: var(--text-xxxl); }

.text-xxxxl {
  font-size: var(--text-xxxxl); }

/*
 * Spacing
*/
.margin-0 {
  margin: 0 !important; }

.margin-x-0 {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.margin-y-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.margin-top-0 {
  margin-top: 0 !important; }

.margin-bottom-0 {
  margin-bottom: 0 !important; }

.margin-x-full {
  margin: 0 calc(50% - 50vw) !important; }

.margin-y-neg {
  margin-top: clamp(-5rem, -3vw, -1.5rem) !important;
  margin-bottom: clamp(-5rem, -3vw, -1.5rem) !important; }

.margin-top-neg {
  margin-top: clamp(-5rem, -3vw, -1.5rem) !important; }

.margin-bottom-neg {
  margin-bottom: clamp(-5rem, -3vw, -1.5rem) !important; }

.inset-y {
  padding-block: 2rem !important; }

/*
 * Font Utility Classes
*/
[class*="font-"] {
  --headline-base-size: var(--text-xl);
  --headline-font-size: var(--headline-base-size, var(--text-md)); }
  [class*="font-"].mod-blockquote {
    font-size: calc(clamp(16px, (1rem + .4vw), 20px)); }
    [class*="font-"].mod-blockquote blockquote,
    [class*="font-"].mod-blockquote blockquote + .cite {
      padding-left: 1rem;
      padding-right: 0; }
    [class*="font-"].mod-blockquote p:first-child {
      color: inherit;
      font-size: inherit;
      font-family: inherit; }
  [class*="font-"].mod-blurb {
    font-size: 18px; }
  [class*="font-"].mod-blockquote, [class*="font-"].mod-blurb {
    font-weight: 700; }
    [class*="font-"].mod-blockquote.mod-large, [class*="font-"].mod-blurb.mod-large {
      font-size: calc(clamp(22px, (1rem + .7vw), 25px)); }
  [class*="font-"]:is(.mod-small, .mod-medium, .mod-large, .mod-extra-large) {
    font-size: calc(min(var(--min-font-size, (1rem + 5vw)), var(--max-font-size))); }
  [class*="font-"].mod-small {
    --min-font-size: (1rem + 2vw); }
  [class*="font-"].mod-medium {
    --min-font-size: (1rem + 3vw); }
  [class*="font-"].mod-large {
    --max-font-size: 50px; }
  [class*="font-"].mod-extra-large {
    --max-font-size: 70px; }
  [class*="font-"].mod-shadow {
    text-shadow: var(--headline-text-shadow);
    color: var(--color-tertiary); }

a:hover .font-condensed.mod-highlight.bg-garnet, a:focus .font-condensed.mod-highlight.bg-garnet {
  color: var(--color-primary); }

a:hover .font-condensed.mod-highlight:before, a:focus .font-condensed.mod-highlight:before {
  border-left-color: var(--color-warm-gray);
  border-right-color: var(--color-warm-gray); }

a:hover .font-condensed.mod-highlight.bg-black, a:focus .font-condensed.mod-highlight.bg-black {
  color: var(--color-secondary); }

.font-sans {
  font-family: var(--primary-font); }

.font-heavy {
  font-family: inherit;
  font-weight: 950; }

.font-bold {
  font-weight: 800; }

.font-serif {
  font-family: var(--primary-font-serif);
  font-weight: 700; }

.font-condensed,
.font-railroad {
  font-family: var(--primary-font-condensed);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 2px; }
  .font-condensed.mod-highlight,
  .font-railroad.mod-highlight {
    position: relative;
    display: inline-block;
    padding: .25rem .75rem;
    margin: 0;
    line-height: 1;
    color: #FFF;
    transition: .35s; }
    .font-condensed.mod-highlight:last-child,
    .font-railroad.mod-highlight:last-child {
      margin-top: -.25rem; }
    .font-condensed.mod-highlight.mod-ribbon,
    .font-railroad.mod-highlight.mod-ribbon {
      margin-left: clamp(-50px, -4vw, -35px);
      margin-bottom: 1rem; }
      .font-condensed.mod-highlight.mod-ribbon:before,
      .font-railroad.mod-highlight.mod-ribbon:before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        left: 4px;
        bottom: -9px;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 7px solid;
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
        z-index: -10; }
      .font-condensed.mod-highlight.mod-ribbon.bg-garnet:before,
      .font-railroad.mod-highlight.mod-ribbon.bg-garnet:before {
        border-left-color: var(--color-dark-garnet);
        border-right-color: var(--color-dark-garnet); }
      .font-condensed.mod-highlight.mod-ribbon.bg-black:before,
      .font-railroad.mod-highlight.mod-ribbon.bg-black:before {
        border-left-color: var(--color-mineshaft);
        border-right-color: var(--color-mineshaft); }
    .font-condensed.mod-highlight.mod-overlay,
    .font-railroad.mod-highlight.mod-overlay {
      --vertical-pos: 20%;
      position: absolute;
      top: var(--vertical-pos);
      left: -10px;
      z-index: 10;
      font-size: 26px;
      margin: 0; }
      .font-condensed.mod-highlight.mod-overlay.mod-large,
      .font-railroad.mod-highlight.mod-overlay.mod-large {
        font-size: calc(min( (1rem + 4vw), 42px)); }
      .font-condensed.mod-highlight.mod-overlay.mod-center,
      .font-railroad.mod-highlight.mod-overlay.mod-center {
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
      .font-condensed.mod-highlight.mod-overlay.mod-bottom,
      .font-railroad.mod-highlight.mod-overlay.mod-bottom {
        top: auto;
        bottom: var(--vertical-pos); }
      .font-condensed.mod-highlight.mod-overlay.mod-right,
      .font-railroad.mod-highlight.mod-overlay.mod-right {
        left: auto;
        right: -10px; }
        .font-condensed.mod-highlight.mod-overlay.mod-right:before,
        .font-railroad.mod-highlight.mod-overlay.mod-right:before {
          border-right-width: 7px;
          border-right-style: solid;
          border-left: 0;
          left: auto;
          right: 5px;
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg); }
    @media only screen and (min-width: 48em) {
      .font-condensed.mod-highlight,
      .font-railroad.mod-highlight {
        padding: .5rem 1rem; } }

	.font-railroad {
	  font-family: var(--primary-font-railroad);
	  font-weight: 600; }
	  .font-railroad.mod-small {
		--max-font-size: 50px; }
	  .font-railroad.mod-large {
		--min-font-size: (1rem + 3vw);
		--max-font-size: 60px; }

	@supports (-moz-appearance: meterbar) {
	  .font-railroad.mod-highlight {
		line-height: .7;
		-webkit-padding-before: 1.5rem;
				padding-block-start: 1.5rem; } }
	.normal-case {
  text-transform: none !important; }

/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
.chromeFrameOverlayContent { width: 600px; }
  
/* ==|== primary styles =====================================================
   Author: Peter Schmolze 
   University of South Carolina - Web Communications
   ========================================================================== */

/*
 * Styling for form elements
 */
form p { margin-top: 0; }
		
label {
    font-weight: normal;
    font-size: 14px;
    width: 100%;
    display: inline-block;
    text-align: left;
    margin-bottom: .5em;
    vertical-align: middle;
}
input[type="checkbox"] + label, input[type="radio"] + label {
    display: inline-block;
    margin-left: 0.44444rem;
    margin-right: 0.88889rem;
    margin-bottom: 0;
    vertical-align: baseline; 
    text-align: left;
    width: auto;
}

/* Form Validation */
input:required:focus:valid,
textarea:required:focus:valid {
    border: 1px solid green;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,128,0,.3);
            box-shadow: 0 0 10px 0 rgba(0,128,0,.3);
    transition: .25s ease-in;
}
input:required:focus:invalid:focus,
textarea:required:focus:invalid:focus {
    border: 1px solid #E9322D;
    -webkit-box-shadow: 0 0 10px 0 rgba(233,50,45,.3);
            box-shadow: 0 0 10px 0 rgba(233,50,45,.3);
    transition: .25s ease-in;
}
		
.required { color: red; }

input[type="submit"]:disabled {
    opacity: .5;
    cursor: not-allowed;
}

/* Add placeholder text styles */
::-webkit-input-placeholder { color: #A2A2A2; }
:-moz-placeholder { /* Firefox 18- */color: #A2A2A2;  }
::-moz-placeholder {  /* Firefox 19+ */color: #A2A2A2;  }
:-ms-input-placeholder {  color: #A2A2A2;  }

input[type="submit"], input[type="button"] {
    width:auto;
    background-color: #73000a;
    color: #fff;
    padding: 7px;
    text-transform: uppercase;
    border: none;
	font-weight: bold;
	border-radius: 3px;
	
}
  
.custom-dropdown {
  position: relative;
  display: inline-block;
  margin-bottom: 0.5em;
  width: 100%;
}

  .custom-dropdown:before, .custom-dropdown:after {
    content: "";
    position: absolute;
    pointer-events: none; }
  .custom-dropdown:before {
    width: 2em;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 0 7px 7px 0;
    background-color: #A2A2A2; }
  .custom-dropdown:after {
    content: "\25BC";
    height: 1em;
    font-size: .625em;
    line-height: 1;
    right: 1.2em;
    top: 50%;
    margin-top: -.5em;
    color: #FFF; }

/*select {
    margin-bottom: 0;
    padding: .5em;
    font-size: .875em;  14px / 16px 
    background-color: #fff;
    max-width: 200px;
}*/

		

/* Header
   ----------------------------------------------------*/ 

.banner { 
	position: fixed;
	width: 100%;
    background-color: #73000a;
    padding: 5px 0;
	right: 0;
	left: 0;
	top: 0;
	z-index: 500;
}
@media only screen and (min-width: 60em) {
    .banner {
      position: relative;
      padding: 0; }
      .banner.is-hidden {
        -webkit-transform: translateY(-150%);
        transform: translateY(-150%); }
  .banner.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    -webkit-animation: slide-in-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    animation: slide-in-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }
    .banner.is-fixed .main-nav_top {
      padding-top: 0.5em;
      padding-bottom: 0.5em; }
    .banner.is-fixed .main-nav_bottom,
    .banner.is-fixed .banner-toolbox {
          display: none; }
	
	#main-content.has-top-margin {
		margin-top: 157px;
	}
}

    /*
     * Banner Icons - Search & Menu
     */
    
    .banner-icons { float:right; height: 42px; }
    
    .search-btn-mobile,
	.menu-btn-mobile,
	.mobile-head .logo {
		text-indent: -9999px;
		white-space: nowrap;
		overflow: hidden;
	}
    
 .search-btn-mobile,
    .menu-btn-mobile {
        background-color: #000;
        border: 1px solid #C7C7C7;
    }
    
    .search-btn-mobile, 
    .menu-btn-mobile, .menu-title { 
		background: url(../images/search_menu.svg) no-repeat; 
		background-color: #000;
		width: 30px;
		height: 30px;
		padding: 5px;
		box-sizing: content-box;  
		float: left;
	}
    
    .search-btn-mobile { background-position:9px 9px; margin-right:10px; }
    .menu-btn-mobile { 
		position: relative; 
		background-position:10px -30px; 
	}
		.menu-btn-mobile:before { 
            content: 'MENU';
            position: absolute;
            top: 5px;
            left: 10px;
            font-size: 7px;
            color: #FFF;
			text-indent: 0;
        }
    
    .mobile-head .logo { 
        background: url('images/usc_logo_horizontal_rgb_k_rev.svg') no-repeat center;
        height: 40px;
		width: 180px;
		float: left;
    }

	@media only screen and (min-width: 175px) and (max-width: 320px) {
		.mobile-head .logo {
			background-position: left;
			background-size: 80%;
		}
	}
    
    /*
     * Search
     */
    #search { 
		display: none;
		width: 100%;
		background-color: #000;
		padding: 10px;
		bottom: -5px;
		position: relative;
		float: left;
	}

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

	#search .search-input { 
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
        margin-bottom: 0; 
        margin-right: 10px;
    } 
	#search .submit {
		border: 1px solid #C7C7C7;
		margin: 0;
		width: auto;
	}
    
/*
 * Mobile Navigation
 */

#sidr {
    display: block;
    position: fixed;
    top: 0;
	right: -1000px;
	padding-top: 55px;
    height: 100%;
    z-index: 499;
    width: 100%;
    overflow: auto;
    background: #000;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility:hidden;
}

#sidr.right { left: auto; }


#sidr .sidr-inner {
	overflow: auto;
	overscroll-behavior: none;
    margin: auto;
    width:100%;
    height:100%;
}

/*
 * Mobile drawer styles
 */
.mobile-nav a { 
    text-decoration: none; 
    display: block; 
    padding: 15px 25% 15px 10px; 
    font-weight: 800;
    color: #fff;
}
.mobile-nav li { border-top: 1px solid #7f7f7f; position: relative; }
    .mobile-nav li ul { display:none; }
        .mobile-nav li li { border-bottom: none; border-top: 1px solid #7f7f7f; }

/*
 * Nested Level spacing
 */
.level-two a     { padding-left: 20px; font-weight:800; }
.level-three a   { padding-left: 40px; font-weight:500; }
.level-four a    { padding-left: 60px; }
.level-five a    { padding-left: 80px; }  

.selected { background-color: #73000a; display: block; }

/*
 * Expand/Collapse buttons
 */
.plus, .minus { 
	 background-color: transparent;
     background-image: url(../img/expand_sprite.svg);
     background-repeat: no-repeat;
     background-position: 65% 0;
     position: absolute;
     right: 10px;
     top: 0;
     margin-top: 15px;
     height: 25px;
     width: 70px;
	 border: none;
	 border-left: 1px solid #7f7f7f;
 }
     .no-svg .plus, .no-svg .minus { background: url(../img/expand_sprite.png) no-repeat; }
.minus { background-position: 65% -34px; }

/*
 * Global menu inside mobie nav
 */
     .menu-header, .menu-list a	{
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 10px;
    }
	.menu-header	{
		background-color: #5B5B5B;
		text-transform: uppercase;
		font-size: .6875em;
		color: #DADADA;
		margin: 0;
		clear: both;
	}
	.menu-list a     { text-decoration:none; display: block; }
		.menu-list li	{ 
			color: #fff;
			border-top: 1px solid #7F7F7F;
		}
			.menu-list li:hover { color: #b6bf00; }

/*
 * Secondary Nav
 */
.secondary-nav {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 5px;
	background-color: #73000a;
}
	.secondary-nav__toggle {
		-webkit-appearance: none;
		background-color: transparent;
		border: 0;
		outline: 0;
		position: absolute;
		top: 5px;
		right: 0;
	}
	.secondary-nav__list {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	}
		.secondary-nav__list li:first-child {
			width: 100%;
		}
		.secondary-nav__list li:nth-child(n+ 2):not(.secondary-nav_placeholder) {
			-webkit-box-flex: 1;
				-ms-flex: 1 1 50%;
					flex: 1 1 50%;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			max-height: 0;
			opacity: 0;
			-webkit-transition: .5s;
			transition: .5s;
		}

		.secondary-nav.is-open .secondary-nav__list li:nth-child(n+ 2) {
			max-height: 200px;
			opacity: 1;
			padding-bottom: .5rem;
		}

		.secondary-nav__list li:last-child:not(.secondary-nav_placeholder):last-child {
			padding-bottom: 0;
		}

	.secondary-nav__link.secondary-nav__link {
		color: #FFF;
		font-size: 14px;
		font-weight: 400;
		padding: .65em;
		display: inline-block;
		-webkit-transition: .25s;
		transition: .25s;
	}
	.secondary-nav__link:hover {
		color: #d0da00;
	}
	.secondary-nav__link.is-active {
		background: #5C5C5C;
		padding: 1em;
	}
	@media only screen and (max-width: 60em) {
		.secondary-nav li:first-child .secondary-nav__link.is-active {
			background: transparent;
			padding: .65em;
		}
	}
	
	.secondary-nav_placeholder {
		flex-basis: 50%;
	}

	/* @media only screen and (min-width: 48em) {
 		.secondary-nav__list li:nth-child(n+ 2) {
			-webkit-box-flex: 1; 
				-ms-flex: 1 1 33.333333%; 
					flex: 1 1 33.333333%;
		}
	} */

	@media only screen and (min-width: 60em) {
		.secondary-nav__toggle {
			display: none;
		}
		.secondary-nav__list {
			-ms-flex-wrap: nowrap;
				flex-wrap: nowrap;
			-webkit-box-align: center;
				-ms-flex-align: center;
					align-items: center;
			justify-content: space-around;
		}
		.secondary-nav__list li:first-child {
			width: auto;
		}
		.secondary-nav__list li:nth-child(n+ 2):not(.secondary-nav_placeholder) {
			flex: none;
			opacity: 1; 
			max-height: none; 
			-ms-flex-pack: distribute;
				justify-content: space-around;
			padding-bottom: 0;
		}
		.secondary-nav_placeholder { display: none; }
	}

		
/* Main Content
   ----------------------------------------------------*/  

/*
 * Headings/elements with links to be giving chevron arrow
 */
h1 a:after, h2 a:after, h3 a:after, h4 a:after, h5 a:after, h6 a:after, a .photo-grid_header:after, .grid a .li-head:after, .grid .li-head a:after, .multi-list .more:after, .view-details:after, .event-item a:after, .view-all:after, .gs-title a:after, .btn:after, .callout--nav-list-item a:after { content:"\00bb"; font-family: var(--primary-font); padding-left: 7px; }

/*
 * Garnet horizontal rule
 */
hr.garnet-rule { border-top: 2px solid #73000A; margin: 25px 0; }


/*
 * Content page styles
 */

.content { margin-top: 52px; margin-bottom: 50px; }
    .content a,
	.content strong,
	.category a,
	.landing a,
	.campaign .main-container a { font-weight: 800; }
    /*
     * Content page headers
     */
    .content h2 { margin-top: 0; }
    .gray-head { 
        border-bottom: 1px solid #CCC;
        color: #C7C7C7;
        margin-top: -10px;
        padding-bottom: 5px;
        margin-bottom: 10px;
    }

	.breadCrumb + h1 {
		font-family: "Berlingske Sans Extracondensed", "Impact", sans-serif;
		font-weight: 800;
		font-size: 3.125rem;
		margin-bottom: .5em;
		text-transform: uppercase;
		letter-spacing: 1.5px;
	}
		@media only screen and (min-width: 320px) and (max-width: 767px) {
		.breadCrumb + h1 { font-size: 2.5em; }
	}

    .content ul[class]:not(.list-widget) li {
        line-height: inherit;
    }


/*
 * Buttons
 */
.btn {
 position: relative;
  display: inline-block;
  overflow: hidden;
  z-index: 1;
  padding: 1rem min(3vw, 1.75rem);
  transition: .2s linear;
  text-transform: uppercase;
  color: #fff;
  border: 2px solid transparent;
  background-color: #73000a;
  font-family: "Berlingske Sans Extracondensed", "Impact", sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: calc( 18px + (25 - 18) * ( (100vw - 200px) / ( 1600 - 200) ));
  transition: .15s, box-shadow .4s;
  -webkit-appearance: none; }
  .btn.btn { text-decoration: none; }
  .btn.btn > span {
    transition: none; }
  .btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    z-index: -1;
    -webkit-transform: translateY(-101%);
    transform: translateY(-101%);
    transition: .15s ease; }
  .btn.mod-border {
    border: 2px solid #fff; }
  .btn.mod-dark {
    background-color: #000;
    border: 2px solid #fff; }
  .btn.mod-ghost {
    color: #73000a;
    border: 2px solid #73000a;
    background-color: transparent; }
    .btn.mod-ghost:hover, .btn.mod-ghost:focus {
      color: var(--color-tertiary);
      border-color: var(--color-tertiary); }
      .btn.mod-ghost:hover:before, .btn.mod-ghost:focus:before {
        background-color: var(--color-primary); }
  .btn:hover, .btn:focus {
    color: #73000a;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    border-color: var(--color-primary); }
  .btn.mod-dark:hover, .btn.mod-dark:focus {
	border-color: #000;
    color: #000; }
  .btn:hover:before, .btn:focus:before {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  .btn:hover:before, .btn:hover:after, .btn:focus:before, .btn:focus:after {
    color: inherit; }
  .btn.btn:hover > span,
  .btn.btn:focus > span {
    color: inherit;
    background-color: transparent;
    box-shadow: none;
    transition: none; }
  .btn:active {
	  transform: matrix(0.95, 0, 0, 0.95, 0, 0); }
  .btn:disabled {
    cursor: not-allowed;
    opacity: .3; }
  .btn.new-window:after {
	background: none;
	padding-right: 0; }


/*
 * View details/more link
 */
.view-all { float: right; font-size: .75em; /* 12px / 16px */ margin-top: 10px; }

.view-all.font-condensed {
	font-size: inherit;
    letter-spacing: 1px;
	border-top: 2px solid var(--color-silver);
    padding-block-start: 1rem;
	margin-block-start: 2rem;
    width: 100%;
    text-align: right;
}
	.view-all.font-condensed:after {
		color: var(--color-primary);
	}


/*
 * Expand/Collapse Widget
 */
    /*Expand-All/Collapse-All Button */
    .accordion-expand {
        background: none;
        border: 0;
        color: #73000A;
        float: right;
        padding: 0;
        font-size: .75em; /* 12px / 16px */
    }

.accordion-summary {
	width: 100%;
	text-align: left;
	border: 0;
	border-bottom: 1px solid #C7C7C7;
    color: #73000a;
	font-family: inherit;
    font-weight: 800;
    cursor: pointer;
    padding: 5px 30px 5px 5px;
    background-color: rgba(218, 218, 218, 0);
    transition: all 450ms ease-in;
    position: relative;
    clear: both;
}
    .accordion-summary:before {
        content: "+";
		width: 22px;
		height: 22px;
		border-radius: 50%;
		border: 1px solid #73000A;
		right: 3px;
		text-align: center;
		box-sizing: content-box;
		font-size: 20px;
		line-height: 25px;
		float: right;
		display: block;
		margin-right: -27px;
    }
	.accordion-summary > *  {
		margin: 0;
		line-height: 1.8;
	}

.accordion-summary.selected,
.accordion-summary:hover{ background-color: #ececec; transition: all 400ms ease-in; }
    .accordion-summary.selected:before {content: '–'; }

.accordion-details {
    max-height:1px;
    overflow: hidden;
	visibility: hidden;
    padding: 0 25px;
    transition: max-height 500ms cubic-bezier(0, 0.6, 0.6, 1), padding 0.25s 0.3s, visibility 0.25s 0.25s;
    border-color: #c8c8c8;
    border-style: dotted;
    border-width: 0 1px 1px 1px;
}
    .accordion-details.opened {
        max-height: 9999px;
		visibility: visible;
        padding: 1em 25px;
        transition: max-height 1000ms ease-in, padding .25s, visibility .25s;
    }
    .accordion-details:last-child { margin-bottom: 2em; }

	.accordion-details > p { margin-top: 0; }
	.accordion-details > p:last-child { margin-bottom: 0; }

       
/*
 * View details/more link
 */
.view-all { float: right; font-size: .75em; /* 12px / 16px */ margin-top: 10px; }


    
/* Footer
   ----------------------------------------------------*/  
   
#logo-footer {
  background-color: #73000a;
  text-align: center;
  margin-top: 4em; }
  @media only screen and (min-width: 48em) {
    #logo-footer {
      text-align: left; } }

#logo-footer .logo {
        background: url('../img/USC_Web_main.svg') no-repeat;
        display: block;
        width: 200px;
        height: 114px;
        margin: 15px auto 0;
    }
    .no-svg #logo-footer .logo { background-image: url('../img/USC_Web_main.png') }

#logo-footer small {
  margin-bottom: 5px;
  border-right: solid 1px #FFF; }

#logo-footer small:last-child {
  border: none; }

#logo-footer, #logo-footer small a {
  color: #FFF; }

.footer-links {
  text-align: left; }
  .footer-links h2 {
    font-size: 1rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-bottom: 1px solid #FFF;
    padding-bottom: .5em;
    margin-bottom: .75em; }
	.footer-links .grid_6 h2 {
		margin-left: .9375em;
		margin-right: .9375em;
	}

.footer-links_flex {
	display: flex;
	flex-wrap: wrap;
	clear: both;
}
@media only screen and (min-width: 48em) {
	.footer-links { margin-top: 2em; }
	.footer-links_flex {
		flex-wrap: nowrap;
	}
}
	.footer-links_flex .links {
	    flex-basis: 50%;
	}

	.footer-links_flex.mod-first .links:nth-child(2) {
		order: 2;
	}
	@media only screen and (min-width: 48em) {
		.footer-links_flex.mod-first .links:nth-child(2) {
			order: initial;
		}
	}

#sitemap {
  padding: 2em 0; }

#sitemap h2 {
  font-family: "Berlingske Sans Extracondensed", "Impact", sans-serif;
  font-weight: 800;
  color: #FFF; }

#sitemap ul {
  padding: 0;
  margin: 0; }

.footer-links .row:first-child .links:last-child {
      width: auto; }

.links ul {
    margin-bottom: 1rem;
}

.links ul li {
  font-size: .75em;
  margin-bottom: 7px;
  padding-bottom: 5px;
  line-height: 1.3em;
  list-style: none; }

.links a:link, .links a:visited {
  color: #FFF; }

.copyright a {
  position: relative;
  display: inline-block;
  padding-right: 1em;
  padding-left: 1em; }

.copyright .regional-link,
.copyright .system-link { display: none; }

.copyright a:first-child { padding: 0 5px; }

.copyright a:first-child:after,
.copyright a:nth-child(9):after {
	display: none;
}

.copyright a:nth-child(2) { padding-left: 0; }

.copyright a:last-child:after {
  display: none; }

.copyright a:after {
  content: '';
  position: absolute;
  left: 100%;
  top: 1px;
  background-color: white;
  width: 1px;
  height: 80%; }

.site-info-wrapper {
  background-color: #000;
  padding: 10px 0;
  border-top: 1px solid #FFF; }

.site-info {
  position: relative;
  z-index: 1; }

/* ==|== media queries ======================================================
   Begin media queries for larger screen sizes
   ========================================================================== */

@media only screen and (min-width: 48em) {
  /* Style adjustments for viewports 768 and above */

body { width:auto !important; }	

/*
 * Tables
 */
	
table { table-layout: auto; }
	
/*
 * Forms
 */    
label { text-align: left; }
  
input[type="submit"] { width: auto; }
	
/* Flip the order of columns on desktop */
.two-flipped > .column { float: right; }

/*
 * Search results page
 */
.gsc-table-result td,
.gs-promotion-table td { width: auto; }	

.gsc-search-button,
.gsc-clear-button { display: table-cell; }
	
/*
 * Expand/Collapse
 */
.plus, .minus { cursor: pointer;  }


/* Content Pages/Modules
 ---------------------------------------------------------------------*/

/*
 * Gateway Page
 */

.gateway-subhead { padding-top: 5px; }

#gateway-tabs { border-bottom: 5px solid #73000a; margin-top: -15px; height: 31px; display: block; } 
    #gateway-tabs .active { background-color: #73000a; }
    #gateway-tabs a { color: #fff; padding: 5px 10px; display: block; }
    #gateway-tabs ul { float: right; }
        #gateway-tabs li { 
			float: left; 
			background-color: #A3A3A3; 
			margin-left: 1px; 
			font-size: inherit;
            line-height: inherit;
		}
            #gateway-tabs li:first-child { border-radius: 15px 0px 0px 0px; }
            #gateway-tabs li:last-child { border-radius: 0px 15px 0px 0px; }


/* Global Footer/Nav
   ----------------------------------------------------*/
.copyright  { float: left; }
.page-owner { float: right; }

.links {
	padding-left: .9375em;
	margin-left: 10px;
	margin-left: 0px;
}
	
}

@media only screen and (min-width: 60em) {   

/* MY.SC.EDU menu */
.gateways-wrapper { display: inline-block; font-size: 10px; font-size: .625rem; }

.menu {
    position: absolute;
    width: auto;
    background-color: #363636;
    z-index: 500;
    top: 22px;
    right: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    transition: .3s;
}
    
.menu-list { float: left; }
    .menu-list li {
        border: none;
    }
    .menu-list a { color: #fff; padding: 5px 15px; }

.main-nav { position: relative; }
	.main-nav_top {
      position: unset;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
         -moz-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding-top: 1em;
      padding-bottom: 0.7em; }
    .main-nav_bottom {
      font-weight: 800;
      background-color: #000; }
      .main-nav_bottom:before, .main-nav_bottom:after {
        content: '';
        position: absolute;
        background-color: #000;
        top: 0;
        right: 100%;
        width: 100vw;
        height: 100%;
	    z-index: -1; }
      .main-nav_bottom:after {
        right: auto;
        left: 100%; 
		margin-left: -100%; }
	
.nav-links {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: flex-start;
    font-size: 0.9rem;
	letter-spacing: .1px;
}
    
.nav-links > li { position: relative; }
	.nav-links > li > a {
		letter-spacing: 1.5px;
		text-transform: uppercase;
		padding: .7em 3em .5em .5em; 
	}
	.nav-links a {
      display: inline-block;
      color: #fff; }
	.nav-links > li:hover > a,
	.nav-links > li.hover > a {
		background: #570008;
		-webkit-transition: all .2s ease .15s;
		transition: all .2s ease .15s; }
	.nav-links .active { 
		background: rgb(89,0,2); /* Old browsers */ 
		background: -moz-linear-gradient(top, rgba(89,0,2,1) 0%, rgba(70,0,5,1) 100%); /* FF3.6+ */ 
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(89,0,2,1)), color-stop(100%,rgba(70,0,5,1))); /* Chrome,Safari4+ */ 
		background: -webkit-linear-gradient(top, rgba(89,0,2,1) 0%,rgba(70,0,5,1) 100%); /* Chrome10+,Safari5.1+ */ 
		background: -o-linear-gradient(top, rgba(89,0,2,1) 0%,rgba(70,0,5,1) 100%); /* Opera 11.10+ */ 
		background: -ms-linear-gradient(top, rgba(89,0,2,1) 0%,rgba(70,0,5,1) 100%); /* IE10+ */ 
		background: linear-gradient(to bottom, rgba(89,0,2,1) 0%,rgba(70,0,5,1) 100%); /* W3C */ 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#590002', endColorstr='#460005',GradientType=0 ); /* IE6-9 */ 
	}

@media only screen and (min-width: 60em) {
 
/* jReject Version 1.0.0
   ----------------------------------------------------*/

#jr_overlay {
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	z-index: 2147483646;
	position: absolute;
}

#jr_wrap {
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 2147483647;
	padding: 0;
	margin: 0;
}

#jr_inner {
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size: 12px;
	background: #FFF;
	border: 1px solid #CCC;
	color: #4F4F4F;
	margin: 0 auto;
	height: auto;
	padding: 20px;
	position: relative;
}

#jr_header {
	display: block;
	color: #333;
	padding: 5px;
	padding-bottom: 0;
	margin: 0;
	font-family: Helvetica,Arial,sans-serif;
	font-weight: bold;
	text-align: left;
	font-size: 1.3em;
	margin-bottom: 0.5em;
}

#jr_inner p {
	text-align: left;
	padding: 5px;
	margin: 0;
}

#jr_inner ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#jr_inner ul li {
	cursor: pointer;
	float: left;
	width: 120px;
	height: 122px;
	margin: 0 10px 10px 10px;
	padding: 0;
	text-align: center;
}

#jr_inner li a {
	color: #333;
	font-size: 0.8em;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

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

#jr_inner .jr_icon {
	width: 100px;
	height: 100px;
	margin: 1px auto;
	padding: 0;
	background: transparent no-repeat scroll left top;
	cursor: pointer;
}

#jr_close {
	margin: 0 0 0 50px;
	clear: both;
	text-align: left;
	padding: 0;
	margin: 0;
}

#jr_close a {
	color: #000;
	display: block;
	width: auto;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}

#jr_close p {
	padding: 10px 0 0 0;
	margin: 0;
}    
   

/*
 * Main nav flyout menus
 */ 

.nav-links > li:hover .flyout,
.nav-links > li.hover .flyout { z-index: 9999; opacity: 1; visibility: visible; }
	
.flyout {
    font-size: 13px;
    font-size: .875rem;
    font-family: "Berlingske Sans", "Arial", sans-serif;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .2s ease .15s;
    transition: opacity .2s ease .15s;
    position: absolute;
    background-color: #570008;
    width: 230px; 
}

	.flyout.mod-left {
		left: auto;
		right: 0;
	}
	.flyout ol {
    padding: 20px 15px 15px; }
    .flyout li { padding-bottom: 10px; }
        .flyout li:last-child { padding-bottom: 0; }
	
	.caption p {
		font-size: 43px;
		font-size: 2.6875rem;
	}
/*
 * Main nav logo
 */
.main-logo img {
    display: block;
	width: 310px;
    height: 60px; }

h1, h2, h3, h4, h5, h6 { margin-top: 0; }  
.content { margin-top: 0; margin-bottom: 150px; min-height: 600px; }
.content > .grid_12:first-child > img:first-child,
.content > .grid_12:first-child > a:first-child { margin-top: 1em; }
	
}

@media only screen and (min-width: 80em) {
	#category-img { min-height: 550px; }
}

@media only screen and (min-width: 48em) and (max-width: 64em) {
	
	.quick-fact .bold { font-size: 22px; }
	
	#category-img,
	#landing-img { background-attachment: scroll; }
       
    .caption.top    { top: 110px; }
    .caption.bottom { bottom: 50px; }
    
    .atUofSC .category-header { font-size: 4em; }
    
    .no-limits { font-size: 1em; margin-top: 53px; }
    
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {

	.main-logo a:after { background-size: 185px, auto; }
	#category-img,
	#landing-img { overflow: visible; background-attachment: scroll; }

}


/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */


@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  .logo:before, .usc-logo { content: url(/_global_resources/img/usclogo_2color.png); position: relative; width: auto !important; height: auto !important; margin: 0 !important; }
  #main-content { margin-top: 80px; }
  .banner-icons, #category-img { display: none !important; }
  .infographic li { display: inline; width: 50%; text-align: center; border: none; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; } 
  #ou-de:after { content: ""; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 1cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

/* ==|== EA Web Services CSS Style ========================================== */
	
.list_header 
{
	font-weight: bold;
	background-color: #660000;
	color:#FFF;
}

.list_header_border
{
	border-top: 1px solid #888;
	border-bottom: 1px solid #888;
}

.successMsg 
{
	font-weight: bold;
	background-color: #ffc;
	color: #090;
	border-top: 1px solid #090;
	border-bottom: 1px solid #090;
}

.errorMsg {
        color: #900;
        background-color: #ffc;
        font-weight: bold;
        border-top: 1px solid #900;
        border-bottom: 1px solid #900;
}

.mustSubmitMsg
{
	font-weight: bold;
	background-color: #6cf;
	color: #009;
	border-top: 1px solid #009;
	border-bottom: 1px solid #009;
	margin-bottom: 6px;
	padding: 5px;
	font-size: 12px;
}



#post 
{
	background-color: #cff;
	border: 1px solid #ccc;
	padding: 5px;
}

.smallred
{
	font-size: 11px;
	color: #900;
	font-weight:bold;
}

.errMsg 
{
	font-weight: bold;
	background-color: #ffc;
	color: #900;
	border-top: 1px solid #900;
	border-bottom: 1px solid #900;
}

.successMsg 
{
	font-weight: bold;
	background-color: #ffc;
	color: #090;
	border-top: 1px solid #090;
	border-bottom: 1px solid #090;
}

.mustSubmitMsg
{
	font-weight: bold;
	background-color: #6cf;
	color: #009;
	border-top: 1px solid #009;
	border-bottom: 1px solid #009;
	margin-bottom: 6px;
	padding: 5px;
	font-size: 12px;
}



.detailTable tr td:nth-child(1) {
    text-align: right;
    font-weight: bold;
}

.alert {
  padding: 8px 35px 8px 24px;
  margin-bottom: 18px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #c09853;
}
/*.alert-error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
}

.alert-success {
  background-color: #9F6;
  border-color: #096;
  color: #096;
}
.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #3a87ad;
}*/

.alert-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-danger,
.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.alert-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.requiredval:after {
    color: #F00;
    content: '*';
    position: absolute;
}

.dataTable tbody tr:nth-child(even) {
    background-color: #EEE;
}

.formTable{
    
}
.formTable tr td{
    padding: 5px;
    background-color: transparent;
    border: none;
}
.formTable tr td:nth-child(1) {
    text-align: left;
    font-weight: bold;
    min-width: 125px;
    width:20%;
}

.formNote {
    color:red;
}

.control-group {
    margin-bottom: 5px;
}

.control-group > *{
    display: inline-block;
}

.control-group label{
    width:15%;
    vertical-align: top;
}

.controls textarea {
    vertical-align: text-top;
}

.manage_column {
    text-align: right;        
}

.accumDate {
    width: 120px !important;
    text-align: center;
    border: 1px dashed #CCC !important;
    cursor: pointer;    
}



.report_body {
    font-weight: normal;
    font-size:12px;
    font-family: arial, verdana, sans-serif;
}
.report_body div, .report_body table {
    margin-bottom: 8px;
}
.report_campus {
    font-weight: bold;
}
.report_bldg {
    font-weight: bold;
    margin-left: 40px;
}
.report_room {
    font-weight: bold;
}
.report_table {
    max-width: 1200px;
    font-size: 12px;
    table-layout: fixed;
}
.report_room, .report_table {
    margin-left: 80px;
}
.report_table th{
    color: black;
    font-weight: normal;
    background-color: #CCCCCC;
}
table.report_table th, table.report_table td{
    padding: 2px !important;
    border:none;
}
.report_table th:nth-child(-n+3), .report_table td:nth-child(-n+3){
    width:100px;
}
.report_table th:nth-child(n+4):nth-child(-n+5), .report_table td:nth-child(n+4):nth-child(-n+5){
    width:150px;
}

#backgroundPopup{
	display:none; 
	position:fixed; 
	_position:absolute; 
	height:100%; width:100%; 
	top:0; left:0;
	background:rgba(0,0,0, .7); 
	z-index:1;
}  

#loader {
	display: none;
	position: relative;
        left:50%;
        top:50%;
/*	width: 540px;
	height: 315px;*/
	z-index: 2;
	padding: 10px;
	background-color: #fff;
}

.rounders {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-khtml-border-radius: 6px;
}

.hdrform {
	background-color: #555;
	font-size: 14px;
	text-align: left;
	color: #fff;
}
.hiddenIframe {
	width: 0px;
	height: 0px;
	border: none;
}

#closeContainer {
    position: absolute;
    top: 12px;
    right: 12px;
}
#close_form 
{
	float: right;
	margin-top: 5px;
	margin-right: 5px;
	display: block;
	width: 11px;
	height: 11px;
	background: url("/ehswaste/images/close.gif") no-repeat;
	background-position: 0 -11px;
}

#close_form:hover
{
  background-position: 0 0;
}

.ui-datepicker {
    width: 18em !important;
}

.note {
    color:#808080;
    font-style: italic;
    margin-bottom: .75em;
}


.modal_titlebar{
    color:#FFF;
    background-color: #73000a;
    font-weight: bold;
    font-size: 1.1em;
    padding: 5px;
    border-radius: 6px;
    margin-bottom: 10px;    
}
.modal_container{
    min-width: 800px;
    min-height: 400px;
}
.modal_body{
    /*overflow-y: scroll;*/
}
.modal_messages{
    
}
.modal_footer{
    text-align: right;
}


.centered{
    text-align: center;
}