/*
UPDATED: AUGUST 28, 2022 BY: Suchita Chadha
=================================================
* Based on Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* https://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/
/* Table of Contents
==================================================
	#Reset & Basics
	#Basic Styles
	#Typography
	#Figures
	#Blockquotes
	#Links
	#Lists
	#Images
	#Tables
	#Buttons
	#Forms
	#Header & Nav
	#Calendar Icons 
	#Event Calendar
	#Utilities
	#Full Width Styles
	#Custom Colors for Special Sections
    #Extra Elements
    #Section Specific Code*/
/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-family: inherit
}

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

body {
    line-height: 1;
    height: 100%;
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

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

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

@media only screen and (max-width: 495px) {
    #hideit {
        display: none
    }
}

/* #Basic Styles
================================================== */
body {
    background: #ffffff;
    font-family: 'Nunito', sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: /* Fix for webkit rendering */ antialiased;
    -webkit-text-size-adjust: 100%
}

div#bluebar {
    position: relative;
    width: 100%;
    background-color: #00205b;
    z-index: 300;
    padding: 20px 0px;
}

div#mainnavbar {
    position: relative;
    width: 100%;
    background-color: #ffc72c;
    z-index: 400!important /* "container" div enclosing this in the template has z-index:500 for IE z-index fix */
}

div.sidebar {
    font-family: 'Roboto Condensed', sans-serif;
    padding: 10px;
    float: left;
    background: #fff;
    border-left-color: #666;
    border-left-style: solid;
    border-left-width: thin
}

div.pagecontent {
    padding: 0;
    position: relative;
    background-color: #fff;
    z-index: 100
}

div#taglinestem {
    padding: 6px;
    background-color: #d9e021;
    color: #00205b;
    font-size: 0.8em;
    font-weight: normal;
    text-align: center;
    line-height: 1.2em;
}

div#footer {
    font-family: 'Roboto Condensed', sans-serif;
    background-color: #00205b;
	/*background-color: #ffffff;*/
	color: #fff;
    /*color: #000000;*/
    margin-top: 45px;
}

div.div-left {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px
}

div.div-right {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px
}

.boxborshad {
    padding: 15px;
    border: 1px solid #ccc;
    box-shadow: 0 0 20px rgba(0,0,0,0.10),0 10px 20px rgba(0,0,0,0.05),0 20px 20px rgba(0,0,0,0.05),0 30px 20px rgba(0,0,0,0.05)
}

/* #Typography
================================================== */
h1 {
    color: #00205b;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    margin-top: 12px;
    margin-bottom: 8px
}

h2,h3,h4,h5,h6 {
    color: #00205b;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    margin-top: 12px;
    margin-bottom: 8px
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
    font-weight: inherit;
    text-decoration: none
}

h1 {
    font-size: 2em;
    line-height: 1.15em
}

h1.newsrelease {
    margin-top: 25px
}

h1.condensed {
    font-family: 'Roboto Condensed', sans-serif;
}

h2 {
    font-size: 1.7em;
    line-height: 1.15em
}


h3 {
    font-size: 1.4em;
    line-height: 1.15em
}

h4 {
    font-size: 1.25em;
    line-height: 1.15em
}

h5 {
    font-size: 1.15em;
    line-height: 1.15em
}

h6 {
    font-size: 1em;
    line-height: 1.15em
}

.subhead {
    margin: 0 0 10px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.2em;
    font-weight: 300;
    font-style: italic;
    line-height: 1.15em;
    color: #666;
    text-align: left;
    padding: 0
}

sup {
    font-size: 0.8em;
}

.footnote {
    font-size: 0.8em;
    line-height: 1.5em;
    color: #666666;
}

p {
    font-size: 1em;
    line-height: 1.5em;
    margin: 0 0 0.75em 0
}

p img {
    margin: 0
}

p.lead, span.lead {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 1.2em;
    line-height: 1.35em;
    color: #000
}

p.breadcrumb {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 0.95em;
    padding-top: 7px;
}

ul.breadcrumb {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 0.9em;
    line-height: 0.85em;
}

em {
    font-style: italic
}

strong {
    font-weight: 700;
    color: #00205b
}

small {
    font-size: 80%
}

.bodytextemph {
    /*Holdover from old stylesheet for Staff Directory page*/
    color: #00205b;
    font-weight: 700
}

/*	Figures
================================================== */
figure {
	margin: 0;
}
figcaption {
	background-color: #EDECF1;
	padding: 10px;    
    font-family: 'roboto condensed', sans-serif;
    font-size: 0.95em;
	line-height: 1.1em;
	margin-bottom: 10px;
}

/*	Blockquotes
================================================== */
blockquote,blockquote p {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-style: italic;
    font-size: 1.5em;
    line-height: 1.5em;
    color: #00205b
}

blockquote {
    margin: 0 0 20px;
    padding: 9px 20px 0 19px
}

blockquote cite {
    display: block;
    font-size: 0.75em;
    color: #555
}

blockquote cite:before {
    content: "\2014 \0020"
}

blockquote cite a,blockquote cite a:visited,blockquote cite a:visited {
    color: #555
}

hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 30px 0px;
    height: 0
}

div#mainnav ul.pureCssMenu li.nosubnav span {
    display: block;
    background-image: none;
    margin-top: 2px;
    margin-right: -5px;
}

div#mainnav ul.pureCssMenu li.nosubnav li:hover>a>span {
    background-image: none
}

div#mainnav ul.pureCssMenu li.nosubnav a:hover span {
    background-image: none
}

div#mainnav ul.pureCssMenu li.nosubnav ul span,ul.pureCssMenu li.nosubnav a:hover table span {
    background-image: none
}

/*	Sidebar Type
================================================== */
div.sidebar h3 {
    color: #00205b;
    font-size: 1.25em;
    text-transform: uppercase;
    letter-spacing: 0.075em;
    line-height: 1.3em;
    padding: 10px 0 5px 0
}

div.sidebar p {
    padding: 0
}

/*	Tooltip
================================================== */
.wrapper {
    z-index: 250;
    border-bottom: 1px dotted #999;
    cursor: help;
    position: relative;
    display: inline;
    -webkit-transform: translateZ(0);
    /* webkit flicker fix */
    -webkit-font-smoothing: antialiased;
    /* webkit text rendering fix */
}

.wrapper img {
    position: relative;
    z-index: 250;
}

.wrapper .tooltip {
    z-index: 250;
    background: #ddd;
    bottom: 100%;
    color: #000000;
    text-align: left;
    /*To get tooltips out of the way in Dreamweaver...display: none;*/
    display: block /*none*/;
    left: -60px;
    margin-bottom: 15px;
    opacity: 0;
    padding: 8px;
    pointer-events: none;
    position: absolute;
    width: 140px;
    font-family: 'Nunito', sans-serif;
    font-size: 0.9em;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}

/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.wrapper .tooltip:before {
    bottom: -20px;
    content: " ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}

/* CSS Triangles - see Trevor's post */
.wrapper .tooltip:after {
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    border-top: solid #ddd 10px;
    bottom: -10px;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -13px;
    position: absolute;
    width: 0;
}

.wrapper:hover .tooltip {
    opacity: 0.95;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

/* IE can just show/hide with no transition */
.lte8 .wrapper .tooltip {
    display: block;
}

.lte8 .wrapper:hover .tooltip {
    display: block;
}

/*	Feedroll RSS
================================================== */
/* ====== no side box
ul.rss-items {
	list-style:none;
	list-style-position:inside;
	margin:12px 0px 20px 0px;
	padding:0;
	border:0
}
============== */
ul.rss-items {
    list-style: none;
    list-style-position: inside;
    margin: 12px 8px 20px 0px;
    padding: 0;
    border: 0
}

li.rss-item {
    position: relative;
    margin-bottom: 16px;
}

div.pagecontent li.rss-item {
    font-family: 'Nunito', sans-serif;
    font-size: 0.9em;
    background: #fff;
    border-top: 2px solid #ffc72c;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    margin: 15px 0 0 0
}

div#rightsidenav li.rss-item {
    font-family: 'Roboto Condensed',sans-serif;
    border: 2px solid #ffc72c;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    padding: 5px 4px 5px 8px;
    margin: 0 0 12px 5px;
}

div#rightsidenav li.rss-item br {
    display: none
}

div#rightsidenav li.rss-item:after, div#rightsidenav li.rss-item:before {
    right: 99.9%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    position: absolute;
    pointer-events: none
}

div#rightsidenav li.rss-item:after {
    border-right-color: #fff;
    border-width: 6px;
    margin-top: -6px
}

div#rightsidenav li.rss-item:before {
    border-right-color: #ffc72c;
    border-width: 9px;
    margin-top: -9px
}

.rss-item a,.rss-item a:visited {
    color: #00205b;
    /*display:block;*/
    text-decoration: none;
    font-weight: 700
}

.rss-item a:hover,.rss-item a:active,.rss-item a:focus {
    color: #666
}

div.pagecontent .rss-item a,div.pagecontent .rss-item a:visited,div.pagecontent .rss-item a:hover,div.pagecontent .rss-item a:active,div.pagecontent .rss-item a:focus {
    font-family: 'Roboto Condensed',sans-serif;
    font-size: 1.3em;
    line-height: 1.2em;
    padding: 5px 0 0 0;
}

div#rightsidenav .rss-item a,div#rightsidenav .rss-item a:visited,div#rightsidenav .rss-item a:hover,div#rightsidenav .rss-item a:active,div#rightsidenav .rss-item a:focus {
    font-family: 'Roboto Condensed',sans-serif;
    font-size: 1em;
    line-height: 1.2em;
    font-weight: 400;
    padding: 0 0 0 0;
}

/*	Footer (NEW - Updated by Suchita)
================================================== */
div#footercont {
    position: relative;
    width: 100%;
    background-color: #00205b;
    z-index: 300;
    padding:20px 0px 10px 0px;
	display:flex; 
	flex-direction: row;
	flex-wrap:nowrap;
}

div#footercont h4 {
	color:#ffffff
}

div#footercont p.heading {
	text-transform:uppercase;
	margin-bottom:10px;
	border-bottom:1px solid #ffc72c; 
	padding-bottom: 5px;
}

div#footercont p {
	margin-bottom: 0px;
}


div#footercont a {
	color:#ffffff;
	text-decoration: none;
}


div#footercont a:hover {
	color:#ffc72c
}

.footerbox {
  width: 18%;
  font-family:'Roboto Condensed', sans-serif;
  color:#f4f2f2;
  margin:10px 30px;
  font-size:88%;
}

div#footercontbase {
    position: relative;
    width: 100%;
    background-color: #00205b;
    z-index: 300;
    padding:20px 0px 10px 0px;
}

div#footercontbase a {
	color:#ffc72c;
	text-decoration:none;
}

div#footercontbase a:hover {
	color:#ffffff;
}

.footerbase {
 font-family:'Roboto Condensed', sans-serif;
 margin: 0px 30px 0px 30px;
 font-size:80%;
 }

#osfa div#footercont p.heading {
	border-bottom:1px solid #abc857; 
}

#stemnexus div#footercont p.heading {
	border-bottom: 1px solid #d9e021;
}

#mc_embed_signup {
	background:#00205b;
	font-size:.9em;
	font-family:'Roboto',sans-serif
}

#mc_embed_signup #mc-embedded-subscribe-form {
	padding:5px 0
}

@media only screen and (max-width: 1300px) {
div.hide {
	display:none;
}

.footerbase {
 text-align: center;
}

div#footercont {
	flex-wrap:wrap
}

div#footercontbase {
    display:flex;
    flex-direction:column
}
}


@media (max-width: 960px) {
.footerbox {
	width: 40%;
    margin: 10px auto;
}
}

@media (max-width: 600px) {
div#footercont {
	flex-direction: column;
	flex-wrap:wrap
}
.footerbox {
	width:75%;
	margin: 10px auto;
}
}

/* #Links
================================================== */
a, a strong {
	text-decoration:none;
	color:#009cde;

}

a:hover, a strong:hover, a:focus {
	text-decoration:underline;
	color:#00205b;

}

p.breadcrumb a {
    color:#000
}

p a,p a:visited {
    line-height: inherit
}

a.anchor {
    display: block;
    position: relative;
    top: -125px;
    visibility: hidden;
}

div.div-as-link {
    position: relative
}

div.div-as-link a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none;
    /* No underlines on the link */
    z-index: 10;
    /* Places the link above everything else in the div */
    background-color: #FFF;
    /* Fix to make div clickable in IE */
    opacity: 0;
    /* Fix to make div clickable in IE */
    filter: alpha(opacity=1);
    /* Fix to make div clickable in IE */
}

/* #Lists
================================================== */
ul,ol {
    margin-bottom: 20px
}

ul {
    list-style-type: square
}

ol {
    list-style-type: decimal
}

ol,ul {
    margin-left: 30px
}

ul ul,ul ol,ol ol,ol ul {
    margin: 4px 0 5px 30px;
    font-size: 0.95em
}

ul ul li,ul ol li,ol ol li,ol ul li {
    margin-bottom: 6px
}

li {
    line-height: 1.5em;
    margin-bottom: 9px
}

ul.large li,o.l.large li {
    line-height: 1.5em;
    margin-bottom: 12px
}

li p {
    line-height: 1.5em
}

ul.float {
    list-style: outside disc;
    margin-left: 1em;
}

ul.floatfix li {
    position: relative;
    left: 1em;
    padding-right: 1em;
}

.contentdiv ul,ol {
    margin-bottom: 15px;
    font-size: 0.95em
}

.contentdiv ul.large,ol.large {
    margin-bottom: 25px;
    font-size: 1em
}

div.agenda {
    margin-left: 30px;
    margin-top: 10px
}

.agenda ol {
    list-style-type: upper-roman;
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase
}

.agenda ol ol {
    list-style-type: upper-alpha;
    font-size: 0.95em;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 0em
}

.agenda ol ol ol {
    list-style-type: decimal;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 0em
}

.agenda ol ol ol ul {
    list-style-type: circle;
    margin-left: 20px;
    padding: 0;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 0em
}

.agenda ol ol ol ol {
    list-style-type: lower-alpha;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 0em
}

.agenda ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 1em;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 0em
}

.agenda li {
    margin-top: 8px
}

div.agenda-details {
    border: 1px solid #c9d5e0;
    padding: 0;
    margin-top: 10px
}

.agenda-details h4 {
    background-color: #c9d5e0;
    color: #00205b;
    padding: 2px 8px 2px 8px;
    margin: 0
}

.agenda-details p {
    font-size: 0.95em;
    padding: 2px 8px 2px 8px;
    color: #666
}

/*FILTER/TAG CATEGORY LISTS*/
#filter span#category  {
	font-size:14px;
	color:#5b6268;
}

#filter ul {
    list-style-type: none;
    margin-left: 0px;
    font-size:0.9em;
    line-height:1.25em;
}

#filter ul ul {

    overflow: auto;
    height: 135px;
    margin-top: 6px;
    padding: 0;
}

