/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
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: 0px;
}
/* End of Meyer Reset CSS */

tr.odd {
  background-color: #FFF;
  border: 1px solid black;
}
tr.even {
  background-color: #CCFFFF;
  border: 1px solid black;
}

tr.even td {
  padding: 5px;
}

tr.odd td {
  padding: 5px;
}

td { 
  vertical-align: middle;
}

td img { 
  vertical-align: top;
}

tr.spacer {
   background-color: #FFD700;
   border: 10px solid white;
}


img {
	max-width: 100%; /*makes images scale with flexible grids*/
	display: block; /*removes tiny space added in some browsers below images */
}
sup {
	font-size:50%; 
	vertical-align:super;
}
html,body {

}

/* Styles for mobile-first design */

/* DIV styles */
.wrapper {
    position:relative;
    width:100%;
    max-width:1000px;
    margin:0 auto;
    overflow:hidden;
}

.social {
    
    float:right;
    margin-right:2.8%;
    height:30px;
}

.social img {
    float:left;
    margin-left:10px;
    margin-top:15px;
}

.logo {
    position:absolute;
    width:25%;
    left:5.2%;
    top:54px;
}

.nav_mobile {
    background-color:#000000;
    padding-top:5px;
    padding-bottom:5px;
    height:44px;
    
}

#BronzeContainer {
       /* width: 400px;  */
       /* height: 200px;  */
       /* border:2px solid #fff;  */
       /* background: url(img/tiger.png) no-repeat;  */
       /* -box-shadow: 10px 10px 5px #ccc; */
       /* -moz-box-shadow: 10px 10px 5px #ccc;  */
       /* -webkit-box-shadow: 10px 10px 5px #ccc;  */
       /* -khtml-box-shadow: 10px 10px 5px #ccc;  */

    width: 144px;
    height: 0 auto;
    margin: 0 auto;
    border: 5 px solid #fff;
    
    -webkit-box-shadow: 0 0 15px 2px #ccc;
    -moz-box-shadow: 0 0 15px 2px #ccc;
    box-shadow: 0 0 15px 2px #ccc;
}


#dropdown {
	position:absolute;
	width:100%;
	background-color:#000000;
	display:none; /* this line hides the div until the JavaScript is called to show it */
}

.nav_desktop {
    display:none;
    visibility:hidden;
}


.hero {
    border-color:#000000;
    border-width:4px;
    border-style:solid;
    width:93%;
    margin-top:1em;
    margin-right:auto;
    margin-left:auto;
}

.main {
    width:94.4%;
    margin:0 auto;
}

.news {
    width:94.4%;
    margin:0 auto;
    margin-bottom:1em;
    background-color: #e8e8e8;
    padding-bottom:.5em;
}

.info {
    width:100%;
    background-color:#e8e8e8;
    padding-top:1em;
    padding-bottom:0.05em;
}

.copyright,.social_feed {
    width:94.4%;
    margin-left:auto;
    margin-right:auto;
    margin-top:1em;
    margin-bottom:1em;
}



.greybar {
    width:100%;
    background-color:#e8e8e8;
    border-top-color:#c5c5c5;
    border-top-width:6px;
    border-top-style:solid;
    height:80px;
}


/* Type styles */
@font-face {
    font-family: LeagueRegular;
    src: url(/static/fonts/LeagueGothic-Regular.otf);
}


h1 {
    font-family: LeagueRegular, verdana, helvetica, arial, sans-serif;
    font-size: 2.25em;
    line-height: 1em;
    margin-top:0.5em;
    margin-bottom:0.5em;
    color:#000000;
}

h3 {
    font-family: LeagueRegular, verdana, helvetica, arial, sans-serif;
    font-size: 2.25em;
    line-height: 1em;
    margin-top:0.5em;
    color:#000000;
    text-align: center;
}

h6 {
    font-family: LeagueRegular, verdana, helvetica, arial, sans-serif;
    font-size: 2em;
    line-height: 1em;
    margin-top:0.5em;
    text-align: center;
    color:#707070;
}


h4 {
    font-family: LeagueRegular, verdana, helvetica, arial, sans-serif;
    font-size: 1.5em;
    line-height: 1em;
    margin-top:0.5em;
    margin-bottom:0.25em;
    color:#000000;
    text-align: left;
}

h5 {
    font-family: LeagueRegular, verdana, helvetica, arial, sans-serif;
    font-size: 1.5em;
    line-height: 1em;
    margin-top:2em;
    margin-bottom:0.25em;
    color:#000000;
    text-align: center;
}


