@charset "utf-8";
/* HEADER */
#header {
	background: #002433 !important;
	/* background: url(/images/homePage/header_2020.png) no-repeat 50% 60%; */
/*	background: url(/images/homePage/headerD.jpg) no-repeat 50% 60%; */
}
#shortcuts {
	overflow: hidden;
	max-height: 8em;
}
#qSearchForm {
	padding: 0;
	display: inline-block;
	width: 12em !important;
	left: auto;
	top: auto;
	background: none;
}
#qSearchForm input[type=text] {
	font-size: 1.1em;
	height: 1.1em;
	margin-top: 0.4em;
	max-width:8em;
}
#leftCol strong {
	font-weight: normal;
}
#leftCol .AccordionPanelContent ul li {
	list-style: none;
	padding: 0.5em;
	margin: 0;
	padding-left: 2em;
	border-bottom: #444 dashed 0.1em;
	background: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(199,213,236,0.8) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(199,213,236,0.8) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%, rgba(199,213,236,0.8) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#e6c7d5ec', GradientType=0 );
}
#leftCol .AccordionPanelContent li.menuRowHighlight {
	border-left: 1em solid #666;
	padding-left: 1em;
}
#leftCol .AccordionPanelContent a:link, #leftCol .AccordionPanelContent a:visited {
	color: #000;
}
#leftCol li.menuRowHighlight a:link, #leftCol li.menuRowHighlight a:visited {
	font-style: italic;
}
.imgBox100, .imgBox50 {
	margin-bottom: 0.8em;
	position: relative;
	float: left;
}
.imgBox50 img {
	width: 100%;
	border: 0;
	margin-bottom: 0.6em;
}
/* Added button for BGGM page - S.Reay 30-4-2015 */
a.bggmButton {
	-moz-box-shadow: 0px 10px 14px -7px #276873;
	-webkit-box-shadow: 0px 10px 14px -7px #276873;
	box-shadow: 0px 10px 14px -7px #276873;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2e82be), color-stop(1, #1e557d));
	background: -moz-linear-gradient(top, #2e82be 5%, #1e557d 100%);
	background: -webkit-linear-gradient(top, #2e82be 5%, #1e557d 100%);
	background: -o-linear-gradient(top, #2e82be 5%, #1e557d 100%);
	background: -ms-linear-gradient(top, #2e82be 5%, #1e557d 100%);
	background: linear-gradient(to bottom, #2e82be 5%, #1e557d 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e82be', endColorstr='#1e557d', GradientType=0);
	background-color: #2e82be;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
	padding: 10px 32px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #3d768a;
}
a.bggmButton:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e557d), color-stop(1, #2e82be));
	background: -moz-linear-gradient(top, #1e557d 5%, #2e82be 100%);
	background: -webkit-linear-gradient(top, #1e557d 5%, #2e82be 100%);
	background: -o-linear-gradient(top, #1e557d 5%, #2e82be 100%);
	background: -ms-linear-gradient(top, #1e557d 5%, #2e82be 100%);
	background: linear-gradient(to bottom, #1e557d 5%, #2e82be 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e557d', endColorstr='#2e82be', GradientType=0);
	background-color: #1e557d;
}
a.bggmButton:active {
	position: relative;
	top: 1px;
}
fieldset {
	border: solid 1px #b0b1b3;
	padding: 2%;
}
fieldset input:not([type="radio"]):not([type="submit"]):not([type="checkbox"]):not([type="reset"]):not([type="button"]), fieldset textarea, fieldset select, fieldset label {
	min-width: auto;
 max-width: auto;
}
table.noborder td {
	border: none;
}
 @media screen and (min-width:57em) {
#navLinks2 {
	max-width: 100%;
}
#qSearchForm {
	right: 0;
}
#qSearchDiv {
	float: right;
}
.navigator div.oneCol > ul {
	margin: auto;
	text-align: center;
}
/* Added by SJR 2016-11-21 */
.imgBox100 {
	width: 100%;
}
.imgBoxHalf {
	width: 50%;
	display: inline-block;
	float: left;
}
.imgBoxHalf img {
	max-width: 95%;
}
.googleMap {
	width: 70%;
	height: 50em;
}
.obsgoogleMap {
	width: 47%;
	height: 35em;
	padding-left: 1%;
	padding-bottom: 1%;	
	clear: right;
	float: right;
	margin-bottom:15px;
	margin-left:10px;
}
div.hasMergedColumns #leftCol {
	left: -79%;
}
}
@media screen and (max-width:35em)
{
	#slogan {
    display: block !important;
	float:none;
}	
}
@media screen and (max-width:57em) {
#header {
	background: url(/images/homePage/header_2020.png) no-repeat 50% 50% !important;
/*	background: url(/images/homePage/headerD.jpg) no-repeat 50% 50% !important; */
}
#qSearchForm {
	width: 80% !important;
}
}
.alertbar { 
    background-color: #AD9C70; 
    color: #FFFFFF; 
    display: block; 
    line-height: 45px;
    height: 50px; 
    position: relative; 
    text-align: center; 
    text-decoration: none; 
    top: 0px; 
    width: 100%;
    z-index: 100;
}
.alertbar a { 
    color: #000000; 
}

/* INTERMIN ADDITIONS BEFORE NEW SITE RELEASE */

@media screen and (max-width: 57em) {
    #header {
        display: flex; 
        background: #002433 !important;
        padding: 0;
        margin:0;
        height: 100px;
        align-items: center;  
        justify-content: center;  
        overflow-y: hidden;
    }

    #header-home{
        display:flex;
        justify-content: center;
        align-items: center;
        min-height:10vh!important;
        max-height:20vh!important;
    }

    #header-home a{
        margin-top:0;
    }

    #qSearchForm {
        width: auto !important;
    }

    #logo-header {
        height: 100px;
        padding:0;
        display: block;
        margin:0!important;
    }
}