html, body {padding: 0; margin: 0; font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height: 22px;}
* {box-sizing:border-box}
img{max-width:100%;height:auto;}

a {color:#48b0fb; text-decoration: none}

.uppercase {text-transform: uppercase}

h1{font-size: 28px; font-weight: 300; padding: 1% 0 0 5%; margin-bottom: 0; line-height: 20px;}
#topper h1 {color: #FFF;}
h2{font-size:22px; font-weight: 600; padding-top:1.5rem; color:#62345c; text-transform: uppercase;}
h3{font-size:18px; font-weight: 600; color:#62345c; }
h4{font-size:16px; font-weight: 600; color:#62345c; font-weight:normal}
h5{font-size:13px; font-weight: 600; color:#62345c}
h6{font-size:12px; font-weight:600; padding:0;margin:0;line-height:1;}
.uppercase {text-transform: uppercase}

table {width: 100%; border: 1px solid #8a8a8a;	border-spacing: 0;border-radius: 15px ;	margin:0 0 20px;}
table thead {text-align: left; background-color: #62345c; color:#fff; height: 25px;}
table thead tr:first-child  th:first-child {border-bottom: 0.03cm solid #8a8a8a;border-radius: 30px 0px 0px 0px;}
table thead tr:first-child th:first-child {border-radius: 15px 0px 0px 0px;}
table thead tr:first-child th:last-child {border-radius: 0px 15px 0px 0px;}
table thead tr:first-child th:only-child {  border-radius: 15px 15px 0px 0px;}
table thead tr:not(:first-child) > th {border-top:1px solid white;}
table thead th:first-child {padding-left: 0.25cm;}
table tbody tr td:first-child {padding-left: 0.25cm; width: 30%;}
table tbody td {height: 20px;}
table tbody tr:not(:last-child) td {border-bottom: 0.01cm solid #ececec;}
table tbody tr:first-child td {padding-top: 0.25cm;}
table tbody tr:last-child td {padding-bottom: 0.25cm;}
table.vertical-borders td + td {border-left: 0.01cm solid #ececec;	}
table.noborder {border:none}
	table.noborder tbody tr td:first-child {padding-left: 0;}

#topper{position:fixed; top:0; left:0; width: 100%; height: 99px; padding: 0; background-color: #FFF;z-index:3; box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.25);background:url("pi-imgs/bg-top.jpg") center  no-repeat;background-size:auto 100%;}
/*#topper img{width:100%; height:auto;}*/

sup {line-height: 0;}
sup, sub {}

#wrapper {position: relative;  width: 100%;  height:auto;  margin: auto;  padding: 0; z-index: 0}

#rightmenu {position: fixed;  top:99px;  left: 0;  width: 30%; /*31%;*/  background-color: #eeeeee;  padding: 1% 1%;  overflow:scroll;  height: calc(100vh - 88px);  z-index: 920;}
	#rightmenu a {color:#000}
	#rightmenu h2 a{color:inherit}
	#rightmenu a:hover {text-decoration: underline;}
	#rightmenu > ol > li > a {color:#62345c; text-transform: uppercase; font-weight: bold;}
	#rightmenu ol {list-style-type: none; counter-reset: item; margin: 0;  padding: 0;}
		#rightmenu ol > li { display: table;  counter-increment: item;  margin-bottom: 0.6em;}
		#rightmenu ol > li:before { content: counters(item, "") " ";  display: table-cell;  padding-right: 0.6em;color:#62345c; font-weight:bold;    width: 1.5em;    text-align: right;}	
		#rightmenu ol > li li:before {color:inherit; font-weight:normal;}			
		#rightmenu ol > li ol > li { margin: 0; margin-top:4px;}
		#rightmenu ol > li ol > li:before { content: counters(item, ".") " ";}

body:not(.scrolling) #rightmenu a.active {color:#cb007b;}

#rightmenu ul {list-style: none; margin:0; padding: 0}
#rightmenu > ul > li > a {color:#62345c; font-weight: bold;}
#rightmenu > ul > li:before {content: "> ";color:#62345c; font-weight:bold;}

#rightmenu ol > li.empty /*{display:none !important}*/ {height:0; overflow: hidden;line-height:0; margin:0; padding:0;}
#rightmenu ol > li.empty:before {content:"";}

#maincontent { float: right;  /*left: 0;*/  width:58%;  padding: 2% 2% 2% 0%;  margin-right:1em;  background-color:white;  margin-top: 58px;  z-index:0;}

.flexcroll{
	scrollbar-face-color: #367CD2;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
    scrollbar-arrow-color: #FFFFFF;
}

.flexcroll::-webkit-scrollbar {
    width: 11px;
}
.flexcroll::-webkit-scrollbar-track {
	 background:rgba(0,0,0,0.05);
	}
.flexcroll::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background:#62345c;
}

#maincontent > section {padding-top:50px;}
#maincontent > section + section {padding-top:20px;}
.starter{font-size:32px; line-height:56px;margin-top: 26px; font-weight:600; color:#62345c}
.footnote{font-size:11px}

#footer-outer{display:flex; justify-content: space-between; align-items: center;  min-width:100%; background-color: #eeeeee; padding: 15px 20px 20px 15px;    font-size:11px;   box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.15);position: relative;    z-index: 920;	 }
.footer-left {display:flex; align-items: center;}

.the-logo {height:56px; display:block;}
.the-logo  img {max-height:100%}
.footer-links { padding-left:30px;}
.footer-copyright {line-height:1.4}