* {
    box-sizing:border-box;
    padding:0;
    margin:0;
}
::-moz-selection {
    color:#fff;
    background:#0166AF;
}
::selection {
    color:#fff;
    background:#0166AF;
}
body {
    font:300 90%/1.5em "Roboto", "Helvetica", "Arial", sans-serif;
}
body,
#head-adverts {
    background:#111;
    background:#AFC9DB;
}
body,
#cat-nav a,
#sub-nav a,
.ad-mod {
    color:#2B2B2B;
}
#wrap,
#header,
#main {
    background: #f4f4f4;
}
#main a {
    color:#0166AF;
    /*border-bottom:1px dashed #0166AF;*/
}
#main a,
#mobnav a {
    text-decoration:none;
}
#main a:hover {
    /*border-bottom-style:solid;*/
    /*border-bottom-color:red;*/
    border-bottom:1px solid red;
}
h1,h2,h3,h4,h5,h6 {
    margin:1em 0 .2em 0;
    font-weight:300;
    line-height:1.5em;
}
.documentFirstHeading,
.plus-symbol {
    font-size:2em;
}
#main p,
#main ol,
#main ul,
#main table,
#main pre,
.portalMessage,
.documentDescription,
.field {
    margin:1em 0;
}
.documentFirstHeading,
.documentDescription,
#content-core {
    margin:30px 10px;
}
#main li {
    margin:.25em 0;
}
#main ol,
#main ul {
    padding-left:2em;
}
#top-nav ul,
#cat-nav ul,
#category ul,
#mobnav ul {
    list-style:none;
}
a img,
#wrap nav a,
.tileItem a,
.leadImage a,
.listingBar a,
.ad-mod,
#latest-issue-portlet a,
#supported-by a,
.portlet-static-advertisements a {
    border:0!important;
    text-decoration:none!important;
}
#s-wrap,
.subsection-virtual-world #s-wrap {
    max-width:1250px;   
}
#wrap,
.subsection-virtual-world #wrap {
    width:1000px;
}
#s-wrap,
#wrap {
    margin:0 auto;
}
#top-nav,
#cat-nav,
#portal-global-subnav,
#head-adverts,
.ad-slides img,
#header,
#main,
.tileCategories,
.tileItem img,
.tileFooter,
.no-columns #portal-column-content,
#footer,
.subnav li,
.subnav a,
.subnav-level1 li,
.subnav-level1 a,
.listingBar,
#mobnav,
#supported-by,
#cat-nav span {
    width:100%;
}
.ad-slides img,
.tileItem img {
    height:auto;
}
#portal-column-content,
#portal-column-one,
#portal-column-two,
.ad-slides,
#portal-globalnav li,
#portal-globalnav .subnav li {
    position:relative;
}
#top-nav,
#footer,
#mobnav {
    background:#0166AF;
}
.plone-modal {
    background:rgba(0,0,0,.4);
}
#cat-nav,
#sub-nav,
.entry,
.tileItem,
.subnav,
.subnav-level1,
.listingBar a,
.ad-mod { 
    background:#fff;
}
.tileItem:hover,
.listingBar a:hover {
    transform:scale(1.015);
    box-shadow:0 0 6px #dbdbdb;
}
#logo,
#logo-adverts {
    margin:20px 0 0 0;
}
.row,
.visualClear {
    clear:both;
}
#top-nav,
#logo,
#cat-nav,
#portal-global-subnav,
#head-adverts,
#header,
#main,
#portal-column-content,
#portal-column-one,
#portal-column-two,
.tileItem,
.tileCategories,
.tileCategories a,
.tileFooter,
.listingBar,
#footer,
.previous,
.plus-symbol,
#mobnav,
#supported-by,
.ad-slides {
    float:left;
}
.tileItem {
    width:48%;
}
.tileItem,
.listingBar {
    margin:1%;
}
.tileItem,
.subnav,
.subnav-level1,
.listingBar a,
.ad-mod {
    border:1px solid #dbdbdb;
    box-shadow:0 1px 3px #dbdbdb;
}
.tileitem,
.tileCategories a,
#category a,
.listingBar,
.listingBar a,
.ad-mod {
    border-radius:2px;
}
#social-icons,
#logo-adverts,
.leadImage,
.next,
#close-nav {
    float:right;
}
#top-nav ul,
#top-nav li,
#cat-nav li,
#top-nav li a,
#cat-nav li a,
#cat-nav li span,
#sub-nav li,
#sub-nav li a,
#category li,
.listingBar a,
#supported-by,
#supported-by span,
#supported-by a {
    display:inline-block;
}
#top-nav a,
#footer,
#mobnav,
#mobnav a {
    color:#fff;
}
.entry,
#top-nav a,
#cat-nav a,
#sub-nav a,
#cat-nav span,
.tileHeadline,
.tileBody,
.tileCategories,
.tileFooter,
#portal-column-content,
#portal-column-one,
#portal-column-two, 
#footer,
.listingBar a,
#portaltab-previous-issues,
#mobnav {
    padding:10px 20px;
}
#top-nav,
#cat-nav,
#sub-nav,
.documentByLine {
    padding:0 20px;
}
#cat-nav a,
#sub-nav a,
.subnav a,
.subnav-level1 a,
#cat-nav span {
    border-top:2px solid #fff!important;
    border-bottom:2px solid #fff!important;
    text-shadow:0 1px 1px #fff!important;
}
#cat-nav a,
#sub-nav a, 
.tileItem,
.listingBar a,
#cat-nav span {
    transition:all .2s;
}
/*
#cat-nav a:hover,
#sub-nav a:hover {
    color:#000;
}
*/
#cat-nav a:hover,
#cat-nav .selected > a,
#sub-nav a:hover,
#sub-nav .selected > a,
#cat-nav span:hover {
    border-bottom:2px solid red!important;
}
#social-icons a,
.ad-mod {
    padding:5px;
}
#body-adverts-left,
#body-adverts-right {
    width:150px;
}
#body-adverts-left,
#body-adverts-right,
#mobnav {
    height:100%;
}
.subnav,
.subnav-level1,
.slider-enabled .slide,
.ad-mod {
    position:absolute;
}
.slider-enabled .slide,
#mobnav {
    left:0;
}
#body-adverts-left,
#body-adverts-right,
.slider-enabled .slide,
.subnav-level1,
#mobnav,
.json#mobnav {
    top:0;
}
#head-adverts .ad-slides {
    height:150px;
    overflow:hidden;
    width:100%;
}
#portal-column-content,
#portal-column-one,
#portal-column-two,
.subnav-level1 {
    left:100%;
}

