body{margin:0;background:linear-gradient(180deg, #f0ecee 120px, #ddd5d9 0);height:100vh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:start}header{width:750px;background-color:#fff;border-left:1px solid #999;border-right:1px solid #999}header #general-top-image{width:750px;height:120px}header #general-top-nav{width:750px;height:60px;display:flex;flex-direction:row;align-items:start;justify-content:start;flex-wrap:nowrap;background-color:#f0ecee}header #general-top-nav #general-top-nav-img{width:117px;height:60px}header #general-top-nav #general-top-nav-elements{width:620px}header #general-top-nav #general-top-nav-elements ul{display:flex;flex-direction:row;align-items:start;justify-content:center;flex-wrap:nowrap;padding:0;margin:0;width:620px}header #general-top-nav #general-top-nav-elements ul a{width:103.3333333333px;height:60px;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:start}header #general-top-nav #general-top-nav-elements ul a li{list-style-type:none;text-align:center;padding-top:12px;padding-bottom:5px;font-size:13px;font-weight:600;font-family:Arial,sans-serif;color:#635f5f}header #general-top-nav #general-top-nav-elements ul a:hover{justify-content:end}header #general-top-nav #general-top-nav-elements ul a:hover li{font-size:16px;color:#933}header #general-top-nav #general-top-nav-elements ul a.selected{justify-content:end}header #general-top-nav #general-top-nav-elements ul a.selected li{font-size:16px;color:#933}header #general-top-nav #general-top-nav-elements hr{border:1px solid #cacaca;position:absolute;top:150px;width:620px;margin:0;pointer-events:none}main{display:flex;flex-direction:row;align-items:start;justify-content:space-between;flex-wrap:nowrap;width:750px;height:calc(100vh - 220px);border-left:1px solid #999;border-right:1px solid #999}main #general-side-nav{width:170px;height:calc(100vh - 220px);background-color:#fff;overflow-y:auto}main #general-side-nav ul{margin:20px 0 0 0;padding-left:5px}main #general-side-nav ul li{list-style-type:none;margin:5px 0 5px 0;font-family:Arial,sans-serif;font-size:12px;color:#933;font-weight:400}main #general-side-nav ul li a{text-decoration:none;color:#933;font-family:Arial,sans-serif;font-size:12px;font-weight:400}main #general-side-nav ul li a.shifted{padding-left:30px}main #general-side-nav ul li a:hover{color:red}footer{height:40px;width:750px;background-color:#933}footer ul{display:flex;flex-direction:row;align-items:end;justify-content:start}footer ul li{list-style-type:none;width:100px;text-align:center}footer ul li a{text-decoration:none;color:#fff;font-family:Arial,sans-serif;font-size:16px;font-weight:400}footer ul li a:hover{font-weight:600}