#filter ul ul li {
    float: none;
    margin-right: 10px;
    line-height: 1.2;
    text-align: left;
    color: #000;  /* Counter TAGS style**/
    padding: 2px 0px; /* Counter TAGS style*/
    margin:0; /* Counter TAGS style*/
    border: none /*Counter TAGS style*/
}

/*for tags, remove
#filter ul li:not(:last-child):after  {
    content:'';
    margin: 0px;
}*/

/*SEARCHABLE LISTt*/
#textInput {
  width: 99%;
  padding: 22px 0px 22px 5px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
}

#myUL {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#myUL li {
  border: 1px solid #ddd;
  margin-top: -1px; /* Prevent double borders */
  background-color: #f6f6f6;
  padding: 8px;
  display: block;
  margin-bottom: 0px;
}

#myUL li a {
  text-decoration: none;
  color: #000;
}

#myUL li a:hover {
  text-decoration: underline;
  color: #00205b;
}


#myUL li:hover {
  background-color: #eee;
}


/* #Images
================================================== */
img.scale-with-grid {
    max-width: 100%;
    height: auto
}

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto
}

/* #Tables
================================================== */
/* Clean Table style created for MassTransfer Pathways site, but it can used anywhere */
table.cleantable {
    box-shadow: none;
    background: #fff;
    border: none;
    font-size: 100%;
    margin: 0px;
}

table.cleantable th, table.cleantable td {
    background: #fff;
    border: none;
}

/*table.cleantable p {
	font-family: 'Nunito', sans-serif;
}*/
table {
    width: 100%;
    background: #fff;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.15em;
    border: 1px solid #eee;
    border-bottom: 2px solid #ffc72c;
    margin: 10px 10px 20px 0px
}

tr:hover {
    background: #eee
}

th,td {
    color: #333;
    border: 1px solid #eee;
    padding: 8px;
    border-collapse: collapse;
    text-align: left
}

.datatable th,.datatable td {
    text-align: right
}

th {
    background: #ffc72c;
    font-family: 'Roboto Condensed',sans-serif;
    color: #000;
    /*font-size:1.15em;*/
    &lastborder-right: none;
}

th p.breadcrumb {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 13px;
    padding-top: 7px;
    font-weight: 400;
}

th.left,td.left {
    text-align: left
}

th.right,td.right {
    text-align: right
}

th.centered,td.centered {
    text-align: center
}

.tabletitle {
    font-size: 1.2em;
    line-height: 1.2em;
    color: #00205b;
    text-align: center!important
}

.tRowTitle {
    color: #000;
    background-color: #c9d5e0;
    white-space: nowrap;
}

th.tRowTitle {
    background-color: #ffc72c;
}

.total {
    color: #333;
    background-color: #999;
    s text-align: right;
    font-weight: 700;
}

.ttotals {
    font-weight: 700;
    color: #333333;
    background-color: #ddd;
}

td ul {
    margin: 0 0 0 15px
}

td ul li {
    font-size: 1.1em

}

#search table {
    border: none;
    border-bottom: none;
    box-shadow: none;
    margin: none;
}

#search tr:hover {
    background: none;
}

/* #Buttons
================================================== */
.button,button,input[type="submit"],input[type="reset"],input[type="button"] {
    background: /* Old browsers */ #00205b;
    background: /* FF3.6+ */ #00205b /*-moz-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%)*/;
    background: /* Chrome,Safari4+ */ #00205b /*-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.2)),color-stop(100%,rgba(0,0,0,.2)))*/;
    background: /* Chrome10+,Safari5.1+ */ #00205b /*-webkit-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%)*/;
    background: /* Opera11.10+ */ #00205b /*-o-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%)*/;
    background: /* IE10+ */ #00205b /*-ms-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%)*/;
    background: /* W3C */ #00205b /*linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%)*/;
    border: 1px solid #00205b;
    /*border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;*/
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 0.9em;
    font-weight: 500;
    text-decoration: none;
    /*text-shadow:0 1px rgba(255,255,255,.75);*/
    cursor: pointer;
    /*margin-bottom: 20px;*/
    line-height: normal;
    padding: 2px 8px;
    font-family: 'Roboto', sans-serif
}

.button:hover,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover {
    color: #222;
    background: /* Old browsers */ #ffc72c /*#ddd*/;
    background: /* FF3.6+ */ #ffc72c /*-moz-linear-gradient(top,rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%)*/;
    background: /* Chrome,Safari4+ */ #ffc72c /*-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.3)),color-stop(100%,rgba(0,0,0,.3)))*/;
    background: /* Chrome10+,Safari5.1+ */ #ffc72c /*-webkit-linear-gradient(top,rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%)*/;
    background: /* Opera11.10+ */ #ffc72c /*-o-linear-gradient(top,rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%)*/;
    background: /* IE10+ */ #ffc72c /*-ms-linear-gradient(top,rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%)*/;
    background: /* W3C */ #ffc72c /*linear-gradient(top,rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%)*/;
    border: 1px solid #ffc72c;
    /*border-top:1px solid #aaa;
	border-left:1px solid #aaa*/
}

.button:active,button:active,input[type="submit"]:active,input[type="reset"]:active,input[type="button"]:active {
    border: 1px solid #666;
    background: /* Old browsers */ #ffc72c;
    background: /* FF3.6+ */ #ffc72c /*-moz-linear-gradient(top,rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%)*/;
    background: /* Chrome,Safari4+ */ #ffc72c /*-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.35)),color-stop(100%,rgba(10,10,10,.4)))*/;
    background: /* Chrome10+,Safari5.1+ */ #ffc72c /*-webkit-linear-gradient(top,rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%)*/;
    background: /* Opera11.10+ */ #ffc72c /*-o-linear-gradient(top,rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%)*/;
    background: /* IE10+ */ #ffc72c /*-ms-linear-gradient(top,rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%)*/;
    background: /* W3C */ #ffc72c /*linear-gradient(top,rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%)*/
}

.button.full-width,button.full-width,input[type="submit"].full-width,input[type="reset"].full-width,input[type="button"].full-width {
    width: 100%;
    padding-left: 0!important;
    padding-right: 0!important;
    text-align: center
}

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

button.btnlandpage1 {
    background-color: #00205b;
    color: #FFF;
    margin: 8px;
    width: 140px;
    height: 140px;
    font-size: 16px;
}

button.btnlandpage1:hover {
    background-color: #ffc72c;
    color: #00205b;
}

button.btnlandpage2 {
    background-color: #ffc72c;
    color: #00205b;
    margin: 8px;
    width: 140px;
    height: 140px;
    font-size: 16px;
    border: none;
}

button.btnlandpage2:hover {
    background-color: #00205b;
    color: #fff
}

/* jumpbutton - rectangle button in center, left, and right alignment; standard (blue bkgrnd) and rev (yellow bkgrnd) */

div.jumpbutton {
    display: table;
    margin: 0 auto;
    width: auto;
    background-color: #00205b;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #fff;
    padding: 10px 10px;
    text-align: center;
}

div.jumpbutton a {
    text-decoration: none;
    color: #fff
}

div.jumpbutton-rev {
    position: relative;
    margin-right: auto;
    margin-left: auto;
}

div.jumpbutton-rev a {
	text-decoration:none;
	width:auto;
	background-color:#ffc72c;
	font-family:Roboto, sans-serif;
	font-weight:700;
	color:#00205b;
	padding:10px 20px;
	margin: 0 0px 5px 0;
}

div.jumpbutton-rev a:hover {
	background-color:#00205b;
	text-decoration:none;
	color:#ffc72c;
	transition:0s;
}

div.jumpbutton-left {
    float: left;
    width: auto;
    background-color: #00205b;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #fff;
    padding: 10px 10px;
    margin: 0 8px 15px 0
}

div.jumpbutton-left a {
    text-decoration: none;
    color: #fff
}

div.jumpbutton-left-rev a {
	text-decoration:none;
	float:left;
	width:auto;
	background-color:#ffc72c;
	font-family:Roboto, sans-serif;
	font-weight:700;
	color:#00205b;
	padding:10px 10px;
	margin:0 8px 5px 0

}

div.jumpbutton-left-rev a:hover {
	background-color:#00205b;
	text-decoration:none;
	color:#ffc72c;
	transition:0s;
}

div.jumpbutton-right {
    float: right;
    width: auto;
    background-color: #00205b;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #fff;
    padding: 10px 10px;
    margin: -5px 8px 15px 0
}

div.jumpbutton-right a {
    text-decoration: none;
    color: #fff
}

div.jumpbutton-right-rev a {
	text-decoration:none;
	float:right;
	width:auto;
	background-color:#ffc72c;
	font-family:Roboto, sans-serif;
	font-weight:700;
	color:#00205b;
	padding:10px 10px;
	margin: 0 0px 5px 0;
}

div.jumpbutton-right-rev a:hover {
	background-color:#00205b;
	text-decoration:none;
	color:#ffc72c;
	transition:0s;
}

.magazine div.jumpbutton-left-rev a {
	margin-left: 25px;
	margin-top: -15px;
	margin-bottom: 15px;
}

.magazine div.jumpbutton-right-rev a {
	margin-right: 35px;
	margin-top: -15px;
	margin-bottom: 15px;
}


/* #Forms -- DHE style
================================================== */
.formtext {
    font-size: 68%;
    line-height: 160%;
    color: #000
}

.bodytext input {
    font-size: 100%
}

.bodytext textarea {
    font-size: 100%
}

form.bodyform select {
    font-size: 68%
}

form.bodyform input {
    font-size: 80%
}

form.bodyform textarea {
    font-size: 80%
}

div.bodyform {
    background-color: #C9D5E0;
    padding: 0 5px;
    border: 1px solid #8CA4B9
}

div.ConfirmationMessage {
    background-color: #CFC;
    padding: 5px 8px;
    border: 1px solid #6A6
}

div.ConfirmationMessage2 {
    font-size: 76%;
    font-weight: 700;
    font-style: italic;
    background-color: #CFC;
    padding: 5px;
    border: 1px solid #6A6
}

div.ErrorMessage {
    font-size: 76%;
    font-weight: 700;
    font-style: italic;
    text-align: left;
    color: red;
    background-color: #FEE;
    border: 1px solid red;
    padding: 5px
}

/* #Forms -- Skeleton style */
div.skelform {
    font-family: 'Nunito', sans-serif;
}

div.skelform input[type="email"], div.skelform input[type="number"], div.skelform input[type="search"], div.skelform input[type="text"], div.skelform input[type="tel"], div.skelform input[type="url"], div.skelform input[type="password"], div.skelform input[type="date"], /*added by Suchita Chadha*/
div.skelform textarea, div.skelform select {
    height: 38px;
    padding: 6px 10px;
    /* The 6px vertically centers text on FF, ignored by Webkit */
    background-color: #fff;
    border: 1px solid #D1D1D1;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
}

/* Removes awkward default styles on some inputs for iOS */
div.skelform input[type="email"], div.skelform input[type="number"], div.skelform input[type="search"], div.skelform input[type="text"], div.skelform input[type="tel"], div.skelform input[type="url"], div.skelform input[type="password"], div.skelform input[type="date"], div.skelform textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

div.skelform textarea {
    min-height: 65px;
    padding-top: 6px;
    padding-bottom: 6px;
}

div.skelform input[type="email"]:focus, div.skelform input[type="number"]:focus, div.skelform input[type="search"]:focus, div.skelform input[type="text"]:focus, div.skelform input[type="tel"]:focus, div.skelform input[type="url"]:focus, div.skelform input[type="password"]:focus, div.skelform input[type="date"]:focus, div.skelform textarea:focus, div.skelform select:focus {
    border: 1px solid #33C3F0;
    outline: 0;
}

div.skelform label {
    display: block;
    margin-top: 8px;
    margin-bottom: 8px;
}

div.skelform legend {
    display: block;
    margin-top: 20px;
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 1.3em;
}

div.skelform fieldset {
    padding: 0;
    border-width: 0;
}

div.skelform input[type="checkbox"], div.skelform input[type="radio"] {
    display: inline;
}

div.skelform label > .label-body {
    display: inline-block;
    margin-left: 8px;
    font-weight: normal;
}

div.skelform .note {
    font-weight: 400;
}

/* #Header & Nav
================================================== */
div#navskip {
    font-size: 0.6em;
    line-height: 1em;
    text-align: center;
    margin: 0 20px 6px 0
}

div#audnav {
    float: left;
    margin: 5px 0 0;
    padding-top: 8px;
    padding-bottom: 6px
}

div#search {
    float: right;
    margin: 0;
    padding-top: 8px;
    padding-bottom: 6px
}

div#logo {
    margin: 20px 0 10px 0
}

div#mainnav {
    margin-left: 0;
    font-size: 108%;
}

div#vplogo {
    background-color: #005b99;
}


/*	-- PureCSSMenu.com audnav */
div#audnav #pcm {
    display: none
}

div#audnav ul.pureCssMenu ul {
    display: none
}

div#audnav ul.pureCssMenu li:hover>ul {
    display: block
}

div#audnav ul.pureCssMenu ul {
    position: absolute;
    left: -1px;
    top: 98%
}

div#audnav ul.pureCssMenu ul ul {
    position: absolute;
    left: 98%;
    top: -2px
}

div#audnav ul.pureCssMenu,ul.pureCssMenu ul {
    margin: 0;
    list-style: none;
    padding: 0 2px 2px 0;
    background-color: #00205b;
    background-repeat: repeat;
    border-style: none
}

div#audnav ul.pureCssMenu table {
    border-collapse: collapse
}

ul.pureCssMenu {
    display: block;
    zoom:1; float: left
}

div#audnav ul.pureCssMenu ul {
    width: 0
}

div#audnav ul.pureCssMenu li {
    display: block;
    margin: 2px 0 0 2px;
}

div#audnav ul.pureCssMenu a:active,ul.pureCssMenu a:focus {
    outline-style: none
}

div#audnav ul.pureCssMenu a,ul.pureCssMenu li.dis a:hover,ul.pureCssMenu li.sep a:hover {
    display: block;
    vertical-align: middle;
    background-color: #00205b;
    border-width: 1px;
    border-color: #00205b;
    border-style: solid;
    text-align: left;
    text-decoration: none;
    padding: 2px 5px 2px 10px;
    _padding-left: 0;
    font: normal 0.75em 'Roboto';
    color: #ccc;
    text-decoration: none;
    cursor: pointer;
    line-height: 1.25em
}

div#audnav ul.pureCssMenu li.lead {
    display: block;
    margin: 2px 0 0;
    vertical-align: middle;
    background-color: #00205b;
    outline-style: none;
    text-align: left;
    padding: 2px 5px 2px 10px;
    _padding-left: 0;
    font: normal 0.75em 'Roboto';
    color: #ccc;
    cursor: pointer;
    line-height: 1.25em
}

div#audnav ul.pureCssMenu span {
    overflow: hidden
}

div#audnav ul.pureCssMenu li {
    float: left
}