#portal-column-one,
#portal-column-two {
    width:25%;
}
.left-column #portal-column-content,
.right-column #portal-column-content,
.both-columns #portal-column-content {
    width:75%;
    margin-left:-75%;
}
/*.portaltype-collection h1,*/
.both-columns #portal-column-content {
    width:50%;
}
.no-columns #portal-column-content,
.left-column #portal-column-one,
.both-columns #portal-column-one,
.right-column #portal-column-content {
    margin-left:-100%;
}
.both-columns #portal-column-two,
.right-column #portal-column-two {
    margin-left:-25%;
}
#logo {
    margin-left:30px;
}
#supported-by {
    padding-left:30px;
}
#logo-adverts {
    margin-right:30px;
}
#logo-adverts,
#logo-adverts .ad-slides {
    max-width:350px;
    width:300px;
    height:75px;
}
#body-adverts-left,
#body-adverts-right,
.json#mobnav {
    position:fixed;
}
#body-adverts-left,
#body-adverts-right {
    width:150px;
    margin-left:-650px;
}
#body-adverts-left,
#body-adverts-right,
.ad-mod {
    left:50%;
}
#body-adverts-right {
    margin-left:500px;
}
.plone-toolbar-left-expanded #body-adverts-left,
.plone-toolbar-left-expanded #body-adverts-right {
    margin-left:-690px;
}
.plone-toolbar-left-expanded #body-adverts-right {
    margin-left:560px;
}
.tileCategories a,
#category a,
#portal-globalnav li:hover .subnav,
#portal-globalnav li:hover .subnav li:hover .subnav-level1,
.ad-slides:hover .ad-mod,
#mobnav a,
#latest-issue-portlet a,
#cat-nav span {
    display:block;
}
.tileCategories a,
#category a {
    margin:0 5px 5px 0;
    padding:0 4px;
    font-weight:bold;
    color:#000!important;
}
.documentByLine {
    font-size:80%;
}
.subnav,
.subnav-level1,
#searchform .actionMenu,
.ad-mod,
#cat-nav #show-mob-navigation,
.json#mobnav,
#footer-twitter {
    display:none;
}
#category ul {
    padding:0;
}


