hr.footer {border-top: 0px solid black;}

BODY        {background-color:white;
            /*font-family:"Times New Roman", "Libre Serif", serif; font-size:12pt;*/
            /*font-family:"Arial", "Libre Sans", sans-serif; font-size:10pt;*/
            /*font-family:Verdana, sans-serif; font-size:14pt;*/
                color:black;
                height:100%;
                margin:0px;
                padding:0px;
                background-image:url(media/back.png);
                background-repeat:repeat-y;
                background-position:top left;
            }
IMG         {border-width:0px}
H1          {color:white;
                font-size:30pt;
                text-shadow: black 0px 0px 5px;}
H2          {font-weight:bold;
                font-size:larger}
H3          {font-weight:bold;
                font-size:100%}
PRE         {border:1px solid #001c7b;
            background-color:#cfe1f6;
            white-space:pre-line;
            padding:2px}
.spacer     {margin-top:3ex}
A:link      {color:#001c7b;
                text-decoration:none;
                font-weight:bold}
A:visited   {color:#001c7b;
                text-decoration:none;
                font-weight:bold}
A:hover     {color:#001c7b;
                text-decoration:underline;
                font-weight:bold}

#all-wrapper{margin:0px;
                padding:0px;
            }
#banner     {height:150px;
                width:100%;
                background-color:#01306f;
                background-image:url(media/bannerchunk.png);
                background-repeat:repeat-x;
                background-position:bottom left;
                font-family:"Arial", "Libre Sans", sans-serif; font-size:11pt;}
#bannerimg  {position:absolute;
                top:0px;
                right:0px;
                border:0px;
                margin:0px;
                z-index:3}
#logowrap   {position:relative;
                top:-12px;
                left:85px;
                width:200px;
                z-index:4}
#logo       {position:relative;
                top:27px;
                left:-62px;
                height:125px;
                width:125px}
#titlewrap  {position:relative;
                top:-80px;
                text-align:left;
                margin-left:25ex;
                margin-right:4ex;
                height:131px;
                z-index:6}
#titlenotif {position:absolute;
                top:120px;
                right:50px;
                z-index:6;
            }
#title      {position:relative;
                z-index:6;
                top:-0.5em;
            }
#sidebar    {background-color:#1f4ca4;
                width:170px;
                font-family:"Arial", "Libre Sans", sans-serif; font-size:11pt;
            }
#sidetext   {position:absolute;
                top:150px;
                width:150px;
                padding-bottom:4ex;
                padding-right:10px;
                padding-left:10px;
                overflow:visible;
                background-color:#01306f;
                background-image:url(media/gradient2.png);
                background-repeat:repeat-x;
                background-position:bottom left;
                }
#navblock   {display:block}
.navhead    {font-size:larger;
                font-weight:bold;
                font-style:italic;
                margin-left:1ex;
                margin-top:1ex;
                margin-bottom:0px}
.nav        {font-weight:bold;
                margin-left:3ex;
                margin-top:0px;
                margin-bottom:0px;
                padding:0px}
.nav A:link {color:white}
.nav A:visited {color:white}
.nav A:hover {color:white}
.navhead A:link {color:#cfe1f6}
.navhead A:visited {color:#cfe1f6}
.navhead A:hover {color:#cfe1f6}
.notifhead    {font-size:smaller;
                font-weight:normal;
                margin-left:1ex;
                margin-top:1ex;
                margin-bottom:0px}
.notifhead A:link {color:lime}
.notifhead A:visited {color:lime}
.notifhead A:hover {color:lime}
#curpage    {border:solid 1px white}
#main       {width:100%;}
#intermediate {background-color:white;
                margin-left:170px;
            }
#textblock  {padding:4ex;
                margin-right:auto;
                margin-left:auto;
/*                max-width:125ex;*/
                }
.snapwrapper {position:relative;
                left:50%;
                height:320px;
                width:420px;}
.snap       {height:225px;
                width:366px;
                z-index:6;
                box-shadow: 10px 10px 10px 5px rgba(0,0,0,0.4)}
/*.snapshadow {width:400px;
            height:30px;
            position:relative;
            left:-200px;}*/
#introsnap  {position:relative;
                left:-183px;
                text-align:center}
#rssicon    {height:1.25em;
                width:1.25em;
                float:left;
                padding-right:5px}
#copyright  {font-size:x-small}

.floatleft  {float: left}
.floatright {float: right}
.clearall   {clear: both}
.hidden     {display: none;
             overflow:hide}

.tmain      {padding-right:2ex}

/*patches table*/
.patchtable TR TD {vertical-align:top}
.patchtable TR TH {text-align:left;
                    font-weight:bold;
                    vertical-align:top}
.patchtable {width:100%;}
/*.patchtable TR TD:last-child {width:50%;}*/


/*For mobile and other very small screens*/
@media screen and (max-width: 799px) {
  BODY {background:white}
  #intermediate {margin-left:10px}
  #sidetext {top:0px;width:100%;display:flex;flex-wrap:wrap}
  #sidebar {position:relative;width:100%;}
  H1 {font-size: calc(100vw / 22);}
  #titlenotif {left:195px;width:220px}
  #titlewrap {margin-left: 170px;}
  #navblock   {display:inline;margin-right:10px;}
}
@media screen and (max-width: 520px) {
  #navblock   {display:block}
  #sidetext {display:grid}
  H1 {font-size: calc(100vw / 20);}
}
@media screen and (max-width: 424px) {
  .snap {height:112px;width:183px}
  #introsnap {left:-90px}
  #logo {height:62px;width:62px;top:50px}
  #titlewrap {margin-left: 12ex;top:-20px}
  #titlenotif {left:16px;}
}
