/*very important*/

html {
background-color:#ffffff;
background-repeat: no-repeat;
background-size: 100%;

color: #000;
}

body {
font-family: Verdana, sans-serif;
text-rendering: optimizeLegibility;

margin: 0%;
}
/*important*/

#wrapper{
margin: auto;
width: 65vw;
}
  
#flex {
display: flex;
}

/*main and aside*/
main,aside{
background-color:none;
color: #1e223f;
height: auto;
}

main{
font-size: 12px;
width: 100%;
}

aside {
font-size: 11px;
width: 13vw;
margin: 0%;
padding: 0%;

background-color: #444;
}


header {
height: 99px;
width: auto;

padding: 1%;

background-color: #fff;

background-image: url(../../img/pwpr/banner_1.png);
background-size: 100%;
background-repeat: none;
}

footer{
background-color: #000;
color: #bbb;

font-size: 11px;

text-align: center;
}

/*headings*/
h1, h2, h3{
margin: 0%;
margin-left: 0%;
margin-right: 0%;
margin-top: 0%;
padding: 0.3%;
}

p {
padding: 0.3%;
}

/*horizontal lines*/
hr {
border-top: none;
border-bottom: 1px dotted #1e223f;
border-right: none;
border-left: none;
}

/*lists*/

li, ol, ul {
text-align: left;

margin: 1px;
padding-left: 0%;

list-style-position: inside;
}

/*tabcontent*/

.tabcontent {
display: none;
height: auto;
}

/*hyperlinks*/
a {
text-decoration: underline;
color: #a00000;
}

a:hover {
text-decoration: none;
}

#longlink {
display: block;
padding: 1%;
text-decoration: none;

background-image:linear-gradient(90deg,#363a76 0%, #366ca8 100%);
border-top: 1px solid #5c6faf;
border-bottom: 1px solid #1e223f;
color: #fff;

height: auto;
width: auto;
}

#longlink:hover{
color: #ffee00;
}

/*tables*/
table, td, th {
border-collapse: collapse;
border: 1px solid #00f;
background-color: #fff;


overflow:hidden;
word-break:normal;

padding: 5px;
margin: 5px;
}

th{
background-color: #00f;
color: #fff;
}