div#audnav ul.pureCssMenu ul li {
    float: none
}

div#audnav ul.pureCssMenu ul a {
    text-align: left;
    white-space: nowrap
}

div#audnav ul.pureCssMenu li.sep {
    text-align: left;
    padding: 0;
    line-height: 0;
    height: 100%
}

div#audnav ul.pureCssMenu li.sep span {
    float: none;
    padding-right: 0;
    width: 3px;
    height: 100%;
    display: inline-block;
    background-color: #ccc #111 #111 #ccc;
    background-image: none
}

div#audnav ul.pureCssMenu ul li.sep span {
    width: 100%;
    height: 3px
}

div#audnav ul.pureCssMenu li:hover {
    position: relative
}

div#audnav ul.pureCssMenu li:hover>a {
    background-color: #00205b;
    border-color: #00205b;
    border-style: solid;
    font: normal 0.75em 'Roboto';
    color: #FFF;
    text-decoration: none;
    line-height: 1.25em
}

div#audnav ul.pureCssMenu li a:hover {
    position: relative;
    background-color: #00205b;
    border-color: #00205b;
    border-style: solid;
    font: normal 0.75em 'Roboto';
    color: #FFF;
    text-decoration: none;
    line-height: 1.25em
}

div#audnav ul.pureCssMenu li.dis a {
    color: #666!important
}

div#audnav ul.pureCssMenu img {
    border: none;
    float: left;
    _float: none;
    margin-right: 2px;
    width: 16px;
    height: 16px
}

div#audnav ul.pureCssMenu ul img {
    width: 16px;
    height: 16px
}

div#audnav ul.pureCssMenu img.over {
    display: none
}

div#audnav ul.pureCssMenu li.dis a:hover img.over {
    display: none!important
}

div#audnav ul.pureCssMenu li.dis a:hover img.def {
    display: inline!important
}

div#audnav ul.pureCssMenu li:hover > a img.def {
    display: none
}

div#audnav ul.pureCssMenu li:hover > a img.over {
    display: inline
}

div#audnav ul.pureCssMenu a:hover img.over {
    display: inline
}

div#audnav ul.pureCssMenu a:hover img.def {
    display: none
}

div#audnav ul.pureCssMenu span {
    display: block;
    background-image: url(../_images/arr_white.gif);
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 12px
}

div#audnav ul.pureCssMenu li:hover>a>span {
    background-image: url(../_images/arrv_white.gif)
}

div#audnav ul.pureCssMenu a:hover span {
    _background-image: url(../_images/arrv_white.gif)
}

div#audnav ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span {
    background-image: url(../_images/arr_white.gif)
}

/*	-- PureCSSMenu.com mainnav */
div#mainnav #pcm {
    display: none
}

div#mainnav ul.pureCssMenu {
    padding-top: 5px;
    display: block;
    zoom: 1; float: left;
    margin: 0px 0px 0px -10px;
    list-style: none;
    background-color: #ffc72c;
    background-repeat: repeat;
    border-style: none;
    opacity: 1;
    position: relative;
    z-index: 1;
}

div#mainnav ul.pureCssMenu ul {
    display: none;
    width: auto;
    margin: 0;
    list-style: none;
    /* padding: 0 2px 2px 0; */
    background-color: #fff;
    background-repeat: repeat;
    border-style: none;
    /* opacity: .97; */
    position: absolute;
    /* left: 12px; */
    top: 98%;
}

div#mainnav ul.pureCssMenu li:hover>ul {
    display: block
}

div#mainnav ul.pureCssMenu ul ul {
    position: absolute;
    left: 100%;
    top: 0px;
    width: 290px;
}

div#mainnav ul.pureCssMenu table {
    border-collapse: collapse
}

div#mainnav ul.pureCssMenu li {
    /*display:block;
	margin:2px 0 0 2px;
	font:bold 1.15em 'Roboto'*/
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    float: left;
}

div#mainnav ul.pureCssMenu a:active,ul.pureCssMenu a:focus {
    outline-style: none
}

div#mainnav ul.pureCssMenu a,ul.pureCssMenu li.dis a:hover,ul.pureCssMenu li.sep a:hover {
    /*level 1*/
    display: block;
    vertical-align: middle;
    background-color: #ffc72c;
    border-width: 1px;
    border-color: #ffc72c;
    border-style: solid;
    text-align: left;
    text-decoration: none;
    padding: 4px 4px 2px 12px;
    _padding-left: 0;
    color: #00205b;
    text-decoration: none;
    cursor: pointer
}

div#mainnav ul.pureCssMenu ul li {
    display: block;
    margin: 2px 5px 0 2px;
    font: normal 0.95em 'Roboto Condensed';
    width: auto;
}

div#mainnav ul.pureCssMenu ul ul li {
    display: block;
    margin: 2px 0 0 2px;
    font: normal 1em 'Roboto Condensed'
}

div#mainnav ul.pureCssMenu ul li.subhead {
    padding: 4px 0 4px 12px;
    background-color: #fff;
    font-weight: 700;
    font-style: normal;
    color: #00205b /* Styles from general .subhead class that are not overwritten here:
	margin:0 0 10px 0; 
	line-height:1.2em; */;
}

div#mainnav ul.pureCssMenu ul a,ul.pureCssMenu ul li.dis a:hover,ul.pureCssMenu li.sep ul a:hover {
    /*level 2*/
    display: block;
    vertical-align: middle;
    background-color: #fff;
    border-width: 1px;
    border-color: #fff;
    border-style: solid;
    text-align: left;
    text-decoration: none;
    padding: 4px 4px 2px 12px;
    _padding-left: 0;
    color: #000;
    text-decoration: none;
    cursor: pointer
}

div#mainnav ul.pureCssMenu ul ul a,ul.pureCssMenu ul ul li.dis a:hover,ul.pureCssMenu li.sep ul ul a:hover {
    /*level 3*/
    background-color: #fff;
    border-color: #fff
}

div#mainnav ul.pureCssMenu span {
    overflow: hidden
}

div#mainnav ul.pureCssMenu ul li {
    float: none
}

div#mainnav ul.pureCssMenu ul a {
    text-align: left;
    white-space: nowrap
}

div#mainnav ul.pureCssMenu li.sep {
    text-align: left;
    padding: 0;
    line-height: 0;
    height: 100%
}

div#mainnav ul.pureCssMenu li.sep span {
    float: none;
    padding-right: 0;
    width: 3px;
    height: 100%;
    display: inline-block;
    background-color: #ccc #111 #111 #ccc;
    background-image: none
}

div#mainnav ul.pureCssMenu ul li.sep span {
    width: 100%;
    height: 3px
}

div#mainnav ul.pureCssMenu li:hover {
    position: relative
}

div#mainnav ul.pureCssMenu li:hover>a {
    background-color: #ffc72c;
    border-color: #ffc72c;
    border-style: solid;
    opacity: 1;
    color: #00205b;
    text-decoration: none
}

div#mainnav ul.pureCssMenu li a:hover {
    position: relative;
    background-color: #ffc72c;
    border-color: #ffc72c;
    border-style: solid;
    opacity: 1;
    color: #00205b;
    text-decoration: none
}

div#mainnav ul.pureCssMenu li ul li:hover>a {
    color: #000;
}

div#mainnav ul.pureCssMenu li ul li a:hover {
    position: relative;
    background-color: #ffc72c;
    border-color: #ffc72c;
    border-style: solid;
    opacity: 1;
    color: #000;
    text-decoration: none
}

div#mainnav ul.pureCssMenu li.dis a {
    color: #666!important
}

div#mainnav ul.pureCssMenu img {
    border: none;
    float: left;
    _float: none;
    margin-right: 2px;
    width: 16px;
    height: 16px;
    padding-top: 2px;
    padding-bottom: 5px;
}

div#mainnav ul.pureCssMenu ul img {
    width: 16px;
    height: 16px
}

div#mainnav ul.pureCssMenu img.over {
    display: none
}

div#mainnav ul.pureCssMenu li.dis a:hover img.over {
    display: none!important
}

div#mainnav ul.pureCssMenu li.dis a:hover img.def {
    display: inline!important
}

div#mainnav ul.pureCssMenu li:hover > a img.def {
    display: none
}

div#mainnav ul.pureCssMenu li:hover > a img.over {
    display: inline
}

div#mainnav ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over {
    display: inline
}

div#mainnav ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover img.def {
    display: none
}

div#mainnav ul.pureCssMenu a:hover ul,ul.pureCssMenu a:hover a:hover ul {
    display: block
}

div#mainnav ul.pureCssMenu a:hover ul ul {
    display: none
}

div#mainnav ul.pureCssMenu span {
    display: block;
    background-image: url(../_images/arr_white.gif);
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 12px;
}

div#mainnav ul.pureCssMenu li:hover>a>span {
    background-image: url(../_images/arrv_white.gif)
}

div#mainnav ul.pureCssMenu a:hover span {
    _background-image: url(../_images/arrv_white.gif)
}

div#mainnav ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span {
    background-image: url(../_images/arr_white.gif)
}

body#new div#bluebar {
    padding: 20px 0px 0px 0px;
}

body#new div#mainnav {
    background-color: #00205b;
}

body#new div#mainnav nav {
    background-color: #00205b;
    position: absolute;
    bottom: 10px;
    right: 35px;
}

body#new div#mainnav ul.pureCssMenu {
    background-color: #00205b;
}

body#new div#mainnav ul.pureCssMenu ul {
    width: auto;
    background-color: #00205b/* Do not change for special section */;
}

body#new div#mainnav ul.pureCssMenu ul li.subhead {
    background-color: #ffc72c;
}

body#new div#mainnav ul.pureCssMenu a,ul.pureCssMenu li.dis a:hover,ul.pureCssMenu li.sep a:hover {
    background-color: #00205b;
    border-color: #00205b;
    color: #fff;
}

body#new div#mainnav ul.pureCssMenu ul a,ul.pureCssMenu ul li.dis a:hover,ul.pureCssMenu li.sep ul a:hover {
    background-color: #00205b;
    /* Do not change for special section */
    border-color: #00205b /* Do not change for special section */;
}

body#new div#mainnav ul.pureCssMenu li:hover>a {
    color: #ffc72c
}

body#new div#mainnav ul.pureCssMenu li a:hover {
    color: #ffc72c
}

body#new div#mainnav ul.pureCssMenu ul ul {
    width: 200px
}

body#new div#mainnav ul.pureCssMenu li ul li:hover>a {
    color: #ffc72c
}

body#new div#mainnav ul.pureCssMenu li ul li a:hover {
    color: #ffc72c
}

body#new div#mainnav ul.pureCssMenu ul ul a,ul.pureCssMenu ul ul li.dis a:hover,ul.pureCssMenu li.sep ul ul a:hover {
    color: #ffc72c
}

body#new div#mainnav ul.pureCssMenu span:after {
    /*font-family: "Font Awesome 5 Free";
    font-weight: 900;*/
	font: var(--fa-font-solid);
    content: "\f0da";
    color: #ffc72c;
    margin-left: 7px
}

body#new div#mainnav ul.pureCssMenu span:hover:after {
     /*font-family: "Font Awesome 5 Free";
    font-weight: 900;*/
	font: var(--fa-font-solid);
    content: "\f0d7";
    color: #ffc72c;
    margin-left: 3px
}

body#new div#mainnav ul.pureCssMenu span#noturn:hover:after {
     /*font-family: "Font Awesome 5 Free";
    font-weight: 900;*/
	font: var(--fa-font-solid);
    content: "\f0da";
    color: #ffc72c;
    margin-left: 7px
}

body#new div#mainnav ul.pureCssMenu span {
    background-image: none;
    padding-right: 0px;
}

/*====== main nav mobile ======*/

#mainnavtoggle {
	display:none
}

.mainnavbox {
	position: absolute;
	z-index: 500;
	background-color: #00205b;
	width:100%;
	top:100px;
	padding-top:15px;
	height: 500px;
	overflow: scroll;
}

.mainnavbox ul {
	list-style: none;
	color:#ffc72c;
}

.mainnavbox ul a {
	text-decoration: none;
		color: #ffffff
}


.mainnavbox ul li {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size:1em;
	line-height:1.25em;
}

.mainnavbox ul li#back{
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 0.9em;
	text-transform:initial;
	margin-top:10px;
}

.mainnavbox ul li ul li {
	list-style: none;
    font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	text-transform:initial;
	line-height:1.25em;
}

#mobilemenu .mainnavbox li.subhead {
	padding: 4px 0 4px 12px;
	background-color: #fff;
	font-weight: 700;
	font-style: normal;
	color: #00205b;
	margin-left: -14px;
}

#mobilemenu {
	display:none
}


@media only screen and (max-width: 846px) {
#mobilemenu {
	display:initial
}

#desktopmenu {
	display:none
}

}

select {
	height:30px;
	margin: 10px 0 15px 0;
	border-radius:3px;
	background-color:white;
}

/*====== LOGO ======*/
img#mobile {
    display: none;
}

@media screen and (max-width: 767px) {
    img#mobile {
        display:initial;
    }

    img#desktop {
        display: none;
    }
}

body#new  img#logo, body#datacenter img#logo, body#osfa img#logo {
    width: 45%;
    margin-left: 15px;
    /* margin-top: 10px; */
    margin-bottom: 6px;
    max-width: 750px;
}

body#new  img#gohigherlogo {
    margin-left: 15px;
    /* margin-top: 10px; */
    margin-bottom: 6px;
    max-width: 750px;
}


@media only screen and (max-width: 1500px) {
body#new img#logo, body#osfa img#logo {
	margin-bottom: 50px;
	width: 60%;
}

body#new  img#gohigherlogo {
	margin-bottom: 50px;
}
	
body#new div#mainnav nav, body#osfa div#mainnav nav {
    left: 25px;
}

}


.menuicon {
    float:right;
    border: none;
    color: #fff;
    padding: 14px 0px 0px 0px;
    font-size: 16px;
    cursor: pointer;
    margin-right:20px;
    margin-top:12px;
    outline: none;
}

.menuicon:hover {
    color: #ffc72c;
    background-color: #00205b;
	outline: none;
	border:none;
}


/*======search button======*/

.search {
  display:flex;
  float:right;
}
.searchbox {
	display:none;
	padding-top: 20px;
}

#datacenter .search {
	margin-right: 20px;
}

/*======events nav======*/
.eventsnav {
  display:flex;
  float:right;  
  margin-right: 20px;

}

div.events{
    width: 200px;
    background-color: #fff;
    position: absolute;
    right: 65px;
    top: 30%;
    z-index: 300;
    padding: 0px 10px;
}

.events a {
    color:white;
    text-decoration:none;
}


/*======tools nav======*/

.tools {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 0.95em;
    color:#ffc72c;
    text-align:right;
    padding-top: 26px;
	padding-right: 15px;
}

.tools a {
    color:white;
    text-decoration:none;
}

.tools a:hover {
    color:#ffc72c;
    text-decoration:none;
}

