:root
{
 --text-colour: rgb(35,35,35);
 --bg-colour: rgb(190,200,220);
 --shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.39);
 --text-shadow: 0 4px 8px rgba(0, 0, 0, 0.4), 0 6px 20px rgba(0, 0, 0, 0.39);
 --screen-width: 1400px;
 --inner-screen-width: 1368px;
 --screen-padding: 16px;
 --display-width: 900px;
 --side-panel-width: 452px;
 --font-size: 12pt;
}
@font-face
{
 font-family: Header;
 src: url('../fonts/FiraMono-Regular.woff') format('woff'),
      url('../fonts/FiraMono-Regular.woff2') format('woff2');
}
@font-face
{
 font-family: MainText;
 src: url('../fonts/MetaPro-Medium.woff') format('woff'),
      url('../fonts/MetaPro-Medium.woff2') format('woff2');
}
body
{
 font-family: MainText,Arial, sans-serif;
 font-size: var(--font-size);
 background-color: rgb(100, 167, 196);
}
H1,H2,H3,H4
{
 font-family: Header;
 color: var(--text-colour);
 text-shadow: var(--text-shadow);
}
H1
{
 font-size: 20pt;
}
H2
{
 font-size: 18pt;
}
P
{
 text-align: justify;
}
img
{
 vertical-align: baseline;
}
#mastercontent
{
 background-color:var(--bg-colour);
 box-shadow: var(--shadow);
 margin:auto;
 width: var(--screen-width);
 overflow: auto;
}
#header
{
 font-family: Header;
 font-size: 24pt;
 font-weight: bold;
 padding-top: 24px;
 background: linear-gradient(to bottom, #555555 0%, var(--bg-colour) 100%);
 height: 60px;
}
#header,#footer
{
 width: var(--inner-screen-width);
 padding-left: var(--screen-padding);
 padding-right: var(--screen-padding);
 padding-bottom: 8px;
 float:left;
 overflow: hidden;
}
#footer
{
 font-size: 8pt;
 text-align: center;
 background: linear-gradient(to bottom, var(--bg-colour) 0%, #777777 100%);
 height: 40px;
}
#sidebar
{
 width: var(--side-panel-width);
 float:left;
 opacity: 1;
 position: sticky;
 top: 0px;
}
#sideheader
{
 font-family: Header;
 height: 30px;
 font-size:14pt;
 padding-left:4px;
 padding-top:6px;
 font-weight: bold;
 background: linear-gradient(to bottom, #888888 0%, #cccccc 50%, #888888 100%);
}
#sidebody
{
 max-height: 0;
 overflow: hidden;
 transition: max-height 0.2s ease-out;
 font-size:14pt;
 background: linear-gradient(to right, #7F7F7F 0%, #CFCFCF 75%, #7F7F7F 100%);
}
#yearlist
{
 font-weight: bold;
 padding-right:25px;
 padding-left:8px;
 color: #000000;
 background: linear-gradient(to right, #4866C9 0%, #7896F9 75%, #4866C9 100%);
}
#sideentry
{
 background-image: url('../graphics/LED_Blue.png');
 background-position: 12px 6px;
 background-repeat: no-repeat;
 padding-left:29px;
}
#sideentry:hover
{
 background-image: url('../graphics/LED_Green.png');
}
#sideheader,#sidebody
{
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.39);
}
#displayarea
{
 padding: var(--screen-padding);
 width: var(--display-width);
 overflow-x:hidden;
 float:left;
}
.link
{
 cursor: pointer;
 font-weight: bold;
 transition: 0.3s;
}
a
{
 color: var(--text-colour);
 text-decoration: none;
}
.link:hover
{
 background-color: rgba(0,0,0,0.5);
 color: var(--bg-colour);
}
.downloadimage
{
 float:left;
}