@import url("https://fonts.googleapis.com/css?family=Rock Salt");
/* Begin location.html specific */
        h4 {
            clear: both;
        }
        iframe {
            height: 12em;
            border: 1px solid black;
        }
        div.indent {
            clear:both;
            display: block;
            padding: 0;
            margin: 0;
            text-align: left;
            display: block;
            height: auto;
            width: auto;
        }
        div.left {
            display: block;
            margin: 0;
            padding: 1ex;
            height: 100%;
            width: auto;
            text-align: center;
            vertical-align: middle;
        }
        #photos {
            display: block;
            margin: 0 0 0 0;
            padding: 1ex;
            height: auto;
            width: 100%;
            text-align: center;
            vertical-align: middle;
        }
        #photos img {
            display: block;
            margin: 0;
            padding: 1ex;
            height: 100%;
            width: auto;
            text-align: center;
            vertical-align: middle;
        }
        @media print {
            div.links {
                display: none;
            }
            div.indent {
                display: none;
            }
            #photos {
                display: none;
            }
        }
        @media only screen and (min-width: 600px) {
            iframe {
                float: right;
                clear:right;
                width: 50%;
            }
            div.indent {
                border-left: 2ex solid white;
            }
            div.left {
                float: left;
            }
            #photos img {
                float: left;
            }
        }
        @media only screen and (max-width: 599px){
            iframe {
                width: 100%;
            }
            div.indent {
                border-left: 0;
            }
            div.left {
                clear:both;
            }
            #photos img {
                clear:both;
            }
        }
        @media only screen and (max-device-width: 500px){
            iframe {
                width: 100%;
            }
        }

/* End location.html specific */

body {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    margin: 0 0 0 0;
}
code {
    font-family: "Courier New", Courier, monotype;
}
h1, h2, h3 {
    margin-right: 0;
    margin-left: 0;
}
img {
    border: 0;
}
summary:hover {
    outline: 0;
}
summary:active {
    outline: 0;
}
summary:focus {
    outline: 0;
}
.big {
    width: 100%;
    font-weight: bold;
}
.informal {
    font-family: "Rock Salt", sans-serif;
    padding-left: 1ex;
    color: gray;
}
.inst {
    margin: 0 0 0 0;
    text-align: left;
}
.name {
    text-align: left;
}
.person {
    clear: left;
    display: block;
    margin: 0 0 0 0;
    padding: 1ex;
    height: auto;
    width: auto;
}

img.sponsor {
    padding: 1em 2ex 1em 2ex;
}
ul.sponsors {
    margin: 0 0 0 0;
    display: block;
    text-align: center;
    vertical-align: middle;
} 
ul.sponsors li {
    list-style: none;
    display: inline;
    vertical-align: middle;
    text-align: center;
}
#main {
    font-family: Georgia,Melior,Times,"Times New Roman",Palatino,serif;
    color: black;
    display: block;
}
#oplssmasthead  {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
}
#oplsstitle {
    display: block;
    padding: .75em 0 1.5em 0;
    min-height: 2.5em;
    color: black;
}



#page h1, #page h2, #page h3 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

@media screen and (min-width: 650px) {
    aside {
        width: 40ex;
        margin-left: 1ex;
    }
    #submenu {
        position: absolute;
        width: 20%;
    }
    #submenu li {
        display: list-item;
    }
    #submenu li.showing {
        border-radius: .75ex 0 0 .75ex;
    }
    #menusponsors {
        border-radius: 1ex 0 0 1ex;
    }
    #main {
        left: 20%;
        width: 77%;
        border-radius: 0 2ex 2ex 0;
    }
}

@media screen and (max-width: 649px) {
    aside {
        width: 100%;
    }
    #oplssmasthead {
        min-height: 200px;
    }
    #submenu ul {
        margin-bottom: 2px;
    }
    #submenu li {
        display: block;
    }
    #submenu li.showing {
        border-radius: .75ex;
    }
    #menusponsors {
        border-radius: 1ex;
    }
    #main {
        border-radius: 2ex;
    }
}