.toolsnav {
 display:flex;
  float:right; 
}

/*======alerts nav======*/

div.alert {
    background-color: #ffc72c;
    height: 50px;
    display: block
}

div.alert p {
    padding-top: 12px;
    text-align: center;
    font-size: 1.15em;
}

div.alert p a {
    color: #00205b;
    text-decoration: none
}

div.alert p a:hover {
    color: #00205b;
    font-weight: 700;
    text-decoration: none
}

/*======alerts mob nav======*/

div.alert-mob {
    background-color: #ffc72c;
    height: auto;
    display: block;
}

div.alert-mob p {
    margin: 0px;
    padding: 12px;
    text-align: center;
    font-size: 1.15em;
}

div.alert-mob p a {
    color: #00205b;
    text-decoration: none
}

div.alert-mob p a:hover {
    color: #00205b;
    font-weight: 700;
    text-decoration: none
}
   
/* Side Navigation
==============================================*/
ul.sidenav {
    list-style: none;
    margin-top: 10px;
    margin-right: -20px;
    margin-bottom: 10px;
    margin-left: -10px;
    padding: 0
}

ul.sidenav ul {
    list-style: none;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 0
}

ul.sidenav li {
    margin-bottom: 0;
    line-height: 17px;
    border-bottom: 1px solid #666
}

ul.sidenav li.sectionHeader {
    font-weight: 700;
    color: #00205b;
    padding: 10px 5px 10px 15px;
    display: block;
    background: #fff;
    border-top: 0px solid #666;
    border-bottom: 0px solid #666
}

ul.sidenav li li {
    margin-bottom: 0;
    line-height: 17px;
    border-bottom: 0px solid #666
}

ul.sidenav li li li {
    padding-left: 15px;
    background: #eee;
}

ul.sidenav a,ul.sidenav a:visited {
    padding: 5px 5px 5px 15px;
    display: block;
    background: #c9d5e0;
    text-decoration: none
}

ul.sidenav ul a,ul.sidenav ul a:visited {
    padding: 5px 5px 5px 25px;
    display: block;
    background: #eee;
    text-decoration: none
}

ul.sidenav a:hover,ul.sidenav a:active,ul.sidenav a:focus {
    background: #ffe188;
    color: #000
}

ul.sidenav li.active span.active {
    padding: 5px 5px 5px 15px;
    display: block;
    background: #ffe188
}

ul.sidenav ul li.active span.active {
    padding: 5px 5px 5px 25px;
    display: block;
    background: #ffe188
}

/* Side Navigation (new, added by Suchita)
==============================================*/

div#rightsidenav {
    border-top: 2px solid #00205b;
    padding-left: 10px;
    padding-bottom: 10px;
    margin-left: 28px;
}

div#rightsidenav a {
	text-decoration: none;
	color:#000
}

div#rightsidenav a:hover {
  color:#009cde;
  font-weight: 700;
}

div#rightsidenav h5 {
	text-transform:  uppercase;
    font-family: 'Nunito', sans-serif;
}

@media only screen and (max-width: 846px) {
div#rightsidenav {
    margin-left: 0px;
}

}

ul.side {
  list-style-type: none;
  font-size: 1em;
  line-height: 1.5em;
  margin: 0px;

}

ul.side a {
  color:#000
}

ul.side a:hover {
  color:#009cde;
  font-weight: 700;
}

ul.side span.active {
	font-weight:700;
	color:#009cde
}

ul.side#button {
  float:right;
  margin-bottom: 10px;
}

ul.side#button li a {
  background-color:#00205b;
  padding: 5px;
  color:#ffffff;
  font-weight: 700;

}

ul.side#button li a:hover {
  background-color:#ffc72c;
  padding: 5px;
  color:#00205b;
  font-weight: 700;
}

/*#gearup ul.side li a:hover {
  color:#cccc66;
}

body#osfa ul.side li a:hover {
  color:#abc857;
}

body#stemnexus ul.side li a:hover {
  color:#8cc63f;
}*/

ul.side li.sectionHeader {
  background-color:#ffc72c;
  padding: 2px 15px;
  color:#00205b;
  font-weight: 700;
  margin-left:-15px
}

body#stemnexus ul.side li.sectionHeader {
  background-color:#8cc63f;
}

ul.side li.image a:hover {
  background-color:#fff;
}

ul.side li ul {
  font-size:0.9em;  
  margin-left: 15px;
  list-style-type: none;
  line-height:1.5em;
}

.menuBullet {
    margin-bottom: 2px;
    margin-left: -9px;
    margin-top: 2px;
    padding-right: 5px;
}


/*STICKY SIDE NAV - used on homepage
================================================== */
div#stickysidenav {
    /* border-top: 2px solid #00205b; */
    padding-left: 10px;
    padding-bottom: 10px;
    margin-left: 35px;
    position: sticky;
    right: 25px;
    width: 16%;
    float: right;
    top: 2px;
}

div#stickysidenav a {
	text-decoration: none;
}

div#stickysidenav h5 {
	text-transform:  uppercase;
	font-family: 'Nunito', sans-serif;
	border-top: 2px solid #00205b;
	padding-top: 10px;
}


@media only screen and (max-width: 1300px) {
div#stickysidenav {
    /* border-top: 2px solid #00205b; */
    padding-left: 10px;
    padding-bottom: 10px;
    margin-left: 25px;
    position: sticky;
    right: 15px;
    width: 20%;
    float: right;
}
}

@media only screen and (max-width: 770px) {
div#stickysidenav {
    display:none;
}
}


/* STICKY TOP NAV
==============================================*/
div.quicknav {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color:#fff;
    z-index: 250;
}

.magazine .quicknav {
	margin-bottom: 25px;
}

div.quicknav ul {
    list-style-type: none;
    overflow: hidden;
    margin:0;
}
div.quicknav ul li {
       float: left;
       color: #00205b;
       font-size:0.9em;
       font-family: 'Roboto', sans-serif;
       background-color: #fff;
       padding: 10px;
       margin: 5px 30px 5px -10px;
       border:none;
       cursor:default;
}

div.quicknav ul li a {
   text-decoration:none;
    background-color:#fff;
    padding: 5px;
	border:none;
  transition: all 0.3s ease-in-out;
  color:#000
}
div.quicknav ul li a:hover {
    background-color: #ffc72c;
    color: #00205b;
	border:none;
	padding:5px;
}
div.quicknav ul .active a {
    background-color: #ffc72c;
    color: #00205b;
	border:none;
	padding:5px;
}


div.quicknav:after {
    content: "";
    display: block;
    margin: 0 auto; /* This will center the border. */
    /* width: 105%; */
    padding-top: 5px;
    /* margin-left:-20px; */
    border-bottom: 1px solid #00205b;
}

.magazine div.quicknav:after {
    display: none;
}


button.dropdown {
       background-color: #ffc72c;
       color: #00205b;
       padding: 10px;
       font-size:0.9em;
       font-family: 'Roboto', sans-serif;
       border: none;
       margin:5px 40px 5px 0px;
       width:100%;
       text-align:left;
}

button.dropdown:before {
	content: "\f0d7";
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
    float:right;
}

.quicknav#mobile-only:after {
    width: 100%;
    margin-left: 0px;
}


.quicknav-dropdown {
  display: none;
  position: absolute;
  min-width: 160px;

  z-index: 1;
}


.quicknav-dropdown a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.quicknav-dropdown a:hover {background-color: #ffc72c;}

.quicknav#mobile-only:hover .quicknav-dropdown {display: block; background-color:#fff}

.progress-container {
  background-color: #ccc;
  height: 3px;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
}

.progress-bar {
  background-color: #00205b;
  height: 3px;
  width: 0%;
  margin-top: 5px;
}

#scrolltop {
    position: fixed;
    right: 10px;
    bottom: 30px;
    cursor:pointer;
    width: 45px;
    height: 45px;
    background-color:#00205b;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius: 60px;
    z-index: 500;
}
#scrolltop span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    /* height:0; */
    /* width:0; */
    border:8px solid transparent;
    border-bottom-color:#ffffff;
}
#scrolltop:hover {
    background-color:#ffc72c;
    opacity:1;
    filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";

}


/* DELICIOUS FEED
================================================== */
.delicious-posts {
    position: relative
}

.delicious-banner {
    display: none
}

.delicious-posts ul {
    padding: 0 0 2px;
    background-color: #fff;
    background-repeat: repeat;
    border-style: none
}

.delicious-posts ul li {
    float: none
}

.delicious-posts a {
    font-weight: 400
}

.delicious-post {
    padding: 0.25em;
    font-size: 1em
}

.newsclips {
    padding: 0;
    font-size: 0.9em
}

.newsclipsfull {
    padding: 10px
}

.newsclipsfull a {
    font-weight: 700
}

/* #Calendar Icons
================================================== */
div.event {
    font-family: 'Roboto Condensed',sans-serif;
    /* padding-top: 15px; */
}

div.event a {
    text-decoration: none
}

div.sidebar div.event {
    border: none;
    padding-top: 0;
    padding-bottom: 4;
    margin-top: 0
}

div.dateicon {
    float: left;
    width: 40px;
    height: 58px;
    margin-right: 10px;
    margin-bottom: 20px
}

div.dateicon p {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 28px;
    text-align: center;
    color: #00205b;
    line-height: 1
}

div.dateicon p span {
    font-size: 16px;
    font-weight: 700;
    color: #00205b;
    text-transform: uppercase;
    display: block;
    border-bottom: 3px solid #ffc72c;
    margin-bottom: 3px
}

#stemnexus .dateicon p span {
    border-bottom: 3px solid #8cc63f;
}

@-moz-document url-prefix() {
    .dateiconpadding:0 0 3px 0 }

div.dateicon p span {
    padding: 6px 0 3px 0
}

div.eventtitle {
    color: #00205b;
    font-family: 'Nunito', sans-serif;
    font-weight: 400;
    line-height: 1.1em;
    width: 100%;
    margin-bottom: 5px;
    padding-top: 5px;
}

div.pagecontent div.eventtitle {
    font-size: 1em;
    padding-top: 3px
}

div.pagecontent div.eventdetail {
    display: block;
    float: left;
}

div.eventdate,div.eventlocation,div.eventlinks {
    font-size: 0.9em;
    line-height: 1.2em;
    float: left;
    clear: none;
    width: 205px;
    padding-top: 3px;
    padding-bottom: 5px;
    margin-right: 10px;
    display: inline-block
}

/* #Utilities
================================================== */
.u-full-width {
    width: 100%;
    box-sizing: border-box;
}

.u-max-full-width {
    max-width: 100%;
    box-sizing: border-box;
}

.u-pull-right {
    float: right;
}

.u-pull-left {
    float: left;
}


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

.half-bottom {
    margin-bottom: 10px!important
}

.add-bottom {
    margin-bottom: 20px!important
}

.directory {
    display: none;
    padding: 10px;
    font-family: 'Roboto', sans-serif;
    border-bottom: #DFDFDF solid thin;
    border-top: #DFDFDF solid thin;
}

#gohigher .directory {
    min-height: 150px;
}

.directory img {
    margin-right: 15px;
    box-shadow: #999 3px 3px 3px;
    float: left;
    margin-bottom: 10px;
}

#gearup h4.pureCssMenu span {
    display: inline-block;
    background-image: url(../_images/arr_white.gif) ;
    background-position: right;
    background-repeat: no-repeat;
}

#gearup h4.pureCssMenu:hover>a>span {
    display: inline-block;
    background-image: url(../_images/arrv_white.gif);
    background-position: right;
    background-repeat: no-repeat;
}

#gearup h4.pureCssMenu a:hover span {
    display: inline-block;
    _background-image: url(../_images/arrv_white.gif);
}

#gearup h4.pureCssMenu a:target span {
    display: inline-block;
    _background-image: url(../_images/arrv_white.gif);
}

div.share {
    -webkit-box-shadow: 0px 0px 10px -1px rgba(135,133,135,1);
    -moz-box-shadow: 0px 0px 10px -1px rgba(135,133,135,1);
    box-shadow: 0px 0px 10px -1px rgba(135,133,135,1);
    padding: 10px;
    margin-bottom: 20px;
}

div.share span img {
    width: 20px;
    padding-left: 5px;
    padding-bottom: 10px;
    float: right;
    opacity: 1;
    filter: alpha(opacity=100);
}

div.share span a img:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

div.socialmedia span img {
    padding: 5px;
    width: 190px;
    opacity: 1;
    filter: alpha(opacity=100);
}

div.socialmedia span a img:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

img.infographic {
    box-shadow: 5px 5px 15px 3px #CCC;
    "
}
div.share p.breadcrumb img {
	width:12px;
	padding-right:5px;
}
div.share p.breadcrumb {
	border-top:solid thin #D8D8D8;
	padding-top:8px;
}
	
img#heroimage {
	width: 100%; 
	height: 400px; 
	object-fit: cover;	
}

div#heroimage {
	margin-top: -10px;
    padding-bottom: 10px;
}

div#breadcrumb {

	background-color:#ffc72c;
}

div#breadcrumb > p.breadcrumb {
	padding-left:30px;
}

.whitespace {
	height: 200px;
}

button.imgcard {
    text-shadow: none;
    background-color: #c9d5e0;
    margin: 8px;
    width: 200px;
    height: 200px;
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    background-size: cover;
    background-position: 50% 15%;
    background-blend-mode: multiply;
    color:#fff;
    border:none;
}

button.imgcard:hover {
    background-blend-mode: soft-light;
    color: #00205b;
}


/* #Full Width Styles 
================================================== */
div.full-width-home {
	display:table;
	width:100%;
}

div.full-width {
	padding-top:30px; 
	padding-bottom:30px; 
	display:table;
}

div.bg-dheblue {
	background-color:#00205b; 
	color:#fff;
}
div.bg-dheblue h1, div.bg-dheblue h2, div.bg-dheblue h3, div.bg-dheblue h4, div.bg-dheblue a, div.bg-dheblue strong {
	color:#fff;
}
div.bg-dheblue a:hover {
	color:#CCC;
}
div.background-red {
	background-color:#c8102e; 
	color:#fff;
}
div.background-red h1, div.background-red h2, div.background-red h3, div.background-red h4, div.background-red a, div.background-red strong {
	color:#fff;
}
div.background-red a:hover {
	color:#ccc;
}
div.bg-masstransferblue {
	background-color:#009cde; 
	color:#fff;
}
div.bg-masstransferblue h1, div.bg-masstransferblue h2, div.bg-masstransferblue h3, div.bg-masstransferblue h4, div.bg-masstransferblue a, div.bg-masstransferblue strong {
	color:#fff;
}
div.bg-masstransferblue a:hover {
	color:#CCC;
}
div.bg-masstransfergreen {
	background-color:#00b140; 
	color:#fff;
}
div.bg-masstransfergreen h1, div.bg-masstransfergreen h2, div.bg-masstransfergreen h3, div.bg-masstransfergreen h4, div.bg-masstransfergreen a, div.bg-masstransfergreen strong {
	color:#fff;
}
div.bg-masstransfergreen a:hover {
	color:#CCC;
}
div.bg-masstransferorange {
	background-color:#dc4405; 
	color:#fff;
}
div.bg-masstransferorange h1, div.bg-masstransferorange h2, div.bg-masstransferorange h3, div.bg-masstransferorange h4, div.bg-masstransferorange a, div.bg-masstransferorange strong, div.bg-masstransferorange p.lead {
	color:#fff;
}
div.bg-masstransferorange a:hover {
	color:#CCC;
}
div.bg-masstransferyellow {
	background-color:#ffc72c; 
}

