html, body
{
    height:100%;
    padding:0px;
    margin:0px;
    font-family:segoe ui;
}

#wrapper
{
    min-height:100%;
    min-width:1050px;
    position:relative;
    width:100%;
}

.frontpage-wrapper
{
    height:100%;
}

#header
{
    height:140px;
    width:100%;
    position:fixed;
    background-color:#003A63;
    top:0px;
    background: url('/public/images/blue_bg1.png') repeat;
    border-bottom:solid 2px #2F6E9C;
    z-index:99;
    -webkit-transition: background 1s; /* Safari */
    transition: background 1s;
}

#header:hover
{
    background: url('/public/images/blue_bg.png') repeat !Important;
}

#logo #title
{
    font-family:georgia;
    color:#ffffff;
    text-transform:uppercase;
    float:left;
    margin-left:10px;
    padding-left:10px;
    margin-top:33px;
    font-size:23px;
    text-decoration:none;
    line-height:30px;
    border-left:solid 1px #ffffff;
    letter-spacing:2px;
}

#title span
{
    font-size:30px;
}

#title small
{
    font-size:21px;
}

#logo img
{
    height:100px;
    float:left;
    border:none;
}

#menu
{
    position:absolute;
    right:15px;
    top:11px;
}

#menu ul li
{
    display:inline-block;
    position:relative;
}

#menu ul li a
{
    color:#ffffff;
    text-decoration:none;
    padding:8px;
    margin:0px 5px;
    font-size:15px;
    text-transform:uppercase;
    background-color:rgba(47,110,156,0.2);
    -webkit-transition: background-color 500ms; /* Safari */
    transition: background-color 500ms;
}

#menu ul li.chips a
{
    background-color: rgba(237,192,84, 0.5);
}

#menu ul li a:hover
{
    background-color:rgba(47,110,156,0.75);
}


#menu ul li ul
{
    position: absolute;
    display:none;
    margin-top: 10px;
    background: url('/public/images/blue_bg1.png') repeat;
    left:-35px;
    text-align: center;
    top:20px;
}

#menu ul li ul li
{
    display:block;
    margin: 30px 30px 30px 0px;
    list-style-type: none;
}

#menu ul li.chips a:hover + ul,
#menu ul li.chips a + ul:hover
{
    display:block;
}


#countdownClock
{
    position:absolute;
    right:15px;
    top:68px;
    font-family:segoe ui light;
}

#countdownClock > div
{
    display:inline-block;
    width:60px;
    height:60px;
    color:#ffffff;
    border-radius:5px;
    text-align:center;
    font-size:30px;
    margin:0px 5px;
}

#countdownClock .smalltext
{
    font-size:14px;
    color:lightblue;
}

#footer
{
    width:100%;
    height:300px;
    color:#ffffff;
    text-align:center;
    padding:5px 0;
    background-color:#003A63;
    background: url('/public/images/blue_bg.png') repeat;
    border-top:solid 3px #9C3022;
}

#footer a
{
    color:#ffffff;
}

#footerBody
{
    width:100%;
    margin:0px auto;
    max-width:1050px;
    position:relative;
    height:inherit;
}

.footerColumn
{
    width:31%;
    height:250px;
    float:left;
    text-align:center;
    font-size:18px;
    padding-left:2%;
}

.footerColumn img
{
    width:90%;
    margin-top:15px;
    border:none;
}

.footerColumn a
{
    color:#ffffff;
    font-size:18px;
    text-decoration:none;
}

.footerColumn a:hover
{
    text-decoration:underline;
}

.footerColumn h2
{
    color:lightblue;
    font-size:22px;
    text-align:center;
    text-transform:uppercase;
}

.footerColumn ul
{
    padding:0px;
    margin:0px;
}

.footerColumn li
{
    list-style-type: none;
}

.static-footer
{
    position:absolute;
    bottom:0px;
    left:0px;
}

#contentWrapper
{
    width:100%;
    padding-bottom:340px;
}

#content
{
    padding-top:140px;
}

