body
{
    min-width : 406px;
}

header
{
    border : dotted;
    /* height:111px */
}

header img
{

    /* 	float:left; */
    border : 20px;
    border : solid;
    clear  : both;
}

div.innerbanner
{
    clear  : both;
    float  : left;
    border : dashed;
}

div.innerbanner img
{
    margin-left  : auto;
    margin-right : auto;
}

div.mainlinks
{
    clear : both;
}

h1
{
    text-align : center;
}

h2
{
}


h2
{
    clear : both;
}

mainlinks
{
    clear : both;
}

div.graphicbox
{
    float  : left;
    border : dashed;
    clear  : both;
}

div.graphicboxright
{
    float  : right;
    border : dashed;
}

div.graphicitem
{
    float  : inherit;
    height : 100px;
    width  : 100px;

}

div.box
{
/ / width: 350 px;
/ / height: 100 px;

    /* Firefox */
    display            : -moz-box;
    -moz-box-orient    : horizontal;
    -moz-box-pack      : center;
    -moz-box-align     : center;

    /* Safari and Chrome */
    display            : -webkit-box;
    -webkit-box-orient : horizontal;
    -webkit-box-pack   : center;
    -webkit-box-align  : center;

    /* W3C */
    display            : box;
    box-orient         : horizontal;
    box-pack           : center;
    box-align          : center;
}

header.codedevelopment
{
    border : double;
}

footer
{
    border-width : 1px;
    border       : outset;
    clear        : both;

}

#NRFooter h2
{
    text-align : center;
}

div.mygraphic
{
}

#canvas1
{
    width  : 300px;
    height : 300px;
    border : solid;
    float  : left;
}

#canvas2
{
    width        : 300px;
    height       : 300px;
    border       : solid;
    float        : right;
    margin       : 20px;
    border-style : solid;
    padding      : 10px;
}


#buttonleft
{
    float : left;
}

#buttonright
{
    float : right;
}

footer table
{
    float : left;
}

footer header
{
    border : none;
}

footer li
{
    text-align : center;
}

/*--------------------*/
.flex-container
{
    display          : flex;
    background-color : DodgerBlue;
}

.flex-container > div
{
    background-color : #f1f1f1;
    margin           : 10px;
    padding          : 20px;
    font-size        : 30px;
}

*
{
    box-sizing : border-box;
}


.header
{
    border  : 1px solid red;
    padding : 15px;
}

.menu
{
    width   : 25%;
    float   : left;
    padding : 15px;
    border  : 1px solid red;
}

.main
{
    width   : 75%;
    float   : right;
    padding : 15px;
    border  : 1px solid red;
}