@import url('https://fonts.googleapis.com/css?family=Comfortaa');
body {
        font-family: sans-serif;
        margin: 0 0 0 0;
    }
    #outer {
        width: 100%;
        max-width: 100%;
        height: 100%;
    }
    #topbar {
        position: fixed;
        width: 100%;
        top: 0;
        height: 40px;
        text-align: right;
        background: rgb(0, 183, 255);
    }
    #topsocial {
        width: 1300px;
        max-width: 100%;
        margin: 0px auto;
        padding: 0px 40px;
        line-height: 40px;
        font-size: 24px;
    }
    #topsocial a:link{
        color: #fff;
        margin-right: 10px;
    }
    #topsocial a:visited{
        color: #fff;
        margin-right: 10px;
    }
    #topsocial a:hover{
        color: rgb(62, 121, 231);
        margin-right: 10px;
    }
    #tixbtn {
        font-size: 24px;
        color: #fff;
        text-decoration: none;
        margin: 0px 0px 0px 20px;
    }
    #tixbtn:link {
        color: #fff;
    }
    #tixbtn:visited {
        color: #fff;
    }
    #tixbtn:hover {
        color: rgb(62, 121, 231);
    }
    #logo {
        position: fixed;
        top: 0px;
    }
    #logoimg{
        transition: all 0.3s;
    }
    .largeLogo{
        width: 400px;
        filter: drop-shadow(0px 0px 8px #fff);
    }
    .smallLogo{
        width: 200px;
        filter: drop-shadow(0px 0px 8px #fff);
    }
    #menubox {
        position: fixed;
        top: 40px;
        width: 100%;
        height: 70px;
        /*text-align: right;*/
        line-height: 70px;
        transition: all 0.3s;
    }
    .menuboxdark {
        background: rgba(72, 99, 160, 0.85);
    }
    .menuboxlight {
        background: #4863A0;
    }
    #header {
        width: 100%;
        height: 600px;
        background: url("/assets/images/ferris_wheel_wide.jpg") no-repeat center;
        background-size: cover;
    }
    #page_content {
        width: 1024px;
        max-width: 100%;
        margin: 20px auto 20px;
        padding: 30px;
    }
    #page_content * {
        max-width: 100%;
        font-family: 'Comfortaa', sans-serif;
    }
    .spacer40xp {
        height: 40px;
    }
    #map {
        height: 400px;
        width: 100%;
        padding-top: 40px;
    }
    #footer {
        height: 200px;
        width: 100%;
        background: #4863A0;
        text-align: center;
        color: #fff;
        padding: 10px;
    }
    #footer a:link {
        color: #fff;
    }
    #footer a:visited {
        color: #fff;
    }
    #filelistselect {
        display: block;
        margin: 0px auto 20px;
        width: 250px;
        height: 30px;
        font-size: 14pt;
        border: 1px solid #000;
    }

/*----------------------------------------*/
/*------Begin sponsor logo scroller-------*/
/*----------------------------------------*/

#logoParade	{
	position: relative;
    width: 100%;
	height: 100px;
    background: #fff;
    /*border: 1px solid red;
	margin-left: -50px;*/
}
#logoParade div.scrollableArea a {
	display: block;
	height: 100px;
	float: left;
	margin: 0 10px 0 10px;
}
#logoParade div.scrollableArea img {
	height: 100px;
	margin: 0 10px 0 10px;
}


/*----------------------------------------*/
/*------End sponsor logo scroller---------*/
/*----------------------------------------*/