div.bg-masstransferred {
	background-color:#c8102e; 
	color:#fff;
}
div.bg-masstransferred h1, div.bg-masstransferred h2, div.bg-masstransferred h3, div.bg-masstransferred h4, div.bg-masstransferred a, div.bg-masstransferred strong {
	color:#fff;
}
div.bg-masstransferred a:hover {
	color:#CCC;
}
/* #Custom Colors for Special Sections 
================================================== */

button.bg-dheblue {
	background-color:#00205b;
	padding: 1em 2em;  
	border: none;  
	color: white;  
	font-weight: bold;  
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
	margin-bottom:10px;

}
button.bg-dheblue:hover {
	color:#fff;
	border: none;
	background-color:#004480;
}
button.bg-masstransferblue {
	background-color:#009cde;
	padding: 1em 2em;  
	border: none;  
	color: white;  
	font-weight: bold;  
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
	margin-bottom:10px;
}
button.bg-masstransferblue:hover {
	color:#fff;
	border: none;
	background-color:#2db4ed
}
button.bg-masstransfergreen {
	background-color:#00b140;
	padding: 1em 2em;  
	border: none;  
	color: white;  
	font-weight: bold;  
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
	margin-bottom:10px;
}
button.bg-masstransfergreen:hover {
	color:#fff;
	border: none;
	background-color:#00cc4b;
}
button.bg-masstransferorange {
	background-color:#dc4405;
	padding: 1em 2em;  
	border: none;  
	color: white;  
	font-weight: bold;  
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
	margin-bottom:10px;
}
button.bg-masstransferorange:hover {
	color:#fff;
	border: none;
	background-color:#f47425;
}
button.bg-masstransferyellow {
	background-color:#ffc72c;
	padding: 1em 2em;  
	border: none;  
	color: white;  
	font-weight: bold;  
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
	margin-bottom:10px;
}
button.bg-masstransferyellow:hover {
	color:#fff;
	border: none;
	background-color:#ffc933;
}
button.bg-masstransferred {
	background-color:#c8102e;
	padding: 1em 2em;  
	border: none;  
	color: white;  
	font-weight: bold;  
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
	margin-bottom:10px;
}
button.bg-masstransferred:hover {
	color:#fff;
	border: none;
	background-color:#e8193a;
}
button.bg-masstransfergrey {
	background-color:#666666;
	padding: 1em 2em;  
	border: none;  
	color: white;  
	font-weight: bold;  
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
	margin-bottom:10px;
}
button.bg-masstransfergrey:hover {
	color:#fff;
	border: none;
	background-color:#a3a3a3;
}

/* #STRATEGIC INITIATIVES -including one-page layout
================================================== */
.heroimage-bg img {
	width: 105%;
	margin-left: -20px;

}

.text-block {
    background: rgba(0, 32, 91, 0.6);
    position: absolute;
    top: 100px;
    left: -20px;
    padding-left: 22px;
    color: white;
    width: 90%;
    border: none;
    clip-path: polygon(0 0, 100% 0, 95% 100%, 0% 100%);
}


.text-block h1 {
	font-size:2.5em;
	font-family:"Nunito", sans-serif;
	font-weight:400;
	color:#fff
}

.text-block #category {
	color:#ffc72c;
}

div.section h2 {
    border-top: solid 2px;
    padding-top:15px

}


div#strategic div.jumpbutton-left a, div#strategic div.jumpbutton-right a  {
    color: white
}



div#strategic div.jumpbutton-left a:hover, div#strategic div.jumpbutton-right a:hover  {
    color: white;
    text-decoration:none;

}

div#strategic div.section {margin-bottom:40px;}


#category {
	text-transform:uppercase;
	font-size: 12px;
	color:#9e9e9e;/*#5b6268*/
	margin-bottom:10px;
	font-weight: 400;
	font-family: "roboto condensed", sans-serif;
}



#category ~ ul{
	font-size:0.9em;
	line-height:1.25em;
	list-style-type: none;
	margin: -7px 0px 0 -2px;
	padding: 17px 0 0;
}

#category ~ p:not(.lead) {
	font-size:0.875em;
	line-height:1.25em;
	padding-top:10px
}

#category ~ ul li {
    float: left;
    display: block;
    text-decoration: none;
    text-align: center; /*for tags, change to center*/
    line-height: 1.25em; /*TAGS ONLY*/
   color: #009cde;  /* TAGS ONLY**/
    padding: 5px; /* TAGS ONLY*/
    margin:2px;/* TAGS ONLY*/
    border: solid 0.5px #009cde /*TAGS ONLY*/
}

/*for tags, remove
#category ~ ul li:not(:last-child):after  {
    content:' |';
    margin: 0 5px 0 2px;
    color:#009cde;
}*/

#category ~ ul li a:hover {
    float: left;
    display: block;
    text-align: center;
    padding: 5px;
    text-decoration: none;
    border: solid 0.5px #00205b;
    color: #00205b
}


div#card {
	border: solid #00205b 2px;
	height:320px;
	margin: 0 5.5px 5.5px 0;
}

div#card img {
	width:75%;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

div#card p, div#card h5  {
	padding:0 10px;
	
 }

iframe {height: 500px}


@media only screen and (max-width: 767px) {
#strategic.quicknav {
	display: none
}

div#card {
	border: solid #00205b 2px;
	height:250px;
	margin-right: 0 0px 5.5px 0;
}

div#card img {
	width:75%;

	padding-top: 15px;
	display: block;
 	margin-left: auto;
  	margin-right: auto;
}

.heroimage-bg img {
	height: 300px;
	object-fit: cover;
	padding-left:10px;
}


}

@media only screen and (max-width: 650px) {
#datacenter .heroimage-bg img {
	height: 225px;
	object-fit: cover;
	padding-left:10px
}	


.text-block {
    width: 105%;
}


.text-block > h1 {
	font-size:1.6em
}

p#hide {
	display: none
}

iframe {
	height: 200px
}

.heroimage-bg img {
	height: 225px;
	object-fit: cover;
	padding-left:10px;
}
}




/* QUARTERLY REPORT
==============================================*/

#wide2019 {
	padding: 10px 20px 100px 20px;
	height: 70%;
	display: flex;
	width: 1440px;
}

.magazine-head {
    background-image:url(https://www.mass.edu/datacenter/pmrs/images/hero-success2019.jpg);
    padding: 220px;
    background-size: cover;
    background-position: 50% 15%;
}

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
  opacity:0;  /* make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;


  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:2s;
  -moz-animation-duration:2s;
  animation-duration:2s;
}

.fade-in.one {
  -webkit-animation-delay: 0.7s;
  -moz-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.fade-in.two {
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay:1.2s;
  animation-delay: 1.2s;
}

.fade-in.three {
  -webkit-animation-delay: 1.6s;
  -moz-animation-delay: 1.6s;
  animation-delay: 1.6s;
}


.magazine-head h1#title {
	font-family: 'nunito', sans-serif;
	font-size: 2.5em;
	font-weight: 600;
	margin: 25px 0px;
}

.magazine-head h1, .magazine-head h3 {
    color: #fff
    
}

.magazine-head .magazine {
	margin-top:100px;
	margin-bottom:-100px
}

.magazine {
	width:100%;
	margin: auto;
}
.magazine-text {
	width:960px;
	margin: auto;
}


.magazine-text p, .magazine-text ol li {
  transition-delay: 0.8s;
  transition: 2s
}

.magazine-text h1, .magazine-text h2, .magazine-text h3, .magazine-text h4, .magazine-text h5 {
  transition-delay: 0.8s;
  transition: 0.8s
}


.magazine-text figure {
	margin: auto;
	border-top: 1px solid #ccc;
	border-bottom: 5px double #ddd;
	padding-top: 5px;
	margin-bottom: 30px;
}



#figure {
	font-family:'roboto condensed', sans-serif;
    font-size:0.9em;
    font-weight:400;
    color:gray;
    text-transform:uppercase;
    border-bottom: 1px solid #ccc;
    padding-bottom:5px;
}



.magazine-text figcaption {
	margin-top:10px;    
    font-family:'roboto condensed', sans-serif;
    font-size:1em;
    font-weight:400;
    color:gray;
    padding-bottom:15px;
}

figure p {
	font-family:'roboto condensed', sans-serif;
	font-size:1em;
	font-weight:400;
	color: #00205b;
}

@media only screen and (max-width: 1600px){
#wide2019 {
	width:initial;
}
}

@media only screen and (max-width: 1000px){
#wide2019, .magazine-text {
    width: 85%;
}

.magazine-head {
    padding: 35px;
}

.magazine-head .magazine {
    margin-top: 0px;
    margin-bottom: 0px;
}

}


@media only screen and (max-width: 767px){
#wide2019, .magazine-text {
    width: 600px;
}

.magazine-head {
    padding: 45px;
}

.magazine-head h1#title {
	font-size: 2em;
}

.magazine h1 {
	font-size: 1.7em;	
}
}



@media only screen and (max-width: 650px){
#wide2019, .magazine-text {
    width: 500px;
}

.magazine-head {
    padding: 35px;
}


}


@media only screen and (max-width: 510px){
#wide2019, .magazine-text {
    width: 300px;
}

.magazine-head {
    padding: 25px;
}

}

@media only screen and (max-width: 467px){
#wide2019, .magazine-text {
    width: 300px;
}

.magazine-head {
    padding: 25px;
}

.magazine-head h1#title {
	font-size: 1.5em;
	margin: 15px 0px;

}

.magazine-head h3 {
	font-size: 1.1em
}

}

/* Filter List
==============================================*/

#filter span#category  {
	font-size:14px;
	color:#5b6268;
}

#filter ul {
    list-style-type: none;
    margin-left: 0px;
    font-size:0.9em;
    line-height:1.25em;
}

#filter ul ul {

    overflow: auto;
    height: 135px;
    margin-top: 6px;
    padding: 0;
}

#filter ul ul li {
    float: none;
    margin-right: 10px;
    line-height: 1.2;
    text-align: left;
    color: #000;  /* Counter TAGS style**/
    padding: 2px 0px; /* Counter TAGS style*/
    margin:0; /* Counter TAGS style*/
    border: none /*Counter TAGS style*/
}

/*for tags, remove
#filter ul li:not(:last-child):after  {
    content:'';
    margin: 0px;
}*/

#myInput {
  width: 99%;
  padding: 22px 0px 22px 5px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
}

#myUL {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#myUL li {
  border: 1px solid #ddd;
  margin-top: -1px; /* Prevent double borders */
  background-color: #f6f6f6;
  padding: 8px;
  display: block;
  margin-bottom: 0px;
}

#myUL li a {
  text-decoration: none;
  color: #000;
}

#myUL li a:hover {
  text-decoration: underline;
  color: #00205b;
}


#myUL li:hover {
  background-color: #eee;
}



/*	-- DATACENTER -- Don't forget custom colors in flexslider.css too 
============================================================================*/ 
#datacenter div#mainnav ul.pureCssMenu ul {
	width: auto;
	left: -155%;
	top: 98%;
}

#datacenter div#bluebar {
	padding: 20px 0px 0px 0px;        
}


body#datacenter div#mainnav {
    background-color: #00205b;
}

body#datacenter div#mainnav nav {
	background-color:#00205b;
	padding-top: 20px;
	position: absolute;
	bottom: 10px;
	right: 35px;
}


#datacenter td {
	font-family: 'Roboto Condensed',sans-serif;
}

#datacenter th {
	font-size: 0.9em;
}


#datacenter div#mainnav ul.pureCssMenu {
	background-color: #00205b;
}

#datacenter div#mainnav ul.pureCssMenu ul li.subhead {
	background-color:#00205b
}

#datacenter div#mainnav ul.pureCssMenu ul {
	background-color: #00205b/* Do not change for special section */;
}

#datacenter div#mainnav ul.pureCssMenu a,ul.pureCssMenu li.dis a:hover,ul.pureCssMenu li.sep a:hover {
	background-color: #00205b;
	border-color: #00205b;
	color: #fff;
}

#datacenter div#mainnav ul.pureCssMenu ul a,ul.pureCssMenu ul li.dis a:hover,ul.pureCssMenu li.sep ul a:hover {
	background-color: #00205b; /* Do not change for special section */
	border-color: #00205b /* Do not change for special section */;
}

#datacenter div#mainnav ul.pureCssMenu li:hover>a {
	color: #ffc72c
}

#datacenter div#mainnav ul.pureCssMenu li a:hover {
	color: #ffc72c
}

#datacenter div#mainnav ul.pureCssMenu ul ul {
	width:200px
} 

#datacenter div#mainnav ul.pureCssMenu li ul li:hover>a {
	color: #ffc72c
}

#datacenter div#mainnav ul.pureCssMenu li ul li a:hover {
	color: #ffc72c
}

#datacenter div#mainnav ul.pureCssMenu ul ul a,ul.pureCssMenu ul ul li.dis a:hover,ul.pureCssMenu li.sep ul ul a:hover {
	color: #ffc72c
}

#datacenter div#mainnav ul.pureCssMenu span {
    display: block;
    background-image: url(../_images/arr_lightblue.gif);
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 12px;
}


/*	-- GEAR UP -- Don't forget custom colors in flexslider.css too 
=========================================================================*/
#gearup div#mainnavbar {
	background-color:#993366;
}

#gearup table {
	border-bottom:2px solid #993366
}

#gearup th {
	background:#cccc66
}

#gearup div#mainnav ul.pureCssMenu {
	background-color:#993366
}

#gearup div#mainnav ul.pureCssMenu ul li.subhead {
	background-color:#993366
}

#gearup div#mainnav ul.pureCssMenu ul {
	background-color: #c9d5e0 /* Do not change for special section */
}

#gearup div#mainnav ul.pureCssMenu a,ul.pureCssMenu li.dis a:hover,ul.pureCssMenu li.sep a:hover {
	background-color:#993366;
	border-color:#993366;
}

#gearup div#mainnav ul.pureCssMenu ul a,ul.pureCssMenu ul li.dis a:hover,ul.pureCssMenu li.sep ul a:hover {
	background-color: #c9d5e0; /* Do not change for special section */
	border-color: #c9d5e0 /* Do not change for special section */
}

#gearup div#mainnav ul.pureCssMenu li:hover>a {
	background-color:#cccc66;
	border-color:#cccc66;
	color: #00205b;
	font-weight:500;
}

