@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap');

body{
    width: 100%; margin: initial;
    font-family: 'Open Sans',sans-serif; background: #eceff4;
    font-size: 16px;
}

.container{ width: 98%; padding: 0 1%; max-width: 1262px; margin: 0 auto; position: relative;}
#branding{ background-image: url(images/header-bg-new.jpg); background-repeat: repeat; height: 125px;}
#branding h1 a {
    top: auto;
    left: auto;
}
#branding a {
    position: relative;
    width: auto;
    height: auto;
    text-indent: initial;
}
#branding h1 {
    background:none;
    height: auto;
    position: relative;
    font-size: 0%;
    border: none;
    z-index: initial;
}
.logo{  padding-top: 10px;}
#footer{
    background: #181818;
    padding: 15px 0;
    text-align: left;
    border: 0;
    margin-top: 30px;
}
#footer p{ color: #9c9daf; font-size: 14px; margin: 0;}
.content-box{ width: 100%; padding-top: 45px;  background-image: url(images/content-shadow.png); background-repeat: repeat-x; background-position: top;}
.mainbar{ width: 72%; padding-right: 3%; float: left; position: relative;}
.sidebar{ width: 24%; position: relative; float: right;}
#column-content{ margin: 0;  padding-right: 0;}
#content{ margin: 0; padding: 0;}
.portlet{ width: 100%;overflow: visible; margin-bottom: 25px;}
.portlet h5{ margin-bottom: 0; background: #3f5062;  padding:13px 2.5%; padding-left: 6%; width: 91.5%; display: block; font-weight: 700; font-size: 16px; color: #FFF; text-transform: uppercase;}
.pBody{ 
    margin-top: 0; background: #ffffff; border: 0; 
    -moz-box-shadow:    0px 0px 8px -3px #999;
    -webkit-box-shadow: 0px 0px 8px -3px #999;
    box-shadow: 0px 0px 8px -3px #999;
    width: 95%;
    padding: 15px 2.5%;
}
a, a:link, a:active, a:visited{ color: #5f7826;}
.portlet ul{ margin: 0; padding: 0;}
.portlet li{ padding: 3px 0; padding-left: 25px;  background-image: url(images/right-arrow.png); list-style: none; background-repeat: no-repeat; background-position: left 14px top 10px;}
#content{ background: transparent; border: 0;}
#p-cactions{ top: -20px; left: 0;}
#p-cactions .pBody{ -moz-box-shadow:    none;
    -webkit-box-shadow: none;
    box-shadow:none;}
#p-personal li a:hover{ background: transparent;}
li#pt-userpage, li#pt-anonuserpage, li#pt-login{ font-weight: 400; padding-left: 24px; background-image: url(images/login-icon.png);background-position: top -2px; }
li#pt-userpage a, li#pt-anonuserpage a, li#pt-login a{
    color: #2b4e64; font-size: 16px;
    
}


