/*
* 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
	#Links
	#Lists
	#Images
	#Tables
	#Buttons
	#Forms
	#Header & Nav
	#Calendar Icons 
	#Event Calendar
	#Utilities
	# 
	#Full Width Styles
	#Custom Colors for Special Sections */
/* #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;
    color: #fff;
    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
}

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
}

/*	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 Type
================================================== */
div#footer h4 {
    color: #fff;
    font-size: 0.9em;
    text-transform: uppercase;
    letter-spacing: 0.065em;
    line-height: 1.15em
}

div#footer p {
    color: #fff;
    font-size: 1em;
    text-transform: none;
    letter-spacing: none;
    line-height: 1.25em;
    padding-top: 0px;
    padding-bottom: 0
}

div#footer a {
    /* color:#ffc72c; */
    /* text-decoration:none */
}

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

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

/* #Links
================================================== */
a,a:visited {
    text-decoration: underline;
    outline: 0
}

a:hover,a:focus {
    color: #00205b
}

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
}

/* #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
}

/* #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;
    /* background-color:#ffc72c; */
    font-size: 108%;
}

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

div.jumpbutton-left {
    /* Generally used for "More" button below Flexslider */
    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-right {
    /* Generally used for links at end of What's New items */
    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-left a {
    text-decoration: none;
    color: #fff
}

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

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
}

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;
}

/*	-- 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 {
	padding-left: 18px;
	padding-top: 5px;
	display:block;
	zoom:1;
	float:left;
	margin:0;
	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: #00205b
}

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;
    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;
    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;
    content: "\f0da";
    color: #ffc72c;
    margin-left: 7px
}

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

/* Hero Image */
img#mobile {
    display: none;
}

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

    img#desktop {
        display: none;
    }

    /*img#mobile {
   height: 550px; 
  object-fit:cover; 
}*/
}

/*@media screen and (max-width: 600px) {
img#mobile {
   height: 400px; 
  object-fit:cover; 
}
}

@media screen and (max-width: 400px) {
img#mobile {
  height: 300px;
  object-fit:cover;
}
}*/
/*	-- Start sidenav */
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
}

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

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
}

/* 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;
}
	

/* #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;
}
/*	-- Data Center -- 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;
}


#stemnexus button.btnlandpage2:hover {
	background-color:#71e3aa
}


/*	-- 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;
    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;
    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;
    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
}

#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: 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#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 ;
}

};