#gearup div#mainnav ul.pureCssMenu li a:hover {
	background-color:#cccc66;
	border-color:#cccc66
}

#gearup div#mainnav ul.pureCssMenu ul ul {

	width:330px
} 

#gearup div#mainnav ul.pureCssMenu li ul li:hover>a {
	background-color:#cccc66;
	border-color:#cccc66
}

#gearup div#mainnav ul.pureCssMenu li ul li a:hover {
	background-color:#cccc66;
	border-color:#cccc66
}

#gearup div#mainnav ul.pureCssMenu ul ul a,ul.pureCssMenu ul ul li.dis a:hover,ul.pureCssMenu li.sep ul ul a:hover {
	background-color:#fff; /* Do not change for special section */
	border-color:#fff /* Do not change for special section */
}

#gearup ul.sidenav a:hover,ul.sidenav a:active,ul.sidenav a:focus {
	background:#cccc66;
	color:#000
}

#gearup ul.sidenav li.active span.active {
	background:#cccc66
}

#gearup ul.sidenav ul li.active span.active {
	background:#cccc66
}

#gearup button.btnlandpage2 {
	background-color:#993366	
}

#gearup button.btnlandpage1:hover, #stemnexus button.btnlandpage2:hover {
	background-color:#cccc66
}

#gearup .event-drop .date {
	background-color:#cccc66;
	border-top:3px solid #993366

}

#gearup li.rss-item {
	border:2px solid #993366
}

#gearup li.rss-item:before {
	border-right-color: #993366
}

#gearup .dateicon p span {
    border-bottom: 3px solid #cccc66;
}

#gearup #eventlist {
	list-style:none;
}
#gearup #eventlist .description {
	display:none;
}
#gearup #eventlist .location {
	display:none; 
} 
#gearup #eventlist .location {
	display:none;
}
#gearup #eventlist .eventdate {
	display:none;
}
#gearup div#mainnav ul.pureCssMenu a,ul.pureCssMenu li.dis a:hover,ul.pureCssMenu li.sep a:hover {
	color: #fff;
	font-weight:300;
}
#gearup div#mainnav ul.pureCssMenu ul a,ul.pureCssMenu ul li.dis a:hover,ul.pureCssMenu li.sep ul a:hover {
	color:#000; 
}
#gearup div#mainnav ul.pureCssMenu span {
	display:block;
	background-image:url(../_images/arr_lightblue.gif);
	background-position:right center;
	background-repeat:no-repeat;
	padding-right:12px
}
#gearup div#mainnav ul.pureCssMenu li:hover>a>span {
	background-image:url(../_images/arrv_white.gif)
}

#gearup div#mainnav ul.pureCssMenu a:hover span {
	_background-image:url(../_images/arrv_white.gif)
}

#gearup div#mainnav ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span {
	background-image:url(../_images/arr_white.gif)
}

/*	-- Go Higher -- No changes to custom colors in flexslider.css */ 
#gohigher div#bluebar {
	padding: 20px 0px 0px 0px;        
}

#gohigher table {
	border-bottom:2px solid #c8102e
}

#gohigher ul.sidenav a:hover,ul.sidenav a:active,ul.sidenav a:focus {
	color:#000
}

#gohigher button.btnlandpage2 {
	background-color:#c8102e	
}

#gohigher .event-drop .date {
	border-top:3px solid #c8102e
}

#gohigher li.rss-item {
	border:2px solid #c8102e
}

#gohigher li.rss-item:before {
	border-right-color: #c8102e
}

#gohigher div.jumpbutton-left {/* Changing this style is unique to Go Higher site */
/*	float:left;
	width:auto;*/
	background-color:#c8102e;
/*	font-family:'Roboto', sans-serif;
	font-weight:700;
	color:#fff;
	padding:5px 10px;
	margin:0 8px 5px 0*/
}

#gohigher div.jumpbutton-right {/* Changing this style is unique to Go Higher site */
/*	float:right;
	width:auto;*/
	background-color:#c8102e;
/*	font-family:'Roboto', sans-serif;
	font-weight:700;
	color:#fff;
	padding:5px 10px;
	margin:-5px 8px 15px 0*/
}

/*	-- Nursing & Allied Health -- Don't forget custom colors in flexslider.css too */
#nahi div#mainnavbar {
	background-color:#9999cc
}

#nahi div#footer a {
	color:#bfbfcb
}

#nahi table {
	border-bottom:2px solid #9999cc
}

#nahi th {
	background:#bfbfcb
}

#nahi div#mainnav ul.pureCssMenu {
	background-color:#9999cc
}

#nahi div#mainnav ul.pureCssMenu ul li.subhead {
	background-color:#9999cc
}

#nahi div#mainnav ul.pureCssMenu ul {
	background-color: #c9d5e0 /* Do not change for special section */
}

#nahi div#mainnav ul.pureCssMenu a,ul.pureCssMenu li.dis a:hover,ul.pureCssMenu li.sep a:hover {
	background-color:#9999cc;
	border-color:#9999cc

}

#nahi div#mainnav ul.pureCssMenu ul a,ul.pureCssMenu ul li.dis a:hover,ul.pureCssMenu li.sep ul a:hover {
	background-color: #c9d5e0; /* Do not change for special section */
	border-color: #c9d5e0 /* Do not change for special section */
}

#nahi div#mainnav ul.pureCssMenu li:hover>a {
	background-color:#bfbfcb;
	border-color:#bfbfcb
}

#nahi div#mainnav ul.pureCssMenu li a:hover {
	background-color:#bfbfcb;
	border-color:#bfbfcb
}

#nahi div#mainnav ul.pureCssMenu ul ul {
	width:330px
} 

#nahi div#mainnav ul.pureCssMenu li ul li:hover>a {
	background-color:#bfbfcb;
	border-color:#bfbfcb
}

#nahi div#mainnav ul.pureCssMenu li ul li a:hover {
	background-color:#bfbfcb;
	border-color:#bfbfcb
}

#nahi div#mainnav ul.pureCssMenu ul ul a,ul.pureCssMenu ul ul li.dis a:hover,ul.pureCssMenu li.sep ul ul a:hover {
	background-color:#fff; /* Do not change for special section */
	border-color:#fff /* Do not change for special section */
}

#nahi ul.sidenav a:hover,ul.sidenav a:active,ul.sidenav a:focus {
	background:#bfbfcb;
	color:#000
}

#nahi ul.sidenav li.active span.active {
	background:#bfbfcb
}

#nahi ul.sidenav ul li.active span.active {
	background:#bfbfcb
}

#nahi button.btnlandpage2 {
	background-color:#9999cc	
}

#nahi button.btnlandpage1:hover, #nahi button.btnlandpage2:hover {
	background-color:#bfbfcb
}

#nahi .event-drop .date {
	background-color:#bfbfcb;
	border-top:3px solid #9999cc
}

#nahi li.rss-item {
	border:2px solid #9999cc
}

#nahi li.rss-item:before {
	border-right-color: #9999cc
}
#nahi .dateicon p span {
	background:#9999cc;
	background:linear-gradient(top,#bfbfcb 0%,#9999cc 100%);
	background:-moz-linear-gradient(top, #bfbfcb 0%,#9999cc 100%);
	background:-webkit-linear-gradient(top,#bfbfcb 0%,#9999cc 100%)
}

/*	-- OSFA -- Don't forget custom colors in flexslider.css too */
#osfa div#mainnavbar {
	background-color: #00205b;
}

#osfa div#bluebar {
	padding: 20px 0px 0px 0px;        
}

#osfa div#footer a {
	/* color:#abc857 */
}

#osfa table {
	border-bottom:2px solid #5db1b3
}

#osfa th {
	background:#abc857
}


#osfa div#bluebar {
	padding: 20px 0px 10px 0px;
}


body#osfa div#mainnav {
    background-color: #00205b;
}

body#osfa div#mainnav nav {
	background-color:#00205b;
	position: absolute;
	bottom: 10px;
	right: 35px;
}

#osfa td {
	font-family: 'Roboto Condensed',sans-serif;
}

#osfa th {
	font-size: 0.9em;
}


#osfa div#mainnav ul.pureCssMenu {
	background-color: #00205b;
}

#osfa div#mainnav ul.pureCssMenu ul li.subhead {
	background-color: #abc857;
}

#osfa div#mainnav ul.pureCssMenu ul {
	background-color: #00205b/* Do not change for special section */;
}

#osfa div#mainnav ul.pureCssMenu a,ul.pureCssMenu li.dis a:hover,ul.pureCssMenu li.sep a:hover {
	background-color: #00205b;
	border-color: #00205b;
	color: #fff;
}

#osfa div#mainnav ul.pureCssMenu ul a,ul.pureCssMenu ul li.dis a:hover,ul.pureCssMenu li.sep ul a:hover {
	background-color: #00205b; /* Do not change for special section */
	border-color: #00205b /* Do not change for special section */;
}

#osfa div#mainnav ul.pureCssMenu li:hover>a {
	color: #abc857
}

#osfa div#mainnav ul.pureCssMenu li a:hover {
	color: #abc857
}

#osfa div#mainnav ul.pureCssMenu ul ul {
	width: auto;
} 

#osfa div#mainnav ul.pureCssMenu li ul li:hover>a {
	color: #abc857
}

#osfa div#mainnav ul.pureCssMenu li ul li a:hover {
	color: #abc857
}

#osfa div#mainnav ul.pureCssMenu ul ul li.dis a:hover,ul.pureCssMenu li.sep ul ul a:hover {
	color: #abc857
}


body#osfa div#mainnav ul.pureCssMenu span {
    padding-right: 0px;
}

body#osfa div#mainnav ul.pureCssMenu span:after {
     /*font-family: "Font Awesome 5 Free";
    font-weight: 900;*/
	font: var(--fa-font-solid);
    content: "\f0da";
    color: #abc857;
    margin-left: 7px;
}

body#osfa div#mainnav ul.pureCssMenu span:hover:after {
     /*font-family: "Font Awesome 5 Free";
    font-weight: 900;*/
	font: var(--fa-font-solid);
    content: "\f0d7";
    color: #abc857;
    margin-left: 3px;
}

body#osfa div#mainnav ul.pureCssMenu span#noturn:hover:after {
     /*font-family: "Font Awesome 5 Free";
    font-weight: 900;*/
	font: var(--fa-font-solid);
    content: "\f0da";
    color: #abc857;
    margin-left: 7px;
}


#osfa ul.sidenav a:hover,ul.sidenav a:active,ul.sidenav a:focus {
	background:#abc857;
	color:#000
}

#osfa ul.sidenav li.active span.active {
	background:#abc857
}

#osfa ul.sidenav ul li.active span.active {
	background:#abc857
}

#osfa button.btnlandpage2 {
	background-color:#5db1b3	
}


#osfa button.btnlandpage1:hover, #osfa button.btnlandpage2:hover {
	background-color:#abc857
}

#osfa .event-drop .date {
	background-color:#abc857;
	border-top:3px solid #5db1b3
}

#osfa li.rss-item {
	border:2px solid #5db1b3
}

#osfa li.rss-item:before {
	border-right-color: #5db1b3
}

#osfa .dateicon p span {
    border-bottom: 3px solid #abc857;
}


/*	-- STEM Nexus -- Don't forget custom colors in flexslider.css too */
#stemnexus div#mainnavbar {
	background-color:#8cc63f
}

#stemnexus div#footer a {
	color:#d9e021
}

#stemnexus table {
	border-bottom:2px solid #8cc63f
}

#stemnexus th {
	background:#d9e021
}

#stemnexus div#mainnav ul.pureCssMenu {
	background-color:#8cc63f
}

#stemnexus div#mainnav ul.pureCssMenu ul li.subhead {
	background-color:#8cc63f
}

#stemnexus div#mainnav ul.pureCssMenu ul {
	background-color: #c9d5e0 /* Do not change for special section */
}

#stemnexus div#mainnav ul.pureCssMenu a,ul.pureCssMenu li.dis a:hover,ul.pureCssMenu li.sep a:hover {
	background-color:#8cc63f;

	border-color:#8cc63f
}

#stemnexus div#mainnav ul.pureCssMenu ul a,ul.pureCssMenu ul li.dis a:hover,ul.pureCssMenu li.sep ul a:hover {
	background-color: #c9d5e0; /* Do not change for special section */
	border-color: #c9d5e0 /* Do not change for special section */
}

#stemnexus div#mainnav ul.pureCssMenu li:hover>a {
	background-color:#d9e021;
	border-color:#d9e021
}

#stemnexus div#mainnav ul.pureCssMenu li a:hover {
	background-color:#d9e021;
	border-color:#d9e021
}

#stemnexus div#mainnav ul.pureCssMenu ul ul {
	width:330px
} 

#stemnexus div#mainnav ul.pureCssMenu li ul li:hover>a {
	background-color:#d9e021;
	border-color:#d9e021
}

#stemnexus div#mainnav ul.pureCssMenu li ul li a:hover {
	background-color:#d9e021;
	border-color:#d9e021
}

#stemnexus div#mainnav ul.pureCssMenu ul ul a,ul.pureCssMenu ul ul li.dis a:hover,ul.pureCssMenu li.sep ul ul a:hover {
	background-color:#fff; /* Do not change for special section */
	border-color:#fff /* Do not change for special section */
}

#stemnexus ul.sidenav a:hover,ul.sidenav a:active,ul.sidenav a:focus {
	background:#d9e021;
	color:#000
}

#stemnexus ul.sidenav li.active span.active {
	background:#d9e021
}

#stemnexus ul.sidenav ul li.active span.active {
	background:#d9e021
}


#stemnexus button.btnlandpage2 {
	background-color:#8cc63f	
}


#stemnexus button.btnlandpage1:hover, #stemnexus button.btnlandpage2:hover {
	background-color:#d9e021;
    color:#00205b;
}

#stemnexus .event-drop .date {
	background-color:#d9e021;
	border-top:3px solid #8cc63f
}

#stemnexus div#rightsidenav li.rss-item {
	border:2px solid #8cc63f
}

#stemnexus div#rightsidenav li.rss-item:before {
	border-right-color: #8cc63f
}

#downloads #footer {
	padding:30px 10px 10px 10px;
	background-color:#00205b;
}

#downloads #mc_embed_signup {
	font-size:.9em;
	font-family:'Roboto',sans-serif
}


/*	-- MassTransfer 2016 Redesign */
body#masstransfer2016 {
	background-color:#fff;
}
body#masstransfer2016 div#content { /*Needed for browser compatibility with full width hero images*/
	margin-top:80px;
}
body#masstransfer2016 header {
	background: #00205b;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
}
body#masstransfer2016 header.smaller {
    height: auto;
	z-index: 999;
}
body#masstransfer2016 header.smaller #audnav {
	display:none;
}

body#masstransfer2016 #logo{
	float: left;
	width: 400px;
	height: 60px;
	background: url(/masstransfer/_images/MassTransferBanner.png) no-repeat left ;
	display: block;
	margin-left: 25px;
} 

