*{ margin:0; padding:0; } /* nuke all margins and padding */
body {
    background: #002082;
    background-image: url("gridbg32x32.png");
    max-width: 1000px;
    margin: 0 auto;
    font-family: 'sans';
    font-size: 12pt;
    text-align: justify;
}
gsbg{
    background: #002082;
}

article ul{
    margin-left: 16px;
    padding-left: 16px;
    list-style-position: inside;

}

/* Float an image based on tag in alt from markdown */
img[alt$="<"] {
  float: left;
}
img[alt$=">"] {
  float: right;
}

article
{
    background-color: #000080;
    border-style: solid;
    color: #ffffff;
    typeface-color: white;
    text-align: justify;
    padding: 8px;
    border-color: #CED8F7;
    border-width: 2px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}


article.fullpagearticle img[alt$="><"] {
  display: block;
  max-width: 100%;
  height: auto;
  margin: auto;
  float: none!important;
}

div.social{
    background-color: #5756ac;
    padding: 16px;
}
div.footer2{
    background-color: #5756ac;
    padding: 16px;
}
div.social ul{
    padding-left: 16px;
}
header {
    background: #002082;
    color: #ffffff;
    margin: 0px;
    padding: 0px;
    border: 2px;
    border-color: #CED8F7;
    border-style: solid;
	noborder-radius: 10px;
	no-moz-border-radius: 10px;
	no-webkit-border-radius: 10px;
}
header a:link, a:visited {
	color: #ffffff;
	text-decoration: underline;
}
header a:hover {
    background: #ffd700;
}

