@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600,300);#main-content,.clearfix,.clearfix:after,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}a,h1,h2,h3,h5,h6{color:#1f1e1e}.clear,.mh-group:after,.mh-section,.slicknav_menu:after,.slicknav_nav{clear:both}.footer-nav li a,.header-nav li a,.main-nav li a,.slicknav_btn,a{text-decoration:none}.breadcrumb,.header-nav,.header-sub,.logo-tagline,.logo-title,.main-nav{text-transform:uppercase}.search-form .search-field,input[type=submit]{-webkit-border-radius:0;-webkit-appearance:none}.instructions,.qframe,.taskbox1{border-color:#C3C3C3}.feedback,.instructions,.palegreydot,.panel.panel-white,.qframe,.taskbox1{border-width:1px}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}.breadcrumb,.button,.cat-item,.commentlist .vcard,.footer-bottom,.header-nav,.header-sub,.menu-item,.mh-share-buttons,.page_item,.pagination,.widget-list li,address,body,code,h1,h2,h3,h4,h5,h6,pre{font-family:'Open Sans',Helvetica,Arial,sans-serif}h4,h5,h6{font-size:12px}sup{font-size:10px}.byline,

.categories, em,h5,h6,i{font-style:italic}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}#mh-wrapper,.button span,.cat-item,.footer-widgets .menu-item,.header-sub li a,.main-nav li,.page_item,.sb-widget .menu-item,.search-form input,.social-button span,.social-nav ul li a,.widget-list li,a,h1,h2,h3,h4,h5,h6{-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}html{font-size:100%;-ms-text-size-adjust:none;-webkit-text-size-adjust:none}

/* MODIFIED - TEXT DECORATION REMOVED, FONT SIZE SET TO 16PX - 7 5 2019 SLJ */
.rubrics {font-size:16px;}

/* FONT SIZE SET TO 16PX - 7 5 2019 SLJ */