body#masstransfer2016 div#mainnav {
    background-color: #00205b;
}

body#masstransfer2016 div#mainnav nav {
	background-color:#00205b; 
	padding:20px 25px 5px 5px;
	float:right;
}
 body#masstransfer2016 header.smaller nav{
	float: right;
	padding: 35px 30px 30px 0px;	
	font:1em 'Roboto'
}

body#masstransfer2016 nav {
	float: right;
	padding: 35px 30px 30px 0px;	
	font:1em 'Roboto'
}
body#masstransfer2016 #nav > a {
        display: none;
}
body#masstransfer2016 #nav li {
    position: relative;
	display: inline-block;
	padding: 10px;
	margin:0px;
}
body#masstransfer2016 #nav > ul
{
    height: 3.75em;
	list-style: none;
	margin:0px;
}
body#masstransfer2016 #nav > ul > li > a {
    color:#fff;
	text-decoration:none;
}
body#masstransfer2016 #nav > ul > li > a:hover {
	color:#ffc72c;
}
body#masstransfer2016 #nav ul  li  a  span {
	display:block;
	background-image:url(/_images/arr_lightblue.gif);
	background-position:right center;
	background-repeat:no-repeat;
	padding-right:12px
}
body#masstransfer2016 #nav ul  li  a:hover  span {
	background-image:url(/_images/arrv_lightblue.gif);
	background-position:right center;
	background-repeat:no-repeat;
	padding-right:12px
}
body#masstransfer2016 #nav li ul {
		background-color:#00205b;
		width:235px;
        display: none;
        position: absolute;
        top: 100%;
		margin:0px;
}
body#masstransfer2016 #nav li ul a {
		border-top: 1px solid #00205b;
        padding:0.75em;
}
body#masstransfer2016 #nav li a {
		color:#fff;
}
body#masstransfer2016 #nav li ul li a {
		font-weight:300;
		text-decoration:none;
}
body#masstransfer2016 #nav li a:hover {
		color:#ffc72c;
}
body#masstransfer2016 #nav li:hover ul {
        display: block;
		left: 0;
		right:0;
}
body#masstransfer2016 #nav li:hover ul li{
        display: block;
}
div.masstransfertitle {
	text-align:center;  
	margin-top:-10px; 
	padding-top:20px;
	padding-bottom:10px;
}
div.masstransfertitle h1 span {
	 text-transform:uppercase
}
div.masstransfertitle h1 em {
	font-weight:300
}

body#masstransfer2016 div#sidebar {
	border-left:2px solid #00b140;
	/*padding-left: 18px;*/
	margin-left: 10px;
}

@media only screen and (max-width:767px) {
body#masstransfer2016 div#sidebar {
	border-left:0;
	border-top:4px solid #00b140;
	padding-left: 0px;
	margin-left: 0px;
}
}


@media only screen and (max-width:1305px) {
body#masstransfer2016 div#content {
	margin-top:5px;
}

body#masstransfer2016 header {
		position:static;
		margin-bottom:0px;
}
body#masstransfer2016 div#mainnav nav{
	padding:10px 5px 5px 5px;
	float:none;
	display:inline-block;
}
/*body#masstransfer2016 div#mainnav nav ul.pureCssMenu.pureCssMenu {
	max-width:675px;
	margin:auto;
}
body#masstransfer2016 #logo{
	float:none;
	margin:auto;
}*/
}

@media only screen and (max-width : 645px) {
body#masstransfer2016 #audnav {
	display:none;
}
/*body#masstransfer2016 #logo{
	float:none;
	margin:auto;
	width: 143px;
	height: 70px;
	background: url(/masstransfer/_images/MassTransferBanner_sm.png) no-repeat left ;
}*/

span#break {
	display:none
}

}



/* --- Product Card https://codepen.io/virgilpana/pen/RNYQwB ---- */
#make-3D-space{
    position: relative;
    perspective: 800px;
    width:340px;
    height:500px;
    transform-style: preserve-3d;
    transition: transform 5s;
    position:absolute;    
    top:80px;
    left:50%;	
    margin-left:-167px;
}
#product-front, #product-back{
	width:335px;
	height:500px;
	background:#fff;
	position:absolute;
	left:-5px;
	top:-5px;
	-webkit-transition: all 100ms ease-out; 
       -moz-transition: all 100ms ease-out; 
         -o-transition: all 100ms ease-out; 
            transition: all 100ms ease-out; 
}
#product-back{
	display:none;
	transform: rotateY( 180deg );
}
#product-card.animate #product-back, #product-card.animate #product-front{
	top:0px;
	left:0px;
	-webkit-transition: all 100ms ease-out; 
       -moz-transition: all 100ms ease-out; 
         -o-transition: all 100ms ease-out; 
            transition: all 100ms ease-out; 
}
#product-card{
	width:325px;
	height:490px;
	position:absolute;    
	top:10px;
	left:10px;	
	overflow:hidden;
    transform-style: preserve-3d;
	-webkit-transition:  100ms ease-out; 
       -moz-transition:  100ms ease-out; 
         -o-transition:  100ms ease-out; 
            transition:  100ms ease-out;
}
div#product-card.flip-10{
	 -webkit-transform: rotateY( -10deg );
         -moz-transform: rotateY( -10deg );
           -o-transform: rotateY( -10deg );
              transform: rotateY( -10deg );
			   transition:  50ms ease-out; 			
}
div#product-card.flip90{
	 -webkit-transform: rotateY( 90deg );
         -moz-transform: rotateY( 90deg );
           -o-transform: rotateY( 90deg );
              transform: rotateY( 90deg );
			   transition:  100ms ease-in; 			
}
div#product-card.flip190{
	 -webkit-transform: rotateY( 190deg );
         -moz-transform: rotateY( 190deg );
           -o-transform: rotateY( 190deg );
              transform: rotateY( 190deg );
			   transition:  100ms ease-out; 			
}
div#product-card.flip180{
	 -webkit-transform: rotateY( 180deg );
         -moz-transform: rotateY( 180deg );
           -o-transform: rotateY( 180deg );
              transform: rotateY( 180deg );
			   transition:  150ms ease-out; 			
}
#product-card.animate{
	top:5px;
	left:5px;
	width:335px;
	height:500px;
	box-shadow:0px 13px 21px -5px rgba(0, 0, 0, 0.3);
	-webkit-transition:  100ms ease-out; 
       -moz-transition:  100ms ease-out; 
         -o-transition:  100ms ease-out; 
            transition:  100ms ease-out; 
}
.stats-container{
	background:#fff;	
	position:absolute;
	top:386px;
	left:0;
	width:265px;
	height:300px;
	padding:27px 35px 35px;	
	-webkit-transition: all 200ms ease-out; 
       -moz-transition: all 200ms ease-out; 
         -o-transition: all 200ms ease-out; 
            transition: all 200ms ease-out;
}
#product-card.animate .stats-container{
	top:272px;
	-webkit-transition: all 200ms ease-out; 
       -moz-transition: all 200ms ease-out; 
         -o-transition: all 200ms ease-out; 
            transition: all 200ms ease-out; 
}
.stats-container .product_name{
	font-size:22px;
	color:#393c45;	
}
.stats-container p{
	font-size:16px;
	color:#b1b1b3;	
	padding:2px 0 20px 0;
}
.stats-container .product_price{
	float:right;
	color:#48cfad;
	font-size:22px;
	font-weight:600;
}
.image_overlay{
	position:absolute;
	top:0;
	left:0; 
	width:100%;
	height:100%;
	background:#48daa1;
	opacity:0;	
}
#product-card.animate .image_overlay{
	opacity:0.7;	
	-webkit-transition: all 200ms ease-out; 
       -moz-transition: all 200ms ease-out; 
         -o-transition: all 200ms ease-out; 
            transition: all 200ms ease-out; 
}
.product-options{
	padding:2px 0 0;
}
.product-options strong{
	font-weight:700;
	color:#393c45;
	font-size:14px;
}
.product-options span{	
	color:#969699;
	font-size:14px;
	display:block;
	margin-bottom:8px;

}
#view_details{	
	position:absolute;
	top:112px;
	left:50%;
	margin-left:-85px;	
	border:2px solid #fff;
	color:#fff;
	font-size:19px;
	text-align:center;
	text-transform:uppercase;
	font-weight:700;

	padding:10px 0;
	width:172px;	
	opacity:0;
	-webkit-transition: all 200ms ease-out; 
       -moz-transition: all 200ms ease-out; 
         -o-transition: all 200ms ease-out; 
            transition: all 200ms ease-out; 
}
#view_details:hover{	
	background:#fff;
	color:#48cfad;
	cursor:pointer;

}
#product-card.animate #view_details{
	opacity:1;
	width:152px;
	font-size:15px;
	margin-left:-75px;
	top:115px;
	-webkit-transition: all 200ms ease-out; 
       -moz-transition: all 200ms ease-out; 
         -o-transition: all 200ms ease-out; 
            transition: all 200ms ease-out; 		
}
div.colors div{
	margin-top:3px;
	width:15px; 
	height:15px; 	
	margin-right:5px;
	float:left;
}
div.colors div span{
	width:15px; 
	height:15px; 
	display:block;
	border-radius:50%;
}
div.colors div span:hover{
	width:17px;
	height:17px;
	margin:-1px 0 0 -1px;
}
div.c-blue span{background:#6e8cd5;}
div.c-red span{background:#f56060;}
div.c-green span{background:#44c28d;}
div.c-white span{
	background:#fff;
	width:14px;
	height:14px; 
	border:1px solid #e8e9eb;
}
div.shadow{
	width:335px;height:520px;
	opacity:0;
	position:absolute;
	top:0;
	left:0;
	z-index:3;
	display:none;
	background: -webkit-linear-gradient(left,rgba(0,0,0,0.1),rgba(0,0,0,0.2));
    background: -o-linear-gradient(right,rgba(0,0,0,0.1),rgba(0,0,0,0.2)); 
    background: -moz-linear-gradient(right,rgba(0,0,0,0.1),rgba(0,0,0,0.2)); 
    background: linear-gradient(to right, rgba(0,0,0,0.1), rgba(0,0,0,0.2)); 
}
#product-back div.shadow{
	z-index:10;
	opacity:1;
	background: -webkit-linear-gradient(left,rgba(0,0,0,0.2),rgba(0,0,0,0.1));
    background: -o-linear-gradient(right,rgba(0,0,0,0.2),rgba(0,0,0,0.1)); 
    background: -moz-linear-gradient(right,rgba(0,0,0,0.2),rgba(0,0,0,0.1)); 
    background: linear-gradient(to right, rgba(0,0,0,0.2), rgba(0,0,0,0.1)); 
}
#flip-back{
	position:absolute;
	top:20px;
	right:20px;
	width:30px;
	height:30px;
	cursor:pointer;
}
#cx, #cy{
	background:#d2d5dc;

	position:absolute;
	width:0px;
	top:15px;
	right:15px;
	height:3px;
	-webkit-transition: all 250ms ease-in-out;
	   -moz-transition: all 250ms ease-in-out;
		-ms-transition: all 250ms ease-in-out;
		 -o-transition: all 250ms ease-in-out;
			transition: all 250ms ease-in-out;
}
#flip-back:hover #cx, #flip-back:hover #cy{
	background:#979ca7;
	-webkit-transition: all 250ms ease-in-out;
	   -moz-transition: all 250ms ease-in-out;
		-ms-transition: all 250ms ease-in-out;
		 -o-transition: all 250ms ease-in-out;
			transition: all 250ms ease-in-out;
}
#cx.s1, #cy.s1{	
	right:0;	
	width:30px;	
	-webkit-transition: all 100ms ease-out;
	   -moz-transition: all 100ms ease-out;
		-ms-transition: all 100ms ease-out;
		 -o-transition: all 100ms ease-out;
			transition: all 100ms ease-out;
}
#cy.s2{	
	-ms-transform: rotate(50deg); 
	-webkit-transform: rotate(50deg); 
	transform: rotate(50deg);		 
	-webkit-transition: all 100ms ease-out;
	   -moz-transition: all 100ms ease-out;
		-ms-transition: all 100ms ease-out;
		 -o-transition: all 100ms ease-out;
			transition: all 100ms ease-out;
}
#cy.s3{	
	-ms-transform: rotate(45deg); 
	-webkit-transform: rotate(45deg); 
	transform: rotate(45deg);		 
	-webkit-transition: all 100ms ease-out;
	   -moz-transition: all 100ms ease-out;
		-ms-transition: all 100ms ease-out;
		 -o-transition: all 100ms ease-out;
			transition: all 100ms ease-out;
}
#cx.s1{	
	right:0;	
	width:30px;	
	-webkit-transition: all 100ms ease-out;

	   -moz-transition: all 100ms ease-out;
		-ms-transition: all 100ms ease-out;
		 -o-transition: all 100ms ease-out;
			transition: all 100ms ease-out;
}
#cx.s2{	
	-ms-transform: rotate(140deg); 
	-webkit-transform: rotate(140deg); 
	transform: rotate(140deg);		 
	-webkit-transition: all 100ms ease-out;
	   -moz-transition: all 100ms ease-out;
		-ms-transition: all 100ease-out;
		 -o-transition: all 100ms ease-out;
			transition: all 100ms ease-out;
}
#cx.s3{	
	-ms-transform: rotate(135deg); 
	-webkit-transform: rotate(135deg); 
	transform: rotate(135deg);		 
	-webkit-transition: all 100ease-out;
	   -moz-transition: all 100ms ease-out;
		-ms-transition: all 100ms ease-out;
		 -o-transition: all 100ms ease-out;
			transition: all 100ms ease-out;
}
#carousel{
	width:335px;
	height:500px;
	overflow:hidden;
	position:relative;

}
#carousel ul{
	position:absolute;
	top:0;
	left:0;
}
#carousel li{
	width:335px;
	height:500px;
	float:left;
	overflow:hidden;	
}
.arrows-perspective{
	width:335px;
	height:55px;
	position: absolute;
	top: 218px;
	transform-style: preserve-3d;
    transition: transform 5s;
	perspective: 335px;
}
.carouselPrev, .carouselNext{
	width: 50px;
	height: 55px;
	background: #ccc;
	position: absolute;	
	top:0;
	transition: all 200ms ease-out; 
	opacity:0.9;
	cursor:pointer;
}
.carouselNext{
	top:0;
	right: -26px;
	-webkit-transform: rotateY( -117deg );
         -moz-transform: rotateY( -117deg );
           -o-transform: rotateY( -117deg );
              transform: rotateY( -117deg );
			  transition: all 200ms ease-out; 			

}
.carouselNext.visible{
		right:0;
		opacity:0.8;
		background: #efefef;
		-webkit-transform: rotateY( 0deg );
         -moz-transform: rotateY( 0deg );
           -o-transform: rotateY( 0deg );
              transform: rotateY( 0deg );
			  transition: all 200ms ease-out; 
}
.carouselPrev{		
	left:-26px;
	top:0;
	-webkit-transform: rotateY( 117deg );
         -moz-transform: rotateY( 117deg );
           -o-transform: rotateY( 117deg );
              transform: rotateY( 117deg );
			  transition: all 200ms ease-out; 

}
.carouselPrev.visible{
		left:0;
		opacity:0.8;
		background: #eee;
		-webkit-transform: rotateY( 0deg );
         -moz-transform: rotateY( 0deg );
           -o-transform: rotateY( 0deg );
              transform: rotateY( 0deg );
			  transition: all 200ms ease-out; 
}
#carousel .x, #carousel .y{
	height:2px;
	width:15px;
	background:#48cfad;
	position:absolute;
	top:31px;
	left:17px;
	-ms-transform: rotate(45deg); 
	-webkit-transform: rotate(45deg); 
	transform: rotate(45deg);	
}
#carousel .x{
	-ms-transform: rotate(135deg); 	
	-webkit-transform: rotate(135deg); 
	transform: rotate(135deg);		
	top:21px;
}
#carousel .carouselNext .x{
	-ms-transform: rotate(45deg); 	
	-webkit-transform: rotate(45deg); 
	transform: rotate(45deg);		
}
#carousel .carouselNext .y{
	-ms-transform: rotate(135deg); 	
	-webkit-transform: rotate(135deg); 
	transform: rotate(135deg);		
}