@media screen and (max-device-width: 599px) {
    aside {
        width: 100%;
    }
    #oplssmasthead {
        min-height: 200px;
    }
    #submenu {
        position: static;
        width: auto;
    }
    #submenu ul {
        margin-bottom: 2px;
    }
    #submenu li {
        display: block;
    }
    #submenu li.showing {
        border-radius: .75ex;
    }
    #menusponsors {
        border-radius: 1ex;
    }
    #main {
        border-radius: 2ex;
    }
}

@media screen {
    blockquote {
        border-left: .5ex solid #004F27;
        padding-left: 1ex;
    }
    body {
        color: #F2DD55;
        background-color: black;
    }
    code {
        font-weight: bold;
        color: #004F27;
    }
    h1, h2, h3 {
        padding-top: 0.5em;
        margin-top: 0;
    }
    h1 {
        margin-bottom: 0.5em;
     } 
    h2 {
        margin-bottom: 0.25em;
    }
    h3 {
        margin-bottom: 0;
    }
    mark {
        font-weight: bold;
        background-color: #DFD;
    }
    a.uonav:link, a.uonav:visited {
        font-weight: 300;
        font-size: 1em;
        text-transform: uppercase;
        padding: 10px;
        text-decoration: none;
        color: white;
    }
    a.uonav:active {
        outline: 0;
    }
    a.uonav:focus {
        outline: thin dotted;
    }
    a.uonav:hover {
        outline: 0;
        color: #fdcd07;
        text-decoration: none;
    }
    .big {
        font-size: 200%;
        text-align: center;
    }
    .footer {
        display: block;
        float: left;
        margin: 0 2em 0 0;
    }
    .inst {
        display: inline-block;
        padding: 0.25em 0 0.25em 1ex;
        height: auto;
        vertical-align: center;
        font-weight: bold;
    }
    .name {
        display: inline-block;
        margin: 0 0 0 0;
        padding: 1ex;
        height: auto;
        width: 20ex;
        vertical-align: center;
    }
    .printbar {
        display:none;
    }
    .registration {
        display: block;
        border-radius: 2em; 
        background-color: #004F27; 
        color: #FFCC00;
        position: relative;
        left: 25%; 
        bottom: 1em; 
        width: 50%; 
        margin-top: 1ex;
        padding: .5em 1ex .5em 1ex;
        font-size: 1.5em;
        text-align: center; 
        vertical-align: middle;
    }
    .small {
        font-size: 90%;
        font-weight: bold;
        font-variant: small-caps;
        padding: 1em 0 0 0.5ex;
        text-align: center;
    }
    img.sponsor {
        width: 100%;
        vertical-align: middle;
        padding: 1em 2ex 1em 2ex;
    }
    ul.sponsors {
        padding: 1em 1em 1em 1em;
    }
    #last-footer {
        display: block;
        clear: both;
        background: black;
        line-height: 1em;
    }
    #main {
        position: relative;
        background: #F0F0F0;
        margin: 0 0 0 0;
        padding: 1.5em 2ex 2ex 2ex;
        clear: none;
    }
    #main abbr[title] {
        text-decoration: underline wavy #004F27;
    }
    #main em {
        font-style: italic;
        color: #004F27;
    }
    #main strong {
        font-weight: bold;
        font-size: 1.1em;
    }
    #main aside {
        display: block;
        float: right;
        padding: 1ex;
        font-size: 85%;
        background: gray;
        color: #F2DD55;
        border-radius: 1ex;
    }
    #main aside em {
        font-style: italic;
        color: #FFF;
    }
    #main aside strong {
        font-weight: bold;
        font-size: 1.1em;
    }
    #main aside a:link {
        color: #00FF3F;
        font-weight: normal;
        text-decoration: none;
    }
    #main aside a:visited {
        color: #00FF3F;
        font-weight: normal;
        text-decoration: none;
    }
    #main aside a:focus {
        color: #00FF3F;
        font-weight: normal;
        text-decoration: underline;
    }
    #main aside a:hover {
        color: #00FF3F;
        font-weight: normal;
        text-decoration: underline;
    }
    #main aside a:active {
        color: #00FF3F;
        font-weight: normal;
        text-decoration: underline;
    }
    #oplssmasthead  {
        min-height: 100px;
        color: black;
        background: #004F27;
    }
    #oplssmasthead a {
        color: inherit;
    }
    #oplsstitle {
        background: #F2DD55;
    }
    #oplsstitle a:link, #oplsstitle a:visited {
        font-weight: inherit;
        text-decoration: inherit;
        color: inherit;
    }
    #oplsstitle a:active, #oplsstitle a:hover {
        outline: 0;
    }
    #oplsstitle a:focus {
        outline: thin dotted;
    }
    #oplsstitle h1 {
        padding-top: 0.5em;
        padding-left: 0.5ex;
        font-family: Quadon-Light,Times,Georgia,"DejaVu Serif",serif;
        font-weight: 100;
        margin: 0;
    }
    #outer-footer {
        display: block;
        background: black;
        font-family: Quadon-Regular,Times,Georgia,"DejaVu Serif",serif;
        font-weight: 300;
        line-height: 1.5em;
        clear: both;
    }
    #page {
        background: #004F27;
        color: #F2DD55;
        display: block;
        margin: 0 0 0 0;
        padding: 1em 1ex;
    }
    #page a:link {
        color: #F2DD55;
        text-decoration: none;
    }
    #page a:visited {
        color: #F2DD55;
        text-decoration: none;
    }
    #page a:hover {
        color: #FFFFFF;
        text-decoration: underline;    
    }
    #main a:link {
        color: #004F27;
        font-weight: bold;
        text-decoration: none;
    }
    #main a:visited {
        color: #004F27;
        font-weight: bold;
        text-decoration: none;
    }
    #main a:focus {
        color: #004F27;
        font-weight: bold;
        text-decoration: underline;
    }
    #main a:hover {
        color: #004F27;
        font-weight: bold;
        text-decoration: underline;
    }
    #main a:active {
        color: #004F27;
        font-weight: bold;
        text-decoration: underline;
    }
    #submenu {
        display: block;
        margin: 0;
        padding: 0;
        color: #FFCC00;
    }
    #submenu a:link, #submenu a:visited {
        color: #FFCC00;
        text-decoration: none;
    }
    #submenu a:active {
        color: #F2DD55;
        text-decoration: none;
    }
    #submenu a:focus {
        color: white;
        background: black;
        text-decoration: underline;
    }
    #submenu a:hover {
        text-decoration: underline;
    }
    #submenu ul {
        margin: 0 0 0 0px;
        padding: 0px 0 0 0;
        display: block;
        text-align: center;
    } 
    #submenu li {
        font-size: 125%;
        font-weight: bold;
        padding: .3em 1ex .3em 1ex;
        list-style: none;
        line-height: 120%;
        vertical-align: middle;
    }
    #menusponsors ul li {
        display: inline-block;
    }
    #submenu li.showing {
        color: #FFCC00;
        background: #F0F0F0;
        border-radius: .75ex 0 0 .75ex;
    }
    #submenu li.showing a {
        color: #004F27;
        background: #F0F0F0;
    }
    #menusponsors {
        background: #FFF;
        color: #004F27;
        margin: 0ex;
        display: block;
    }
    #menusponsors img {
        margin-top: 3ex;
    }
    #submenu img {
        max-width: 90%;
        max-height: 3em;
    }
    #submenu img.tall {
        max-height: 5em;
    }
    #submenu img.square {
        max-width: 60%;
        max-height: 5em;
    }
    #uobar {
        display: block;
        background: #0F2912;
        background-repeat: repeat-x;
        background-position: center;
        width: 100%;
        height: 41px;
        margin: 0;
        padding: 0;
        min-height: 72px;
        font-family: Quadon-Regular,Times,Georgia,"DejaVu Serif",serif;
        line-height: 1.5em
    }
    #uobar div.links {
        display: block;
        margin-bottom: 0;
        float: left;
        line-height: 2em
    }
    #uobar .links-outer {
        display: block;
        padding-top: 18px;
        padding-right: 15px;
        float: right;
        color: white;
        line-height: 2em;
    }
    #uobar .logo {
        float: left;
        padding-left: 15px;
    }
    #uobar .logo img {
        width: 200px;
        padding-top: 15px;
        height: auto !important;
        border: 0;
        max-width: 100%;
        color: #489433;
    }
    #uofooter {
        display: block;
        max-width: 1200px;
        padding: 30px 85px 30px 15px;
        margin: 0;
        text-transform: uppercase;
        background-image: url(../_images/bigO.png);
        background-repeat: no-repeat;
        background-size: 53px 44px;
        background-position: right center;
        color: white;
    }
    #uolegalfooter {
        display: block;
        max-width: 1200px;
        padding: 30px 85px 30px 15px;
        margin: 0;
        color: white;
        font-size: .7em;
        line-height: 2em;
    }
    #uolegalfooter a:link {
        color: #BBB;
        text-decoration: none;
    }
    #uolegalfooter a:visited {
        color: #BBB;
        text-decoration: none;
    }
    #uolegalfooter a:hover {
        color: #FFCC00;
    }
    #uolegalfooter abbr {
        border-bottom: 1px dotted white;
    }
}