body{font-size:16px;line-height:25px;word-wrap:break-word;background:#efefef}body.custom-background{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}#mh-wrapper{width:95%;max-width:1180px;margin:0 auto;padding:0 20px 20px;overflow:hidden;background:#fff}.wrapper-inner{width:95%;max-width:1180px;margin:0 auto}#main-content{width:65.83%;overflow:hidden}.home-sidebar,

.mh-sidebar{display:block;float:left;width:31.66%}

/* Added 13 6 2015 - SLJ */
.mh-sidebar-narrow{display:block;float:left;width:15.83%}

.mh-right-sb #main-content{float:left;margin-right:2.5%}.mh-left-sb #main-content{float:right;margin-left:2.5%}
.mh-section{padding:0;margin:0}


.clearfix:after{content:".";clear:both;visibility:hidden;line-height:0;height:0;margin:0;padding:0}h4,h5,h6{margin-bottom:5px}

/* Top Margin Adjusted 7 7 2015 - SLJ */

h1{font-size:28px;margin-top:-20px;margin-bottom:10px}


/* EDITED TO RESOLVE ISSUES WITH DIPLAY IN CHROME - 2 10 2017 SLJ */
h2{font-size:24px;}
/* DARK BLUE COLOUR SCHEME DEPRECATED 7 5 2019 - SLJ */
h4{margin-top:10px;color:#4D4D4D}

h5,h6{margin-top:8px}

h1,h2,h3,h6{line-height:1.3;font-weight:400}b,strong{font-weight:900}small{font-size:8px;font-size:.5rem}big{font-size:20px;font-size:1.25rem}

/* Border Colour Changed to prevent table snafus 21 12 2016 - SLJ */
code,pre{margin-bottom:1.875rem;background:#f7f7f7;border:1px solid #F2F3F7}
pre{padding:1.25rem;white-space:pre-wrap;white-space:-o-pre-wrap;white-space:-moz-pre-wrap;white-space:-webkit-pre-wrap}kbd{padding:0 .375rem;background-color:#f7f7f7;border:1px solid #aaa;border-radius:.1875em;-moz-border-radius:.1875em;-moz-box-shadow:0 .0625em 0 rgba(0,0,0,.2),0 0 0 .125em #fff inset;-webkit-border-radius:.1875em;-webkit-box-shadow:0 .0625em 0 rgba(0,0,0,.2),0 0 0 .125em #fff inset;box-shadow:0 .0625em 0 rgba(0,0,0,.2),0 0 0 .125em #fff inset;text-shadow:0 .0625em 0 #fff}blockquote{font-size:15px;font-size:.9375rem;line-height:1.6;color:#666;margin:10px 20px 20px;padding:1.25rem 1.25rem 0;border-left:5px solid #666;display:inline-block}.footer-nav li,.header-nav li,.main-nav li{border-left:1px solid #424242}sup{vertical-align:super;font-size:.625rem}

/* SUBSCRIPT - EDITED 27 1 2018 - SLJ */
sub{vertical-align:sub;font-size:12px;padding-left:10px;bottom:9px}

abbr,acronym{border-bottom:1px dashed;cursor:help}cite{color:#9a9b97}address{line-height:1.5;margin-bottom:1.25rem}a:hover{color:#666}

.mh-col{display:block;float:left;margin-left:2.5%}

.mh-col:first-child{margin-left:0}.mh-group:after,.mh-group:before{content:"";display:table}.mh-1-2{width:48.75%}.mh-2-3{width:65.83%}


/* Logo Container */
.mh-1-3{width:31.66%}

.mh-3-4{width:74.375%}.mh-1-4{width:23.125%}.home-2,.home-3{width:48.07%}.home-3{margin-left:3.86%}
/* DARK BLUE COLOUR SCHEME DEPRECATED 7 5 2019 - SLJ */
.header-top{background:#4D4D4D;line-height:1}.mh-header{margin-bottom:20px}.header-wrap{padding:20px 0}

/* DARK BLUE COLOUR SCHEME DEPRECATED 7 5 2019 - SLJ */

.header-top-dark-blue{background:#4D4D4D}
.mh-header-dark-blue{background:#4D4D4D;margin-bottom:20px}

.header-logo-full{float:none;width:100%}

.logo-title{font-size:42px;font-size:2.625rem;color:#666;font-weight:700}
.logo-tagline{font-size:16px;font-size:1rem}

/* TEMP SNAFU FIX 13 7 2018 - SLJ */
.header-sub{display:block;overflow:hidden;}
.header-search{float:right}.header-nav{float:left;width:100%;font-size:12px;font-size:.75rem}.header-nav li{float:left;position:relative}.header-nav li:first-child{border:0}.header-nav li a{display:block;color:#fff;padding:.625rem .9375rem}
/* DARK BLUE COLOUR SCHEME DEPRECATED 7 5 2019 - SLJ */
.header-nav ul li:hover>ul{display:block;background:#4D4D4D;z-index:9999}.header-nav ul ul{display:none;position:absolute}.header-nav ul ul li{width:13em;border:0}.header-nav ul ul ul{left:100%;top:0}
/* DARK BLUE COLOUR SCHEME DEPRECATED 7 5 2019 - SLJ */
.main-nav{background:#4D4D4D;font-size:14px}.main-nav li{float:left;position:relative}.main-nav li:first-child{border:0}.main-nav li:hover{background:#06C}.main-nav li a{display:block;color:#fff;padding:.625rem .9375rem}

/* DARK BLUE COLOUR SCHEME DEPRECATED 7 5 2019 - SLJ */

.main-nav ul li:hover>ul{display:block;background:#4D4D4D;z-index:9999}

.main-nav ul ul{display:none;position:absolute;font-size:12px}.main-nav ul ul li{width:13em;border:0}.main-nav ul ul ul{left:100%;top:0}.footer-nav{float:right;width:50%}.footer-nav li{float:left;position:relative;padding-left:10px;margin-left:10px}.footer-nav ul,.social-nav{float:right}.footer-nav li:first-child{margin:0;padding:0;border:0}.footer-nav li a{display:block;color:#fff}
/* DARK BLUE COLOUR SCHEME DEPRECATED 7 5 2019 - SLJ */
.footer-nav ul li:hover>ul{display:block;background:#4D4D4D;z-index:9999}.footer-nav ul ul{display:none;position:absolute}.footer-nav ul ul li{width:10em}.footer-nav ul ul ul{left:100%;top:0}.social-nav{width:50%;overflow:hidden}.slicknav_btn{position:relative;display:block;vertical-align:middle;float:right;line-height:1.125rem;cursor:pointer;padding:.625rem 1.25rem}.slicknav_menu .slicknav_icon{float:left;margin:.188rem 0 0 .438rem}.slicknav_menu .slicknav_no-text{margin:0}.slicknav_menu .slicknav_icon-bar{display:block;width:1.5625rem;height:.25rem;background:#fff}.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{margin-top:.188rem}.slicknav_nav li,.slicknav_nav ul{display:block}.slicknav_nav .slicknav_arrow{font-size:.8rem;margin:0 0 0 .4rem}.slicknav_nav .slicknav_item{display:block;cursor:pointer}.slicknav_nav a{display:block}.slicknav_nav .slicknav_item a{display:inline}.slicknav_menu:after,.slicknav_menu:before{content:" ";display:table}
/* DARK BLUE COLOUR SCHEME DEPRECATED 7 5 2019 - SLJ */
.slicknav_menu{display:none;font-size:13px;font-size:.8125rem;background:#4D4D4D;

border-bottom:1px solid #fff}.slicknav_menu .slicknav_menutxt{line-height:1.125rem;float:left;display:none}.slicknav_nav{font-size:16px;font-size:1rem;font-weight:400;color:#fff;margin:0 0 20px;padding:0}.slicknav_nav,.slicknav_nav ul{list-style:none;overflow:hidden}.slicknav_nav ul{padding:20px 0 0 15px;border-top:1px solid #fff}.slicknav_nav ul ul{border:0;padding:0 0 0 15px}.slicknav_nav .slicknav_item{padding:5px 10px;margin:2px 5px}.slicknav_nav a,.slicknav_nav a:hover{padding:5px 10px;margin:2px 5px;text-decoration:none;color:#fff}

/* Styling for Menu & Related Links - Stray line of code removed to fix accordion issue -  9 7 2015 SLJ */


/* Styling for Menu & Related Links - Hidden on Mobile - added 30 6 2015 */

.entry-meta h3 {
font-size: 14px;font-weight:bold}

/* Entry Meta code modified 16 6 2015 - SLJ */
.entry-meta{font-size:11.5px;margin-bottom:5px;text-transform:uppercase;}
.entry-meta a:hover,.entry-tags a:hover{text-decoration:underline;}


/* Styling for Menu & Related Links - Hidden on Mobile - added 30 6 2015 */

.cp-title-small {
font-size: 14px; line height:10px;
overflow: hidden; margin:0;
}
/* FONT SET TO 16PX 7 5 2019 - SLJ */


.slicknav_nav .slicknav_item a{padding:0;margin:0}.slicknav_nav .slicknav_item:hover{color:#fff}.slicknav_nav .slicknav_txtnode{margin-left:15px}.breadcrumb{font-size:12px;margin-bottom:0}.entry-title,.page-title{text-transform:capitalize}.breadcrumb .bc-text,.breadcrumb a{display:inline-block;color:#fff;padding:10px 20px;background:#666}.breadcrumb a:hover{color:#fff}.breadcrumb .bc-current,.breadcrumb .bc-home{background:#1f1e1e;margin-right:1px;margin-top:2.5px;margin-bottom:5px}.breadcrumb .bc-default{background:#474747;margin-right:1px;margin-top:2.5px;margin-bottom:5px}.entry-title{font-size:26px;color:#607d8b}.page-title{font-size:38px;font-size:2.375rem;margin-bottom:20px}

/* FONT SET TO 16PX 7 5 2019 - SLJ */
.entry-content{font-size:16px;line-height:1.75},.entry-content .mh-video-container,.entry-content blockquote,.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6,.entry-content table{margin-bottom:1.25rem}





.content-lead-title,.content-list-title{margin-bottom:10px;text-transform:capitalize}


.entry-meta-author,.entry-meta-cats{margin-right:10px}

.entry-tags{display:block;overflow:hidden;font-size:16px;font-size:.9375rem}.entry-tags span{font-weight:900;margin-right:15px}.entry-tags a{display:inline-block;margin:0 15px 5px 0;text-transform:capitalize}.entry-tags a:hover{color:#1f1e1e}.featured-title{font-size:12px}.home-columns .sb-widget .content-list:first-child{margin-top:0}.home-columns .mh-fp-grid-widget{margin-top:-10px}.home-columns .mh-fp-grid-widget,.home-columns .mh-fp-large-widget,.home-columns .mh-fp-list-widget{margin-bottom:-20px}.sitemap-list{margin-bottom:1.875rem}.content-lead-title{font-size:38px;font-size:2.375rem}.content-list-title{font-size:24px;font-size:1.5rem}.button span,.comment-section-title,.footer-bottom,.mh-share-button,.search-form input,.widget-title{text-transform:uppercase}

.content-thumb{margin-bottom:5px}.content-grid{margin-top:10px;margin-bottom:10px}.content-grid-title{font-size:16px;font-size:1rem}.category .content-grid 

.entry-meta,.content-grid-excerpt,.content-grid-separator{display:none}


.content-list{margin-top:30px}.archive-list .content-list:first-child{margin-top:10px}.content-list-thumb{float:left;max-width:260px;margin:0 20px 10px 0}.gallery-columns-1 .gallery-item,.wp-caption,embed,iframe,img,object,select,video{max-width:100%}.content-list-excerpt{overflow:hidden}.not-found-widgets{margin-top:20px}.author-box{padding:20px;margin-bottom:1.875rem;background:#efefef}.author-box-avatar{float:left;width:100px;height:100px;margin-right:20px}.author-box-name{font-size:18px;font-size:1.125rem;margin-bottom:10px}.author-box-desc{font-size:15px;font-size:.9375rem;overflow:hidden}.related-content{margin-bottom:1.875rem}.related-content .content-grid{margin-top:0;margin-bottom:0}.commentlist ul,.entry-content ul{list-style:square}.commentlist ol,.entry-content ol{list-style:decimal}.commentlist ol,.commentlist ul,.entry-content ol,.entry-content ul{margin:0 0 1.875rem 2.5rem}.commentlist ol ol,.commentlist ul ul,.entry-content ol ol,.entry-content ul ul{margin:0 0 0 2.5rem}dl{margin:0 0 1.875rem 2.5rem}dd,dt{display:list-item}dt{list-style-type:square;font-weight:700}dd{list-style-type:circle;margin-left:1.875rem}.comment-section-title{display:block;font-size:14px;font-size:.875rem;font-weight:400;color:#fff;background:#ccdee8;padding:0;margin-bottom:1.25rem;overflow:hidden}.comment-section-title span{padding:20px;background:#666}.comment-section-title .comment-count{float:left;color:#fff}.comment-section-title .comment-count-more{float:left;color:#1f1e1e;background:0 0}.commentlist{padding:20px 20px 5px;margin-bottom:20px;list-style:none;background:#efefef}.commentlist .depth-1{padding:20px 20px 10px;margin-bottom:20px;border-bottom:5px solid #ccdee8;background:#fff}.commentlist .children{list-style:none;margin:0 0 10px}.commentlist .children li{padding:0 20px;background:#fafafa;margin-top:20px}.commentlist .children .depth-2{padding:20px}.commentlist .comment{padding-top:1.25rem}.commentlist .comment .vcard{position:relative;margin-bottom:1.25rem}.commentlist .comment .avatar{width:70px;height:70px;float:left;margin-right:20px}.comment-text blockquote,.comment-text p,.commentlist h1,.commentlist h2,.commentlist h3,.commentlist h4,.commentlist h5,.commentlist h6{margin-bottom:1.25rem}.comment-text blockquote p:last-child{margin:0}.commentlist .bypostauthor .avatar{border:5px solid #ccdee8}input,textarea{border:1px solid #d7d8d8}.comment-author{font-weight:700}.comment-info{color:#666;margin:1.25rem 0}.comment-reply .comment-edit-link,.comment-reply .comment-reply-link{font-size:13px;font-size:.8125rem;background:#ccc;color:#fff;padding:5px 10px}#respond,.no-comments,.pinglist{background:#efefef}.pinglist{padding:20px;margin-bottom:20px;list-style:none}.pinglist .pings:first-child{border-top:1px dotted #cdcdcd}.pinglist .pings{line-height:2.5;padding:.3125rem 0;border-bottom:1px dotted #cdcdcd}.pinglist .fa-link{margin-right:.625rem}.no-comments{padding:.625rem;margin-bottom:1.25rem}#respond{padding:1.25rem 1.25rem .625rem;margin-bottom:1.875rem}input,textarea{padding:.3125rem}#respond h3{margin-bottom:1.25rem}#commentform p{margin-bottom:.625rem}#cancel-comment-reply-link{margin-left:20px;font-size:12px;font-size:.75rem;font-weight:400;background:#ccc;padding:.3125rem;color:#fff}#cancel-comment-reply-link:hover{background:#666}.required{color:#be2844}input{font-size:12px;font-size:.75rem;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;transition:all .25s ease-in-out}input[type=email],input[type=tel],input[type=text],input[type=url]{width:60%}input[type=email]:hover,input[type=tel]:hover,input[type=text]:hover,input[type=url]:hover,textarea:hover{border:1px solid #666}

/* Code Edited to Fix Google Search Box Button Issues, 29 6 2015 */
/* DARK BLUE COLOUR SCHEME DEPRECATED 7 5 2019 - SLJ */
input[type=submit]{color:#fff;padding:6px 14px 6px 14px;cursor:pointer;background:#4D4D4D;display:inline-block;border:0;border-radius:0}input[type=submit]:hover{background:#4D4D4D;color:#fff;border:0;padding:6px 14px 6px 14px}

textarea{width:96%;line-height:1.5}.pagination{margin-bottom:20px;overflow:hidden}.pagination .page-numbers{display:inline-block;padding:10px 20px;background:#efefef}.pagination .current{color:#fff;background:#666}.dots:hover,.pagination a.page-numbers:hover{background:#ccdee8}.pagination .pagelink{display:inline-block;color:#fff;padding:10px 20px;background:#666}.pagination a .pagelink{color:#000;font-weight:400;background:#efefef}.pagination a:hover .pagelink{color:#666;background:#ccdee8}.post-nav-wrap{text-align:center;margin:20px auto 40px}.post-nav-wrap li{display:inline-block;font-weight:900;margin:0 20px}.post-nav-wrap li .fa{margin:0 10px}img{height:auto;vertical-align:bottom}.featured{margin-bottom:0}.alignnone{display:block;margin:1.25rem 0}.aligncenter{display:block;margin:1.25rem auto}.alignleft{display:inline;float:left;margin:.3125rem 1.25rem 1.25rem 0}.alignright{display:inline;float:right;margin:.3125rem 0 1.25rem 1.25rem}.wp-caption-text{text-align:right;font-size:14px;font-size:.875rem;color:#454545;background-color:#eae9e8;line-height:1.75;margin:0 0 20px;display:block}.gallery-columns-7 .gallery-caption,.gallery-columns-8 .gallery-caption,.gallery-columns-9 .gallery-caption,.search-form .search-submit{display:none}.aligncenter .wp-caption-text,.alignleft .wp-caption-text,.alignnone .wp-caption-text,.alignright .wp-caption-text{margin-bottom:0}.gallery{margin-bottom:20px}.gallery-item{float:left;margin:0 4px 4px 0;overflow:hidden;position:relative}.gallery-columns-2 .gallery-item{max-width:48%;max-width:-webkit-calc(50% - 4px);max-width:calc(50% - 4px)}.gallery-columns-3 .gallery-item{max-width:32%;max-width:-webkit-calc(33.3% - 4px);max-width:calc(33.3% - 4px)}.gallery-columns-4 .gallery-item{max-width:23%;max-width:-webkit-calc(25% - 4px);max-width:calc(25% - 4px)}.gallery-columns-5 .gallery-item{max-width:19%;max-width:-webkit-calc(20% - 4px);max-width:calc(20% - 4px)}.gallery-columns-6 .gallery-item{max-width:15%;max-width:-webkit-calc(16.7% - 4px);max-width:calc(16.7% - 4px)}.gallery-columns-7 .gallery-item{max-width:13%;max-width:-webkit-calc(14.28% - 4px);max-width:calc(14.28% - 4px)}.gallery-columns-8 .gallery-item{max-width:11%;max-width:-webkit-calc(12.5% - 4px);max-width:calc(12.5% - 4px)}.gallery-columns-9 .gallery-item{max-width:9%;max-width:-webkit-calc(11.1% - 4px);max-width:calc(11.1% - 4px)}.gallery-columns-1 .gallery-item:nth-of-type(1n),.gallery-columns-2 .gallery-item:nth-of-type(2n),.gallery-columns-3 .gallery-item:nth-of-type(3n),.gallery-columns-4 .gallery-item:nth-of-type(4n),.gallery-columns-5 .gallery-item:nth-of-type(5n),.gallery-columns-6 .gallery-item:nth-of-type(6n),.gallery-columns-7 .gallery-item:nth-of-type(7n),.gallery-columns-8 .gallery-item:nth-of-type(8n),.gallery-columns-9 .gallery-item:nth-of-type(9n){margin-right:0}.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1){clear:left}.gallery-caption{background-color:rgba(0,0,0,.7);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#fff;font-size:12px;font-size:.75rem;line-height:1.5;margin:0;max-height:50%;opacity:0;padding:6px 8px;position:absolute;bottom:0;left:0;text-align:left;width:100%}.gallery-caption:before{content:"";width:100%;height:100%;min-height:49px;position:absolute;top:0;left:0}.gallery-item:hover .gallery-caption{opacity:1}table{border-collapse:collapse;border-spacing:0;width:100%}table th{color:#fff;background:#666;padding:.625rem}

table tr:nth-child(odd){background-color:#eae9e8}table tr:nth-child(even){background-color:#fff}

/* Border Colour Changed to prevent table snafus 21 12 2016 - SLJ */
table td{font-size:15px;font-size:.75rem;border:1px solid #F2F3F7;border-top:0;text-align:center;vertical-align:middle;padding:.625rem}
/* DARK BLUE COLOUR SCHEME DEPRECATED 7 5 2019 - SLJ */
.mh-footer table th{background:#4D4D4D}.mh-footer table tr:nth-child(odd){background-color:#4D4D4D}.mh-footer table tr:nth-child(even){color:#000}.mh-footer table td{border:1px solid #4D4D4D}.header-search .search-form{float:right}.search-form input{min-width:200px;font-size:11px;line-height:1;color:#1f1e1e}.button span,.mh-footer,.mh-footer a,.mh-share-buttons a,.mh-share-buttons a:hover,.widget-title a,.widget-title a:hover{color:#fff}.search-form input:hover{min-width:240px}.search-form .screen-reader-text{position:absolute;left:-9999px;overflow:hidden}.search-form .search-field{background:#fff;border:1px solid #cdcdcd;cursor:pointer;margin:0;padding:10px;position:relative;border-radius:0}.search-form .search-field:active,.search-form .search-field:focus{cursor:text}.sb-widget .search-form{display:block;margin:0 auto;padding:5%;background:#efefef}.sb-widget .search-form .search-field{display:block;margin:0 auto;width:90%}.sb-widget .search-form .search-field:hover{min-width:200px}.footer-widgets .search-form input{width:100%}.wpcf7-form{font-size:14px;font-size:.875rem;padding:1.25rem;background:#efefef}.wpcf7-form input,.wpcf7-form textarea{font-size:14px;font-size:.875rem}.wpcf7-form input[type=submit]{min-width:100px}.wpcf7-form p{margin-bottom:.625rem}.wpcf7-response-output{background:#fff}.button{display:block}.button span{font-size:14px;font-size:.875rem;background:#666;padding:15px;margin:15px 0 10px;display:inline-block}.button span:hover{background:#4D4D4D}.mh-share-buttons{margin-bottom:1.875rem;padding:20px;background:#f0f0f0;overflow:hidden}.mh-share-buttons .fa{display:inline-block;font-size:1.25em;margin-right:10px}.mh-share-button{display:block;width:100%;height:100%;font-size:12px;font-size:.75rem;padding:10px 0;text-align:center}.mh-share-button:hover{opacity:.7}.mh-facebook span{background:#3e64ad}.mh-twitter span{background:#6aadd1}.mh-pinterest span{background:#de010d}.mh-googleplus span{background:#cd3627}
/* DARK BLUE COLOUR SCHEME DEPRECATED 7 5 2019 - SLJ */
.mh-footer{background:#4D4D4D;overflow:hidden}.footer-ad-wrap{background:#EFEFEF;padding:40px;text-align:center;display:block;overflow:hidden}.footer-bottom{font-size:12px;font-size:.75rem;padding:.625rem 0;background:#333}.copyright-wrap{float:left;width:50%;overflow:hidden}
/* GREY THEME  - APPLIED 4 6 2019 - SLJ */
.mh-footer a:hover{color:#F2F2F2}


/* DARK BLUE COLOUR SCHEME DEPRECATED 7 5 2019 - SLJ */
.widget-title{font-size:14px;font-size:.875rem;font-weight:400;color:#fff;background:#4D4D4D;padding:10px 0;margin-bottom:0;overflow:hidden}
/* DARK BLUE COLOUR SCHEME DEPRECATED 7 5 2019 - SLJ */
.widget-title span{padding:20px;background:#4D4D4D}.widget-list li{list-style-type:none;display:block}
/* DARK BLUE COLOUR SCHEME DEPRECATED 7 5 2019 - SLJ */
.widget-list>li{padding:10px 0;border-bottom:1px dotted #dcdcdc}.widget-list li:hover{background:#fdfdfd;padding-left:10px}.widget-list .children li{margin-top:10px;padding-top:10px;border-top:1px dotted #dcdcdc}.footer-widgets .widget-list li:hover{background:0 0}.footer-widgets{font-size:15px;font-size:.9375rem;margin:30px 0}.footer-widgets .widget-title{font-size:16px;font-size:1rem;padding:10px;background:#4D4D4D}.footer-widget{margin:20px;overflow:hidden}.footer-1,.footer-2,.footer-3{background:#4D4D4D}.mh-cp-widget 

.mh-separator:last-child{margin-bottom:0}



.cp-small{padding-bottom:4px}.cp-thumb-xl{margin-bottom:5px}.cp-thumb-small{float:left;margin:5px 20px 0 0}.cp-title-xl{font-size:36px;font-size:2.25rem}

.cp-excerpt-xl{margin-top:20px}.mh-video-widget{margin-top:10px}.mh-video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.mh-video-container embed,.mh-video-container iframe,.mh-video-container object{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.sb-widget .uw-wrap{padding:.9375rem 0;border-bottom:1px dotted #ebebeb}.user-widget li:first-child{padding-top:0}.uw-avatar{float:left;margin-right:.625rem}.uw-text{font-size:18px;font-size:1.125rem}.uw-data{font-size:14px;font-size:.875rem;color:#979797}.footer-widgets ul>.cat-item,.footer-widgets ul>.menu-item,.footer-widgets ul>.page_item,.sb-widget ul>.cat-item,.sb-widget ul>.menu-item,.sb-widget ul>.page_item{padding:10px 0;border-bottom:1px dotted #dcdcdc}.footer-widgets ul .cat-item:hover,.footer-widgets ul .page_item:hover,.sb-widget ul .cat-item:hover,.sb-widget ul .menu-item:hover,.sb-widget ul .page_item:hover{background:#fdfdfd;padding-left:10px}.footer-widgets ul .children .cat-item,.footer-widgets ul .children .page_item,.footer-widgets ul .sub-menu .menu-item,.sb-widget ul .children .cat-item,.sb-widget ul .children .page_item,.sb-widget ul .sub-menu .menu-item{margin-top:10px;padding-top:10px;padding-bottom:0;border-top:1px dotted #dcdcdc;border-bottom:0}.footer-widgets ul .cat-item:hover,.footer-widgets ul .menu-item:hover,.footer-widgets ul .page_item:hover{background:0 0}.footer-widgets .textwidget{padding:0 .3125rem}#wp-calendar caption{text-align:left;padding:.625rem;background:#f7f7f7}#wp-calendar td,#wp-calendar th{padding:.3125rem .625rem;text-align:center}#wp-calendar th{font-weight:300}#wp-calendar #prev{text-align:left}.footer-widgets #wp-calendar caption{background-color:#4D4D4D}.header-ad .adslot_1 .adslot_2 .adslot_3 .sidebar-ad .footer-ad .textwidget{text-align:center;overflow:hidden}.header-ad img{margin:0;padding:0}

.ad-spot,.post-ad{padding:18px;background:#EFEFEF}
.ad-spot,.post-ad .textwidget{text-align:center!important;overflow:hidden}
.textwidget-bottom{clear:both;margin-top:40px;margin-bottom:40px}.sponsored-footer{margin-top:10px}.footer-ad-wrap .textwidget{overflow:hidden}

/* ADDED 10 9 2016 - DROP SIDE MENU IMAGES ON MOBILE - SLJ */
@media only screen and (max-width:1224px) {.cp-thumb-small{display:none;}}

/* EDITED 10 9 2016 - SLJ */
@media only screen and (max-width:960px){#mh-wrapper,.wrapper-inner{max-width:750px}.header-ad .textwidget{text-align:center;margin-top:20px}.logo-wrap{text-align:center}.mh-col,.mh-left-sb #main-content,.mh-right-sb #main-content{margin:0}#main-content,.home-sidebar,.mh-1-2,.mh-1-3,.mh-1-4,.mh-2-3,.mh-3-4,.mh-sidebar{width:100%}.home-2,.home-3{width:48.07%}.home-3{margin-left:3.86%}.mh-share-buttons .mh-col{width:23.125%;margin-left:2.5%}.mh-share-buttons .mh-col:first-child{margin:0}.content-grid{width:23.125%;margin:10px 0 10px 2.5%}.news-ticker{width:65.83%}.header-search{width:31.66%}.search-form input:hover{min-width:200px}.home-sidebar .cp-thumb-xl,.mh-sidebar .cp-thumb-xl{text-align:center;background:#efefef}.contact-page .entry-content{margin-bottom:1.875rem}.footer-1,.footer-2{margin-bottom:20px}.js .main-nav{display:none}.js .slicknav_menu{display:block}
.ad-spot{background:0 0}}


/* EDITED 10 9 2016 - SLJ */
@media only screen and (max-width:767px){.hidden-sm,.news-ticker{display:none}.category .content-grid 

.entry-meta,.content-grid-separator{display:block}.header-search{float:none;width:100%}.search-form{float:none;text-align:center;width:90%}.entry-content .search-form input,.search-form input{width:90%;max-width:300px}.footer-widgets .search-form{width:100%}.home-2,.home-3{width:100%;margin:0}.mh-cp-widget .cp-thumb-xl{text-align:center;background:#efefef}.content-grid{float:none;width:100%;margin:25px 0 20px}.comment-section-title .comment-count-more,.content-list-excerpt,.content-list-header .entry-meta-date{display:none}.content-grid-separator,.content-list-separator{padding:0}.content-grid-title{font-size:24px;font-size:1.5rem}

.content-grid-thumb,.content-list-thumb{text-align:center;background:#efefef}.content-list-thumb{float:none;width:100%;max-width:100%}.content-list-thumb img{max-width:180px}.archive-grid .content-grid:first-child,.mh-fp-grid-widget .mh-group .content-grid:first-child{margin:5px 0 20px}.commentlist ol,.commentlist ul,dl{margin:0 0 1.875rem 20px}.commentlist ol ol,.commentlist ul ul{margin:0}.commentlist .children .depth-2,.commentlist .children li{padding:0;background:#fff}.copyright-wrap,.footer-nav{float:none;width:100%}.footer-nav ul{float:none;display:table;margin:0 auto 10px}.copyright{text-align:center}}



@media only screen and (max-width:580px){.author-box,.social-nav ul{text-align:center}#mh-wrapper,.wrapper-inner{width:100%}}

.logo-title{font-size:32px;font-size:2rem}.header-nav,.social-nav{float:none;width:100%;margin:0}.header-nav ul{display:table;margin:0 auto}.mh-share-buttons .mh-col{float:none;width:100%;margin:10px 0 0}.author-box-avatar{float:none;width:100%;margin:0 0 20px}.commentlist .comment .avatar{float:none;display:block;margin:0 0 10px}.commentlist .comment .vcard{margin-bottom:10px}}.byline,.rubrics,.vocab-options{margin-bottom:10px}

@media only screen and (max-width:450px){#mh-wrapper,.wrapper-inner{width:100%}.header-ad .textwidget{margin-top:10px}.logo-title{font-size:28px;font-size:1.75rem}.logo-tagline{font-size:12px;font-size:.75rem;margin-bottom:10px}.sb-widget .search-form .search-field{width:86%}.ad-spot,.post-ad .textwidget{padding:0;background:0 0}.cp-thumb-small{display:none;}}

.byline{background-color:#EFEFEF;padding:6px;color:#404040}.greyquestions,{padding:7.5px}.tab{margin-left:3px}.vocab-options{background:#E7E7E7;padding:7.5px}.rubrics{margin-top:10px}.picturestripx3{clear:both;margin-top:20px;margin-bottom:20px;max-width:690px}.preamble{margin-top:5px;margin-bottom:2.5px}.close-preamble{margin-top:2.5px;margin-bottom:10px}.discuss,.feedback,.greyquestions,.indent,.instructions,.langpoint,.lightgrey,.palegrey,.palegreydot,.qframe,.questions,.questions .h5,.readingq,.taskbox1,.vocabmatch{margin-bottom:10px}.boxed-para p,.discuss,.feedback,.greyquestions,.indent,.instructions,.langpoint,.lightgrey,.palegreydot,.readingq,.taskbox1,.textbox-para{margin-top:10px}.taskbox1{background:#FFF;border-style:dotted}.qframe{border-style:dashed;font-size:15px;line-height:18px}.feedback,.instructions,.palegreydot,.panel.panel-white{border-style:dotted}

.questions {margin-top:10px;padding:7.5px}
.greyquestions{background:#1570a6;color:#FFF}
.greyquestions .h5{margin-bottom:10px}

/* Un-minified 8th July 2015 AJ - font sizings removed SLJ */
.discuss,.instructions,.palegrey,.palegreydot{background:#F4F4F4}
.indent{text-indent:10px}
.discuss,.instructions{padding:5px}
.feedback,.lightgrey,.palegrey,.palegreydot,.readingq,.vocabmatch{padding:7.5px}
.vocabmatch{margin-top:10px;line-height:30px}
.palegreydot{border-color:#909090}
.lightgrey{background:#E7E7E7}
.textbox-para{text-align:justify}
.accordion-alt1 .panel-heading{padding:5px 0!important;text-align:left!important}
.accordion-alt1 .panel-heading h4{line-height:28px}
.accordion-alt1 .panel-heading h4 a i{line-height:18px;width:18px;height:18px;margin-right:5px;color:#fff;text-align:center}
.accordion-alt1 .panel-body{padding:15px 0}
.events .panel-heading h5{background:#4D4D4D}
.panel-heading a,.panel-heading a:hover,.panel-heading a:visited{border:none;color:#aaa;text-decoration:none;margin:10px}
.panel .panel-heading h4{font-weight:400}
.BoldBlack,.SeeAnswers{font-weight:700}
.panel.panel-white{border-color:#C3C3C3}
.panel.panel-white .panel-heading{background:#f7f7f7;color:#666}
.panel.panel-white .panel-heading h4 a{color:#888}
.panel.panel-white .panel-heading h4 a:hover{color:#666}

/* ADJUSTED 25 3 2017 - SLJ */
.panel-heading h5 {color:#666;line-height:10px;}


.accordion-alt3 .panel-heading{padding:5px 0!important}
.accordion-alt3 .panel-heading h4{line-height:28px}
.accordion-alt3 .panel-heading h4 a i{line-height:18px;width:18px;height:18px;margin-right:5px;color:#fff;text-align:center}
.accordion-alt3 .panel-body{padding:0;border-style:dotted;border-width:1px;border-color:#C3C3C3}
.spaceme{margin-top:20px;margin-bottom:30px}
.table-vocab{margin-top:8px}
.SeeAnswers{color:#404040;font-size:15px;margin-right:6px}
.related,.vocab-item{font-size:14px}
.footer,.footer a:,.footer a:hover,.footer a:visited{color:#FFF!important}
/* DARK BLUE COLOUR SCHEME DEPRECATED 7 5 2019 - SLJ */
.bigfoot{background:#4D4D4D}
.footer{line-height:40px;padding:20px 55px 20px 0}
.white{color:#FFF;text-align:left}
.BlackWrd,.BoldBlack{color:#000}
.GreyWrd{color:#7A7A7A}
.RightWrd{color:#000;text-align:right;margin-right:15px}

/* VOCABULARY TABLES FOR GAP FILLS - EDITED 4 12 2017 TO FIX ISSUES WITH MOBILE DISPLAY */
.table-responsive{border:0;overflow:hidden}
/* DESKTOP */
.vocabulary-table-wide{margin-top:10px;margin-bottom:0;overflow:hidden}
/* MOBILE */
.vocabulary-table-deep{margin-top:10px;margin-bottom:0;overflow:hidden}

/* DROP VOCABULARY TABLES FOR MOBILE DISPLAY ON DESKTOP */
@media only screen and (min-width:1224px) 
{.vocabulary-table-deep {display:none}}
/* DROP WIDE VOCABULARY TABLES ON SMALLER SCREENS */
@media only screen and (max-width:1224px) 
{.vocabulary-table-wide {display:none}}

/* check the code is used and strip it out if it
 isn't - slj */
.table-vocab{margin-bottom:10px}

.related{color:#37474F;margin-bottom:40px} 


/* 4 thumbnail images 170 x 130 px wide, horizontal display on desktop, stacked vertical in pairs on mobile */

.picturemenu-stripx4 
{clear: both;margin-bottom: 10px;max-width: 750px}

/* Set margins and sizes for individual featured images on Picture Vocabulary menu pages - edited 4 9 2015 SLJ*/

.picturemenu-img 
{width:170px;height:130px;margin-top:15px;margin-bottom:5px;margin-right:7.5px}

/* center alignment */

.center-content
{text-align: center}

.categories{color:#4D4D4D;margin-bottom: 10px;}

/* Added 24 6 2015 */

.lead-in{color:#4D4D4D;font-size:16px;}


/* code for picture quizzes */
/* padding edited 25 6 2015 */
.picture-quiz {background-color:#F4F4F4;padding-top:8px}
/* Top margin edited 25 6 2015 */
.pq-preamble{margin-top:15px;font-size:16px;font-style:italic} 
.pq-related {color:#37474F;margin-top:10px;margin-bottom:10px}
/* Permissions - added 1 6 2015 SLJ */

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* code for text style sub-menu pages - Top margin doubled 26 5 2016 */

.submenu {text-align:left;line-height:10px;margin-top:20px; }
.submenu h1{ color:#000000;;font-size:26px;word-wrap:break-word;}
.submenu h2 {color:#000000;font-size:20px;margin-top:14px; word-wrap:break-word;}
.submenu li {font-size:16px;color:#666666;list-style:none;margin-top:10px;margin-bottom:10px;line-height:30px;word-wrap:break-word;}
/* paragraph class added 12 7 2015 - SLJ */
.submenu p {font-size:16px;font-style:italic;list-style:none;margin-top:10px;margin-bottom:10px;line-height:30px;word-wrap:break-word;}

/* Added 28 5 2017 - SLJ */
.submenu-preamble {font-size:16px;color:#666666;list-style:none;margin-top:10px;margin-bottom:10px;line-height:30px;word-wrap:break-word}
.submenu-preamble p {font-size:16px;}

/* Indented Sub Menu Class added 28 12 2015 - SLJ */
.submenu-indent {text-align:left;line-height:10px;margin-top:10px;padding-left:10px;}
.submenu-indent p {font-size:16px;font-style:italic;list-style:none;margin-top:10px;margin-bottom:10px;line-height:30px;word-wrap:break-word;}
.submenu-indent li {font-size:16px;color:#666666;list-style:none;margin-top:10px;margin-bottom:10px;line-height:30px;word-wrap:break-word;}

/* line height for related content adjusted 3 6 2015 - SLJ */

.related {line-height:20px;}


/* ADJUST FONT COLOR TO MATCH H5p -  28 01 2019 SLJ */
.vocablist {text-align:left;line-height:10px; }
/* H1 font size modified 13 6 2015 - SLJ */
.vocablist h1{ color:#000000;font-size:21.75px;word-wrap:break-word;}
/* H2 font size and colour modified 13 6 2015 - SLJ */
.vocablist h2 {color:#000000;font-size:16px;margin-top:10px; margin-bottom:10px;word-wrap:break-word;}
.vocablist p {font-size:16px;color:#000000;list-style:none;margin-top:10px;margin-bottom:10px;line-height:26px;word-wrap:break-word;}
.vocablist li {font-size:16px;color:#000000;list-style:none;margin-top:10px;margin-bottom:10px;line-height:26px;word-wrap:break-word;}
.vocablist b {color:#000000;}

/* code for video embeds - Added 5 6 2015 - Edited 7 5 2015 to hide scrollbars on old videos */

.featuredvid
  {
  margin-top: 20px; 
  margin-bottom: 10px; 
  max-width: 750px;
  overflow: hidden;} 
  
    /* code for video embeds below H1 - Added 15 12 2015 */
  
  .featuredvid-flush
  {
  margin-top: 10px; 
  margin-bottom: 10px; 
  max-width: 750px;
  overflow: hidden;} 
  
  /* code for legacy video embeds - Added 3 9 2015 */

.featuredvid-legacy
  {
  margin-top: 20px; 
  margin-bottom:0; 
  max-width: 750px;
  max-height: 340px;
  overflow: hidden;} 
  
  @media only screen and (max-width:580px){featuredvid-legacy{  {
  margin-top: 20px; 
  margin-bottom:20px; 
  min-width: 320px;
  overflow: hidden;} }}
  
  /* code for videos where image placeholder replaces Youtube Thumbnail - Added 28 8 2015 */

  .featuredvid-excerpt
  {
  margin-top: 20px; 
  margin-bottom: 10px; 
  max-width: 750px;
  overflow: hidden;
  display:none} 
  
/* EDITED 12 3 2019 - SLJ */  
.WrdUpTheme{color:#000000}

/* Bold Text for Theme - Added 30 8 2015 - SLJ */
.WrdUpThemeBold{color:#000000;font-weight:bold;}

.WrdUpGrey{color:#A2A0A0}
.WrdUpGreyBold{color:#A2A0A0;font-weight:bold}
/* UNDERLINE BORDER ADDED 5 3 2019 - SLJ */
.WrdUpGrey a:link {color:#A2A0A0;border-bottom: 1px #CCCCCC;}


.WrdUpBlue{color:#06C}
.WrdUpBlueBold{color:#06C;font-weight:bold}
/* UNDERLINE BORDER ADDED 5 3 2019 - SLJ */
.WrdUpBlue a:link {color:#06C;border-bottom: 1px #CCCCCC;}

/* Red Text - Added 29 8 2015 - SLJ */
.WrdUpRed{color:#CC3300}
.WrdUpRedBold{color:#CC3300;font-weight:bold;}
.WrdUpRed a:link {color:#CC3300;border-bottom: 1px #CCCCCC;}

/* Yellow Text - Added 30 12 2015 - SLJ */
.WrdUpYellow{color:#ffcc00}
.WrdUpYellowBold{color:#ffcc00;font-weight:bold;}

/* Dark Yellow Text - Added 14 12 2015 - SLJ */
.WrdUpGold{color:#996600}
.WrdUpGold a:visited{color:#996600;font-weight:bold;}

.WrdUpGoldBold{color:#996600;font-weight:bold;}
.WrdUpGoldBold a:visited{color:#996600;font-weight:bold;}

/* Purple Text - Added 28 12 2015 - SLJ */
.WrdUpPurple{color:#611BBD}
.WrdUpPurple a:visited{color:#996600;font-weight:bold;}

.WrdUpPurpleBold{color:#611BBD;font-weight:bold;}
.WrdUpPurpleBold a:visited{color:#996600;font-weight:bold;}

/* Green Text - Added 29 12 2015 - SLJ */
.WrdUpGreen{color:#5C8A00}
.WrdUpGreenBold{color:#5C8A00;font-weight:bold;}

/* Cyan Text - Added 28 12 2015 - SLJ */
.WrdUpCyan{color:#0099CC}
.WrdUpCyanBold{color:#0099CC;font-weight:bold;}

/* Orange Text - Added 8 10 2015 - SLJ */
.WrdUpOrange{color:#E18A01}
.WrdUpOrangeBold{color:#E18A01;font-weight:bold;}

/* Pink Text - Added 20 11 2015 - SLJ */
.WrdUpPink{color:#FF4D88}
.WrdUpPinkBold{color:#FF4D88;font-weight:bold;}

/* Yellow Text - Added 20 11 2015 - SLJ */
.WrdUpYellow{color:#CC9900}
.WrdUpYellowBold{color:#CC9900}

/* Black Text - Added 30 12 2015 - SLJ */
.WrdUpBlack{color:#000000}

/* Bold Black Text - Added 1 3 2016 - SLJ */
.WrdUpBlackBold{color:#000000;font-weight:bold;}



/* COLOURED DIVIDERS  */

.redline {
height: 1px;
background-color:#C00000;
padding: 0;
margin-top: 0;
margin-bottom: -10px;
width: 100%;
}

/* ADDED 13 10 2017  */

.redline-deep {
height: 1px;
background-color:#C00000;
padding: 0;
margin-top: 5px;
margin-bottom: 10px;
width: 100%;
}

.orangeline {
height: 1px;
background-color:#ec6f13;
padding: 0;
margin-top: 0;
margin-bottom: -10px;
width: 100%;
}

.yellowline {
height: 1px;
background-color:#FDBD23;
padding: 0;
margin-top: 0;
margin-bottom: -10px;
width: 100%;
}

.blueline {
height: 1px;
background-color:#06C;
padding: 0;
margin-top: 0;
margin-bottom: -10px;
width: 100%;
}

.greenline {
height: 1px;
background-color:#5C8A00;
padding: 0;
margin-top: 0;
margin-bottom: -10px;
width: 100%;
}

.cyanline {
height: 1px;
background-color:#4FCEE5;
padding: 0;
margin-top: 0;
margin-bottom: -10px;
width: 100%;
}

.pinkline {
height: 1px;
background-color:#B72168;
padding: 0;
margin-top: 0;
margin-bottom: -10px;
width: 100%;
}

.purpleline {
height: 1px;
background-color:#611BBD;
padding: 0;
margin-top: 0;
margin-bottom: -10px;
width: 100%;
}

.blackline {
height: 1px;
background-color:#404040;
padding: 0;
margin-top: 0;
margin-bottom: -10px;
width: 100%;
}

.greyline {
height: 1px;
background-color:#CCCCCC;
padding: 0;
margin-top: 0;
margin-bottom: -10px;
width: 100%;
}
/* New Class Added for headers that don't follow ads or sponsored content  -- Modified 3 2 2018 - SLJ */

.WrdUpTheme-Flush{font-size:28px;margin-top:0;margin-bottom:10px}

/* Bold text - SLJ */
.WrdUpBold{font-weight:600}

/* Wordlist added for simple lists of vocabulary items - Padding added 31 3 2016 -  SLJ */

.wordlist {list-style:none;margin-top:10px;line-height:35px;word-wrap:break-word;padding-left:10px}
/* Added 18 3 2018 -  SLJ */
.WordlistExtra {list-style:none;margin-top:10px;line-height:35px;word-wrap:break-word;padding-left:10px;font-size:16px}

/* New Classes Added 17 6 2015 - Specific to Picture Vocabulary Pages SLJ */
.pv-small{float:left;width:120px;height:120px;margin:10px 10px 10px 10px;border:none;}
.pv-word{margin-bottom:10px;border:none;font-weight:bold;}

/* New Class Added 17 6 2015 - Specific to Single Word Picture Vocabulary Pages - SLJ */
.pv-center {float:left;margin-left:5px;margin-top:55px;border:none;}


/* New Classes Added 17 6 2015 -  SLJ */
.pv-small{float:left;width:120px;height:120px;margin:10px 10px 10px 10px;border:none;}
.pv-word{margin-bottom:10px;border:none;font-weight:bold;}

/* H1 reduced size - Added 16 12 2015 - SLJ */
.smaller-title{font-size:26px;margin-bottom:10px}

/* H1 Intro Class Modified 16 8 2015 - SLJ */
.intro-title{font-size:24px;margin-bottom:10px}

/* H1 INTRO CLASS ADDED 12 2 2017 - SLJ */
.intro-title-bigger{font-size:28px;margin-bottom:10px}




/* H1 smaller Class for pages with long titles - Modified 16 8 2015 SLJ */
.intro-title-smaller{font-size:22px;margin-bottom:10px}

/* H1 smallest Class Added 28 7 2015, for pages with extra long titles - Modified 16 8 2015 - SLJ */
.intro-title-smallest{font-size:20px;margin-bottom:10px}

/* Modified For Picture Quiz Pages 19 6 2015 - SLJ */
.content-lead-excerpt h2 {font-size:16px;line-height:27px;font-weight:normal;font-style:italic;margin-left:10px;margin-top:10px}

.cp-small{padding-bottom:4px}

.cp-thumb-xl{margin-bottom:5px;}
/* Width and Padding Changed - SLJ */
.cp-thumb-small{float:left;max-width:140px;margin:0 20px 0 0;border-style:solid;border-width:1px;border-color:#CCCCCC;}

.cp-title-xl{font-size:36px;font-size:2.25rem}



/* AKA Spacer - added 15 6 2015 - SLJ */
.mh-separator-white {margin-bottom:10px;padding-bottom:10px;border:0;border-bottom:1px dotted #FFFFFF}


/* Added 22 6 2015 - SLJ */
.spacer-lite {padding:10px;}

/* Modified From Previous Code, 23 6 2015 - SLJ */
img.audio {border:none;padding:0;margin:0 0 .25em .5em;width:17px;height:17px}

/* Google Search Box in Right Hand Column  */ 

.searchbox {
float:left;
margin-bottom:10px;
background-color:#FFFFFF;
}

/* Code for Featured Image Credit added 1 7 2015 - (NB incompatible with hyperlinks!) */

.featured-img-credit {font-size:11px;text-align:center;color:#666} 

/* Code for Word Search Image Added 1 7 2015 */

.featured-image-ws{margin:0 0 10px 0;}


/* Custom Code for Responsive Word Search Puzzles Added 1 7 2015 */

.wordsearch-intro{background-color:#FFFFFF;margin-bottom:10px}
.wordsearch-intro-begin{background-color:#FFFFFF;margin-top:10px;margin-bottom:10px;}
.wordsearch-wordlist{background-color:#FFFFFF;margin-top:10px}



/* Custom Code for Responsive Crossword Puzzles Added 9 6 2016 */
.crossword-embed panel-group{margin-top:20px;}

/* Code to adjust top margin on pages with no sidebar ad 3 7 2015 SLJ */
.home-sidebar-flush-top {margin-top:-10px;display:block;float:left;width:31.66%}
@media only screen and (max-width:960px) {.home-sidebar-flush-top {width:100%}}

/* Another method - add this class to top H4 element - ASJ 24-5-16 */
.flush-top {margin-top:0}

/* Custom Code for Listening Lesson Introduction, to follow author byline, 7 7 2015 */

.listening-intro{background-color:#FFFFFF;margin-top:20px;margin-bottom:10px;font-size:16px}

/* Custom Code for Reading Lesson Introduction, to follow author byline, 8 7 2015 */

.reading-intro{background-color:#FFFFFF;margin-top:20px;margin-bottom:10px}


/* Custom Code for Descriptive Style Menus With Images, added 24 7 2015 */

.pic-submenu-title {font-size: 14px;font-weight:bold;line height:10px;overflow: hidden; margin-bottom:10px;}
.pic-submenu {float:left;margin:5px 20px 0 0}
.pic-submenu-info {margin-top:10px;font-size: 14px; line height:14px;overflow: hidden; margin:0;font-style:italic}
.pic-submenu-links {margin-top:10px;font-weight:bold;}
/* FONT FOR SKILLS - ADDED 27 12 2020 - SLJ */
.pic-submenu-label {font-size: 14px;font-weight:bold;line height:10px;overflow: hidden; margin-bottom:10px;}
.pic-submenu-info-medium {font-style:italic}

/* TAGCLOUD CODE - PADDING ADDED 7 6 2016 - SLJ */
.tagcloud {padding:10px;margin-top:10px;line-height:35px;word-wrap:break-word;}
.tagcloud a:hover {
    background-color: yellow} 
	
	/* mouse over link */
a:hover {
    text-decoration:underline;
}

/* Font size tweaked 12 7 2015 - SLJ */	

.tagcloud h5 {margin-top:20px;margin-bottom:20px;font-size:26px;color:#000000}



/* Code to insert additional space between lines and paragraphs - added 1 8 2015 - SLJ */

.para-spacer {padding:5px}

/* MINI SPACER - ADDED 3 4 2016 - SLJ */
.mini-spacer {padding:2px}

/* DOUBLE HEIGHT PARAGRAPH SPACER - ADDED 7 3 2016 - SLJ */
.para-spacer-deep {padding:10px}





/* Code for aligning rectangular images 154 x 94, such as Alphabet Vocab - added 2 8 2015 - SLJ */

.image-small-rectangle a {outline:none;text-decoration:none}
.image-small-rectangle img{padding-top:10px;padding-bottom:10px;padding-right:30px}
@media only screen and (max-width:767px) {.image-small-rectangle img{padding:10px}}
@media only screen and (max-width:450px){.image-small-rectangle img{padding:3px}}

/* Code for beginners course text and paragraph sizing - added 2 8 2015 - SLJ */

.beginner-lessons p {font-size:16px}
/* Code for text lists of words and phrases - added 14 8 2015 - SLJ */
.beginner-lessons-vocab-item {font-size:16px;margin-top:30px;margin-bottom:30px}
.beginner-lessons-vocab-item a {outline:none;text-decoration:none}

/* Code for Beginners Course Page Instructions - Added 14 8 2015 - SLJ */
.beginner-instructions h2 {font-size:16px;line-height:27px;font-weight:normal;font-style:italic;margin-top:10px}

/* Code for ESOL Course Listings - Added 17 8 2015 - SLJ */

.pictwrap {margin:0;height:1%;padding:0;font-size:14px}
.pictwrap dl {float:left;height:175px;width:360px;text-align:left;color:#404040;padding:.5px;margin:0;list-style: none;}
.pictwrap dt {margin:0;padding:10px 10px 0 0;color:#000000;list-style: none;}
.pictwrap dt a:link, .pictwrap dt a:visited{color:#000000;}
.pictwrap dd {margin:0;padding:0 10px 0 0;list-style: none;}
.pictwrap a:link, .pictwrap a:visited {color:#000000;font-weight:bold}
.pictwrap a:hover {color:#666666}


/* Smaller Class for page subtitles - Modified 16 8 2015 SLJ */
.subtitle-smaller{font-size:18px;margin-bottom:10px}

/* Smaller Class for page subtitles - Modified 16 8 2015 SLJ */
.subtitle-smallest{font-size:15px;margin-bottom:10px;font-weight:bold;}



/* Code for larger non-italicised rubrics - Added 19 10 2015 SLJ */
.rubrics-plus{font-size:16px;margin-top:10px;margin-bottom:10px;}

/* PLUS SIZE TEXT FOR EASY READERS - 09 05 2019 SLJ */
.rubrics-plain-extra-big{font-size:18px;margin-top:5px;margin-bottom:10px;line-height:27px;}

/* Code for styling links to other lesson components - Added 21 8 2015 SLJ */
.link-button{margin-left:15px;}

/* Code for adjusting image table margins for gap fill quizzes - Added 29 8 2015 SLJ */
.vocab-table{margin-top:15px;}

/* Code for adjusting image table margins for language point - Added 30 8 2015 SLJ */
.grammar-table{margin-top:25px;}

/* English for Work - Text Boxes - Added 24 8 2015 SLJ */
.efw-textbox1{background:#EEE8F3;font-size:12px;margin-bottom:10px;padding:7.5px}
.efw-textbox2{background:#E9EAF3;font-size:12px;margin-bottom:10px;padding:7.5px}

/* English for Work - Code for Vocabulary Lists - Added 24 8 2015 SLJ */
.efw-vocablist {text-align:left;line-height:10px;margin-top:20px;margin-bottom:20px}
/* H1 font size modified 13 6 2015 - SLJ */
.efw-vocablist h1{ color:#4D4D4D;font-size:21.75px;word-wrap:break-word;}
/* H2 font size and colour modified 13 6 2015 - SLJ */
.efw-vocablist h2 {color:#000000;font-size:16px;margin-top:10px; margin-bottom:10px;word-wrap:break-word;}
.efw-vocablist p {font-size:15px;color:#666666;list-style:none;margin-top:10px;margin-bottom:10px;line-height:26px;word-wrap:break-word;}
.efw-vocablist li {font-size:15px;color:#666666;list-style:none;margin-top:10px;margin-bottom:10px;line-height:26px;word-wrap:break-word;}
.efw-vocablist b {color:#000000;}

/* English for Work - Flash Matching Quizzes (Depracated) Added 24 8 2015 SLJ */
.jigword {margin-top:20px;margin-bottom:20px}
.task-swf{margin-top:10px;}
@media only screen and (max-width:580px){.task-swf{display:none}}

/* Plain text box, added for readability, 7 10 2015 SLJ */
.textbox{
	background: #FFFFFF;  
	margin-top: 10px;
    margin-bottom: 10px;}

/* Author byline style for below the header, added 7 10 2015 SLJ */	
.byline-top {background-color:#FFFFFF;padding:6px;font-style:italic;margin-bottom: 10px;}

/* Set Default Colours for Image and Ad Backgrounds */

.image-spot{padding-top:12px;padding-bottom:8px;background:#efefef}

.featured-img-credit {font-size:11px;text-align:center;color:#666;background:#efefef;padding-bottom:4px} 

		/* White Text Box With No Padding - Edited 12 9 2016 */
	
.textbox-white-flush{
	background: #FFFFFF;  
	margin-top: 10px;
    margin-bottom: 10px;
    }


	
/* White Text Box */
	
.textbox-white{
	background: #FFFFFF;  
	margin-top: 10px;
    margin-bottom: 10px;
    padding:10px}
	
	/* White Text Box with Dotted Border - Added 18 9 2016 */
	
.textbox-whitedot{
	background: #FFFFFF;  
	margin-top: 10px;
    margin-bottom: 10px;
    padding:7.5px;
	border-style: dotted;
	border-width:1px;
    border-color:#909090}
	
		/* White Text Box with Border - Added 18 9 2016 */
	
.textbox-whitebordered{
	background: #FFFFFF;  
	margin-top: 10px;
    margin-bottom: 10px;
    padding:10px;
	border-style: solid;
	border-width:1px;
    border-color:#909090}
	
	/* Pale Blue Text Box with Dotted Border */
	
.textbox-palebluedot{
	background: #E9F0FF;  
	margin-top: 10px;
    margin-bottom: 10px;
    padding:15px;
	border-style: dotted;
	border-width:1px;
    border-color:#909090
}

/* Cyan Text Box */

.textbox-cyan{
	background: #99E2ED;  
	margin-top: 10px;
    margin-bottom: 10px;
    padding:15px
	}

/* Pale Grey Text Box */

.textbox-palegrey{
	background: #F4F4F4;  
	margin-top: 10px;
    margin-bottom: 10px;
    padding:15px
	}
	
	/* Bordered Pale Grey Text Box */

.textbox-palegrey-border{
	background: #F4F4F4;  
	margin-top: 10px;
    margin-bottom: 10px;
    padding:15px;
	border-style: solid;
	border-width:1px;
    border-color:#909090}
	
	/* Light Grey Text Box - Padding Modified 28 4 2020 */
	
.textbox-lightgrey{
	background: #E6E6E6;  
	margin-top: 10px;
    margin-bottom: 10px;
    padding:15px}

/* Text Box Colours for Green Theme */
	
.textbox-palegreen{
background: #EEEEDA;  
margin-top: 10px;
margin-bottom: 10px;
padding:15px;
line-height:27px;}

.textbox-palegreen p {padding:10px}
	
	
	/* Light Green Text Box */
	
.textbox-lightgreen{
	background: #E8EADE;  
	margin-top: 10px;
    margin-bottom: 10px;
    padding:15px}
	
.textbox-lightgreen p {padding:10px}
		
/* TEXTBOX COLOURS FOR RED THEME */
	
.textbox-palepink{
	background: #FFE8F0;  
	margin-top: 10px;
    margin-bottom: 10px;
    padding:15px}
	
	/* Light Pink Text Box */
	
.textbox-lightpink{
	background: #F8DADA;  
	margin-top: 10px;
    margin-bottom: 10px;
    padding:15px}	
	


	/* PINK TEXT BOXES - 12 3 2018 */	
	.PinkBoxDotBorder{
	background: #F9ECF5; 
	margin-top: 30px;
	margin-bottom: 20px;
	padding:20px;
	border-style: dotted;
	border-width:1px;
	border-color:#909090}
	
	/* CYAN TEXT BOX - 14 3 2018 */	
	.CyanBoxDotBorder{
	background: #D4F3F7; 
	margin-top: 30px;
	margin-bottom: 20px;
	padding:20px;
	border-style: dotted;
	border-width:1px;
	border-color:#909090}
	
	/* ECRU TEXT BOXES - 8 3 2018 */	
	.EcruBoxDotBorder{
	background: #F8EBD5; 
	margin-top: 30px;
	margin-bottom: 20px;
	padding:20px;
	border-style: dotted;
	border-width:1px;
	border-color:#909090}
	
	.PaleEcruBoxDotBorder{
	background: #FBF5E9; 
	margin-top: 30px;
	margin-bottom: 20px;
	padding:20px;
	border-style: dotted;
	border-width:1px;
	border-color:#909090}
	
/* ECRU TEXT BOX WITH A GRADIENT */	
.EcruBoxDotBorderG{
background: linear-gradient(#F8EBD5, #FFFFFF); 
margin-top: 30px;
margin-bottom: 20px;
padding:20px;
border-style: dotted;
border-width:1px;
border-color:#909090}
	
	/* GREEN TEXT BOX WITH DOTTED BORDER - 11 3 2018 */	
	.GreenBoxDotBorder{
	background: #E8EADE; 
	margin-top: 30px;
	margin-bottom: 20px;
	padding:20px;
	border-style: dotted;
	border-width:1px;
	border-color:#909090}
	
	/* GREEN TEXT BOX WITH DOTTED BORDER - 11 3 2018 */	
	.BlueBoxDotBorder{
	background: #DAE6FF; 
	margin-top: 30px;
	margin-bottom: 20px;
	padding:20px;
	border-style: dotted;
	border-width:1px;
	border-color:#909090}
	
	/* GREY TEXT BOX WITH DOTTED BORDER - 11 3 2018 */	
	.GreyBoxDotBorder{
	background: #F4F4F4; 
	margin-top: 30px;
	margin-bottom: 20px;
	padding:20px;
	border-style: dotted;
	border-width:1px;
	border-color:#909090}
	
	/* COMPACT GREY TEXT BOX WITH DOTTED BORDER - 10 7 2018 */	
	.GreyBoxDotBordered{
	background: #F4F4F4; 
	margin-top: 20px;
	margin-bottom: 20px;
	padding:20px;
	border-style: dotted;
	border-width:1px;
	border-color:#909090}
	
	/* YELLOW TEXT BOX WITH A GRADIENT */	
.YellowBoxDotBorderG{
background: linear-gradient(#FFFF99, #FFFFFF); 
margin-top: 30px;
margin-bottom: 20px;
padding:20px;
border-style: dotted;
border-width:1px;
border-color:#909090}
	
		/* Text Box For LH Image - 16 8 2016 */
	
.textbox-left-image{
	background: #FFFFFF;  
	margin-top: 10px;
    margin-bottom: 10px;
    padding:10px}
	
	.textbox-left-image-grey{
	background: #F2F2F0;  
	margin-top: 10px;
    margin-bottom: 10px;
    padding:10px}
	
	/* Text Box  For Sub Menu  */
	
.textbox-submenu{
	background: #F2F2F0;  
	margin-top: 10px;
    margin-bottom: 10px;
    padding:10px}

		/* Added 27 12 2020  - See More Dropdown Button */
		
		.textbox-submenu-dropdown {background: #F2F2F0;margin-top: 0;margin-bottom:10px;padding-top: 5px;padding-left: 0;padding-bottom: 10px;box-sizing: none;}
		
		/* Text Box  For Final Sub Menu on Page - Modified 27 12 2020 */
	
	.textbox-submenu-end{
	background: #F2F2F0;  
	margin-top: 10px;
    margin-bottom: 0;
    padding-top:10px;padding-left:10px;padding-right:10px;box-sizing:none}

	/* Navigation menu for topics a-z */

#alphamenu {margin-top:20px}
#alphamenu li {display:inline;font-size:18px;font-weight:bold;padding-left:0;padding-right:50px;color:#000000}
#alphamenu a:link, #alphamenu a:visited {color:#404040}
#alphamenu a:hover {color:#000000}	

/* code for video embeds at top of page, followed by author byline - edited 22 8 2016 */

.featuredvid-top
  {
  margin-top: 5px; 
  max-width: 750px;
  overflow: hidden;} 

/* Code for language point - Added 22 8 2015 SLJ */
.language-point{margin-top:10px;margin-bottom:10px;line-height:30px}


/* TOP RIGHT TEXT - LESSON SUMMARY  */
.lesson-summary {margin-top:10px;text-align:left;padding-top:5px;padding-left:10px;}
.lesson-summary-blue {background-color:#E9F0FF;margin-top:10px;margin-bottom:10px;text-align:left;padding-top:7px;padding-bottom:7px;padding-left:15px;padding-right:15px;height:265px;overflow:hidden}
.lesson-summary-blue p {margin-top:7px;margin-bottom:7px;text-align:left;}
.lesson-summary-blue h3 {font-size:20px;color:#404040}
/* LESSON SUMMARY - GREY THEME */
.lesson-summary-grey {background-color:#F4F4F4;margin-top:10px;margin-bottom:10px;text-align:left;padding-top:7px;padding-bottom:7px;padding-left:15px;padding-right:15px;height:265px;overflow:hidden}
.lesson-summary-grey p {margin-top:7px;margin-bottom:7px;text-align:left;}
.lesson-summary-grey h3 {font-size:20px;color:#404040}
/* LESSON SUMMARY - GREEN THEME */
.lesson-summary-green {background-color:#EEEEDA;margin-top:10px;margin-bottom:10px;text-align:left;padding-top:7px;padding-bottom:7px;padding-left:15px;padding-right:15px;height:265px;overflow:hidden}
.lesson-summary-green p {margin-top:7px;margin-bottom:7px;text-align:left;}
.lesson-summary-green h3 {font-size:20px;color:#404040}

/* HIDE LESSON SUMMARY ON MOBILES AND SMALL SCREENS  */
@media only screen and (max-width:1100px){.lesson-summary, .lesson-summary-blue, .lesson-summary-grey, .lesson-summary-green{height:0;background-color:#FFFFFF;display:none;}}

/* TOP LEFT IMAGE - IMAGE HEIGHT NEEDS TO MATCH HEIGHT OF RH LESSON SUMMARY BOX */
.med-image-spot {padding-top:12px;height:275px;overflow:hidden}

/* HIDE FEATURED IMAGE ON MOBILES AND SMALL SCREENS   */
@media only screen and (max-width:1100px){.med-image-spot{height:1px;background-color:#FFFFFF;display:none;}}

 /* SHRINK H1 BOTTOM MARGIN ON SMALLER SCREENS AND MOBILE TO ELIMINATE BLANK SPACE  */
@media only screen and (max-width:1100px){.summary-style-intro-title h1{font-size:28px;margin-top:-20px;margin-bottom:-30px;}}
@media only screen and (max-width:1100px){.summary-style-intro-title-small {font-size:22px;margin-bottom:-30px;}}
@media only screen and (max-width:1100px){.summary-style-intro-title-smaller {font-size:20px;margin-bottom:-30px;}}
 
 /* INCLUDE MH1 SUMMARY CODE ON PAGES THAT DON'T DISPLAY LH IMAGE AND SUMMARY ON SMALLER SCREENS  */
@media only screen and (max-width:1100px) {.mh-1-2-summary {width:48%;height:0;margin-top:0;margin-bottom:0;overflow:hidden}}

/* TASKBOX WITH A WHITE DOTTED BORDER */
.textbox-whitedot{ margin-top: 10px;margin-bottom: 10px;padding:15px;border-style: dotted;border-width:1px;border-color:#909090}

/* CODE FOR WORD SEARCH EMBEDS - NEEDS WORK */
.wordsearch-embed  {margin-top: 10px; margin-bottom:10px;overflow: hidden;} 

.wordsearch-embed iframe {background-color:#F4F4F4; position: absolute;top:0;left: 0;max-width: 100%;height: 100%;box-sizing:none}

/* CODE FOR BYLINE STRIP, WITH LINKS - LINE HEIGHT INCREASED 5 3 2016 */

.related-links {background-color:#EFEFEF;color:#404040;font-size:12px;padding:6px;margin-bottom:10px;line-height:22px;}
/* CODE FOR BYLINE STRIP, WITH LINKS - WHITE BH - PADDING ADJUSTED 24 6 2016 */
.related-links-white-bg {background-color:#FFFFFF;color:#404040;font-size:12px;padding-top:6px;padding-bottom:6px;margin-bottom:10px}
/* CODE FOR BYLINE STRIP, WITH LINKS - LARGER FONT - ADDED 2 11 2016 */
.related-links-white {background-color:#FFFFFF;color:#404040;font-size:14px;padding-top:3px;padding-bottom:3px;}
.related-links a {font-weight:normal;font-color:#000000;text-decoration:none}
.related-links  a:hover {font-weight:normal;font-color:#000000;text-decoration:underline}

/* CODE FOR BYLINE STRIP, WITH LINKS, GREEN BG - ADDED 7 11 2016 */
.related-links-green {background-color:#E8EADE;color:#404040;font-size:12px;padding:6px;margin-bottom:10px;line-height:22px;}

/* CODE FOR DEFINITION TYPE LISTS - EDITED 4 8 2017*/
.dl-horizontal dd {clear:both;float:left;margin-top: 10px;margin-left:0;font-size:15px;text-align: left;list-style-type:none;}
.dl-horizontal dt {float:left;margin-top: 10px;font-size:15px;margin-left:0;text-align: left;list-style-type:none;}



/* CODE FOR MICRO SIZED NAVIGATION */
.MicroNav {font-size:10px;}

/* CODE FOR DROP DOWN PANELS ON MENU PAGES - ADDED 28 12 2015 */

.panel.panel-submenu{background:#F2F2F0;border-top:none;box-sizing:none;box-shadow:none;}
.panel.panel-submenu .panel-heading-submenu{background:#F2F2F0;color:#666;border:none;box-sizing:none;box-shadow:none;line-height:20px;}
.panel.panel-submenu .panel-heading-submenu  h4 a{color:#000000;font-size:20px;line-height:20px;}
.panel.panel-submenu .panel-heading-submenu h4 a:hover{background:#F2F2F0;color:#666;line-height:20px;}
.panel.panel-submenu .panel-heading-submenu  h5 a{background:#F2F2F0;color:#404040;font-size:16px;font-weight:bold;line-height:20px;margin-right:200px}
.panel.panel-submenu .panel-heading-submenu h5 a:hover{background:#F2F2F0;color:#666666;line-height:20px;}
.panel-body-submenu {border:none;box-sizing:none;box-shadow:none;line-height:20px;}

.panel.panel-submenu-white{background:#FFFFFF;border-top:none;box-sizing:none;box-shadow:none;margin-top:10px}
.panel.panel-submenu-white .panel-heading-submenu-white{background:#FFFFFF;color:#666;border:none;box-sizing:none;box-shadow:none;line-height:20px;}
.panel.panel-submenu-white .panel-heading-submenu-white  h4 a{color:#000000;font-size:20px;line-height:20px;}
.panel.panel-submenu-white .panel-heading-submenu-white h4 a:hover{background:#FFFFFF;color:#666;line-height:20px;}
.panel.panel-submenu-white .panel-heading-submenu-white  h5 a{background:#FFFFFF;color:#404040;font-size:16px;font-weight:bold;line-height:20px;margin-right:200px}
.panel.panel-submenu-white .panel-heading-submenu-white h5 a:hover{background:#FFFFFF;color:#666666;line-height:20px;}

/* CODE FOR DROP DOWN PANELS ON MENU PAGES WITHOUT BACKGROUND COLOUR - ADDED 28 5 2016 */

.panel.panel-default{border-top:none;box-sizing:none;box-shadow:none;}
.panel.panel-default .panel-heading-default{color:#666;border:none;box-sizing:none;box-shadow:none;line-height:20px;}
.panel.panel-default .panel-heading-default  h4 a{color:#000000;font-size:20px;line-height:20px;}
.panel.panel-default .panel-heading-default h4 a:hover{color:#666;line-height:20px;}
.panel.panel-default .panel-heading-default  h5 a{color:#404040;font-size:16px;font-weight:bold;line-height:20px;margin-right:200px}
.panel.panel-default .panel-heading-default h5 a:hover{color:#666666;line-height:20px;}
.panel-body-default {border:none;box-sizing:none;box-shadow:none;line-height:20px;}


/* GREY COLOUR SCHEME APPLIED 4 6 2019 - SLJ */
.wrapper-inner {background:#4D4D4D;}
.header-top{background:#4D4D4D;line-height:1}
.mh-header{background:#4D4D4D;margin-bottom:20px}
.header-wrap{padding:0}
.header-nav ul li:hover>ul{background:#4D4D4D;}
.slicknav_menu{display:none;background:#4D4D4D;}

/* MARGIN BOTTOM REMOVED AS A TEMPORARY FIX - 13 7 2018 SLJ */
.header-logo {margin-top:30px;margin-left:0px}


/* CODE FOR LINKS TO LEVELS _ LAST EDIT 15 2 2016 */
/* REMOVED BACKGROUND COLOR, SET PADDING-LEFT TO 20px, SET TEXT TO WHITE. @MEDIA SET TO MAX-WIDTH:980px - 20 2 2016 AJ */
.TopLevelLinks{font-family:'Open Sans',Helvetica,Arial,sans-serif;line-height:1;color:#000000;padding-top:10px; padding-bottom:10px;padding-left:3px;overflow:hidden}
.TopLevelLinks a {font-size:13px;font-weight:normal;color:#FFFFFF;text-decoration:none;margin-right:40px}
.TopLevelLinks a:hover {font-size:13px;font-weight:normal;color:#FFFFFF;text-decoration:underline}
.TopLevelLinks a:visited {font-size:13px;font-weight:normal;color:#FFFFFF;text-decoration:none}
@media only screen and (max-width:980px){.TopLevelLinks{display:none}}

/* TOP PADDING ADDED - 16 2 2016 - SLJ */
#mh-wrapper{width:95%;max-width:1180px;margin:0 auto;padding:20px 20px 20px;overflow:hidden;background:#fff;}

.searchbox {font-family:'Open Sans',Helvetica,Arial,sans-serif;}
/* Last edit: 17 2 2016 SLJ */

/* SET TOP PADDING TO 0px 20 2 2016 - AJ */
.ad-spot-white{padding:0 0 0 0;background:#FFFFFF;}

/* CODE FOR TEXT ONLY RIGHT HAND LINKS - 22 2 2016 - SLJ */
.sidenav-lite-browse{font-family:'Open Sans',Helvetica,Arial,sans-serif;font-size:12px;padding-top:8px;padding-bottom:8px;padding-left:5px;background-color:#EFEFEF;text-transform:uppercase;color:#404040;font-weight:700}
.sidenav-lite{font-family:'Open Sans',Helvetica,Arial,sans-serif;font-size:12px;margin-top:10px;padding-left:5px;color:#404040;font-weight:700}
.sidenav-lite a:hover{text-decoration:underline}
.sidenav-lite-line{height: 1px;background-color:#FFFFFF;padding-top:5px;padding-bottom:5px;border-bottom:1px dotted #cdcdcd;width: 100%;}
.sidenav-lite-whitespace{height: 1px;background-color:#FFFFFF;padding-top:5px;padding-bottom:6px;width: 100%;}
.sidenav-lite-search{font-family:'Open Sans',Helvetica,Arial,sans-serif;font-size:12px;padding-top:8px;padding-bottom:8px;padding-left:5px;text-transform:uppercase;background-color:#EFEFEF;color:#404040;font-weight:700}

/* SHOWS RELATED PAGE NAVIGATION FOR SMALLER SCREENS ABOVE FOOTER - HIDE ON DESKTOP - 24 2 2016 - SLJ */

.RelNavMobile {padding:0 0 0 0;background:#FFFFFF;}

/* MIN WIDTH CHANGED FROM 1024 to 960 SO IT ONLY SHOWS ON MOBILE - 21 3 2016 - AJ */

@media only screen and (min-width:960px){.RelNavMobile{display:none}}

/* SHOWS RELATED PAGE NAVIGATION FOR SMALLER SCREENS ABOVE FOOTER - HIDE ON MOBILE- 24 2 2016 - SLJ */


.RelNavDesktop{padding:0 0 0 0;background:#FFFFFF;}
/* MAX WIDTH CHANGED FROM 1024 to 960 - 21 3 2016 - AJ */
@media only screen and (max-width:960px){.RelNavDesktop{display:none}}

/* SHOW MORE, GREY BACKGROUND - HIDE ON MOBILE - 7 6 2016 - SLJ */

.RelNavDesktopGrey{padding:0 0 0 0;background:#F2F2F0;}

/* MAX WIDTH CHANGED FROM 1024 to 960 - 21 3 2016 - AJ */

@media only screen and (max-width:960px){.RelNavDesktopGrey{display:none}}

/* PALE BLUE GRADIENT FILL - PADDING ADJUSTED  - SLJ */

.gradient-paleblue
   {background: url('https://esolcourses-esolcoursesltd.netdna-ssl.com/bootstrap/img/backgrounds/gradientpaleblue.png');

   background-repeat:no-repeat;
    background-size:cover;
	margin-top: 10px;
    margin-bottom: 10px;
    padding:15px;
	border-style: dotted;
	border-width:1px;
    border-color:#C3C3C3}	
	
	/* PALE PINK GRADIENT FILL - ADDED 17 3 2016 - SLJ */

.gradient-palepink
   {background: url('https://esolcourses-esolcoursesltd.netdna-ssl.com/bootstrap/img/backgrounds/gradientpalepink.png');
   background-repeat:no-repeat;
   background-size:cover;
	margin-top: 10px;
    margin-bottom: 10px;
    padding:15px;
	border-style: dotted;
	border-width:1px;
    border-color:#C3C3C3}	
	
	.gradient-red-yellow
   {background: url('https://esolcourses-esolcoursesltd.netdna-ssl.com/bootstrap/img/backgrounds/gradient-red-yellow.png');
   background-repeat:no-repeat;
   background-size:cover;
	margin-top: 10px;
    margin-bottom: 10px;
    padding:15px;
	border-style: dotted;
	border-width:1px;
    border-color:#C3C3C3}	
	
/* PALE GREEN GRADIENT FILL - 1 3 2016 - SLJ */
	
	.gradient-palegreen
   {background: url('https://esolcourses-esolcoursesltd.netdna-ssl.com/bootstrap/img/backgrounds/gradientpalegreen.png');
      background-repeat:no-repeat;
   background-size:cover;
	margin-top: 10px;
    margin-bottom: 10px;
    padding:15px;
	border-style: dotted;
	border-width:1px;
    border-color:#C3C3C3}
	
		.gradient-paleorange
   {background: url('https://esolcourses-esolcoursesltd.netdna-ssl.com/bootstrap/img/backgrounds/gradientpaleorange.png');
      background-repeat:no-repeat;
   background-size:cover;
	margin-top: 10px;
    margin-bottom: 10px;
    padding:15px;
	border-style: dotted;
	border-width:1px;
    border-color:#C3C3C3}
	
	/* BACKGROUND COLOUR TO FRAME LH IMAGE AND RH AD - 2 3 2016 - SLJ */
.Apply-Bg-Default{background-color:#EFEFEF;height:340px;padding-top:5px;}

	/* LEFT HAND IMAGE PLACEHOLDER 336 x 280 - 2 3 2016 - SLJ */
.image-spot-responsive{padding-top:12px;padding-bottom:0;background:EFEFEF;overflow:hidden;}

	/* RIGHT HAND RECTANGULAR AD PLACEHOLDER DESKTOP ONLY - 336 x 280 - 2 3 2016 - SLJ */
.ad-spot-responsive{padding-top:12px;padding-bottom:0;background:EFEFEF;}

/* CUSTOM CODE FOR RELATED LINKS BELOW LH IMAGE AND RH AD - 2 3 2016 - SLJ */
.related-links-grey-bg {clear:both;background-color:#EFEFEF;color:#404040;font-size:12px;padding-bottom:5px;margin-bottom:10px;}

/* BLUE AD SPOT BACKGROUND - 8 3 2016 - SLJ */
.ad-spot-blue{padding:18px;background-color:#E9F0FFtext-align:center!important;overflow:hidden}	

/* CODE FOR REFERENCING SOURCES BELOW TEXTS  - SLJ */
.sources {
clear: both;
margin-top:10px;
margin-bottom:10px;
font-size: 13px;
font-style: italic;
float:right;}

.source-link
{padding-top:10px;
padding-bottom:10px;
font-size: 13px;
font-style: italic;}


/* PADDING ADJUSTED 17 3 2016  - SLJ */
.taskbox1{padding:15px}

/* 3 thumbnail images 225px by 225px, horizontal display on desktop, stacked vertical on mobile */

.picturestripx3 

{clear: both;
margin-top: 20px;
margin-bottom: 20px;
max-width: 690px;}

/* 4 thumbnail images 140px by 140px, horizontal display on desktop, stacked vertical in pairs on mobile */

.picturestripx4 
{clear: both;
margin-top: 15px;
margin-bottom: 15px;
max-width: 750px}

/* 5 thumbnail images 140px by 140px, horizontal display on desktop, stacked vertical  on mobile */

.picturestripx5
{clear: both;
margin-top: 15px;
margin-bottom: 15px;
max-width: 750px}

/* SET MARGINS FOR PICTURSTRIP IMAGES - ADDED 3 4 2016 - SLJ */
.picturestrip-single
{margin-bottom: 3.5px;}


/* single image, chart or diagram -  horizontal display, 750 wide, varying heights - max width needs to be set to 750 */

.chartstrip
{margin-top: 10px; 
margin-bottom: 15px; 
max-width: 750px}

/* TASK BOXES ADDED 17 3 2016 */

.taskbox-lightgrey {margin-top:10px;padding:15px;background:#E6E6E6;}

/* LIGHT BLUE TASK BOX */

.taskbox-lightblue{
background: #DAE6FF;  
margin-top: 10px;
margin-bottom: 10px;
padding:15px}

/* SET BACKGROUND COLOUR FOR HOT POTATOES QUIZZES WITH DROPDOWN FEEDBACK */

.taskbox-hotpot{
background: #F4F4F4;  
margin-top: 10px;
margin-bottom: 10px;
padding-bottom: 15px;}

/* ADJUST ALIGNMENT FOR ACCORDION IN HOT POTATOES DIV */

.button-hotpot{
background: #F4F4F4;  
padding-left: 60px;margin-top:-30px;}

/* LEGACY WORD SEARCH EMBEDS IN RESPONSIVE PAGES */

.embed-wordsearch{
background: #F4F4F4;
margin-top: 25px;padding-top: 10px;}

/* ADDED 20 4 2017 - LEGACY WORD SEARCH EMBEDS ON A WHITE BACKGROUND */ 

.embed-wordsearch-white{
background: #FFFFFF;
margin-top: 15px;padding-top: 10px;}

/* ADDED 20 4 2017 - USE FOR WORD SEARCH PUZZLES WITH BACKGROUND IMAGES */  

.embed-wordsearch-plain{
margin-top: 15px;padding-top: 10px;}




/* LEGACY DRAG AND DROP EXERCISES IN RESPONSIVE PAGES - ADDED 9 11 2016 */
.embed-wordmix{
background: #FFFFFF;
margin-top: 25px;padding-top: 10px;}

/* MINUS MARGIN, TO GET RID OF UNWANTED PADDING - ADDED 21 3 2016 - */
.minus-15 {margin-top:-15px;}

/* MINUS MARGIN, TO GET RID OF UNWANTED PADDING - ADDED 25 5 2016 - */
.minus-25 {margin-top:-25px;}

/* INCREASE MARGIN - ADDED 21 3 2016 - SLJ */
.plus-15 {padding:15px}




/* CODE FOR INLINE LISTS - ADDED 4 5 2016 - SLJ */
.list-inline li{margin-right:10px;padding-right:50px;word-wrap:break-word;overflow:hidden;line-height:35px;}
.wordlist-inline {padding-left:50px;margin-top:30px}

/* GRADIENT FILL FOR FOR INLINE LISTS - ADDED 4 5 2016 - SLJ */
.list-gradient-paleblue
   {background: url('https://esolcourses-esolcoursesltd.netdna-ssl.com/bootstrap/img/backgrounds/gradientpaleblue.png');
      background-repeat:no-repeat;
   background-size:cover;
	border-style: dotted;
	border-width:1px;
    border-color:#C3C3C3}	

/* PARESMENOT  - OVERRIDE CUSTOM CSS FOR UNSTYLED LISTS  */
.entry-content ul li {list-style:inside none none;margin-left:-50px;padding-left: 10px;}
/* FONT SIZE EDITED 7 5 2019 - SLJ  */
.rubrics-plain-indent{margin-top:10px;margin-bottom:10px;margin-left:10px;font-size:16px}
/* FONT SIZE EDITED 7 5 2019 - SLJ  */
.rubrics-plain-indent-deep{margin-top:10px;margin-bottom:10px;margin-left:20px;font-size:16px}

/* ADD EXTRA PADDING TO PAGE ELEMENT - 28 5 2016 - SLJ */
.Pad20 {height:20px;}


/* HIGHLIGHTED TEXT FOR PAGINATION  - SLJ */
.WrdUpPageNo{color:#000000;font-weight:bold;}

/* STANDARD TEXT FOR PAGINATION  - SLJ */
.WrdUpPaginate{color:#797979;}

/* ------------------------------------------------------------------------ */
/* CUSTOM CODE FOR LH IMAGE RH AD - SUPERCEDED - DO NOT USE  SLJ */

/* ENCLOSURE FOR SQUARE RIGHT HAND, FIXED WIDTH ADS - 24 7 2016 - DISPLAY ON DESKTOP ONLY - SLJ */
.fixed-ad-container
{min-height:280px;vertical-align:middle;horizontal-align:middle;}

/* ENCLOSURE FOR RH AD COLUMN - SLJ */
.fixed-ad-spot {height:280px;background:#EFEFEF!important;text-align:center!important
;overflow:hidden}

/* ENCLOSURE FOR RIGHT HAND AD IN MAIN DIV - DISPLAY ON DESKTOP ONLY - 24 7 2016 - SLJ */

.fixed-ad-unit {
background-color:#EFEFEF!important;
}

@media only screen and (max-width:1150px)
{
.fixed-ad-unit, .fixed-ad-spot{display:none;}
}

/* ------------------------------------------------------------------------ */

/* CUSTOM CODE FOR LH IMAGE RH AD - IN PROGRESS - DO NOT USE 3 8 2016 SLJ */


.slj-lhi {height:280px;}
.sb-widget-lhi {height:280px;margin-bottom:0}
.slj-lhi-img {height:280px;overflow:hidden;}


.slj-rha {height:280px;width:55%;margin-left:3.86%}
.sb-widget-rha {height:280px;margin-bottom:0}
.ad-spot-rha {height:280px;padding:5px;background:#EFEFEF}


@media only screen and (max-width:1150px)
{
.slj-rha,.sb-widget-rha, .ad-spot-rha{display:none;}
}

/* CUSTOM CODE FOR VOCABULARY PAGES WITH WORD DEFINITIONS - EDITED 02 10 2018 SLJ */

.WordDefinitions {float:left;margin-left:0;clear:both}
.WordDefinitions h2 {margin-top:10px;margin-bottom:10px;margin-left:10px;font-size:16px;}
.WordDefinitionsPlus h2 {margin-top:10px;margin-bottom:20px;font-size:16px;}
.WordDefinitions ul li {list-style:none;}
.WordDefinitions p{margin-bottom:20px;}
.WordDefinitions a{font-weight:normal;text-decoration:underline}



/* CUSTOM CODE FOR VOCABULARY PAGES WITH WORD DEFINITIONS THAT WRAP AROUND IMAGES ADDED 6 9 2016 SLJ */
.WordDefinitionsWrap {margin-left:0;}
.WordDefinitionsWrap  ul li {list-style:none;}
.WordDefinitionsWrap  p{margin-bottom:20px;}
.WordDefinitionsWrap  a{font-weight:normal;text-decoration:underline}


/* CUSTOM CODE TO HANDLE IMAGES AND OTHER ELEMENTS THAT WRAP AROUND TEXT - 5 9 2016 SLJ */
@media only screen and (max-width:1150px)
{.WrapRight, .WrapLeft {display:none;}}


.gap-right {
  margin-right: 10px;margin-bottom: 10px; 
}

.gap-left {
  margin-left: 10px;margin-bottom: 10px; 
}


/* CUSTOM CODE FOR TASKS AND ACCOMPANYING TEXTS -  1 1 2017 */

.PaleGreyBox{
	background: #F4F4F4;  
	margin-top: 10px;
    margin-bottom: 10px;
    padding:10px}	
	
.LightGreyBox{
	background: #E6E6E6;  
	margin-top: 10px;
    margin-bottom: 10px;
    padding:10px}
	
	/* INCREASED PADDING -  4 3 2018 */
.BoxDotBorder{
	margin-top: 30px;
	margin-bottom: 20px;
	padding:20px;
	border-style: dotted;
	border-width:1px;
	border-color:#909090}
	
/*ADDED 25 3 2017 - USE FOR DROPDOWN ANSWER PANELS - SLJ */	
.BoxDotBorderPanel{
margin-bottom: 20px;
padding:10px;
border-style: dotted;
border-width:1px;
border-color:#909090}

/*ADDED 24 5 2017 - SLJ */	
.WordListBordered{margin-top:20px; line-height:30px;border:1px solid #ccc; padding-top:30px;padding-left:10px;margin-bottom:20px}

/*ADJUST FONT SIZE FOR VOCABULARY TABLES - SLJ*/
.TableText{
font-weight: bold;
font-size: 15px;
color:#404040
}
.TableTextExtra{
font-weight: bold;
font-size: 16px;
color:#404040
}

/* CUSTOM CODE FOR LEGACY FLASH MATCHING QUIZZES */
.matching-quiz {align:center;padding-top:10px}

/* YELLOW GRADIENT FILL */

.gradient-yellow
{background: url('https://esolcourses-esolcoursesltd.netdna-ssl.com/bootstrap/img/backgrounds/gradientyellow.png');
   background-repeat:no-repeat;
   background-size:cover;
margin-top: 10px;
margin-bottom: 10px;
padding:15px;
border-style: dotted;
border-width:1px;
border-color:#C3C3C3}	

/* YELLOW TEXT HIGHLIGHT */

.TextBgYellow {
height: 1px;
background-color:#FDBD23;
padding: 0;
margin-top: 0;
margin-bottom: -10px;
width: 100%;
}

/* GLIPHICONS FOR COLLAPSE SHOW HIDE MORE PANELS */

.glyphicon-chevron-right {
font-weight: bold;
font-size: 15px;
color:#404040;border:none;border-radius:0;outline:none !important;
}

.glyphicon-remove-circle {
font-weight: bold;
font-size: 15px;
color:#404040;border:none;border-radius:0;outline:none !important;
}





/* PALE BLUE TEXT BOX - EDITED 28 8 2017 */
	
.textbox-paleblue{
	background: #E9F0FF;  
	margin-top: 10px;
    margin-bottom: 10px;
    padding:15px;
	line-height:27px;}
	
.textbox-paleblue p {padding:10px}
	
/* LIGHT BLUE TEXT BOX - EDITED 28 8 2017 */
	
.textbox-lightblue{
	background: #DAE6FF;  
	margin-top: 10px;
    margin-bottom: 10px;
    padding:15px;
	line-height:27px;}
	
.textbox-lightblue p {padding:10px}

/* HTML 5 AUDIO PLAYER - ADDED 3 9 2017 - NO CSS SET YET AS CHROME IGNORES STYLES */

.AudioPlayer {}

/* STYLING FOR SHOW MORE ITEMS ON RIGHT HAND SIDEBAR - ADDED 4 9 2017  */

.btn-primary-outline-plain {font-family: 'Glyphicons Halflings'; color:#404040;background-color:#FFFFFF;border:none;outline-color:#FFFFFF;text-decoration:none;box-sizing:none;padding:0}

.sidebar-show-more {font-family:'Open Sans',Helvetica,Arial,sans-serif;
font-size: 14px; overflow: hidden;}

/* ELIMINATE DROPDOWN BEHAVIOUR GLITCHES - 28 11 2017  */
.drop-it {padding:2px}

/* SCPRMCNGTS - 2 10 2017 - SLJ */
.extra {}

/* PICTURE VOCABULARY PAGE STYLES - 2 10 2017 - SLJ */

.pic-vocab-item{
	background: #F2F2F0;  
	margin-top: 10px;
    margin-bottom: 10px;
    padding:10px}
	
.pic-vocab-text {margin-top:10px;margin-bottom:10px;}

.pic-vocab-title {font-size:15px!important;font-weight:bold;!important;line height:10px;overflow: hidden; margin-bottom:10px;}
.pic-vocab {float:left;margin:5px 20px 0 0}
.pic-vocab-info {margin-top:10px;line height:14px;overflow: hidden; margin:0;font-style:italic}
.pic-vocab-links{margin-top:10px;font-weight:bold;}

/* KILL UNWANTED TEXT UNDERLINE WHEN PLAYING AUDIO AND OTHER EMBEDDED MEDIA - 15 11 2017  SLJ */

.no-underline a:link {text-decoration:none;}
.no-underline a:visited {text-decoration:none;}
.no-underline a:hover {text-decoration:none;}
.no-underline a:active {text-decoration:none;}

/*  LEFT IMAGE RIGHT AD LAYOUT - ADDED 27 11 2017 - SLJ  */

/* BLEND PAGE ELEMENTS WITH SPONSORED CONTENT */
.TopSegment{background:#EFEFEF;padding-top:20px;border-style:solid;border-width:1px!important;border-color:#CCCCCC!important;}
.TopSegment h1 {margin-left:20px;padding-top:15px}

/* DROP TOP SEGMENT SMALLER SCREENS - 30 1 2018 */
@media only screen and (max-width:1224px) 
{.TopSegment {display:none}}

.related-links-palegrey {background-color:#EFEFEF;color:#404040;font-size:12px;padding: 0 0 6px 6px;margin-top:5px;margin-left:10px;margin-bottom:5px;line-height:22px;}

/* CONTAINER FOR STATIC FIXED SIZE LARGE RECTANGLE AD - NEEDS TO FLOAT LEFT  */
.RightAdFixed{float:left;height:280px!important;padding:0;margin-left:15px}

@media only screen and (max-width:1224px) 
{.RightAdFixed {height:280px!important;margin:0;padding-left:15px;background-color:#EFEFEF;}}

/* LH SPACER TO ADJUST AD PLACEMENT ON DESKTOP SCREENS - NO LH IMAGE */
.PicSpace {width:338px;height:280px;padding:0;margin:0;float:left;opacity: 0}

/* DROP LH SPACER WITH NO IMAGE ON SMALLER SCREENS */
@media only screen and (max-width:1224px) 
{.PicSpace {display:none}}


@media only screen and (max-width:1224px) 
{.RightAdRes, .RightAdResVideo{display:none}}



/* LH SPACER TO ADJUST AD PLACEMENT ON DESKTOP SCREENS - INCLUDES VIDEO */
.LeftVid {max-width:360px!important;height:280px!important;padding:0;float:left;margin-left:20px;}



/* DISPLAY FULL WIDTH VIDEO ON SMALLER SCREENS */
@media only screen and (min-width:1224px) 
{.MobileVideo {display:none}}

/*  SET BACKGROUND COLOUR FOR AD CONTAINER DIV - RH BACKGROUND NEEDS TO MATCH AD */
.BackgroundColour {
background-color:#EFEFEF;
background-size: auto;
background-repeat:no-repeat;
height:280px!important;
min-width:700px;
margin-bottom:20px;
}

@media only screen and (max-width:1224px) 
{.BackgroundColour{height:0;display:none}}


/*  SET BACKGROUND IMAGE FOR AD CONTAINER DIV - RH BACKGROUND NEEDS TO MATCH AD */
.BackgroundImage {
background-size: auto;
background-repeat:no-repeat;
height:280px;
min-width:338px;
margin-bottom:20px;
}

@media only screen and (max-width:1224px) 
{.BackgroundImage{height:0;display:none}}


/* CODE FOR FEATURED LINKS BELOW LH IMAGE RH AD - EXTRA PADDING ADDED */
.related-links-white-deep {background-color:#FFFFFF;color:#404040;font-size:14px;padding-top:6px;padding-bottom:3px;}

/* CODE FOR FEATURED LINKS ABOVE LH IMAGE RH AD - EXTRA PADDING ADDED - 2 2 2018 SLJ */
.related-links-white-top {background-color:#FFFFFF;color:#404040;font-size:14px;padding-bottom:10px;}

/* READING PASSAGES FOR QUIZZES - 28 11 2017 SLJ */

/* PLAIN TEXT BOX - NO BACKGROUND COLOUR SET */

.reading-textbox-plain{ 
margin-top: 10px;
margin-bottom: 10px;
padding:10px}

.reading-textbox-plain p{
text-align: justify;
text-justify: inter-word;
font-size:16px;
}

/* WHITE TEXT BOX WITH DOTTED BORDER  */

.reading-textbox-whitedot{
background: #FFFFFF;  
margin-top: 10px;
margin-bottom: 10px;
padding:7.5px;
border-style: dotted;
border-width:1px;
border-color:#909090}

.reading-textbox-whitedot p{
text-align: justify;
text-justify: inter-word;
font-size:16px;
}

/* WHITE TEXT BOX WITH SOLID BORDER  */

.reading-textbox-whitebordered{
background: #FFFFFF;  
margin-top: 10px;
margin-bottom: 10px;
padding:10px;
border-style: solid;
border-width:1px;
border-color:#909090}

.reading-textbox-whitebordered p{
text-align: justify;
text-justify: inter-word;
font-size:16px;
}

/* GREY TEXT BOX WITH DOTTED BORDER  */

.reading-textbox-greydot{
background: #F4F4F4;  
margin-top: 10px;
margin-bottom: 10px;
padding:7.5px;
border-style: dotted;
border-width:1px;
border-color:#909090}

.reading-textbox-greydot p{
text-align: justify;
text-justify: inter-word;
font-size:16px;
}

/* DISABLE SCROLLING ON HP MC EMBEDS - EDITED 02 10 2018 -  SLJ */
.EmbedMCQ{width:750px; height: 440px!important;overflow:hidden!important;border-style: solid;border-width:1px;border-color:#CCCCCC;padding:0px;
    margin:0px;
}

/* STYLING FOR HP GAP FILL EMBEDS, FROM 2 12 2017 -  SLJ */
.EmbedGFQ{border-style:solid;border-width:1px;border-color:#CCCCCC;}


/* STYLING FOR iFRAME BORDERS AND GREY BACKGROUND H5P QUIZZES - 19 1 2018 -  SLJ */
.QuizBorderWhite{border-style: solid;border-width:1px;background:#FFFFFF;border-color:#CCCCCC;padding-left:20px;padding-right:20px;margin-bottom:10px;}


/* INDENT HTML5 DRAG AND DROP INSTRUCTIONS FOR TEXT ON PLAIN BG - 11 3 2018 SLJ */
.IndentInstructions{margin-left:16px}
/* MATCH INSTRUCTIONS TO H5P RUBRICS  - SLJ */

.bold-instructions {
margin-top:15px;
margin-bottom:15px;
font-size:20px;
font-weight:bold;
font-style: italic;}

/* DISABLE BUTTON OUTLINE IN CHROME */
button:focus {outline:0;}
button:active {
outline: none;
border: none;
}

/* ADDED TO FIX SNAFUS WITH DR0PDOWN BUTTONS - 26 2 2018 - SLJ */
.panel-group-button {margin-bottom:0!important}
/* FONT SIZE ADJUSTED TO 16PX - 17 3 2019 SLJ */
.panel-body-condensed {padding:0;font-size:16px)}
.panel-group-condensed {margin-bottom:0;text-decoration: none !important;font-size:16px}


/* SEE MORE LESSONS BUTTON IMAGE STYLES */
.see-more-lessons-nav-button {padding:0 0 10px 10px;}
.no-underline a:hover {text-decoration:none!important}


/* SHOW FULL ATTRIBUTION ABOVE FOLD */
.credits-show-more {font-family:'Open Sans',Helvetica,Arial,sans-serif;font-size:12px; background:#F4F4F4;padding-top:10px;color:#404040;}
.ShowFullCredits p{font-family:'Open Sans',Helvetica,Arial,sans-serif;font-size:12px;text-decoration:none;font-style:normal;overflow:hidden;color:#404040;line-height:25px}

/* STYLING FOR SEE MORE LESSONS BUTTONS - 21 4 2018 SLJ */
.category-button {font-size:12px;color:#000000!important;display: inline-block;padding: 5px 7px;margin-top:2px;margin-bottom:4px;border-radius:8px;border: 0;letter-spacing: 0.0635em;background: #E7E7E7;text-decoration: none!important;}
.category-button a {outline: none;text-decoration: none;}
.category-button:hover,.category-button:focus,.category-button:active {background: #bfbfbf;color: #CC0000!important;}

/* STYLE H2 FOR TABBED STYLE LESSONS - ADJUSTED 08 07 2020 SLJ */
.tabbed-browsing{font-size:16px;padding-top:5px;padding-bottom:5px;font-weight:normal;color:#404040;vertical-align:top}

/* STYLING FOR TABBED STYLE LESSONS - ADJUSTED 8 5 2019 */
.nav-tabs>li>a {background-color: #F4F4F4; border-color: #EFEFEF; color:#000000;}
.nav-tabs > li {float: left;margin-bottom:-1px;margin-top:5px!important;}
/* ACTIVE TAB - ADJUSTED 8 5 2019 */
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {color: #000000;background-color: #FFFFFF;}

/* HOVER TAB - ADJUSTED 8 5 2019 */
.nav-tabs>li>a:hover {border-color: #EFEFEF;color: #000000;background-color: #FFFFFF;}



/* STYLE PILLS ON MOBILE */
.nav-pills > li > a {background-color: #F4F4F4;margin-right:5px;margin-bottom:5px;}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
color: #fff;background-color: #404040;}

/* A1 COURSES LOGO STYLING */
.A1EsolText{font-size:40px;color:#BFB9DF;padding-right:10px;letter-spacing:3px;}
.A1CoursesText{font-size:40px;color:#C3C39D;letter-spacing:2.5px;}
.A1StraplineText{font-size:14px;color:#FFFFFF;letter-spacing:3.6px;padding-left:5px;padding-top:5px;}

/* LIFE IN THE UK COURSES LOGO STYLING - MODIFIED 6 6 2019 */
.AdultESOLText{font-size:40px;color:#E38184;padding-right:10px;letter-spacing:3px;}
.AdultESOLCoursesText{font-size:40px;color:#6EB3BA;letter-spacing:2.5px;}
.AdultESOLStraplineText{font-size:14px;color:#FFFFFF;letter-spacing:3.6px;padding-left:5px;padding-top:5px;}
/* Adult ESOL Course - Display on Mobile - Modified 6 6 2019 */
@media only screen and (max-width:580px){.AdultESOLText{margin-left:15px;}}
@media only screen and (max-width:580px){ .AdultESOLText, .AdultESOLCoursesText {font-size:35px }}
@media only screen and (max-width:580px){ .AdultESOLStraplineText { display:none;padding:0 }}
@media only screen and (max-width:580px){.LogoContainer  {height:40px }}
@media only screen and (max-width:768px){ .AdultESOLText, .AdultESOLCoursesText {font-size:35px }}
@media only screen and (max-width:768px){ .AdultESOLStraplineText { display:none;padding:0 }}
@media only screen and (max-width:768px){.LogoContainer  {height:40px }}


/* REDUCE LOGO SIZE ON MOBILE - 25 7 2018 */
@media only screen and (max-width:767px){.LogoContainer {width:280px;height:70px;margin-top:5px;margin-bottom:20px}
.LogoText, .A1EsolText, .A2EsolText{font-family:'Open Sans';font-size:34px;padding-left:16px;padding-right:10px;padding-bottom:0;;margin-bottom:0;letter-spacing:3px;}
.CoursesText, .A1CoursesText, .A2CoursesText{font-family:'Open Sans';font-size:34px;letter-spacing:2.5px;padding-bottom:0;margin-bottom:0;}
.StraplineText, .A1StraplineText, .A2StraplineText{font-family:'Open Sans';font-size:11px;letter-spacing:3.6px;padding-left:20px;padding-top:0;font-weight:normal}}

/* A2 COURSES LOGO STYLING - MODIFIED 16 10 2018 */
.A2EsolText{font-size:40px;color:#F4E184;padding-left:0;padding-right:10px;letter-spacing:3px;}
.A2CoursesText{font-size:40px;color:#BABA99;letter-spacing:2.5px;}
.A2StraplineText{font-size:14px;color:#FFFFFF;letter-spacing:3.6px;padding-left:5px;padding-top:5px;}

.BoxShadowBorder{margin-top: 30px; margin-bottom: 20px; margin-left:10px; margin-right:10px; padding:20px;box-shadow: 2px 2px 8px  #CCCCCC;}	

.AnswerKey{margin-top: 30px;padding:20px;border-style: dotted;border-width: 1px;border-color: #909090;}



/* STYLE BOOTSTRAP BUTTONS FOR DROP DOWN INSTRUCTIONS - 02 07 2018 */

.label {font-family: inherit;display: inline;padding-left:10px;padding-right:10px;margin-left:10px;font-size: 14px;font-weight:400;line-height: 1;color: #fff;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: .25em;}
.label a:hover{text-decoration: none !important}
.label-instructions-grey {font-family: inherit;display:inline;padding:6px 12px;margin-left:0;margin-top:10px;margin-bottom:10px;font-size: 14px;font-weight:400;line-height: 1;color: #fff;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: .25em;background-color: #666666!important;}
a:hover{text-decoration: none !important}
.no-underline a:hover{text-decoration: none !important}

/* REDUCE PADDING */	
.compact-separator{padding-bottom:10px;border:0;border-bottom:1px dotted #cdcdcd}

/*  ADDED 27 6 2018 */
@media only screen and (max-width:1224px) 
{.TopSegment{height:0;display:none;background-color:#FFFFFF}}
/* CONTAINER FOR  RESPONSIVE AD - NEEDS TO FLOAT LEFT - LEFT MARGIN AND PADDING REMOVED 5 10 2019 - SLJ */
.RightAdRes {max-width:338px!important;max-height:280px!important;background-color:#EFEFEF;float:left;}
.RightAdResVideo {max-width:338px!important;max-height:280px!important;margin-left:0;background-color:#EFEFEF;padding-left:15px;float:left;}

/*  MODIFIED 28 6 2018 */
.mh-separator{margin-bottom:20px;border:0;border-bottom:1px dotted #cdcdcd}


/* WORD SEARCH UPGRADE - JUNE 2018 */	
.MobileWordSearch{margin:0!important;padding:0!important;align:left!important;overflow:auto;-webkit-overflow-scrolling:touch!important;}
.EmbedWordSearch {-webkit-overflow-scrolling:touch!important;}

/* CROSSWORD UPGRADE - JUNE 2018 */	
.MobileCrossword{margin:0!important;padding:0!important;align:left!important;overflow:scroll;-webkit-overflow-scrolling:touch;}


.MobileCrossword {
-webkit-overflow-scrolling: touch;
overflow-y: scroll;
/* SET DIMENSIONS ON INDIVIDUAL IFRAMES */
}

.MobileCrossword iframe {
/* FIX ISSUES WITH SCROLLING ON IPHONE */
}

.MobileWordSearch {
-webkit-overflow-scrolling: touch;
overflow-y: scroll;
/* SET DIMENSIONS ON INDIVIDUAL IFRAMES */
}

.MobileWordSearch iframe {
/* FIX ISSUES WITH SCROLLING ON IPHONE */
}

/* MODIFY H2 FONT TO MATCH H5P INSTRUCTIONS - 10 11 2018 */
.h5p-question-introduction {font-size: 19px;font-weight:bold}

/* CODE FOR REFERENCING SOURCES BELOW TEXTS WITHOUT LINKS  - SLJ */
.text-source {clear: both;font-size: 13px;font-style: italic;line-height:30px;float:right;}

/* BORDERS FOR ELEMENTARY COURSE - 29 10 2018 */
.LightGreyBoxBorder {background: #E6E6E6;margin-top: 10px;margin-bottom: 10px;padding:15px;border-style: solid;border-width:1px;border-color:#909090;}

/* ADDED 10 9 2016 - DROP SIDE MENU IMAGES ON MOBILE - SLJ */
@media only screen and (max-width:1224px) 
{
.cp-thumb-small{display:none;}
}

/* WIDTH ON MOBILE ADJUSTED 21 11 2018 SLJ */
@media only screen and (max-width:960px)
{
#mh-wrapper,.wrapper-inner{width:100%}
.header-ad .textwidget{text-align:center;margin-top:20px}
.logo-wrap{text-align:center}
.mh-col,.mh-left-sb #main-content,.mh-right-sb #main-content{margin:0}
#main-content,.home-sidebar,.mh-1-2,.mh-1-3,.mh-1-4,.mh-2-3,.mh-3-4,.mh-sidebar {width:100%}
.home-sidebar-flush-top {width:100%}
.home-2,.home-3{width:48.07%}.home-3{margin-left:3.86%}.mh-share-buttons .mh-col{width:23.125%;margin-left:2.5%}
.mh-share-buttons .mh-col:first-child{margin:0}
.content-grid{width:23.125%;margin:10px 0 10px 2.5%}
.news-ticker{width:65.83%}.header-search{width:31.66%}.search-form input:hover{min-width:200px}
.home-sidebar .cp-thumb-xl,.mh-sidebar .cp-thumb-xl{text-align:center;background:#efefef}
.contact-page .entry-content{margin-bottom:1.875rem}.footer-1,.footer-2{margin-bottom:20px}
.js .main-nav{display:none}.js .slicknav_menu{display:block}
.ad-spot{background:0 0}
/* ADDED 21 11 2018 SLJ */
.header-logo {margin-top: 20px!important;margin-bottom: 0px!important;margin-left: 0px!important;}
/* FOOTER HEIGHT ON MOBILE ADJUSTED 21 11 2018 SLJ */
.footer-widgets{margin:0!important}
.footer-widgets {margin-top:0;margin-bottom:0}
.footer-1,.footer-2{margin-bottom:0}
}

/* EDITED 10 9 2016 - SLJ */
@media only screen and (max-width:767px)
{
.hidden-sm,.news-ticker{display:none}
.category .content-grid .entry-meta,.content-grid-separator{display:block}
.header-search{float:none;width:100%}
.search-form{float:none;text-align:center;width:90%}
.entry-content .search-form input,.search-form input{width:90%;max-width:300px}
.footer-widgets .search-form{width:100%}
.home-2,.home-3{width:100%;margin:0}
.mh-cp-widget .cp-thumb-xl{text-align:center;background:#efefef}
.content-grid{float:none;width:100%;margin:25px 0 20px}
.comment-section-title .comment-count-more,.content-list-excerpt,.content-list-header .entry-meta-date{display:none}
.content-grid-separator,.content-list-separator{padding:0}.content-grid-title{font-size:24px;font-size:1.5rem}
.content-grid-thumb,.content-list-thumb{text-align:center;background:#efefef}
.content-list-thumb{float:none;width:100%;max-width:100%}
.content-list-thumb img{max-width:180px}.archive-grid .content-grid:first-child,.mh-fp-grid-widget .mh-group .content-grid:first-child{margin:5px 0 20px}
.commentlist ol,.commentlist ul,dl{margin:0 0 1.875rem 20px}
.commentlist ol ol,.commentlist ul ul{margin:0}
.commentlist .children .depth-2,.commentlist .children li{padding:0;background:#fff}
.copyright-wrap,.footer-nav{float:none;width:100%}
.footer-nav ul{float:none;display:table;margin:0 auto 10px}
.copyright{text-align:center}
/* ADDED 21 11 2018 SLJ */
.mh-col,.mh-left-sb #main-content,.mh-right-sb #main-content{margin:0}
/* FOOTER HEIGHT ON MOBILE ADJUSTED 21 11 2018 SLJ */
.footer-widgets .widget-list li:hover{background:0 0}
.footer-widgets{margin:0!important}
.footer-1,.footer-2{margin-bottom:0}
}


/* WIDTH ON MOBILE ADJUSTED 21 11 2018 SLJ */
@media only screen and (max-width:580px)
{
#mh-wrapper,.wrapper-inner{width:100%!important}
/* ADDED 21 11 2018 SLJ */
.header-logo {margin-top: 20px!important;margin-bottom: 0!important;margin-left: 0px!important;}
.logo-title{font-size:32px;font-size:2rem}
.header-nav,.social-nav{float:none;width:100%;margin:0}
.header-ad .textwidget{margin-top:10px}
.logo-title{font-size:28px;font-size:1.75rem}
.logo-tagline{font-size:12px;font-size:.75rem;margin-bottom:10px}.
sb-widget .search-form .search-field{width:86%}
.ad-spot,.post-ad 
.textwidget{padding:0;background:0 0}
.cp-thumb-small{display:none;}
/* FOOTER HEIGHT ON MOBILE ADJUSTED 21 11 2018 SLJ */
.footer-widgets .widget-list li:hover{background:0 0}
.footer-widgets{margin:0!important}
.footer-1,.footer-2{margin-bottom:0}
}



/* WIDTH ON MOBILE ADJUSTED 21 11 2018 SLJ */
@media only screen and (max-width:450px){
#mh-wrapper, .wrapper-inner{width:100%!important}.header-ad .textwidget{margin-top:10px}.ad-spot{padding:0;background:0 0}.cp-thumb-small{display:none;} 
/* ADDED 21 11 2018 SLJ */
.header-logo {margin-top: 20px!important;margin-bottom:0!important;margin-left: 0px!important;}
/* FOOTER HEIGHT ON MOBILE ADJUSTED 21 11 2018 SLJ */
.footer-widgets .widget-list li:hover{background:0 0}
.footer-widgets{margin:0!important}
.footer-1,.footer-2{margin-bottom:0}
}

/*  BOTTOM MARGIN ADJUSTED - 19 07 2020 */
.sb-widget{margin-bottom:25px;overflow:hidden}
.sb-widget-short{margin-bottom:20px;overflow:hidden}
.sb-widget-micro{margin-bottom:10px;overflow:hidden}
/* ADDED TO GET RID OF UNWANTED WHITE SPACE BELOW WIDGETS - 29 12 2018 SLJ */
.sb-widget-shortest{margin-bottom:0;overflow:hidden}

/* FIX MISALIGNED BULLETS - 23 01 2019 SLJ */
.bullet-list{ vertical-align: -7px;}

/* APPLY SCROLL UP BUTTON - 23 01 2019 SLJ */
.DivFix{position:sticky;top:0; margin-left:225px;margin-top:10px;}






/* MODIFIED 02 02 2019 - SLJ */

.WordDefinitions p{font-size:16px;}
.WordDefinitionsWrap p {font-size:16px;}

/* FONT COLOUR ADJUSTED 6 2 2019 */
.entry-content a{color:#000000}.entry-thumbnail{margin-bottom:20px}
.entry-meta .entry-meta-author,.entry-meta a{color:#000;font-weight:700}

/* PARAGRAPH SPACERS, GREY BG - 8 2 2019 SLJ */
.para-spacer-grey {padding:10px;background-color:#F4F4F4}
.para-spacer-deep-grey {padding:10px;background-color:#F4F4F4}

/* H2 REDUCED SIZE - LINE HEIGHT ADJUSTED 15 2 2019 - SLJ */
.condensed-sub-title{font-size:16px;margin-bottom:10px;line-height:25px}

/* TEXT BOX FOR PICTURE VOCABULARY WORD LISTS - 23 2 2019 SLJ  */
.textbox-picvocab{background: #F2F2F0;  margin-top: 10px;margin-bottom: 10px;padding:10px}

/* STYLING FOR PICTURE VOCABULARY WORD LISTS - 23 2 2019 SLJ  */
.pic-vocab-title-extra {margin-bottom:10px;font-size:16px;}
.pic-vocab-text-extra {margin-top:10px;margin-bottom:10px;font-size:16px}

/* STYLING FOR SIDEBAR DROP DOWN MENUS -  10 3 2019 - SLJ */
.dropdown-menu > li > a {display: block;padding: 3px 8px;min-width:200px;#FFFFFF!important;}
.dropdown-menu a:hover{background-color:#FFFFFF!important;}
.btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {float: none;}

 /* DEFAULT STYLE FOR SIDEBAR DROPDOWN BUTTONS */
.btn-sidebar-sitemap {
display: inline-block;padding: 6px 12px!important;margin-bottom: 10px!important;font-size: 14px!important;font-weight: 400!important;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-top-color: transparent;border-right-color: transparent;border-bottom-color: transparent;border-left-color: transparent;border-radius: 4px;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}

/* BLUE BUTTON */
.btn-azure{color:#fff;background-color:#0066CC;border-color:#0059B3}
.btn-azure.focus,.btn-azure:focus{color:#fff;background-color:#49247A;border-color:#671dc9}
.btn-azure:hover{color:#fff;background-color:#0059B3;border-color:#0059B3}
.btn-azure.active,.btn-azure:active,.open>.dropdown-toggle.btn-azure{color:#fff;background-color:#0059B3;border-color:#0059B3}
.btn-azure.active.focus,.btn-azure.active:focus,.btn-azure.active:hover,.btn-azure:active.focus,.btn-azure:active:focus,.btn-azure:active:hover,.open>.dropdown-toggle.btn-azure.focus,.open>.dropdown-toggle.btn-azure:focus,.open>.dropdown-toggle.btn-azure:hover{color:#fff;background-color:#0059B3;border-color:#0059B3}
.btn-azure.active,.btn-azure:active,.open>.dropdown-toggle.btn-azure{background-image:none}.
.btn-azure:hover{background-color:#0059B3;border-color:#0059B3}

/* PURPLE BUTTON */
.btn-violet{color:#fff;background-color:#611BBD;border-color:#130269}
.btn-violet.focus,.btn-violet:focus{color:#fff;background-color:#130269;border-color:#130269}
.btn-violet:hover{color:#fff;background-color:#130269;border-color:#130269}
.btn-violet.active,.btn-violet:active,.open>.dropdown-toggle.btn-violet{color:#fff;background-color:#130269;border-color:#130269}
.btn-violet.active.focus,.btn-violet.active:focus,.btn-violet.active:hover,.btn-violet:active.focus,.btn-violet:active:focus,.btn-violet:active:hover,.open>.dropdown-toggle.btn-violet.focus,.open>.dropdown-toggle.btn-violet:focus,.open>.dropdown-toggle.btn-violet:hover{color:#fff;background-color:#130269;border-color:#130269}
.btn-violet.active,.btn-violet:active,.open>.dropdown-toggle.btn-violet{background-image:none}.
.btn-violet:hover{background-color:#130269;border-color:#130269}

/* RED BUTTON */
.btn-scarlet{color:#fff;background-color:#CC3300;border-color:#992600}
.btn-scarlet.focus,.btn-scarlet:focus{color:#fff;background-color:#992600;border-color:#992600}
.btn-scarlet:hover{color:#fff;background-color:#992600;border-color:#992600}
.btn-scarlet.active,.btn-scarlet:active,.open>.dropdown-toggle.btn-scarlet{color:#fff;background-color:#992600;border-color:#992600}
.btn-scarlet.active.focus,.btn-scarlet.active:focus,.btn-scarlet.active:hover,.btn-scarlet:active.focus,.btn-scarlet:active:focus,.btn-scarlet:active:hover,.open>.dropdown-toggle.btn-scarlet.focus,.open>.dropdown-toggle.btn-scarlet:focus,.open>.dropdown-toggle.btn-scarlet:hover{color:#fff;background-color:#992600;border-color:#992600}

/* GREEN BUTTON */
.btn-leaf{color:#fff;background-color:#5C8A00;border-color:#446600}
.btn-leaf.focus,.btn-leaf:focus{color:#fff;background-color:#446600;border-color:#446600}
.btn-leaf:hover{color:#fff;background-color:#446600;border-color:#446600}
.btn-leaf.active,.btn-leaf:active,.open>.dropdown-toggle.btn-leaf{color:#fff;background-color:#446600;border-color:#446600}
.btn-leaf.active.focus,.btn-leaf.active:focus,.btn-leaf.active:hover,.btn-leaf:active.focus,.btn-leaf:active:focus,.btn-leaf:active:hover,.open>.dropdown-toggle.btn-leaf.focus,.open>.dropdown-toggle.btn-leaf:focus,.open>.dropdown-toggle.btn-leaf:hover{color:#fff;background-color:#446600;border-color:#671dc9}
.btn-leaf.active,.btn-leaf:active,.open>.dropdown-toggle.btn-leaf{background-image:none}.
.btn-leaf:hover{background-color:#446600;border-color:#446600}

/* TURN OFF BULLET LISTS ON MOBILE -  13 03 2019 SLJ */
@media only screen and (max-width:960px) 
{
.bullet-list{display:none;}
}

/* STYLE HOVER OVER LINK COLOURS - 16 3 2019 SLJ */
.HoverBlue a:hover {text-decoration:none!important;color:#0066FF}
.HoverGreen a:hover {text-decoration:none!important;color:#5C8A00}
.HoverRed a:hover {text-decoration:none!important;color:#CC3300}
.HoverGold a:hover {text-decoration:none!important;color:#996600}
.HoverPurple a:hover {text-decoration:none!important;color:#611BBD}
.HoverCyan a:hover {text-decoration:none!important;color:#0099CC}
.HoverPink a:hover {text-decoration:none!important;color:#FF4D88}
.HoverOrange a:hover {text-decoration:none!important;color:#E18A01}

/* FONT SIZE ADJUSTED TO 16PX - 17 3 2019 SLJ */
.task{font-size:16px;margin-top:10px;}

/* FONT SIZE ADJUSTED TO 16PX - 17 3 2019 SLJ */
.rubrics-plain{font-size:16px;margin-top:10px;margin-bottom:10px;}

/* FONT SIZE ADJUSTED TO 16PX - 17 3 2019 SLJ */
.rubrics{font-size:16px;}

/* MAKE BACKGROUND COLOR FOR DROPDOWN BUTTONS TRANSPARENT  - 17 3 2019 SLJ */
.panel-group {background-color:transparent!important;font-size:16px}

/* SIZE BOOTSTRAP TABLES  - 17 3 2019 SLJ */
.TableSmall {max-width:400px}



/* ADDED 30 4 2019 SLJ  - ALL DEVICES */
@media only screen and  (max-width:960px){.StraplineText {display:none;padding;0;margin:0;height:0}}
@media only screen and  (max-width:767px){.LogoContainer {height:40px;margin-bottom:0;padding-bottom:0}}
@media only screen and  (max-width:960px){.LogoContainer {height:50px;margin-bottom:0;padding-bottom:0}}
@media only screen and  (max-width:1024px){.LogoContainer {height:60px;margin-bottom:0;padding-bottom:0}}

/* ADDED 30 4 2019 SLJ - iPAD LANDSCAPE VIEW*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {.StraplineText {display:none;padding;0;margin:0;height:0}}

.header-logo {margin-top:30px;margin-bottom:20px;margin-left:0px}



/* FIX ISSUES WITH MOBILE DISPLAY - iPAD LANDSCAPE VIEW - 30 4 2019 SLJ  */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {.StraplineText {display:none;padding;0;margin:0;height:0}}

/* FIX ISSUES WITH MOBILE DISPLAY - iPAD PRO - 01 05 2019 SLJ */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: landscape)  {.StraplineText {display:none;padding;0;margin:0;height:0}}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {.StraplineText {display:none;padding;0;margin:0;height:0}}


/* DIVIDER FOR BREADCRUMB TRAIL - 19 5 2019  */
.nav-divider {border-top: 1px solid #CCCCCC;margin-bottom:15px;}

/* MODIFIED 24 5 2019 -  SLJ */
.rubrics-plain-extra{font-size:16px;margin-top:5px;margin-bottom:5px;}
.rubrics-plain-extra-indent{font-size:16px;margin-top:5px;margin-bottom:5px;margin-left:10px}

/* STYLE BOTTOM BORDER FOR LINKS WITHIN BODY TEXT - MODIFIED 24 5 2019 SLJ */

.RedLink {color: inherit;border-bottom: 2px solid #CC0000;text-decoration:none!important;}
.PinkLink {color: inherit;border-bottom: 2px solid #FF4D88;text-decoration:none!important;}
.OrangeLink {color: inherit;border-bottom: 2px solid #E18A01;text-decoration:none!important;}
.BlueLink {color: inherit;border-bottom: 2px solid #A8CBEC;text-decoration:none!important;}
.PurpleLink {color: inherit;border-bottom: 2px solid #BFB9DF;text-decoration:none!important;}
.CyanLink {color: inherit;border-bottom: 2px solid #0099CC;text-decoration:none!important;}
.GoldLink {color: inherit;border-bottom: 2px solid #CC9900;text-decoration:none!important;}
.GreenLink {color: inherit;border-bottom: 2px solid #D2DDBB;text-decoration:none!important;}
.GreyLink {color:#000000; border-bottom: 2px solid #CCCCCC;text-decoration:none!important;}

/* ADJUST FONT COLOR TO MATCH H5p -  28 01 2019 SLJ */
.rubrics-plain-extra{font-color:#000000;}
.rubrics-plain-extra-indent{font-color:#000000;}
/*MODIFIED 04 06 2019  */
.rubrics-plain-extra a{text-decoration:none!important;}
/* STYLE HYPERLINKS WITHIN PARAGRAPHS - MODIFIED 4 6 2019 SLJ */
.rubrics-plain-extra a:hover{opacity: 0.7;transition: 0.3s;text-decoration:none;}

/* STYLING FOR VOCABULARY LISTS - 30 7 2019 */
.VocabList  {margin-top:10px;}
.VocabItem {line-height:1.75}
.VocabItemDeep {padding-bottom:5px;line-height:1.75}

/* CODE FOR EMBEDDING WORKSHEETS AND OTHER PDFS - MINIMUM HEIGHT SET 19 8 2019 - SLJ */
.worksheet-embed {margin-top:5px;height:1020px!important;background-color:#F7F7F7;}

/* ADJUST STYLES ON SMALLER SCREENS - MODIFIED 19 8 2019 */
@media only screen and (max-width:1224px)
{#mh-wrapper,.wrapper-inner{max-width:1220px}
.footer-widget{margin:0}
.footer-widgets {margin-top:20px;padding-left:30px}
.footer-1,.footer-2{margin-bottom:0}}
 
 /* DEFAULT LOGO STYLING - MODIFIED 05 09 2019 */
.LogoContainer {width:320px;height:70px;margin-bottom:0}
.LogoText{font-size:40px;color:#ECF2FF;padding-right:10px;letter-spacing:3px;}
.CoursesText{font-size:40px;color:#CCCCCC;letter-spacing:2.5px;}
.StraplineText{font-size:14px;color:#FFFFFF;letter-spacing:3.6px;padding-left:3px;padding-top:5px;}

/* HEADER SEARCH ON DESKTOP  - DEPRECATED 05 09 2019 - NOW HOME PAGE ONLY - SLJ */
.header-search {display:none }
 
/* LH SPACER TO ADJUST AD PLACEMENT - MODIFIED 14 09 2019*/
.LeftPic {max-width:338px!important;height:280px!important;padding:0;float:left;margin-right:45px}
.LeftPic img{width:338px!important;height:280px!important;margin-left:20px;}


/* RETURN TO TOP OF THE PAGE */
.GoBackUp {display: block;line-height:14px;text-align: center;color: #FFFFFF;font-size: 14px;font-weight:bold;clear:both;padding-bottom:15px;padding-top:10px}
/* CHEVRON UP */
.img-go-back-up {max-width:12px;max-height:12px;padding-left:2px}

/* SPIDER TRAP FOOTER CODE  - MENU PAGES ONLY */
.pixie, .img-pixie {float:right;max-width:1px!important;max-height:1px!important;opacity:0!important}

/* TEXT BOXES TO MATCH BOOTSTRAP TABLE COLOURS */

/* GREEN */
.textbox-success{
background: #DFF0D8;  
margin-top: 10px;
margin-bottom: 10px;
padding:15px;
line-height:27px;}


/* DROP LH SPACER ON SMALLER SCREENS */
@media only screen and (max-width:1224px) 
{.LeftPic, .LeftVid {display:none}}

/* LEGACY VOCABULARY PAGES - MODIFIED 12 06 2020 */
.DefinitionList {float:left;margin-left:0;}
.DefinitionList h2 {margin-bottom:20px;margin-top:10px;font-size:16px;}
.DefinitionList ul li {list-style:inside none none;margin-left:-50px;padding-left:10px;}
.DefinitionList p{margin-top:10px;margin-bottom:10px;font-size:16px;}
.DefinitionList a{font-weight:normal;text-decoration:underline}

/* NEW CLASS FOR VERY CONDENSED H2 - SLJ */
.intro-title-micro{font-size:16px;margin-bottom:10px}



/* CONDENSED WHITE TEXT BOX - ADDED 18 07 2020 */	
.textbox-white-condensed{background: #FFFFFF; margin-top:15px;margin-bottom:0;padding:0}

/* SET MINIMUM HEIGHT FOR TABS - SLJ */
.tab-content {min-height:500px!important}

/* CODE FOR GRAMMAR MENU STYLE COLLAPSE SHOW HIDE MORE PANELS */
.submenu-condensed {text-align:left;line-height:10px;margin-top:10px;box-sizing:none; }
.submenu-condensed h1{ color:#4D4D4D;font-size:26px;word-wrap:break-word;}
.submenu-condensed h2 {color:#000000;font-size:20px;margin-top:10px; word-wrap:break-word;}
/* LINE HEIGHT ADJUSTED 26 07 2020 */
.submenu-condensed li {font-size:16px;color:#666666;list-style:none;margin-top:10px;margin-bottom:10px;line-height:20px;word-wrap:break-word;}
/* paragraph class added 12 7 2015 - SLJ */
.submenu-condensed p {font-size:16px;font-style:italic;list-style:none;margin-top:10px;margin-bottom:10px;line-height:30px;word-wrap:break-word;}
.submenu-condensed collapse {box-sizing:none}
.submenu-condensed a:hover, a:active, a:focus {border:none;outline:0;}
.panel-title-right-align {font-size:16px;float:right;margin-top:10px;margin-right:100px}
.btn-primary-outline-grey {font-family: 'Glyphicons Halflings'; color:#404040;background-color:#FFFFFF;border:none;outline-color:#FFFFFF;text-decoration:none;box-sizing:none;padding:0 10px 3px 10px}
.btn:focus, .btn:hover, .btn:active.focus {border:none;outline:none !important;}

/*DROP DOWN PANEL GREY LINE DIVIDER */
.greyline-panel {height: 1px;background-color:#CCCCCC;padding: 0;margin-top: 0;width: 100%;}
.panel-separator{padding:0;border:0;border-bottom:1px dotted #cdcdcd}

/* CREDITS AND SOURCES, RH SIDEBAR - MODIFIED 26 07 2020 - SLJ */
.credit-sources {font-size:14px;color:#000000;line-height:20px}

/* STYLE H2 FOR TABBED STYLE LESSONS - ADJUSTED 27 07 2020 SLJ */
.tabbed-browsing{font-size:16px;padding-top:5px;padding-bottom:5px;font-weight:normal;color:#404040;vertical-align:top}

/* SET A GREY BACKGROUND FOR TOP TABLE ROW 13 09 2020 SLJ */
.table-grey-bg {background-color:#f4f4f4!important;font-size:16px!important;line-height:2em;font-weight:normal}

/* CURSOR MODIFIED 18 08 2020 */
.glossary-picturestrip-x3 img {clear: both;min-width:150px;max-width:150px;height:auto;cursor:pointer}
.glossary-img  {min-width:30%;width:150px;height:150px;margin-top:5px;margin-bottom:5px;margin-left:5px;border: 1px solid #8C8C8C;cursor:pointer}
@media only screen and (max-width:1024px){.glossary-picturestrip-x3 img, .glossary-img  {min-width:125px;width:125px!important;height:125px!important;}}
.glossary-entry-meta-plus {text-align:center;font-size:14px;text-transform:uppercase;font-weight:bold;margin-left:0;margin-top:10px}
@media only screen and (max-width:1024px){.glossary-entry-meta-plus  {font-size:13px;}}

/* ADJUSTED 04 02 2021 - SLJ */
.mini-audio img  {padding-bottom:5px;padding-right:10px!important;max-width:17px!important;max-height:17px!important;}
@media only screen and (max-width:1224px) {.mini-audio img {display:none;}}

/* STYLING FOR TABS WITH DROPDOWN NAVIGATION - JUNE 2020 */
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {color: #ffffff;background-color: #4D4D4D;}
.nav-pills > li.activity-grey > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {color: #000000;background-color: #F4F4F4;}
.nav-pills > li.activity-grey-selected > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {color: #ffffff;background-color: #4D4D4D;}
.label-grey {color: #ffffff;background-color: #4D4D4D;}
.dropdown-item {margin-bottom:7px;padding-left:5px;font-weight:normal!important}
/* STYLING FOR TABS WITH DROPDOWN NAVIGATION - WIDTH ADDED 21 02 2021 */
.tabbed-browsing-dropdown{min-width:200px!important;font-size:16px;font-weight:normal;margin-top:-10px;margin-bottom:7px;padding-left:15px}
/* STYLING FOR TABS WITH EXTRA WIDE DROPDOWN NAVIGATION - 29 03 2021 */
.tabbed-browsing-dropdown-wider{width:225px!important;font-size:16px;font-weight:normal;margin-top:-10px;margin-bottom:7px;padding-left:15px}
.tabbed-browsing-dropdown-options{font-size:16px;font-weight:normal;margin-top:2px;margin-bottom:5px; color: #404040;}
.dropdown-divider {height:5px;border-bottom:1px solid #cdcdcd}
/* STYLING FOR TABS WITH DROPDOWN NAVIGATION - SET MINIMUM WIDTH  */
.tabbed-browsing-dropdown {min-width: 200px !important;font-size: 16px;font-weight: normal;margin-top: -10px;margin-bottom: 7px;padding-left: 15px;}
/* READING TEXTS - 07 04 2021   */
.WhiteBlock  {background-color:#FFFFFF}
/* ADDED 15 4 2021  */
.breadcrumb-trail-graded-readers {background-color:#EFEFEF;color:#404040;font-size:10px;padding:6px;margin-top:5px;margin-bottom:15px;line-height:22px;}
/* EDIT PRINT STYLES */
@media print { body { display:none }}
/*LAST EDIT 15 04 2021  */