.subnav,
.subnav-level1,
.ad-mod {
    z-index:5000;
}
#portaltab-previous-issues {
    cursor:default;
}
#close-nav {
    cursor:pointer;
}
.listingBar {
    box-shadow:inset 0 0 15px #dbdbdb;
    background:#EFEFEF;
}
.listingBar,
.ad-mod,
.plus-symbol,
#latest-issue-portlet a,
#close-nav,
#supported-by,
#cat-nav span {
    text-align:center;
}
.ad-mod {
    bottom:1em;
    margin-left:-50px;
    width:100px;
    border-bottom:4px solid #ddd;
}
.body-advert {
    height:150px;
    margin-bottom:5px;
}
.plain {
    border-collapse:collapse;
}
.plain th,
.plain td,
.plus-symbol {
    padding:10px;
}
.plain th,
.plain td {
    border:1px solid #ddd;
}
.plus-symbol,
#close-nav {
    width:48px;
    height:48px;
}
#close-nav {
    line-height:48px;
}
.mobsubnav a {
    padding-left:5em!important;
}
.json#mobnav {
    overflow-y:scroll;
}
#mobnav a {
    border-top:1px solid #1280ce;
    border-bottom:1px solid #175e91;
}
#mobnav a,
#mobnav p,
.plus-symbol {
    padding:20px;
}
.no-overflow {
    overflow:hidden;
}

#show-mob-navigation a {
    background:url('i/hamburger.png') left center no-repeat transparent;
    padding-left:40px;
}
img {
    max-width:100%;
}
#mobnav p,
#mobnav .mobsubnav a {
    color:#94d1fc;
}
#latest-issue-portlet img,
.portlet-static-advertisements img {
    border:2px solid #000!important;
}
#latest-issue-portlet {
    margin-bottom:1em;
}
#supported-by a {
    margin:5px;
}
#supported-by .sb {
    /*height:32px;*/
    height:29px;
}
#supported-by,
#supported-by span,
#supported-by a {
    vertical-align:middle;
}
#head-adverts {
    padding:10px 0 10px 0;
}



/* DB 11 July 2017 */
#top-nav {
    background:#fff;
    border-bottom:1px solid #d2d2d2;
    border-top:3px solid #0166af;
}
#cat-nav,
.subnav,
.subnav-level1 {
    /*border-top:1px solid #d2d2d2;*/
    background:#0166AF;
}
#cat-nav, #cat-nav a, .subnav a, .subnav-level1 a, #cat-nav span {
    color:#fff;
    text-shadow:none!important;
}
#top-nav,
#top-nav a {
    color:#747474;
}
#cat-nav li {
    border-left:1px solid #fff!important;
    border-right:1px solid #fff!important;
}
.subnav,
.subnav-level1 {
    visibility:hidden;
    overflow:hidden;
    display:block;
    height:0;
    margin-top:.5em;
    opacity:0;
    transition:margin .2s, opacity .2s;
}
#portal-globalnav li:hover .subnav,
#portal-globalnav li:hover .subnav li:hover .subnav-level1 {
    visibility:visible;
    height:auto;
    margin-top:0;
    overflow:visible;
    opacity:1;
}
.hasSub {
    background-image:url('i/hasSubs.png');
    background-position:center bottom;
    background-repeat:no-repeat;
}
#subnav-adverts,
#subnav-adverts .ad-slides {
    width:100%;
    height:160px;
}