h2 {
    font-family: LeagueRegular, verdana, helvetica, arial, sans-serif;
    font-size: 1.75em;
    line-height: 1em;
    margin-top:0.5em;
    margin-bottom:0.5em;
    color:#ffffff;
    text-indent:2%;
    padding-top:5px;
    padding-bottom:5px;
    background: #128ddb; /* Old browsers */
    background: -moz-linear-gradient(top,  #128ddb 0%, #03639c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#128ddb), color-stop(100%,#03639c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #128ddb 0%,#03639c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #128ddb 0%,#03639c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #128ddb 0%,#03639c 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #128ddb 0%,#03639c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#128ddb', endColorstr='#03639c',GradientType=0 ); /* IE6-9 */
}

p {
    font-family: georgia, "times new roman", times, serif;
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom:1em;
    color: #000000;
}

pp {
    font-family: georgia, "times new roman", times, serif;
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom:0em;
    color: #000000;
}

/* keynote title font */
pt {
    font-family: georgia, "times new roman", times, serif;
    font-weight: bold;
    font-size: 1.3em;
    line-height: 1.5em;
    margin-bottom:0em;
    color: #000000;
}

po {
    font-family: georgia, "times new roman", times, serif;
    font-weight: bold;
    font-size: 1.1em;
    line-height: 1.5em;
    margin-bottom:0em;
    color: #000000;
}



ppaper {
    font-family: georgia, "times new roman", times, serif;
    font-weight: bold;
    font-size: 1em;
    line-height: 1.5em;
    color: #000000;
    margin-bottom:0.2em;
}


.news li {
    margin-left:2%;
    margin-right:2%;
    margin-bottom:1em;
}


.papers ul {
}


.papers li {
    margin-top:.2em;
    font-style: italic;
    text-indent: 25px;
}

.info p {
    margin-left:2.8%;
    margin-right:2.8%;
}

.news p{
    font-size: .8em;
    margin-right: 5px;
}

em {
    font-style:italic;
    font-size:1.2em;
}


/* Image alignment style */
.center_image{
	margin-left: auto; 
	margin-right: auto
}

/* body copy links */
a {
    color: #5a9beb;
    text-decoration:none;
}

/* Mobile Navigation links */
.nav_mobile a {
    font-family: LeagueRegular, verdana, helvetica, arial, sans-serif;
    font-size: 2em;
    line-height: 1.5em;
    color:#ffffff;
    padding-left:5.2%;

}

.nav_mobile li {
    margin-top:20px;
    margin-bottom: 20px;
    font-size:1em;
}

/* Media Query for Desktop and Tablet version */

@media all and (min-width: 800px) {

/* @media only screen and ( max-width: 800px ) {  /\* 640 *\/ */
    .social {
        height:45px;
    }

    .social img {
        float:left;
        margin-left:10px;
        margin-top:10px;
    }

    .logo {
        top:45px;
    }

    .nav_desktop {
        clear:both;
        width:100%;
        background-color:#000000;
        /* overflow:hidden; */
        visibility: visible;
        display:table;
    }
    
    .nav_mobile {
        visibility: hidden;
        display:none;
    }
    
    .hero {
        width:93%;
        border-width:8px;
        margin-top:2em;
        margin-left:auto;
        margin-right:auto;
    }
    
    .main {
        float:left;
        /* width: 561px; */
        /* width: 540px; */
        margin-left:2.8%;
        margin-bottom:1.5em;
        width: 62%; 
        text-align: justify; 
        margin-right: 20px;
    }
    
    .news {
        float:right;
        /* width:275px; */
        /* width:310px; */
        width:290px;
        Margin-top:2em;
        margin-right:2.8%;
    }
    
    .info {
        /*clear:both;*/
        width: 57%;
        margin-bottom:1.5em;
        margin-right: 2.8%;
        margin-left:2%;
    }
    
    .copyright,.social_feed {
        float:left;
        width:27%;
        margin-right:4%;
    }
    .copyright {
        border-right-style:solid;
        border-right-color:#000000;
        border-right-width:1px;
        margin-left:2%;
        padding-right:2%;
    }
    
    .greybar {
        clear:both;
        height:80px;
    }
    
    /* Text Styles */
    h1 {
        margin-top:0.75em;
        margin-bottom:0.75em;
    }
    
    
    h2 {
        margin-top:0;    
    }
    
    /* desktop nav links */
    a:hover {
        border-bottom-style: solid;
        /* border-bottom-color: #5a9beb; */
        border-bottom-width: 1px;
    }
    
    /* .nav_desktop li a { */
    /*     float:left; */
    /* } */

    .nav_desktop li:first-child {
        /*margin-left: 27.7%;*/
        margin-left: 22.7%;
    }

    .nav_desktop li li:first-child {
        margin-left: 0%;
    }


    .nav_desktop a {
        font-family: LeagueRegular, verdana, helvetica, arial, sans-serif;
        font-size: 1.5em;
        line-height: 1em;
        margin-top:0.5em;
        margin-bottom:0.5em;
        margin-right:1.5em;
        color:#ffffff;
        letter-spacing:0.05em;
    }

    /* .nav_desktop a:hover { */
    /*     border-bottom-width:0; */
    /*     color:#5a9beb; */
    /* } */


    .nav_desktop li li a {
        font-family: LeagueRegular, verdana, helvetica, arial, sans-serif;
        font-size: 1em;
        line-height: 1.2em;
        margin-top:0.5em;
        margin-bottom:0.5em;
        margin-right:0.5em;
        color:#ffffff;
        letter-spacing:0.05em;
        height: 30px;
    }

  /* .nav_desktop{ */
  /*               display: table; */
  /*               width: 100%;        */
  /*               background-color:#000000; */
  /*   } */

  /* .nav_desktop *{  */
  /*       font-size: 1em; */
  /*       line-height: 1em; */
  /*       margin-top:0.5em; */
  /*       margin-bottom:0.5em; */
  /*       margin-right:1.5em; */
  /*       color:#ffffff; */
  /*       letter-spacing:0.05em; */
  /*       padding: 0; margin: 0} */

  .nav_desktop ul {list-style: none; z-index: 100;}

  .nav_desktop ul li {float: left; padding-right: 1px; position: relative;}

  .nav_desktop ul a {display: table-cell; vertical-align: middle; /*width: 125px;*/ /*width: 118px*/ width: 94px;
                     height: 50px; text-align: center; background: #000000;text-decoration: none;}

  /* .nav_desktop ul a:hover {background:#0000FF;} */

  .nav_desktop li > ul {display: none; position: absolute; left: 0; top: 100%; }

  .nav_desktop li:hover > ul {display: block}

  .nav_desktop li > ul li {padding: 0; padding-top: 1px;}

  .nav_desktop li > ul li > ul {left: 100%; top: 0; padding-left: 1px;}

  .nav_desktop li > ul li > ul li {width: 200px;}

  .nav_desktop li:hover > a {background:#128ddb;}    
}

.bulletList {
	list-style: outside disc;
	margin-left: 20px;
	font-family: georgia, "times new roman", times, serif;
    font-size: 1em;
	line-height: 1.5em;
    margin-bottom:1em;
    color: #000000;}

.overview {
	float: center; 
	margin-left: auto; 
	margin-right: auto;
	border: 1px solid #707070;
	color: #000000;
}

.overview th {
	background-color: #FFFF99;
	text-align: center;
	padding: 10px;
	border: 1px solid #707070;
	font-weight: bold;
}

.overview td {
	padding: 25px;
	border: 1px solid #707070;
	text-align: center;
}

.overview td a {
	color: #000000;
	text-decoration: underline;
}

.overview td a:hover {
	color: #000000;
	text-decoration: underline;
	border-bottom-style: none;
}

.techBrief td {
	padding: 10px;
	border: 1px solid #707070;
	text-align: left;
	vertical-align: top;
}

.techBrief td p {
	margin-bottom: 0em;
}

.techBrief td a {
	color: #5a9beb;
	text-decoration: none;
}

.techBrief td a:hover {
	color: #5a9beb;
	text-decoration: none;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.techBriefAuthors {
	border: none;
	margin-left: inherit; 
	margin-right: inherit;
}

.techBriefAuthors td {
	padding: 25px;
	border: none;
	text-align: left;
	vertical-align: middle;
}

td.time{
	font-weight: bold; 
	padding: 5px; 
	vertical-align: middle; 
	text-align: center;
	background-color: #FFFF99;
}

.registration {
	border: 1px solid #707070;
	color: #000000;
}

.registration th {
	background-color: #FFFF99;
	text-align: center;
	padding: 5px;
	border: 1px solid #707070;
	font-weight: bold;
}

.registration td {
	padding: 5px;
	border: 1px solid #707070;
	text-align: center;
}

.techBriefAuthor_image {
	border: 1px solid #707070;
    box-shadow: 3px 3px 3px #7c7c7c;
    padding: 3px;
}