body { background-color:black; font-size:10pt; color:black; margin:0px; }

    
    * { font-family:arial,helvetica,sans-serif; }
    p { margin:1em 0ex; }

    h1, h2, h3, h4, h5 { color:#308caf; }
    h1:first-child, h2:first-child, h3:first-child, h4:first-child { margin-top:0em; }

    h1 { font-size:1.8em; margin:2.7em 0ex 1.8ex 0ex; font-weight:normal; }
    #content > h1 { margin-top:0ex; }
    h2 { font-size:1.2em; margin:1.8em 0ex 1.2ex 0ex; border-bottom:1px solid #308caf; }
    h3 { font-size:1em; margin:1.5em 0ex 1ex 0ex ; font-weight:bold; }
    h4 { font-size:1em; margin:1.5em 0ex 1ex 0ex ; color:black; }
    h5 { font-size:1em; margin:0.2ex 0ex; }

    sup { font-size:0.8em; }
    span.smallcaps { color:gray; font-size:0.8em; }
    p { margin:1em 0ex 1ex 0ex; }
    .inline { margin:1em 0ex 1ex 0ex; } 
    .inline * { display:inline; }
    .time { text-align:right !important; vertical-align:top; }

    
    ul { margin:0ex; padding:0px; }
    ul li { margin:0ex; list-style-type:none; }
    ul li:before { content:' \2013  '; }
    ol { } 
    ol li
    {
        border:1px solid #d9d9d9;
        list-style-position:outside;
        margin:0ex;
        padding:1ex;
    }
    ol li:first-child
    {
        iecss3-border-radius:5px;
        -webkit-border-radius:1ex 1ex 0ex 0ex;
        -moz-border-radius:1ex 1ex 0ex 0ex;
        -ms-border-radius:1ex 1ex 0ex 0ex;
        -o-border-radius:1ex 1ex 0ex 0ex;
        border-radius:1ex 1ex 0ex 0ex;
    }
    ol li:last-child
    {
        iecss3-border-radius:5px;
        -webkit-border-radius:0ex 0ex 1ex 1ex;
        -moz-border-radius:0ex 0ex 1ex 1ex;
        -ms-border-radius:0ex 0ex 1ex 1ex;
        -o-border-radius:0ex 0ex 1ex 1ex;
        border-radius:0ex 0ex 1ex 1ex;
    }
    ol li:nth-child(odd) { border:none } 

    ul.messages
    {
        margin:1ex 0ex;
        padding:1ex;
        background-color:#ffdd55;
        
        -webkit-border-radius:1ex;
        -moz-border-radius:1ex;
        -ms-border-radius:1ex;
        -o-border-radius:1ex;
        border-radius:1ex;
    }
    ul.messages li { font-weight:bold; color:black; font-style:italic; margin:1ex 1em; list-style-type:disc; list-style-position:inside; }
    ul.messages li:before { content:''; }


    .status { position:relative; height:0px; text-align:right; }
    .loggedIn
    {
        display:inline-block;
        position:absolute;
        float:right;
        top:0px; right:0px;
        background-color:#ffdd55;
        padding:1ex;
        -webkit-border-radius:0em 0em 0em 1ex;
        -moz-border-radius:0em 0em 0em 1ex;
        -ms-border-radius:0em 0em 0em 1ex;
        -o-border-radius:0em 0em 0em 1ex;
        border-radius:0em 0em 0em 1ex;
    }


    
    #content table { border-collapse:collapse; width:100%; }
    #content table th { color:#308caf; text-align:left; font-weight:bold; }

    #content table td, #content table th { padding-left:1ex; padding-right:1ex; }
    #content table td:first-child, #content table th:first-child  { padding-left:0ex; padding-right:1ex; }
    #content table td:last-child, #content table th:last-child { padding-left:1ex; padding-right:0ex; }

    #content table tbody th { color:black; border:solid #d9d9d9; border-width:1px 0px; font-weight:normal; }

    #content table.layout { width:auto; } 


    table.program tbody td { border-style:dotted none; border-width:1px 0px; border-color:#d9d9d9; vertical-align:top; }


    
    .hiddenLink a
    {
        visibility:hidden; color:white !important; text-decoration:none; font-size:0.8em; padding:0.3ex;
        -moz-border-radius:1ex;
        -webkit-border-radius:1ex;
        iecss3-border-radius:5px;
        border-radius:1ex;

        -webkit-transition:all .5s ease-in;
        -moz-transition:all .5s ease-in;
        -ms-transition:all .5s ease-in;
        -o-transition:all .5s ease-in;
        transition:all .5s ease-in;
    }
    .hiddenLink:hover a
    {
        visibility:visible; color:white; background-color:#308caf; font-size:0.8em;
        -webkit-transition:all .1s ease-in;
        -moz-transition:all .1s ease-in;
        -ms-transition:all .1s ease-in;
        -o-transition:all .1s ease-in;
        transition:all .1s ease-in;
    }

    
    #contentContainer a
    {
        color:#075775;
        -webkit-transition:all .1s ease-in;
        -moz-transition:all .1s ease-in;
        -ms-transition:all .1s ease-in;
        -o-transition:all .1s ease-in;
        transition:all .1s ease-in;
    }
    #contentContainer a:hover
    {
        color:#308caf;
        -webkit-transition:all .5s ease-in;
        -moz-transition:all .5s ease-in;
        -ms-transition:all .5s ease-in;
        -o-transition:all .5s ease-in;
        transition:all .5s ease-in;
    }

    a img { border:none; }
    table.debug, table.debug td { border:1px solid red; }
    .debug { color:red; }

    
    form
    {
        border:1px solid #308caf;
        padding:1em;
        margin:1em 0em;

        iecss3-border-radius:10px;
        -webkit-border-radius:1em;
        -moz-border-radius:1em;
        -ms-border-radius:1em;
        -o-border-radius:1em;
        border-radius:1em;
        
    }
    fieldset { padding:0ex 1ex; margin:0ex; border:none; }
    fieldset.submitButtons { border:none; padding:0em; text-align:right; margin:1em 0em 0em 0em; }
    input, select, textarea
    {
        box-sizing:border-box;    
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }
    form textarea { width:100%; }
    input[type=text], select { width:12em; }
    input[type=text]:focus, select:focus, textarea:focus; { box-shadow:0ex 0ex 2px orange; }
    
    input.short, select.short { width:6em; }
    input.long { width:18em; }
    label.left { display:inline-block; width:6em; vertical-align:baseline; } 
    



    
    #head   
    {
        height:30ex;
        font-size:1em;
        text-align:center;
        position:relative;
        background-color:#308caf;
        filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#308caf', EndColorStr='#075775');
        -ms-filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#308caf', EndColorStr='#075775');
        background-image:-webkit-gradient(linear,left top, left bottom, color-stop(0, #308caf), color-stop(1, #075775));
        background-image:-webkit-linear-gradient(top, #308caf 0ex, #075775 77%);
        background-image:-moz-linear-gradient(top, #308caf 0%, #075775 77%);
        background-image:-o-linear-gradient(top, #308caf 0ex, #075775 77%);
        background-image:linear-gradient(top, #308caf 0ex, #075775 77%);

    }
    #head a img { margin:2em; } 
    #head #headingLeft { display:none; }


    
    #sidebar img { margin:2em; }
    #sidebar a { color:white; text-decoration:none; }

    #sidebar #navigation a
    {
         display:block; margin:0ex 0ex; padding:1ex 2em;
        -webkit-transition:all .5s ease-in;
        -moz-transition:all .5s ease-in;
        -ms-transition:all .5s ease-in;
        -o-transition:all .5s ease-in;
        transition:all .5s ease-in;
    }
    #sidebar #navigation a:hover
    {
        background-color:#308caf;
        filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#308caf', EndColorStr='#075775');
        
        background-image:-webkit-gradient(linear,left top, left bottom, color-stop(0, #308caf), color-stop(1, #075775));
        background-image:-webkit-linear-gradient(top, #308caf 0%, #075775 100%);
        background-image:-moz-linear-gradient(top, #308caf 0%, #075775 100%);
        background-image:-o-linear-gradient(top, #308caf 0%, #075775 100%);
        background-image:linear-gradient(top, #308caf 0%, #075775 100%);
        -webkit-transition:all .1s ease-in;
        -moz-transition:all .1s ease-in;
        -ms-transition:all .1s ease-in;
        -o-transition:all .1s ease-in;
        transition:all .1s ease-in;
    }

    #sidebar p { padding:1ex 2em; font-size:0.9em; }





    

    
    

    
    #page { width:900px; margin:0em auto; }
    #body { width:900px; background-color:white; overflow:hidden; }
    #sidebarContainer { width:220px; float:left; margin-bottom:-99999px; padding-bottom:99999px; background-color:#3e3e3e; color:white; }
    #contentContainer { width:680px; float:right; margin-bottom:-99999px; padding-bottom:99999px; background-color:white; }
    #sidebar { margin:0em; } 
    #content { margin:3em; }


    .registerNow
    {
        font-size:14pt;
        font-weight:bold;
        padding:0.8em;
        margin:1em;
        position:absolute;
        right:0px;
        top:5em;
        
        color:#075775;
        background-color:#d9d9d9;
        text-decoration:none;
        iecss3-border-radius:12px;
        -webkit-border-radius:1.2em;
        -moz-border-radius:1.2em;
        -ms-border-radius:1.2em;
        -o-border-radius:1.2em;
        border-radius:1.2em;
        -webkit-transition:all .5s ease-in;
        -moz-transition:all .5s ease-in;
        -ms-transition:all .5s ease-in;
        -o-transition:all .5s ease-in;
        transition:all .5s ease-in;
    }

    .registerNow:hover
    {
        
        box-shadow:0ex 0ex 3em white;
        -webkit-transition:all .5s ease-in;
        -moz-transition:all .5s ease-in;
        -ms-transition:all .5s ease-in;
        -o-transition:all .5s ease-in;
        transition:all .5s ease-in;
    }


    
    @media all and ( max-width:900px )
    {
        #page { width:100%; margin:0em auto; }
        #body { width:100%; }

        #head { height:auto; font-size:1em; text-align:left; position:static; vertical-align:top; overflow:auto; min-width:670px; }
        #head a img { margin:1ex; float:right; }
        #head img.vanEykLogo { vertical-align:top; margin:1ex; display:block; }
        #head #headingLeft { display:inline; width:auto; float:left; }
        #head #headingLeft .registerNow {  }
        #head #headingRight { display:none; }

        .registerNow
        {
            display:inline-block;
            font-size:12pt;
            font-weight:bold;
            padding:0.8em;
            margin:1ex;
            text-wrap:nowrap;
            position:static;
            vertical-align:top;
            white-space:nowrap;
        }

        #sidebarContainer { width:auto; float:none; margin:auto; padding:0px; overflow:auto; text-align:center; }
        #sidebarContainer img.vanEykLogo { display:none; }
        #sidebar #navigation a { display:inline-block; margin:0ex 0ex; padding:1ex; font-size:0.8em; }
        #sidebar #quotes { overflow:auto; margin:auto; width:95%; display:inline-block; }
        #sidebar #quotes p
        {
            display:inline-block; width:15em; float:left; font-size:0.8em; margin:1ex; padding:1ex; text-align:justify;
            color:black;   
            background-color:#d9d9d9; 
            
            -moz-border-radius:1.2em 0em 0em 0em;
            -webkit-border-radius:1.2em;
            iecss3-border-radius:12px;
            border-radius:1.2em 1.2em 0em 1.2em;
        }

        #sidebar #termsPrivacy { display:block; float:left; margin:0ex; padding:0ex; clear:both; }
        #sidebar #termsPrivacy a { display:inline-block; margin:0ex 0ex; padding:1ex; font-size:0.8em; }

        #contentContainer { width:auto; float:none; margin:0px; padding:0px; }
    }

    
    @media all and (max-width:500px)
    {
        #head { min-width:430px; }
        #head a img { margin:1ex; float:right; width:240px; }
        #sidebar #quotes { display:none; }
        #content { margin:1em; }
        .registerNow { font-size:8pt; margin:1ex, padding:1ex; }
    }

    @media print
    {
        #head { display:none; }
        #sidebarContainer { display:none; }
        #contentContainer { width:auto; height:auto; }
        .status { display:none; }

    }