body { margin:0; font-family:Arial; height: 100% }

* {
  box-sizing: border-box;
}

.layout {
display:grid;
grid-template-columns:350px 1fr;
grid-template-rows:60px 1fr;
grid-template-areas:
"header header"
"sidebar main";
height:100vh;
}
.header { grid-area:header; border-bottom: 2px solid #086481; background: #0094c3 ; width: 100%; text-align: center;}
.sidebar { grid-area:sidebar; border-right: 1px solid #086481; overflow: auto; align-self: stretch;}

.sidebar object {
  width: 100%;
  height: 100%;
  display: block;
}

.main { grid-area:main; padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 30px;}
h1, h2, h3, h4 {
  color: #086481;
}

a:link {
  color: #086481;
}

a:visited {
  color: #086481;
}

a:hover {
  color: #086481;
}

a:active {
  color: #086481;
}

nav ul {
list-style: none;
padding-left: 20px;
}

nav li::before {
content: "▶ ";
color: #086481;
}

nav ul ul li::before {
content: "▸ ";
color: #086481;
}

nav ul ul ul li::before {
content: "• ";
color: #086481;
}