/* side menu usability improvement */


#menuBtn {display:none;}



#left-column {/*margin-top: 5.6em;  need small image /illustration */}
/*
@media  (max-width: 1024px) {
#left-column img { display:none !important;}
}

@media (min-width: 1025px) {
#left-column img { display:block;}
}
*/
 /* left menu format */
@media  (max-width: 3024px) {
    /*#left-column img {width:100%;height: 5.6em; }*/
    h3.leftmenu { background-color:#C0CDDA; background-image: none;}
    h3.leftmenu a, h3.leftmenu a:link, h3.leftmenu a:visited {
        border-top: 1px solid #C0CDDA !important;
        line-height: 1.8em; padding:5px 5px 5px 15px; box-sizing:border-box; font-size:1.2em;
		text-decoration: none;
		display:block;
		background-image: none;
    }

	h3.leftmenu a:hover, h3.leftmenu a:active, h3.leftmenu a:focus {background-image: none; background-color: #fff;}
	 
    .leftmenu li.open {
        background-image: url(/climate/images/symbols/icon-up-grey-30x30.svg);
        background-position:top right;
    }
    .leftmenu li.closed {
        background-image: url(/climate/images/symbols/icon-down-grey-30x30.svg);
        background-position:top right;
    }
    .leftmenu a {
        min-width: 165px;
        display: inline-block; 
        box-sizing: border-box;
    }
    ul.leftmenu li li a {
        width:100%;
    }

    .leftmenu li a:hover { background-color: #fff ; text-decoration:none;}
    .leftmenu li:hover {background-color: #fff;}

    ul.leftmenu li { 
        min-height: 35px; line-height: 1.8em;
        background: #DAE1E9 url('/images/ui/dot.gif') 178px 10px no-repeat;
    }
    ul.leftmenu li a {background-color: #DAE1E9;}
    ul.leftmenu li li {background-color:#F3F5F8;}
    ul.leftmenu li li a {background-color:#F3F5F8;}


    #left-menu a {padding-left: 10px;}
    #left-column ul, #left-menu ul ul,  #left-menu ul ul ul, #left-column li, #left-column li li, #left-column li li li {margin:0; padding:0; box-sizing:border-box;}

    ul.leftmenu li a {padding:6px 4px 6px 15px; }

    /* pad out sub sub link headers, then counter outset nested lists */
    #left-column ul ul li.open, #left-column ul ul li.closed {
        padding:6px 15px; }
    #left-column ul ul ul {margin:6px -15px -6px -15px;}
	
}