font-family: 'Open Sans', Open Sans;
html{
    width: 100%;font-family: Open Sans;
    }

body{
    padding:0;margin: 0;border: 0;background-image:url('../images/backer.jpg');background-repeat: no-repeat;background-attachment: fixed;background-size: cover;font-family: Open Sans;
}
#wrapper{
    padding:0;margin:0;margin:0;width: 100%;overflow: hidden;height: 100%;
}
#holderin{
      width: 79%;margin:0 auto;padding-top: 0%;padding-bottom: 0%;background: rgba(37, 34, 81, 0.9);overflow: hidden;box-shadow: 0px 0px 15px 15px rgba(0, 0, 0, 0.5);min-height: 900px;
      height: 100%;
}
#headed{
    width: 100%;padding:0;
}
#filler{
    width: 100%;padding: 0;margin:0;border: 0;
}
#greylogo{
    width: 15%;padding:2%;float:left;margin:0 auto;padding-top:1%;padding-bottom:1%;;
}
#daysdisp{
    width:40%;padding:0;float:left;color: white;text-align: center;padding-top: 1%;padding-bottom: 1%;
}
#days{
    float: left;padding:10px;color: white;text-align: center;width: 35px;
}
#hours{
    float: left;padding:10px;color: white;text-align: center;width: 35px;
}
#mins{
    float: left;padding:10px;color: white;text-align: center;width: 35px;
}
#timers1, #timers2, #timers3{
    color:white;font-family: Open Sans;font-size: 120%;padding:0;margin: 0;border:0;
}
#theme-display{
 font-weight: bold;
}
#timer1{
    color: white;font-family: Open Sans;font-size: 60%;padding:0;margin: 0;border:0;
}
#mobilemenu{
    width: 30%;padding:5%;margin:0 ;float:left;display: none;background: #141142;color: #D3D1D1;font-family:Open Sans;
}
#mobilesponsor{
      width: 30%;padding:5%;margin:0 ;float:right;display: none;background: #141142;color: #D3D1D1;font-family:Open Sans;
}
#mobilemenu:hover , #mobilesponsor:hover{
    cursor: pointer;
}
#hide1{
    width:100%;
}
#hide2{
    width: 100%;
}
#leftside{
    width: 20%;float: left;text-align: center;margin: 0 auto;
}
#attendeebox{
    width: 70%;background:#A3C672;color: #252251;text-align: center;padding:3.2%;font-family:Open Sans;border-radius: 12px;margin: 0 auto;font-size: 14px;font-weight: bold;
}
#menuupperbox{
    width: 70%;background: #D1DAD8;color: #252251;text-align: center;padding:3.2%;font-family:Open Sans;border-top-left-radius: 12px;border-top-right-radius: 12px;margin: 0 auto;font-size: 12px;
    background: #D1DAD8; /* For browsers that do not support gradients */font-weight: bold;
    background: -webkit-linear-gradient( #D1DAD8, #D1DAD8, #A5A5A5); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #D1DAD8, #D1DAD8, #A5A5A5); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #D1DAD8, #D1DAD8, #A5A5A5); /* For Firefox 3.6 to 15 */
    background: linear-gradient( #D1DAD8, #D1DAD8, #A5A5A5); /* Standard syntax */ padding-top:6%;padding-bottom:6%;
}
#menumidbox{
        width: 70%;background: #D1DAD8;color: #252251;text-align: center;padding:3.2%;font-family:Open Sans;margin: 0 auto;font-size: 12px;border-top: 1px solid #B6BAB9;
 background: #D1DAD8; /* For browsers that do not support gradients */font-weight: bold;
      background: -webkit-linear-gradient( #D1DAD8, #D1DAD8, #A5A5A5); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #D1DAD8, #D1DAD8, #A5A5A5); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #D1DAD8, #D1DAD8, #A5A5A5); /* For Firefox 3.6 to 15 */
    background: linear-gradient( #D1DAD8, #D1DAD8, #A5A5A5); /* Standard syntax */padding-top:6%;padding-bottom:6%;
}
#menubotbox{
     width: 70%;background: #D1DAD8;color: #252251;text-align: center;padding:3.2%;font-family:Open Sans;font-size: 12px;border-bottom-right-radius: 12px;border-bottom-left-radius:12px;margin: 0 auto;
border-top: 1px solid #B6BAB9;
 background: #D1DAD8; /* For browsers that do not support gradients */font-weight: bold;    
     background: -webkit-linear-gradient( #D1DAD8, #D1DAD8, #A5A5A5); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #D1DAD8, #D1DAD8, #A5A5A5); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #D1DAD8, #D1DAD8, #A5A5A5); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#D1DAD8, #D1DAD8, #A5A5A5); /* Standard syntax */padding-top:6%;padding-bottom:6%;
}
#menubotbox:hover, #menumidbox:hover, #menuupperbox:hover{
    background: #A2C96C;color: #fff;
}
a.menubox {
    text-decoration: none;
    }
    a:link{
        text-decoration: none;color:#4039C6;
    }
    a:link:hover{
        color: red;
    }
    h4{
        font-family: Open Sans;font-weight: bold;text-align: center;
    }
    p, ul li, h5, table{
        font-family: Open Sans;font-size: 90%;line-height: 20px;color: black;
    }
ul li{
    display: list-item;
list-style-type: circle;
}
    a.sponsorp{
        font-size: 11px;padding:0;margin:0 ;border:0; font-family: Open Sans;line-height: 0;
    }
    span.sponsorp{
        font-size: 11px;padding:0;margin:0 ;border:0; font-family: Open Sans;line-height: 0;padding-bottom:2px;
    }
     h3, h1{
        font-family: Open sans;color: #4039C6;
    }
    #sponslogo{
    width: 90%;margin:0 auto;border:0px solid;padding:0; 
    }
