/* reset browser styles */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, h9, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, tt, var, b, u, i,
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
/* table, caption, tbody, tfoot, thead, tr, th, td, sub, sup*/
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%;
    vertical-align: baseline;
    color: #191970;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    text-align: left;

    /* font-family:"proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif; */
    /* http://rachaelmoore.name/posts/design/css/web-safe-helvetica-font-stack/ */
    font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-stretch:normal;
    font-size:17px;
    line-height:1.4em;
    letter-spacing:0px;
    font-weight:400;
    font-style:normal;
    /* text-rendering:optimizeLegibility; */
    text-transform:none;

    /* light blue -- has no impact even when color is changed to midnight blue */
    /* background-color: #ADD8E6; */
    
    /* for navigation */
    overflow-x: hidden;
    
}

table, caption, tbody, tfoot, thead, tr, th, td, sub, sup {
    /*
     * color: #323A3F;
     */
    color: #191970;

    /**
     * adjust percentage to ensure text is more readable in each column
     */
    font-size: 93%;
}

ol {
    padding-left: 1.4em;
    list-style: decimal;
}

/**
ul {
    padding-left: 1.4em;
    list-style: square;
}
 */
 
ul {
    padding-left: 1.4em;
    list-style: square;
    display: block;
    /** list-style-type: disc; */
    /** margin-before: 1em; */
    margin-before: 0em;
    margin-after: 1em;
    margin-start: 0;
    margin-end: 0;
    /** padding-start: 40px; */
}

/**
 * this sets <li> to open with same triangle as detail sections
ul {
  margin: 0.75em 0;
  padding: 0 1em;
  list-style: none;
}

li:before {
  content: "";
  border-color: transparent #111;
  border-style: solid;
  border-width: 0.35em 0 0.35em 0.45em;
  display: block;
  height: 0;
  width: 0;
  left: -1em;
  top: 0.9em;
  position: relative;
}
 */

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

}

/* end reset browser styles */

.copyright {
    clear: both;
    font-size: 80%;
    color: #65747E;
    padding: 5px;
    margin: 0 15px;
    border: 1px dotted #98AFBE;
    border-left: none;
    border-right: none;
}

.clear:after {
    content: " ";
}

.clear {
}

nav {
    border-left: none;
    border-right: none;
}
nav a {
    font-size: .8em;
    color: white;
    text-decoration: none;
    padding: 5px;
}

nav a:hover {
    /*
     * background-color: black;
     */
    background-color: #191970;
}

pix a {
    text-decoration: none;
}

pix a:hover {
    background-color: white;
}

a {
    /*
     * color: black;
     */
    color: #191970;
    text-decoration: none;
}

a:hover {
    color: blue;
}

.intensity-logo{
    /*
     * color: black;
     */
    color: #191970;
    margin-top: 50%;
}

.textBody {
/**
    width: 650px;
    margin: auto;
    padding-top: 10px;
*/

    margin-left: 1%;
    margin-right: 14%;
    margin-top: 10px;
    padding-top: 10px;
    padding-left: 10px;
/*
*/
    background-color: white;
}

.textBody h1 {
    text-align: left;
    margin-bottom: 18px;
    padding-top: 10px;

    font-size: 225%;
    line-height:1.2em;

    /* color:rgba(26,26,26,.9); */
    /*
     * color: black;
     */
    color: #191970;
}

.textBody h2 {
    margin-bottom: 16px;
    padding-top: 10px;

    font-size: 120%;
    line-height:1.2em;
    /** text-transform:uppercase; */
    letter-spacing:2px;

    color: #191970;
}

h2,.summary-title a{
    /*
     * color: black;
     */
    color: #191970;
}

.textBody h3 {
    margin-bottom: 14px;
    padding-top: 10px;
    font-size: 110%;
    /** text-transform:uppercase; */
    letter-spacing:2px;

    color: #191970;
}

.textBody h4 {
    text-align: center;
    margin-bottom: 14px;
    padding-top: 10px;
    font-size: 110%;
    letter-spacing:2px;

    color: #191970;
}

.textBody p {
    margin-bottom: 14px;
    /*
     * color: #323A3F;
     */
    color: #191970;
    padding-top: 7px;
}

.textBody h1 a {
    /*
     * color: black;
     */
    color: #191970;
}

.textBody h1 a:link {
    color: black;
}

.textBody h1 a:visited {
    /*
     * color: black;
     */
    color: #191970;
}

.textBody h1 a:hover {
    color: blue;
}

.textBody h2 a {
    /*
     * color: black;
     */
    color: #191970;
}

.textBody h2 a:link {
    /*
     * color: black;
     */
    color: #191970;
}

.textBody h2 a:visited {
    /*
     * color: black;
     */
    color: #191970;
}

.textBody h2 a:hover {
    color: blue;
}

.textBody h3 a {
    /*
     * color: black;
     */
    color: #191970;
}

.textBody h3 a:link {
    /*
     * color: black;
     */
    color: #191970;
}

.textBody h3 a:visited {
    /*
     * color: black;
     */
    color: #191970;
}

.wrap {
    width: 650px;
    word-wrap: break-word;
}

.textBody li {
    /*
     * color: #323A3F;
     */
    color: #191970;
}

.textBody a {
    /*
     * color: black;
     */
    color: #191970;
}

.textBody a:link {
    /*
     * color: black;
     */
    color: #191970;
}

