@font-face {
  font-family: "MicroFLF";
  src: url("./MicroFLF.ttf") format("truetype");
}

html, body, header, content, footer, menu,
div, span,
h1, h2, h3, h4,
p
{
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
    
  /* font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
    */
  font-family: "MicroFLF", "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
  color: #fff27a; /* OLD color:  white */
}

html
{
  background: #eb9d4e;
}


div#main
{
    left: 100px;
    top: 100px;
    padding: 20px;
}

div#header
{
    display: block;
    clear:both;
    padding-top: 0px;
    padding-bottom: 10px;
    background-repeat: no-repeat;
    background-position: right top;
    min-width: 1000px;
/*    width:100%;*/
    margin-left:10px;
}

h1#title
{
    font-size: 64px; 
}

h2#subtitle
{
    padding-top:180px;
    font-size: 30px; 
}

h3#date
{
    font-size: 20px; 
}

h3#coloc
{
    padding-top:70px;
    font-size: 16px; 
}

table#schedule a, table#schedule a:hover
{
    color: #eb9d4e;
    display:block;
    text-decoration: none;
}

td#header
{
    color: #eb9d4e;
    background-color: #e6e6ff;
}

td#joint
{
    color: #eb9d4e;
    background-color: #d69ed6;
}

td#tableaux
{
    color: #eb9d4e;
    background-color: #fbbaba;
}

td#frocos
{
    color: #eb9d4e;
    background-color: #9bc3da;
}

td#joint-light
{
    color: #eb9d4e;
    background-color: #ffbdff;
}

td#tableaux-light
{
    color: #eb9d4e;
    background-color: #ffe9e9;
}

td#frocos-light
{
    color: #eb9d4e;
    background-color: #b5e5ff;
}

a
{
    color: white; /* OLD color: #fff27a; #fffacc; */
    text-decoration: none;
}

a:hover
{
    color: #ffe24a; /* OLD color: #fff27a; */
    text-decoration: none;
}

a#tableaux
{
    font-size:24px;
}

.coloctext
{
    /*    padding-top:100px; */
    /* font-style: italic; */
    font-size: 16px; 
}

.frocostext
{
    /*    padding-top:100px; */
    font-weight: bold; 
    font-size: 24px; 
}


/*
body, div#main, div#background, div#header
    {
        width:80%;
        margin-left:auto;
        margin-right:auto;
    }
*/

div#background
{
    width: 100%
}

div#background-banner
{
    background: #eb9d4e;
    /* background-image: ;*/
    background-image: url(banner1280.jpg);
    background-size: 1800px 400px;
    background-repeat: no-repeat;
}

div#menu
{
    padding-top: 0;
    display: block;
    float: left;
    width: 250px; 
}

div#menu ul
{
  border: 0;
  margin: 10;
  padding: 0;
  list-style: none;
}

div#menu li
{
    margin-top: 10px;
    font-weight: bold;
}

div#menu li.selected
{
    margin-top: 10px;
    font-weight: bold;
    color: #ffeb30;
}

div#menu h3
{
    margin-top: 20px;
    margin: 10px;
    font-weight: bold;
    font-size: 16px;
}

div#datelist
{
    font-size: 14px;
    margin-left: 20px;
}

div#datelist table
{
    font-size: 14px;
}

div#contact
{
    font-size: 14px;    
    margin-left: 20px;
}

div#content
{
    margin-top: 0px;
    margin-left: 280px;
    display: block;
  /* float: left; */
}

div#content p
{
  margin-top: 4;
}

div#content h2
{
    padding-top: 10;
}

div#content h3
{
    padding-top: 10;
    font-size: 16;
}

div#dates
{
    margin-bottom: 10;
}

div#dates h4
{
    font-size: 12pt;
    font-weight: bold;    
}

div#dates li
{
    margin-left: 10px;
    margin-top: 1;
}

div#footer
{
    padding-top: 20px;
    display: block;
    clear: both;
/*    width: 1240px; */
    min-width: 1100px;
    text-align: center;
}

div#sponsors
{
    padding-top: 20px;
    display: block;
    clear: both;
/*    width: 1240px; */
   /* min-width: 1100px; */
    text-align: center;
}

div#footer img
{
    padding-left: 5px;
    padding-right: 5px;
}

div#sponsors img
{
    padding-left: 20px;
    padding-right: 20px;
}


div#footer br
{
    padding-top: 20px;
}