#middlelane{
    width: 55%;padding:2.5%;float:left;margin:0 auto;background:rgba(255, 255, 255, 1);border-top-right-radius: 12px;border-top-left-radius: 14px;overflow: hidden;
    }
#rightside{
      width: 20%;float: right;text-align: center;margin: 0 auto;
}
#platinumsponsor{
    width: 70%;margin:0 auto;background: #F4F4F4;  border-radius:3%;padding-top: 5px;
}
#goldsponsor{
    width: 70%;margin:0 auto;background: #DBB600;  border-radius:3%;padding-top: 5px;
}
#silversponsor{
    width: 70%;margin:0 auto;background: silver;  border-radius:3%;padding-top: 5px;
}
#othersponsor{
    width: 70%;margin:0 auto;background: white;  border-radius:3%;padding-top: 5px;
}
#platinumsponsor:hover, #goldsponsor:hover, #silversponsor:hover, #othersponsor:hover{
    opacity: 0.9;
    filter:alpha(opacity=90);cursor: pointer;
}
#member-holder{
    width: 100%;
}
#member-photo{
    width: 30%;float: left;
}
#member-style{
    width: 80%;padding:1%;
}
#member-details{
    width: 70%;float: left;
}
#venue-photo1{
    width: 200px;
}
#venue-photo2{
    width: 400px;
}
#formtables{
    width: 48%;float: left;padding:1%;font-family: Open Sans;
}
#socialholder{
    width: 100%;text-align: center;padding:0;margin:0;border:0;padding-top: 5%;
}
#socialimg1, #socialimg2, #socialimg3{
    width: 60px;padding: 5px;
}
#logoimg{
    width: 22%;padding:1%;
}

@media screen and  (max-width: 1100px){
    #holderin{
        width: 100%;
    }
}
@media screen and  (max-width: 1000px){
    #holderin{
        width: 100%;
    }
    a.sponsorp, span.sponsorp{
        font-size: 10px;
    }
}
@media screen and  (max-width: 800px){
    #holderin{
        width: 100%;clear: both;
    }
    #middlelane{
        width: 98%;float: left;padding:1%;height: auto;
    }
    #leftside{
        width: 80%;float:left;
    }
    #rightside{
        width: 80%;float: right;
    }
    #hide1, #hide2{
        display:none;width: 80%;float: left;
        }
    #daysdisp{
        width: 70%;margin: 0 auto;
    }
    #days{
        padding-left:18%;
    }
    #mobilemenu{
        display: block;text-align: center;
    }
    #mobilesponsor{
        display:block;text-align: center;
    }
    ul li{
display: list-item;
list-style-type: circle;
    }
    #member-photo{
    width: 100%;clear: both;
}
#member-details{
    width: 100%;clear: both;
}
#venue-photo1{
    width: 50%;
}
#venue-photo2{
    width: 90%;
}
#formtables{
    width: 100%;clear: both;text-align: left;
}
#logoimg{
    width: 40%;padding:1%;
}
}