@media screen and (max-width:1024px) {
    #s-wrap,
    #wrap {
        width:768px;
        width:100%;
    }
    #wrap,
    #body-adverts-left {
        float:left;
    }
    .subsection-virtual-world #s-wrap,
    .subsection-virtual-world #wrap {
        width:1000px;
    }

    .subsection-virtual-world #body-adverts-left,
    .subsection-virtual-world #body-adverts-right {
        margin-left:0;
    }

    #logo {
        width:65%;
        margin-left:15px;
    }
    #body-adverts-right,
    #logo-adverts .ad-slides,
    #body-adverts-left img {
        float:right;
    }
    #twitter-widget-0 {
        min-width:0!important;
    }
    #body-adverts-left,
    #body-adverts-right {
        position:relative;
        margin:0;
        left:0;
    }
    #body-adverts-left,
    #body-adverts-right,
    #body-adverts-left img,
    #body-adverts-right img {
        width:215px;
        height:auto;
    }
    #body-adverts-left .slide,
    #body-adverts-right .slide,
    #body-adverts-left .body-advert,
    #body-adverts-right .body-advert {
        height:215px;
    }
    #body-adverts-left,
    #body-adverts-right {
        width:50%;
    }
    #footer img {
        display:none;
    }
    
    #logo {
        width:65%;
        text-align:center;
        margin-left:15px;
    }
    #logo-adverts {
        margin-right:15px;
    }
    #supported-by {
        padding-left:15px;
    }
    #logo img,
    #logo-adverts .ad-slides {
        width:100%;
    }
    #logo-adverts {
        height:50px;
        width:30%;
    }
    #supported-by a {
        margin:5px 15px;
    }
    
}

@media screen and (max-width:768px) {
    #s-wrap,
    #wrap {
        width:480px;
        width:100%;
    }
    .subsection-virtual-world #s-wrap {
        max-width:1250px;   
    }
    .subsection-virtual-world #wrap {
        width:1000px;
    }
    /*
    #head-adverts {
        height:72px;
        overflow:hidden;
    }
    */
    #head-adverts,
    #head-adverts .ad-slides {
        height:105px;
    }
    .no-columns #portal-column-content,
    .left-column #portal-column-one,
    .both-columns #portal-column-one,
    .right-column #portal-column-content,
    .both-columns #portal-column-two,
    .left-column #portal-column-two,
    .right-column #portal-column-two {
        left:0;
        margin-left:0;
    }
    #logo img,
    .no-columns #portal-column-content,
    .left-column #portal-column-one,
    .both-columns #portal-column-one,
    .right-column #portal-column-content,
    .both-columns #portal-column-two,
    .left-column #portal-column-two,
    .right-column #portal-column-two {
        width:100%;
    }
    
    #portal-global-subnav,
    #cat-nav .hide-mob,
    #twitter-portlet {
        display:none;
    }
    #cat-nav #show-mob-navigation,
    #footer-twitter {
        display:block;
    }
    #logo {
        margin-left:5px;
    }
    #logo-adverts {
        margin-right:5px;
    }
    #supported-by {
        padding-left:5px;
    }
    .documentFirstHeading {
        margin-top:60px;
    }
    #body-adverts-left,
    #body-adverts-right {
        margin-bottom:30px;
    }
    .portlet-static-advertisements {
        text-align:center;
    }
    #supported-by a {
        margin:5px;
    }
    #supported-by img {
        height:32px;
        width:auto;
    }
}

@media screen and (max-width:480px) {
    #s-wrap,
    #wrap {
        width:320px;
    }
    .subsection-virtual-world #s-wrap {
        max-width:1250px;   
    }
    .subsection-virtual-world #wrap {
        width:1000px;
    }
    #s-wrap,
    #wrap,
    #top-nav,
    #social-icons {
        width:100%;
    }
    #portal-column-content,
    #portal-column-one,
    #portal-column-two,
    .tileItem {
        left:0!important;
        margin-left:0!important;
        float:left!important;
        width:100%!important;
    }
    #logo-adverts {
        height:28px;
    }
    #head-adverts,
    #head-adverts .ad-slides {
        height:57px;
    }
    
    #top-nav,
    #social-icons {
        text-align:center;
    }
    #supported-by {
        display:none;
    }
}