@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500&display=swap');

.condensed {
   font-family: 'Barlow Condensed', sans-serif;
   color: white;
   height: 40px;
   text-align: left;
   padding: 5px;
}

.condensed a {
   display: block;
   color: white;
   height: 100%;
   text-decoration: none;
   font-size: 11pt;
   display: flex;
   align-items: center;
}

.corner-ribbon {
        width: 200px;
        background: #2859a1;
        position: absolute;
        top: 25px;
        left: -50px;
        text-align: center;
        line-height: 50px;
        font-size: 15px;
        /*  letter-spacing: 1px; */
        color: #f0f0f0;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        z-index: 10;
    }

    .corner-ribbon.sticky {
        position: fixed;
    }

    .corner-ribbon.shadow {
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    }

    .corner-ribbon.top-right {
        top: 25px;
        right: -50px;
        left: auto;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }


/*MAIN*/
body {
	background: #EEE url('../images/bg.png') top left;
	font-family: Georgia, Sans-Serif;
	font-size: 12px;
	color: #444;
	margin: 0;
	padding: 0;
	border: 0;
}

form { margin: 0;	padding: 0; border: 0; }
#wrapper { width: 942px; margin: 0 auto; }
#header { margin: 29px 0 18px 0; }
.syndicate { margin-top: 52px; }

.box {
	padding: 10px;
	background-color: #f9f9f9;
	border-left: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #d0d0d0;
}
.about { font-size: 14px; margin-bottom: 12px; }
.subbox { width: 211px; text-align: center; }
.subboxh { height: 30px; line-height:120%; }

.hhlfx {
	position: relative;
	top: -1px;
	left: 190px;
	width: 37px; height: 12px;
	background-image: url('../images/fx_hhl.png');
	background-repeat: no-repeat;
	cursor: pointer;
}
.hclfx {
	position: relative;
	top: -1px;
	left: 190px;
	width: 37px; height: 12px;
   background-image: url('../images/fx_hcl.png');
   background-repeat: no-repeat;
	cursor: pointer;
}
.cclfx {
	position: relative;
	top: -1px;
	left: 190px;
	width: 37px; height: 12px;
   background-image: url('../images/fx_ccl.png');
   background-repeat: no-repeat;
	cursor: pointer;
}

.title_news     { width: 65%; margin: 7px 0 8px 0; }
.title_sponsors { width: 65%; margin: 7px 0 8px 0; }
.title_pubs     { width: 193px; padding: 5px; margin: 7px 0 8px 0; }
	

.left { float: left; }
.right { float: right; }
.clear { clear: both; height:0; padding:0; margin:0; font-size:0; }



/*MENU*/

.sel { background-color: #20486d; }
.no_sel { background-color: #333; }

.m_home {
	width: 205px; height: 24px; margin-bottom: 2px; cursor: pointer;
	background-image: url('../images/menu/home.png');
	background-repeat: no-repeat;
	background-position: 6px 5px;
}
.m_home:hover {
	background-image: url('../images/menu/home_.png');
	background-repeat: no-repeat;
	background-position: 14px 5px;
}
.m_news {
	width: 205px; height: 24px; margin-bottom: 2px; cursor: pointer;
   background-image: url('../images/menu/news.png');
	background-repeat: no-repeat;
	background-position: 6px 5px;
}
.m_news:hover {
   background-image: url('../images/menu/news_.png');
	background-repeat: no-repeat;
	background-position: 14px 5px;
}
.m_cfp {
	width: 205px; height: 24px; margin-bottom: 2px; cursor: pointer;
   background-image: url('../images/menu/cfp.png');
	background-repeat: no-repeat;
	background-position: 6px 5px;
}
.m_cfp:hover {
   background-image: url('../images/menu/cfp_.png');
	background-repeat: no-repeat;
	background-position: 14px 5px;
}
.m_program {
	width: 205px; height: 24px; margin-bottom: 2px; cursor: pointer;
   background-image: url('../images/menu/program.png');
	background-repeat: no-repeat;
	background-position: 6px 5px;
}
.m_program:hover {
   background-image: url('../images/menu/program_.png');
	background-repeat: no-repeat;
	background-position: 14px 5px;
}
.m_dates {
	width: 205px; height: 24px; margin-bottom: 2px; cursor: pointer;
   background-image: url('../images/menu/dates.png');
	background-repeat: no-repeat;
	background-position: 6px 5px;
}
.m_dates:hover {
   background-image: url('../images/menu/dates_.png');
	background-repeat: no-repeat;
	background-position: 14px 5px;
}
.m_venue {
	width: 205px; height: 24px; margin-bottom: 2px; cursor: pointer;
   background-image: url('../images/menu/venue.png');
	background-repeat: no-repeat;
	background-position: 6px 5px;
}
.m_venue:hover {
	background-image: url('../images/menu/venue_.png');
	background-repeat: no-repeat;
	background-position: 14px 5px;
}
.m_register {
	width: 205px; height: 24px; margin-bottom: 2px; cursor: pointer;
   background-image: url('../images/menu/register.png');
	background-repeat: no-repeat;
	background-position: 6px 5px;
}
.m_register:hover {
   background-image: url('../images/menu/register_.png');
	background-repeat: no-repeat;
	background-position: 14px 5px;
}
.m_sponsors {
	width: 205px; height: 24px; margin-bottom: 2px; cursor: pointer;
   background-image: url('../images/menu/sponsors.png');
	background-repeat: no-repeat;
	background-position: 6px 5px;
}
.m_sponsors:hover {
   background-image :url('../images/menu/sponsors_.png');
	background-repeat: no-repeat;
	background-position: 14px 5px;
}
.m_submissions {
    width: 205px; height: 24px; margin-bottom: 2px; cursor: pointer;
    background-image: url('../images/menu/submissions.png');
    background-repeat: no-repeat;
    background-position: 6px 5px;
}
.m_submissions:hover {
    background-image :url('../images/menu/submissions_.png');
    background-repeat: no-repeat;
    background-position: 14px 5px;
}
.m_previous {
    width: 205px; height: 24px; margin-bottom: 12px; cursor: pointer;
    background-image: url('../images/menu/previous.png');
    background-repeat: no-repeat;
    background-position: 6px 5px;
}
.m_previous:hover {
    background-image :url('../images/menu/previous_.png');
    background-repeat: no-repeat;
    background-position: 14px 5px;
}

#fx_menu {
   background-image: url('../images/fx_menu.png');
   background-repeat: no-repeat;
   margin-left: 205px;
   height: 24px;
   width: 12px;
}

#side_menu {
   position: relative;
   top: -450px;
   left: 942px;
   width: 29px;
}

#info_box {
   position: absolute;
   top: 50px;
   left: 50%;
   width: 240px;
   margin-left: -140px;
   background-color: #F5E393;
   z-index: 200;
   border: 1px solid #F2CB1D;
   padding: 15px 40px;
   font-weight: bold;
   font-family: Tahoma, Arial, sans-serif;
   font-size: 12px;
  -moz-box-shadow: 3px 3px 3px #333;
  -webkit-box-shadow: 3px 3px 3px #333;
  box-shadow: 3px 3px 3px #333;
  text-align: center;
}

@font-face {
font-family: BebasNeue;
src: url(../fonts/BebasNeue.otf);
}

.button:hover {
   background-color: #20486d;
}
.button {
   background-color: #1c87c9;
        border: none;
        color: white;
        padding: 20px 34px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 20px;
        margin: 4px 2px;
        cursor: pointer;
}