/*	-- MassTransfer -- Based on Evernote */
/*.category-chart{margin:0 0 50px}

.category-chart .row{padding:0 20px;overflow:hidden}*/

.category-chart-tier{position:relative;padding:10px 20px 15px}

.category-chart-tier.gened h2,.category-chart-tier.gened p{color:#009cde}

.category-chart-tier.associate h2,.category-chart-tier.associate p{color:#dc4405}

.category-chart-tier.comcom h2,.category-chart-tier.comcom p{color:#2dbe60}

.category-chart-tier h2{margin-bottom:5px}


.category-chart-tier{display:block;margin-bottom:20px;margin:0 auto 20px;padding-left:10px;padding-right:10px}

.tier-info{position:relative;text-align:center}
/*.tier-info:before{display:none;content:'';position:absolute;top:23px;left:20px;border-left:4px solid #adb5b7;border-top:4px solid transparent;border-bottom:4px solid transparent;transition:0.3s transform ease-out}
.expanded .tier-info:before{-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:0.3s transform ease-out}*/

.tier-drawer{text-align:left}
.expanded .tier-drawer{display:block}}

.tier-features{margin-bottom:25px;list-style-image: url('/masstransfer/images/checkmark-navy25.png');font-family:' Condensed', sans-serif;}

.tier-features.gened{list-style-image: url('/masstransfer/images/checkmark-gened25.png')}

.tier-features.a2b{list-style-image: url('/masstransfer/images/checkmark-a2b25.png')}

.tier-features.comcom{list-style-image: url('/masstransfer/images/checkmark-comcom25.png')}

.tier-features li{position:relative;margin:0;/*padding:7px 0 7px 30px*/padding-bottom:3px;font-family:'Roboto Condensed', sans-serif;font-size:0.9em}

span.gened {fill:#009cde}

span.associate {fill:#dc4405}

span.comcom {fill:#00b140}

span.reverse {fill:#c8102e}

h2.gened, p.gened {color:#009cde}

h2.associate, p.associate {color:#dc4405}

h2.comcom, p.comcom {color:#00b140}

h2.reverse, p.reverse {color:#c8102e} /* Added by Suchita */

/*	-- MassTransfer -- Added by DHE/Michelle */
.course{
	text-transform:uppercase; 
	color:#98a3ad
}
h1.gened,h2.gened,h3.gened,h4.gened {
	text-transform:uppercase; 
	color:#009cde
}
.foundation{
	text-transform:uppercase; 
	color:#8d7249
}
.associate-box {
	box-shadow:0 0 20px rgba(0,0,0,0.10),0 10px 20px rgba(0,0,0,0.05),0 20px 20px rgba(0,0,0,0.05),0 30px 20px rgba(0,0,0,0.05);
	padding-left:6px;
	padding-right:6px;
}
h1.associate,h2.associate,h3.associate,h4.associate {
	text-transform:uppercase; 
	color:#dc4405; 
}	
.associate a {
	text-decoration:underline;
	text-transform:uppercase; 
	color:#dc4405
}
.associate a:hover {
	color:#F8A776;
}
ul.associate-list li {
	color:#dc4405;
}
ul.associate-list li span {
	color:black;
}
h1.comcom,h2.comcom,h3.comcom,h4.comcom {
	text-transform:uppercase; 
	color:#00b140; 
}

span.associate {color:#dc4405
}

span.gened {color:#009cde
}

span.comcom {color:#00b140
}

span.reverse {color:#c8102e
}

#masstransfer2016 tr:hover {
	background:#fff
}
#masstransfer2016 button.btnlandpage1 {
	background-color:#98A3AD;	
}
tr td.sending {
	background-color: #98A3AD;
	font-family:'Roboto Condensed', sans-serif;
	font-size:1.15em;
	font-weight:700;
}
tr td.sending span {
	color:#fff;
}
tr td.sending a {
	color:#fff;
	text-decoration:none;
}
tr td.sending a:hover {
	color:#00205b;
}
tr td.receiving {
	background-color:#ffc72c;
	font-family:'Roboto Condensed', sans-serif;
	font-size:1.15em;
	font-weight:700;
}
tr td.receiving a{
	text-decoration:none;
}

tr td.receiving span{

}

header.smaller {
    height: 75px;
}

#masstransfer2016 div#mainnavbar {
	background-color:#00205b;
	color:#fff;
}
#masstransfer2016 div#mainnav ul.pureCssMenu {
	background-color:#00205b;
	color:#fff;

	font-size:.93em;
	font-weight:300;
	width:auto;
}
#masstransfer2016 div#mainnav ul.pureCssMenu ul {
	background-color: #00205b; /* Do not change for special section */
	font-size:.93em;
	font-weight:300;
}

#masstransfer2016 div#mainnav ul.pureCssMenu a,ul.pureCssMenu li.dis a:hover,ul.pureCssMenu li.sep a:hover {
	background-color:#00205b;
	border-color:#00205b;
	color:#fff;
	font-size:.93em;
	font-weight:300;
}

#masstransfer2016 div#mainnav ul.pureCssMenu ul a,ul.pureCssMenu ul li.dis a:hover,ul.pureCssMenu li.sep ul a:hover {
	background-color: #00205b; /* Do not change for special section */
	border-color: #00205b; /* Do not change for special section */
}

#masstransfer2016 div#mainnav ul.pureCssMenu li:hover>a {
	background-color:#00205b;
	border-color:#00205b;
	font-weight:500;
	color:#ffc72c;
}

#masstransfer2016 div#mainnav ul.pureCssMenu li a:hover {
	background-color:#00205b;
	border-color:#00205b;
}

#masstransfer2016 div#mainnav ul.pureCssMenu ul ul {
	width:330px
} 

#masstransfer2016 div#mainnav ul.pureCssMenu li ul li:hover>a {
	background-color:#00205b;
	border-color:#00205b;
}

#masstransfer2016 div#mainnav ul.pureCssMenu li ul li a:hover {
	background-color:#00205b;
	border-color:#00205b;
}

#masstransfer2016 div#mainnav ul.pureCssMenu ul ul a,ul.pureCssMenu ul ul li.dis a:hover,ul.pureCssMenu li.sep ul ul a:hover {
	background-color:#fff; /* Do not change for special section */
	border-color:#fff /* Do not change for special section */
}
#masstransfer2016 div#mainnav ul.pureCssMenu span {
	display:block;
	background-image:url(../_images/arr_lightblue.gif);
	background-position:right center;
	background-repeat:no-repeat;
	padding-right:12px
}

#masstransfer2016 div#mainnav ul.pureCssMenu li:hover>a>span {
	background-image:url(../_images/arrv_lightblue.gif)
}

#masstransfer2016 div#mainnav ul.pureCssMenu a:hover span {
	_background-image:url(../_images/arrv_lightblue.gif)
}

#masstransfer2016 div#mainnav ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span {
	background-image:url(../_images/arr_lightblue.gif)
}
#masstransfer2016 div#mainnav ul.pureCssMenu ul li {
	font:1em 'Roboto'
}
/* Go Higher beta -- added by Michelle */
body#gohigher2016 div.event {
	border-top:2px solid #ccc;
	padding-top:4px;padding-bottom:4px;
	margin-top:15px
}

body#gohigher2016 div.eventdate, body#gohigher2016 div.eventlocation, body#gohigher2016 div.eventlinks {
	font-size:0.9em;
	line-height:1.2em;
	float:left;
	clear:none;
	width:300px;
	padding-top:3px;
	padding-bottom:5px;
	margin-right:10px;
	display:inline-block;
}
body#gohigher2016 div#mainnavbar {
	background-color:#00205b;
	color:#fff;
}
body#gohigher2016 div#mainnav ul.pureCssMenu {
	background-color:#00205b;
	color:#fff;
	font-size:.93em;
	font-weight:300;
	width:auto;
}
body#gohigher2016 div#mainnav ul.pureCssMenu ul {
	background-color: #00205b; /* Do not change for special section */
	font-size:.93em;
	font-weight:300;
}

body#gohigher2016 div#mainnav ul.pureCssMenu a,ul.pureCssMenu li.dis a:hover,ul.pureCssMenu li.sep a:hover {
	background-color:#00205b;
	border-color:#00205b;
	color:#fff;
	font-size:.93em;
	font-weight:300;
}

body#gohigher2016 div#mainnav ul.pureCssMenu ul a,ul.pureCssMenu ul li.dis a:hover,ul.pureCssMenu li.sep ul a:hover {
	background-color: #00205b; /* Do not change for special section */
	border-color: #00205b; /* Do not change for special section */
}

body#gohigher2016 div#mainnav ul.pureCssMenu li:hover>a {
	background-color:#00205b;
	border-color:#00205b;
	font-weight:500;
	color:#ffc72c;
}

body#gohigher2016 div#mainnav ul.pureCssMenu li a:hover {
	background-color:#00205b;
	border-color:#00205b;
}

body#gohigher2016 div#mainnav ul.pureCssMenu ul ul {
	width:330px
} 

body#gohigher2016 div#mainnav ul.pureCssMenu li ul li:hover>a {
	background-color:#00205b;
	border-color:#00205b;
}

body#gohigher2016 div#mainnav ul.pureCssMenu li ul li a:hover {
	background-color:#00205b;
	border-color:#00205b;
}

body#gohigher2016 div#mainnav ul.pureCssMenu ul ul a,ul.pureCssMenu ul ul li.dis a:hover,ul.pureCssMenu li.sep ul ul a:hover {
	background-color:#fff; /* Do not change for special section */
	border-color:#fff /* Do not change for special section */
}
body#gohigher2016 div#mainnav ul.pureCssMenu span {
	display:block;
	background-image:url(../_images/arr_lightblue.gif);
	background-position:right center;
	background-repeat:no-repeat;
	padding-right:12px
}

body#gohigher2016 div#mainnav ul.pureCssMenu li:hover>a>span {
	background-image:url(../_images/arrv_lightblue.gif)
}

body#gohigher2016 div#mainnav ul.pureCssMenu a:hover span {
	_background-image:url(../_images/arrv_lightblue.gif)
}

body#gohigher2016 div#mainnav ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span {
	background-image:url(../_images/arr_lightblue.gif)
}
body#gohigher2016 div#mainnav ul.pureCssMenu ul li {
	font:1em 'Roboto'
}

	body#gohigher2016 {
	background-color:#fff;
}
body#gohigher2016 div#content {
	margin-top:125px;
}
body#gohigher2016 header {
	background: #00205b;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	-webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
}
body#gohigher2016 header.smaller {
    height: auto;
	z-index: 999;
}
body#gohigher2016 header.smaller #audnav {
	display:none;
}

body#gohigher2016 #logo{
	float: left;
	width: 400px;
	height: 60px;
	background: url(/gohigherbeta/images/GoHigherBanner.png) no-repeat left ;
	display: block;
	padding-left:5px; 
	padding-bottom:15px;
} 
body#gohigher2016 div#mainnav nav {
	background-color:#00205b; 
	padding:20px 5px 5px 5px;
	float:right;
}
 body#gohigher2016 header.smaller nav
{
	float: right;
	padding: 35px 30px 30px 0px;	
	font:1em 'Roboto'
}

body#gohigher2016 nav {
	float: right;
	padding: 35px 30px 30px 0px;	
	font:1em 'Roboto'
}
body#gohigher2016 #nav > a {
        display: none;
}
body#gohigher2016 #nav li {
    position: relative;
	display: inline-block;
	padding: 10px;
	margin:0px;
}
body#gohigher2016 #nav > ul
{
    height: 3.75em;
	list-style: none;
	margin:0px;
}
body#gohigher2016 #nav > ul > li > a {
    color:#fff;
	text-decoration:none;
}
body#gohigher2016 #nav > ul > li > a:hover {
	color:#ffc72c;
}
body#gohigher2016 #nav ul  li  a  span {
	display:block;
	background-image:url(/_images/arr_lightblue.gif);
	background-position:right center;
	background-repeat:no-repeat;
	padding-right:12px
}
body#gohigher2016 #nav ul  li  a:hover  span {
	background-image:url(/_images/arrv_lightblue.gif);
	background-position:right center;
	background-repeat:no-repeat;
	padding-right:12px
}
body#gohigher2016 #nav li ul {
		background-color:#00205b;
		width:235px;
        display: none;
        position: absolute;
        top: 100%;
		margin:0px;
}
body#gohigher2016 #nav li ul a {
		border-top: 1px solid #00205b;
        padding:0.75em;
}
body#gohigher2016 #nav li a {
		color:#fff;
}
body#gohigher2016 #nav li ul li a {
		font-weight:300;
		text-decoration:none;
}
body#gohigher2016 #nav li a:hover {
		color:#ffc72c;
}
body#gohigher2016 #nav li:hover ul {
        display: block;
		left: 0;
		right:0;
}
body#gohigher2016 #nav li:hover ul li{
        display: block;
}
@media only screen and (max-width:1105px) {
body#gohigher2016 div#content {
	margin-top:5px;
}

body#gohigher2016 header {
		position:static;
		margin-bottom:0px;
}
body#gohigher2016 div#mainnav nav{
	padding:10px 5px 5px 5px;
	float:none;
	display:inline-block;
}
body#gohigher2016 div#mainnav nav ul.pureCssMenu.pureCssMenu {
	max-width:675px;
	margin:auto;
}
body#gohigher2016 #logo{
	float:none;
	margin:auto;
}
@media only screen and (max-width : 645px) {
body#gohigher2016 #audnav {
	display:none;
}
body#gohigher2016 #logo{
	float:none;
	margin:auto;
	width: 143px;

	height: 70px;
	background: url(/masstransfer/_images/MassTransferBanner_sm.png) no-repeat left ;
}

};