.rootpage-Landing_Page #firstHeading {display:none;}
.rootpage-Landing_Page .sidebar {display:none;}
.rootpage-Landing_Page .mainbar {width:100%;}
.rootpage-Landing_Page h1, .rootpage-Landing_Page p {width:100%; float:left;}
.rootpage-Landing_Page .thumbcaption {font-size:18px; font-weight:bold;font-style: unset; padding: 7px !important; text-align: center; color:#333;}
.rootpage-Landing_Page .thumbcaption i {font-style: unset;  color:#333;}
h1, h2, h3, h4, h5, h6 {
    border-bottom: 0px solid #aaa;
}
.rootpage-Landing_Page #p-search{top: 60px;}
.rootpage-Landing_Page #bodyContent #contentSub {margin-top: -30px;}
div.thumbinner {padding: 0px;}
.rootpage-Landing_Page div.tleft {border-width:0;}
div.tright {padding-left: 30px;border-width:0;}
div.tleft {padding-right: 30px;border-width:0;}

#bodyContent h1 {
    margin-top: 30px;
    font-size: 23px;
    font-weight: bold;
	border-top: 6px solid #5c5c5c;
text-transform:uppercase;
}
#toc {padding: 30px 45px;}
.page-People span a {padding:5px;}
#p-socials {text-align:center;}
#login-up {right: 21px;}
#column-content{ margin: 0;}
#current_date { display: none;}
#search_bar{ top: initial; height: auto;}
#p-search{ right: 0; left: initial;
top: -40px; width: auto;}
#mw-searchButton { display: none; position: relative;}
#searchInput{ margin-right: -8px; height: 35px; padding: 0 20px 0 10px; color: #2b4e64; width: 240px; background: #eceff4; border: 1px solid #2b4e64;}
#searchGoButton{ text-indent: -999px; right: 10px; top: 10px; background-color: transparent; background-image: url(images/search-icon.png); background-repeat: no-repeat; position: absolute;}
#p-personal ul{ padding-right: 0; right: 20px;}
.ltr #bodyContent a.external{ color:#5f7826; }
#column-one{ padding-top: 0;}
.page-People #toc{ background:  transparent; border: 0;}
.page-People #toc .toctoggle{ display: none;}
.page-People #toc .toctitle{ text-align: left; width: 100%;}
.page-People #toc ul li{ width: auto; display: inline-block;}
.page-People #toc ul li .tocnumber{ display: none;}
#firstHeading{ border: 0; font-size: 22px; font-weight: 700; text-transform: uppercase;border-top: 6px solid #5c5c5c;}
.page-People #mw-content-text div > ul{ display: block; width: 100%;margin: 0; margin-left: 20px; margin-top: 10px;margin-bottom: 10px;}
.page-People #mw-content-text div > h1{display: block; margin: 0;  margin-top: 10px; border: 0; border-bottom: 1px solid #a6a6a6; }
.page-People .mw-parser-output > div{ width: 42.5%; margin-right: 2%; margin-bottom: 2.5%; float: left; background:  #FFF; padding: 16px 2.5%; border: 1px solid #aaaaaa;}
/*.page-People .mw-parser-output > ul:nth-child(2n+1){  float: left; }
.page-People .mw-parser-output > ul:nth-child(2n+2){  float: right;}
.page-People .mw-parser-output > ul:nth-child(2n+3){  float: right; }
.page-People .mw-parser-output > ul:nth-child(2n){  float: left;}*/
.page-People .mw-parser-output > div:nth-child(odd){ clear: left;}
.rootpage-Landing_Page div.tleft{
    border-width: 0;

width: 33.33%;

margin-right: 0;

padding-right: .5em;
padding-bottom:.5em;
float: left;
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
clear: unset;
margin-bottom: 0;
}
.rootpage-Landing_Page div.tleft *{
    -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.rootpage-Landing_Page div.thumbinner{ max-width: 100%; width: 100% !important; padding: 0;}
.rootpage-Landing_Page div.thumbinner img{ width: 100%; height: auto;}
.mw-parser-output ul li{ padding: 3px 0;}
h3{ font-weight: 600; font-size: 24px; color: #333; border-bottom: 1px solid #b3b3b3; padding: 9px 0;}
#p-ebook img{ max-width: 100%;}
.mw-category .mw-category-group{
    padding: 16px 2.5%;
    border: 1px solid #aaaaaa;
    background: #FFF;
    margin: 20px 0 0 0;
}
@media all and (max-width:1262px) {
    .container{ padding: 0 1%; width: 98%;}
}
@media all and (max-width:1100px) {
    .portlet h5{ font-size: 15px;}
    .mainbar{ width: 69%; padding-right: 3%; float: left; position: relative;}
    .sidebar{ width: 28%; position: relative; float: right;}
    .rootpage-Landing_Page div.tleft{ width: 50%;}
}
@media all and (max-width:900px) {
    .container{ padding: 0 2%; width: 96%;}
    .mainbar{ width: 100%; padding-right: 0; float: left; position: relative;}
    .sidebar{ width: 100%; max-width: 310px; position: relative; float: left; margin-top: 20px;}
}
@media all and (max-width:780px) {
    .logo { max-width: 350px; padding-top: 23px;}
    .logo img{ max-width: 100%;}
    #searchInput{ width: 180px;}
    #mw-imagepage-section-filehistory {
        display: block;
        width: 100%;
        overflow-x: auto;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
}
@media all and (max-width:600px) {
    .logo{ padding-top: 8px;}
    #p-search{ top: 0; max-width: 212px;}
    .rootpage-Landing_Page div.tleft{ width: 100%;}
    .rootpage-Landing_Page #p-search{ top: 71px;}
}
@media all and (max-width:400px) {
#login-ul{ display: none;}
.page-People .mw-parser-output > div{ width: 90%; margin: 0 2.5%;  margin-bottom: 2.5%;}
}