/* SimpleTech css by Mike Vollmer (probabilityZero) */
/* (Almost completely rewritten by Pete Lomax) */

html,body {
    margin:0;
    padding:0;
    height:100%; /* needed for container min-height */
    background-color: #f9f9f9;
}
h1 { 
    font:oblique 8em georgia,cursive; 
    color: navy;
    margin:0 0;
    padding-top: 0px;
    padding-left: 15px;
}
div#wrap {
/**/    position:relative;
    margin:0 auto;
    width:100%;
    height:auto !important; /* real browsers */
    height:100%; /* IE6: treated as min-height*/
    min-height:100%; /* real browsers */
}
div#header {
/**/    position:fixed;
    height:155px;
    width:100%;
    background:url(header_01.jpg);
    margin-right: auto;
    margin-left: auto;
    z-index: 1;
}
div#head2 {
    height:155px;
    background:url(header_02.jpg);
    background-repeat:no-repeat;
    background-position:right;
}
div#bar {
/**/    position:fixed;
    height:20px;
    width:100%;
    background:url(bar.jpg);
    margin-top: 155px;
    margin-right: auto;
    margin-left: auto;
    vertical-align: bottom;
    z-index: 1;
}
div#tag {   
    float:left;
    width:20%;
    font:oblique 1em georgia,cursive; 
    text-align: center;
    margin:0 0;
    padding-top: 0em;
}
div#menu {
    float:right;
    width:78%;
    padding-left: 2%;
    font:oblique 1em georgia,cursive; 
}
div#content { 
    padding-top: 175px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 5em;
}
div#left {
/**/    position:fixed;
    float:left;
    width:25%;
    background-color: #f0f0f0;
}
div#right {
    float:right;
    width:75%;
}
.text {
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-family: Arial, Helvetica, sans-serif;
}
p {
    line-height:1.5; 
    margin:0 0 1em;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-family: Arial, Helvetica, sans-serif;
}
li {
    line-height:1.5; 
    margin:0 0 1em;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-family: Arial, Helvetica, sans-serif;
}
span.dropt {border-bottom: thin dotted; background: #ffeedd;}
span.dropt:hover {text-decoration: none; background: #ffffff; z-index: 6; }
span.dropt span {position: absolute; left: -9999px;
  margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border-width:1px; z-index: 6;}
span.dropt:hover span {left: 20%; background: #ffffff;} 
span.dropt span {position: absolute; left: -9999px;
  margin: 4px 0 0 0px; padding: 3px 3px 3px 3px; 
  border-style:solid; border-color:black; border-width:1px;}
span.dropt:hover span {margin: 20px 0 0 170px; background: #ffffff; z-index:6;} 

/*
essential styles:
these make the slideshow work
*/

#slides {
    position: relative;
    height: 300px;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

.slide {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;

    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}

.showing {
    opacity: 1;
    z-index: 2;
}

/*
non-essential styles:
just for appearance; change whatever you want
*/

div#buttons {   
    text-align: center;
}

.slide {
    font-size: 14px;
    padding: 40px;
    box-sizing: border-box;
}

.controls {
    display: none;
}

.sponsor {
    line-height:1.5; 
    margin:0 0 1em;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-family: Arial, Helvetica, sans-serif;
/*  display: flex;*/
/*  align-items: center;*/
}