@media print {
    a {
        color: black;
        text-decoration: underline;
    }
    a:after {
        content: " [" attr(href) "]";
        color: black;
        font-weight: normal;
        text-decoration: none;
    }
    a.nolink {
        color: black;
        text-decoration: none;
        font-style: oblique;
    }
    a.nolink:after {
        content: none;
    }
    aside {
        display: none;
    }
    body {
        color: black;
        background-color: white;
    }
    h1, h2, h3 {
        margin-top: 0.25em;
        margin-bottom: 0;
    }
    .big {
        font-size: 150%;
        font-variant: small-caps;
     }
    .footer {
        display: none;
    }
    img.sponsor {
        max-height: 80px;
        max-width: 250px;
        margin: 1ex;
        padding: 0;
        vertical-align: middle;
    }
    .inst {
        display: block;
        margin: 0 0 0 0;
        padding: 0 0 0 1ex;
        text-align: left;
    }
    .legal {
        font-size: x-small;
    }
    .name {
        font-size: 1.15em;
        display: block;
        margin: 1ex 0 0 0;
        padding: 0 0 0 0;
    }
    .name a {
        text-decoration: none;
    }
    .name a:after {
        content: none;
    }
    .noprint {
        display: none;
    }
    a.uonav:link, a.uonav:visited {
        display: none;
    }
    .small {
        font-size: 100%;
        font-weight: bold;
        text-transform: capitalize;
        text-align: center;
    }
    ul.sponsors {
        padding: 0 0 0 0;
    } 
    ul.sponsors a:after {
        content: none;
    }
    ul.sponsors li {
        padding: 0.5ex 2em 0.5ex 2em;
    }
    #main {
        font-family: Georgia,Melior,Times,"Times New Roman",Palatino,serif;
        background: white;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    }
    #main abbr:after {
        content: " (" attr(title) ")";
    }
    #outer-footer {
        display: none;
    }
    #oplssmasthead  ul {
        display: none;
    }
    #oplsstitle {
        background: white;
    }
    #oplsstitle a:link, #oplsstitle a:visited {
        font-family: Quadon-Light,Times,Georgia,"DejaVu Serif",serif;
        font-weight: 100;
        text-decoration: none;
        color: #004a20;
    }
    #oplsstitle h1 a {
        text-decoration: none;
    }
    #oplsstitle h1 a:after {
        content: "";
    }
    #page {
        background: white;
        color: black;
        display: block;
        margin: 1ex 0 0 0;
        padding: 0 0 0 0;
    }
    #submenu  {
        display: none;
    }
    #uobar {
        display: none;
    }
}