article.header{
    border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

a:link, a:visited {
	color: #ffffff;
	padding: 0 1px;
	text-decoration: underline;
}
a:hover, a:active {
	nobackground-color: #C74350;
	background-color: #ffd700;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 1px #333;
}


div.outer
{
    border-color: #CED8F7;
    border-style: solid;
    padding: 8px;
    border-width: 2px;
    max-width: 1000px;
}

article {
    margin-top: 16px;
}

article p{
    padding-left: 16px;
    padding-bottom: 16px;
}

article header h1{ padding: 8px; }
article header h2{ padding: 4px; background-color: #5756ac;}
article header h3{ padding: 4px; }
article header h4{ padding: 4px; }

article h1{ padding: 8px; }
article h2{ padding: 8px; }
article h3{ padding: 8px; }
article h4{ padding: 8px; }

article section{
    padding: 8px;
}


article.articlepreview img{ /* if this article is part of a preview then make it small and float it */
    width: 200px;
    float: right;
}

header ul{ list-style: none; }
header li {
  display: inline;
  margin-right: 10px;
  margin-left: 10px;
}

nav.pagination {
    padding: 16px;
    font-size: 16pt;
}
nav.pagination ul { list-style: none;}
nav.pagination li {
  display: inline;
  margin-right: 10px;
  margin-left: 10px;
}

header nav {
    background: #444444;
    font-size: 14pt;
    border: 4px;
    padding: 4px;
}
main {
    background: #002082;
    border-style: solid;
    color: #ffffff;
    typeface-color: white;
    text-align: justify;
    padding: 8px;
    border-color: #CED8F7;
    border-width: 2px;


}


footer {
    margin-top: 16px;
    no-background-color: #5756ac;
    padding: 8px;
}

footer address {
    display: inline;
}

article img{
        border-color: #CED8F7;
        border-style: solid;
        padding: 8px;
        border-width: 2px;
        margin: 8px;
        width: 400px;
        max-width: 80%;
        height: auto;
}
img.noborder{
            border-width: 0;
}
article.img{ width: 400px; } /* default article image size unless overriden */
img.imgsmall { width: 200px; }
img.imgmed   { width: 400px; }
img.imglarge { width: 600px; }
img.imgxlarge { width: 800px; }
main img{
padding: 8px;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

div.socials
{
}

div.toc
{
    float: right;
    padding: 20px;
    margin: 8px;
    min-height: 170px;
    box-sizing: border-box;
    font-size: 9pt;
    color: #222280;
    background: #ffffff;
    width: 200;
}
div.toc h1 { color: #000000; list-style-type:none; }
div.toc a { color: #000000; text-decoration: none; font-family: 'sans';}
div.toc span { background: #a7defc;}
div.toc ul { padding: 0px; }

div.divcontainer {
  border: 2px solid;
  padding: 8px;
}
div.divcontainersocial {
  noborder: 2px solid;
  background-color: #484887;
  padding: 8px;
}
div.divcontainer .header {
  text-align: center;
  margin-bottom: 8px; /* Adds space between the header and the row below */
  background-color: #555555;
}
div.divcontainer .row {
  display: flex;
  width: 100%;
}
div.divcontainer .column {
  padding: 8px;
  flex: 1; /* Makes columns share the available space equally */
  text-align: left;
  vertical-align: top;
}
br.clearall{ clear: both; }
pre.code
{
    background-color: #555555;
    font-family: monospace;
    white-space: pre;
    width: 90%;
    margin: 16px;
    padding: 8px;
}








@media print {

    body {
        background: #ffffff;
        max-width: 1000px;
        margin: 0 auto;
        font-family: 'sans';
        font-size: 12pt;
        text-align: justify;
    }
    gsbg{
        background: #002082;
    }

    article ul{
        margin-left: 16px;
        padding-left: 16px;
        list-style-position: inside;

    }

    /* Float an image based on tag in alt from markdown */
    img[alt$="<"] {
    float: left;
    }
    img[alt$=">"] {
    float: right;
    }

    article
    {
        background-color: #ffffff;
        border-style: solid;
        color: #000000;
        typeface-color: white;
        text-align: justify;
        padding: 8px;
        border-color: #cccccc;
        border-width: 2px;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    }


    article.fullpagearticle img[alt$="><"] {
    display: block;
    max-width: 100%;
    height: auto;
    margin: auto;
    float: none!important;
    }

    div.social{
        background-color: #cacaca;
        padding: 16px;
    }
    div.footer2{
        padding: 16px;
    }
    div.social ul{
        padding-left: 16px;
    }
    header {
        background: #ffffff;
        color: #000000;
        margin: 0px;
        padding: 0px;
        border: 2px;
        border-color: #dedede;
        border-style: solid;
        noborder-radius: 10px;
        no-moz-border-radius: 10px;
        no-webkit-border-radius: 10px;
    }
    header a:link, a:visited {
        color: #ffffff;
        text-decoration: underline;
    }
    header a:hover {
        background: #ffd700;
    }

    article.header{
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    }

    a:link, a:visited {
        padding: 0 1px;
        text-decoration: underline;
    }
    a:hover, a:active {
        text-decoration: none;
        text-shadow: 1px 1px 1px #333;
    }


    div.outer
    {
        border-color: #CED8F7;
        border-style: solid;
        padding: 8px;
        border-width: 2px;
        max-width: 1000px;
    }

    article {
        margin-top: 16px;
    }

    article p{
        padding-left: 16px;
        padding-bottom: 16px;
    }

    article header h1{ padding: 8px; }
    article header h2{ padding: 4px; }
    article header h3{ padding: 4px; }
    article header h4{ padding: 4px; }

    article h1{ padding: 8px; }
    article h2{ padding: 8px; }
    article h3{ padding: 8px; }
    article h4{ padding: 8px; }

    article section{
        padding: 8px;
    }


    article.articlepreview img{ /* if this article is part of a preview then make it small and float it */
        width: 200px;
        float: right;
    }

    header ul{ list-style: none; }
    header li {
    display: inline;
    margin-right: 10px;
    margin-left: 10px;
    }

    nav.pagination {
        padding: 16px;
        font-size: 16pt;
    }
    nav.pagination ul { list-style: none;}
    nav.pagination li {
    display: inline;
    margin-right: 10px;
    margin-left: 10px;
    }

    header nav {
        background: #444444;
        font-size: 14pt;
        border: 4px;
        padding: 4px;
    }
    main {
        background: #ffffff;
        border-style: solid;
        color: #000000;
        typeface-color: black;
        text-align: justify;
        padding: 8px;
        border-color: #CED8F7;
        border-width: 2px;


    }


    footer {
        margin-top: 16px;
        padding: 8px;
    }

    footer address {
        display: inline;
    }

    article img{
            border-color: #CED8F7;
            border-style: solid;
            padding: 8px;
            border-width: 2px;
            margin: 8px;
            width: 400px;
            max-width: 80%;
            height: auto;
    }
    img.noborder{
                border-width: 0;
    }
    article.img{ width: 400px; } /* default article image size unless overriden */
    img.imgsmall { width: 200px; }
    img.imgmed   { width: 400px; }
    img.imglarge { width: 600px; }
    img.imgxlarge { width: 800px; }
    main img{
    padding: 8px;
    }

    .center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    div.toc
    {
        float: right;
        padding: 20px;
        margin: 8px;
        min-height: 170px;
        box-sizing: border-box;
        font-size: 9pt;
        color: #000000;
        background: #efefef;
        width: 200;
    }
    div.toc h1 { color: #000000; list-style-type:none; }
    div.toc a { color: #000000; text-decoration: none; font-family: 'sans';}
    div.toc span { background: #a7defc;}
    div.toc ul { padding: 0px; }

    div.divcontainer {
    border: 2px solid;
    padding: 8px;
    }
    div.divcontainer .header {
    text-align: center;
    margin-bottom: 8px; /* Adds space between the header and the row below */
    background-color: #ffffff;
    }
    div.divcontainer .row {
    display: flex;
    width: 100%;
    }
    div.divcontainer .column {
    padding: 8px;
    flex: 1; /* Makes columns share the available space equally */
    text-align: left;
    vertical-align: top;
    }
    br.clearall{ clear: both; }
    pre.code
    {
        background-color: #555555;
        font-family: monospace;
        white-space: pre;
        width: 90%;
        margin: 16px;
        padding: 8px;
    }

}