#slideshow
{
    height:100%;
    width:100%;
    max-height:70em;
    background-image:url('/public/images/research-week-1.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position:relative;
}

#slideshow .slide-container
{
    height:100%;
    width:100%;
    background-color:#003A63;
    /*box-sizing: border-box;
    border-top: solid 140px #003A63;*/
    position:relative;
    overflow:hidden;
}

.main-video
{
    position:absolute;
    top:50%;
    left:50%;
    width:100%;
    height:100%;
    min-width:100%;
    min-height:100%;
    transform:translate(-50%, -50%);
    object-fit:cover;
}

#slideshow .slide
{
    height:100%;
    width:100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size:contain;
    position:relative;
    background-color:#003A63;
}

#slideshow .message
{
    position:absolute;
    bottom:0px;
    right:0px;
    background-color:green;
    width:100%;
    background: url('/public/images/blue_bg3.png') repeat;
    color:#ffffff;
    font-size:40px;
    text-align:center;
    box-sizing: border-box;
    padding:30px;
    font-family:segoe ui light;
    text-shadow:0px 0px 12px lightblue;
    border-bottom:solid 2px #2F6E9C;
}

#frame
{
    padding-top:33%;
    width:100%;
    background-image:url('/public/images/founders-library.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position:relative;
    background-attachment: fixed;
}

#frame div
{
    max-width:90%;
    color:#E51937;
    position:absolute;
    left:10%;
    top:15%;
    font-size:30px;
    font-style: italic;
}

#abstracts, #volunteers
{
    background: url('/public/images/white_bg.png') repeat;
}

#about ul
{
    width:40%;
    display:inline-block;
    list-style-type: none;
    font-size:20px;
    vertical-align:top;
    padding-left:8%;
}

#about li::before
{
   content: '';
   display: inline-block;
   height: 20px;
   width: 20px;
   background-image: url('/public/images/slider_right_active.png');
   background-size: cover;
   margin-right:5px;
}

.container
{
    width:100%;
    margin:0px auto;
    max-width:1100px;
    position:relative;
    box-sizing: border-box;
    padding:15px;
}

.container-wide
{
    width:100%;
    margin:0px auto;
    max-width:1300px;
    position:relative;
    box-sizing: border-box;
    padding:15px;
}

.container h1
{
    font-family:segoe ui light;
    font-size:35px;
    color:#E51937;
}

.container h2
{
    font-size:22px;
    color:#5f6062;
}

#content li
{
    padding-top:10px;
}

.background-image
{
    padding-top:30%;
    width:100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.button
{
    display:block;
    padding:10px;
    border-radius:5px;
    border:solid 3px #003A63;
    color:#003A63;
    background-color:rgba(0,0,0,0.08);
    font-weight:bold;
    font-size:15px;
    width:15%;
    text-decoration:none;
    margin:0px auto;
    -webkit-transition: background-color 500ms, color 500ms; /* Safari */
    transition: background-color 500ms, color 500ms;
    cursor:pointer;
    text-align:center;
}

.button:hover
{
    color:#ffffff;
    background-color:#003A63;
}

.small-button
{
    font-size:12px;
    padding:5px;
    border-width:1px;
    width:10%;
    margin:5px;
}

.formItem, .formAddress div
{
    padding:5px;
}

.error
{
    color:red;
}

textarea
{
    width:100%;
    height:150px;
}

.email
{
    width:300px;
}

.tabs
{
    width:100%;
    border-bottom:solid 1px #003A63;
    position:relative;
}

.tabs ul
{
    list-style-type: none;
    padding:5px;
    margin:20px 0px 0px 20px;
}

.tabs ul li
{
    display:inline-block;
}

.tabs a
{
    font-size:18px;
    text-decoration:none;
    margin:0px 5px;
    border-top:solid 1px #003A63;
    border-left:solid 1px #003A63;
    border-right:solid 1px #003A63;
    color:#003A63;
    padding:5px;
    background-color:rgba(0,0,0,0.08);
    -webkit-transition: background-color 500ms, color 500ms; /* Safari */
    transition: background-color 500ms, color 500ms;
}

.tabs a:hover,
.tabs .selected
{
    background-color:#003A63;
    color:#ffffff;
}

.hide
{
    display:none;
}

table
{
    width:100%;
    border-collapse: collapse;
}

table th
{
    text-align:left;
}

table td
{
    box-sizing:border-box;
    padding:3px;
}

.row:hover
{
    cursor:pointer;
    background-color:#dddddd;
}

.other-row
{
    background-color:#eeeeee;
}

.required:after
{
    content:" *";
    color:red;
    font-weight:normal;
}

.tabs li ul
{
    display:none;
    position:absolute;
    left:0px;
    top:45px;
    background-color:rgba(0,58,99,0.75);
    width:100%;
    margin:0px;
    padding:3px 3px 5px 3px !Important;
    box-sizing:border-box;
}

.tabs .show
{
    display:inline-block;
}

.tabs li ul li
{
    padding:0px !Important;
}

.tabs li ul li a
{
    font-size:14px;
    text-decoration:none;
    margin:0px;
    border:none;
    color:#ffffff;
    padding:0px 10px;
    background-color:transparent !Important;
}

.tabs li ul li .selected,
.tabs li ul li a:hover
{
    color: rgb(244,211,151);
}

.pageLink
{
    text-decoration:none;
}

.pageLink:hover
{
    text-decoration:underline;
}

#about-slideshow
{
    width:100%;
    padding-top:60%;
}

#about-slideshow div
{
    width:inherit;
    padding-top:60%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#nextSlide,
#prevSlide
{
    color:#ffffff;
    font-size: 16px;
    font-family: calibri;
    padding:3px;
    margin-right:5px;
    border-radius:3px;
    background: url('/public/images/blue_bg1.png') repeat;
}

#nextSlide:hover,
#prevSlide:hover
{
    background: url('/public/images/blue_bg.png') repeat;
    cursor:pointer;
}

#dates
{
    position:absolute;
    top:115px;
    color:#cccccc;
    font-size:14px;
    text-transform:none;
    left:277px;
    font-style: italic;
}

.sponsors
{
    width:100%;
    text-align:left;
}

.sponsors h2
{
    font-size:32px;
}

.sponsors img
{
    width:23%;
    padding:2% 10%;
}

.silc-grid > div
{
    width: 30%;
    display: inline-block;
    vertical-align: top;
}

.silc-grid
{
    text-align: center;
}

.silc-grid a
{
    text-decoration: none;
    text-align: left;
    background: url('/public/images/blue_bg1.png') repeat;
    border-bottom:solid 5px #2F6E9C;
    -webkit-transition: background 1s; /* Safari */
    transition: background 1s;
    display: block;
    padding: 10px;
    color: white;
    margin: 10px;
}

.silc-grid .news-and-events__date
{
    font-weight: bold;
    display: block;
}

.silc-grid a:hover
{
    background: url('/public/images/blue_bg.png') repeat !Important;
}