.textBody a:visited {
    color: grey;
}

.textBody a:hover {
    color: blue;
}

.panelBody {
    margin-left: 1%;
    margin-right: 16%;
    margin-top: 10px;
    padding-left: 10px;
}

.panelBody h1 {
    text-align: center;
    margin-bottom: 18px;
    font-size: 300%;
    padding-top: 7px;
}

.panelBody h2 {
    margin-bottom: 16px;
    font-size: 150%;
    padding-top: 7px;
}

.panelBody h3 {
    margin-bottom: 14px;
    font-size: 110%;
    padding-top: 7px;
}

.panelBody li {
    /* color: #323A3F; */
}

.panelBody p {
    margin-bottom: 14px;
    /* color: #323A3F; */
    padding-top: 7px;
}

.panelRight {
    top: 175px;
    position: absolute;
    right: 1%;
    width: 14%;
    margin: 0px;
    color: #323A3F;
}

.panelRight h1
{
    text-align: center;
    background-color: #525d73;
    color: white;
    font-size: 120%;
    padding: 6px;
    margin-bottom: 3px;
    margin-top: 0px;
}

.panelRight p {
    margin-bottom: 14px;
    font-size: 80%;
    padding-top: 7px;
}

.panelRight a {
    /*
     * color: black;
     */
    color: #191970;
    text-decoration: none;
}

/* left to right gradient */
.headerTop
{
    min-height: 100%;
    height:100px;
    /*
     * fallback for old browsers
     * background: #360033;
     */
    background: #191970;


    background: -webkit-linear-gradient(to left, #360033, #0b8793); /* Chrome 10-25, Safari 5.1-6 */
    background: -o-linear-gradient(to left, #360033, #0b8793); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(to left, #360033, #0b8793); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to left, #360033 , #0b8793); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

/* left to right gradient */
.headerMenu
{
    height:40px;

    padding-top: 5px;
    /** text-transform:uppercase; */

    background: #360033; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #360033, #0b8793); /* Chrome 10-25, Safari 5.1-6 */
    background: -o-linear-gradient(to left, #360033, #0b8793); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(to left, #360033, #0b8793); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to left, #360033 , #0b8793); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    color: white;
    font-size: 110%;
}

.headerMenuContainer {
/*
    margin-right: auto;
    margin-left: auto;
 */
    overflow: hidden; /* contain float */
}

.headerMenuTop
{
    margin-top: 0px;

    color: white;
    font-size: 150%;
}

.logo {
/*
    padding-top: 10%;
    margin-left: 10%;
 */
}

.logoContainer {
    text-align: left;
}

.logoMainContainer {
    display: inline-block;
/*
    vertical-align: middle;
 */
}

.logoMainImage {
    margin: 15px 15px 15px 15px;
/*
    border:3px solid #bababa;
 */
}

.logoMainImage img {
/*
    padding: 2px;
 */
}

.logoMenuContainer {
    display: inline-block;
    width: 51%;
    vertical-align: top;
    margin-top: 3em;
}

.logoMenu {
    color: white;
    font-size: 110%;
    text-align: right;
    margin-bottom: 0.2em;
    /** text-transform:uppercase; */
}

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

.logoMenu a:hover {
    background-color: black;
}

.navigation {
    list-style: none;
    background: #fff;
    color: #191970;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 00;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;

    font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-stretch:normal;
    font-size:17px;
    line-height:1.4em;
    letter-spacing:0px;
    font-style:normal;
    text-decoration: none;
}

.navigation li {
    padding-top:1em;
    font-weight:550;
}

.navigation a {
    color: #191970;
}

.navigation a:link {
    color: #191970;
}

.navigation a:visited {
    color: #191970;
}

.navigation a:hover {
    color: blue;
}

.site-wrap {
    min-width: 100%;
    min-height: 100%;
    background-color: #fff;
    position: relative;
    top: 0;
    bottom: 100%;
    left: 0;
    z-index: 1;
}

.site-wrap {
    /*
     * top padding provides white space above logo
     */
    padding-top: 1em;

    /*
     * left padding allows hamburger to be isolated
     */
    padding-left: 4em;
}

.nav-trigger {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

label[for="nav-trigger"] {
    position: fixed;
    top: 15px;
    left: 15px;
    z-index: 2;
}

label[for="nav-trigger"] {
    /* ... previous styles here... */
    width: 30px;
    height: 30px;
    cursor: pointer;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='30px' height='30px' viewBox='0 0 30 30' enable-background='new 0 0 30 30' xml:space='preserve'><rect width='30' height='6'/><rect y='24' width='30' height='6'/><rect y='12' width='30' height='6'/></svg>");
    background-size: contain;
}

.nav-trigger:checked + label {
    left: 215px;
}

.nav-trigger:checked ~ .site-wrap {
    left: 200px;
    box-shadow: 0 0 5px 5px rgba(0,0,0,0.5);
}

.nav-trigger + label, .site-wrap {
    transition: left 0.2s;
}

.left {
 float: left;
 padding: 0px 40px 20px 0px;
}

.right {
 float: right;
 padding: 0 0px 10px 0;
}

.red {
    color: #8B0000;
    text-shadow: -0.5px 0 black, 0 0.5px black, 0.5px 0 black, 0 -0.5px black;
}

.midnightblue {
    color: #191970;
    text-shadow: -0.5px 0 black, 0 0.5px black, 0.5px 0 black, 0 -0.5px black;
}