footer,header,nav,section{
display:block
}
html{
font-size:100%;
height:100%;
overflow-y:scroll;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%
}
body{
margin:0;
height:100%;
font-family:'Noto Sans',sans-serif;
font-size:.875em;
line-height:1.9em;
color:#121212
}
a{
color:#3B5179;
text-decoration:none
}
a:visited{
color:#3B5179
}
a:hover{
color:#C70151
}
a:focus{
outline:dotted thin
}
a:active,a:hover{
outline:0
}
b,strong{
font-weight:700
}
em{
font-style: italic
}
sub,sup{
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline
}
sup{
top:-.5em
}
sub{
bottom:-.25em
}
ol,ul{
margin:1em 0;
padding:0 0 0 25px
}
.publi{
font-size:1.025em;
margin:15px 0 0;
font-weight:400;
line-height:1.3em
}
.pubAuthors{
font-family:'Noto Sans',sans-serif;
font-size:.950em;
line-height:1.9em;
color:#444
}
.pubDetails{
font-family:'Noto Sans',sans-serif;
font-size:.875em;
line-height:1.9em;
color:#444
}
header{
margin-bottom:30px
}
h1{
font-size:2.4em;
font-weight:400;
line-height:1.2em;
margin:0
}
h2{
font-size:1.6em;
line-height:1.2em;
margin:40px 0 0;
font-weight:400
}
h3{
font-size:1.35em;
margin:30px 0 0;
font-weight:400;
line-height:1.3em
}
img{
-ms-interpolation-mode:bicubic;
vertical-align:middle
border:0;
max-width:100%
}
ul{
list-style:circle
}
nav ol,nav ul{
list-style:none;
margin:0;
padding:0
}
.headerWrapper{
background-color:#193864;
float:left;
width:100%;
padding-top:10px
}
.tabBar{
width:90%;
max-width:1065px;
margin:0 auto
}
.headerWrapper header{
width:90%;
max-width:1065px;
margin:0 auto
}
.tabContent{
padding-top:5px
}
.tabSection{
background-color:#193864;
float:left;
width:90%;
max-width:1065px;
margin:0 auto;
padding-bottom:2px
}
.hidden{
display:none;
}
.menuSection,.tabSection{
background-color:#7D9CB8;
float:left;
width:100%
}
.menuButton{
padding:7px 0;
vertical-align: middle;
display:block;
height:20px;
color:#efefef;
font-size:1em
}
.menuBar,.tabBar{
margin:0;
text-transform:none;
padding:0;
width:100%
}
.menuBar ul{
list-style-type: none;
}
.menuBar li{
margin:0;
padding:7px 15px;
background-color:#9DBCD8;
border:1px solid #8DACC8;
float:left;
width:14%
}
.menuBar li:hover{
background-color:#dadada
}
.menuBar a{
background-color:transparent;
padding:0;
height:auto;
border-bottom:0;
display:block
}
.menuBar a:hover{
border-bottom:0
}
.menuList{
list-style-type: none;
}
.tabList{
list-style-type: none;
}
.tabBar li{
margin:7px 0px;
padding:2px 10px;
background-color:#9DBCD8;
border:1px solid #8DACC8;
float:left;
font-size: .875em;
width:16%;
clip-path:polygon(0 100%, 5% 0, 95% 0, 100% 100%);
list-style-type: none
}
.tabBar li:hover{
background-color:#dadada
}
.tabBar a{
background-color:transparent;
padding:0;
height:auto;
border-bottom:0;
display:block
}
.tabBar a:hover{
border-bottom:0
}
.name{
color:#dedede;
margin:0;
padding:5px 5% 8px
}
.name a{
color:#dedede;
}
.centre{
width:90%;
margin:0 auto;
max-width:1065px
}
#contentElement{
max-width:1065px;
margin:0 auto;
overflow:auto
}
.content{
float:left;
font-size:1.2em;
line-height:1.65em;
width:100%;
padding-top:20px
}
.content section{
float:none;
margin:0 5%;
width:90%
}
.tabContent a[id]{
color:#7D9CB8
}
.tabContent a[href]{
border-bottom:1px dotted #193864
}
.tabContent a[href]:hover{
border-bottom:1px dotted #B87D9C
}
.currentPage{
background-color:#dadada!important
}
.currentTab{
background-color:#dadada!important
}
#portrait{
width:120px;
float:right;
padding:10px;
margin:0 0 40px 40px
}
.footerWrapper{
background-color:#646464;
color:#eee;
float:left;
padding:5px 0;
width:100%;
font-size:1.1em
}
.footerWrapper footer{
width:90%;
max-width:1065px;
margin:0 auto
}
#footerLinks{
padding: 0px 5%
}
#footerLinks a{
color:#eee;
border-bottom:1px dotted #eee
}
#footerLinks a:hover{
color:#C70151;
border-bottom:1px dotted #C70151
}

@media screen and (min-width:200px){
h1{font-size:1.4em}
.name{font-size:1.4em}
h2{font-size:1.3em}
h3{font-size:1.2em}
.menuBar li{width:90%;padding:7px 10px}
#contentElement{width:90%}
.content section{float:none;margin-left:0;width:100%}
.content{padding:10px 0}
.content a[href]{word-wrap:break-word}
.content img{margin:20px 0}
#footerLinks ul{list-style:none;margin:0;padding:0}
.off{display:none}
.hidden{display:block}
#portrait{float:none;padding:0;margin:20px 0}
}

@media screen and (min-width:480px){
.menuBar li{width:27.5%;padding:7px 10px}
.tabBar li{width:27.5%;padding:2px 10px}
}

@media only screen and (min-width:566px){
.content img{float:right;margin:20px 0 40px 40px}
#portrait{float:right;padding:10px;margin:0 0 40px 40px}
}

@media only screen and (min-width:850px){
.menuBar{display:block!important;width:100%;padding:0;margin:0}
.menuBar li{width:calc(14.9% - 20px);padding:7px 10px}
.tabBar{display:block!important;width:100%;padding:0;margin:2px 0}
.tabBar li{width:calc(15.9% - 20px);padding:2px 10px}
.hidden{display:none}
.name{font-size:2em}
.content{padding:20px 0}
.content section{float:none;width:90%;margin:2px 5%}
}

@media only screen and (min-width:1024px){
.content section{float:none;width:90%;margin:2px 5%}
.menuBar{width:100%;padding:0 5%;margin:0}
.tabBar{width:100%;padding:0;margin:2px 0}
}

@media screen and (max-device-width:768px){
html{-webkit-text-size-adjust:none;-ms-text-size-adjust:none}
.content{line-height:1.5em}
h1{font-size:2em;letter-spacing:-1px}
body{font-size:1em}
}

@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape){
body{font-size:.9em}
.name{clear:left}
.menuBar{display:block!important;width:100%;padding:0 5%;margin:0}
.menuBar li{padding:7px 10px}
.tabBar{display:block!important;width:100%;padding:0;margin:2px 0}
.tabBar li{padding:2px 10px}
.content section{float:none;width:90%;margin:2px 5%}
}
:root body{font-size:.75em \0/IE9}

@media print{
*{background:0 0!important;color:#000!important;text-shadow:none!important;filter:none!important;-ms-filter:none!important}
a,a:visited{text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}
abbr[title]:after{content:" (" attr(title) ")"}
img{page-break-inside:avoid;max-width:100%!important}
@page{margin:.5cm}
h2,h3,p{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
}