*{
	margin:0pt;
	padding:0pt;
	
}
/* html{
	filter: grayscale(1);
} */
img{
max-width:100%;
}

body{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../img/sitebg.png);
	background-size:100% 100%;
}

h1{
	line-height: 20pt;
	text-decoration:none;
	border-bottom:2px solid #408D69;
	color:#005B25;
	font-size:1.166667em;
	margin-top:15pt;
	margin-bottom:15pt;
}

h2{
	color:#BD4B00;
	font-size:1.5em;
	margin-bottom: 14px;
	text-align:left;
	margin-top:15pt;
}

h3{
	text-decoration: underline;
	color: #7030a0;
	font-size:1em;
}

a{
	color:#D23701;
	text-decoration:none;
}

a img{
	border:0pt;
}


.bold{
	font-weight:bold;
}

#menu li:hover,.active,.currentmenu{
	background-image:url(../img/menubg_active.png) !important;
}

#skip{
	width:200pt;
	height:20pt;
	background-color:darkblue;
	position:relative;
	bottom:50pt;
	margin:auto;
	text-align:center;
}

#skip a{
	color:white;
}


#mainwrapper{
	width: 85%;
	margin:auto;
}

@media screen and (max-width: 767px) {

	#mainwrapper{
		display: none;
	}
}


#header{
	padding-left:3%;
	padding-right:3%;
	margin:auto;
	background-image:url(../img/topgrey.jpg);
	background-size:100% 100%;
}

#logo{
	float:left;
}

#logo img{
	width: 300pt;
}

#brand img{
	float:right;
	width:140pt;
	bottom: 4pt;
	position: relative;
}

#logo :focus,#brand:focus{
	border:1px solid red;
}
/*
#langbar{

	position: absolute;
	left: 0pt;
	bottom: 3pt;
}
*/

/*
#AAA{
	position: absolute;
	left: 19.5em;
	bottom: 0pt;
}
*/
#A1{
	font-size:1.2em;
}

#A2{
	font-size:1.5em;
}

#A3{
	font-size:1.75em;
}

#headerbottom{
	/*
	text-align: right;
	*/
	position: relative;
	clear:both;
}

#headerbottom a{
	text-decoration:none;
	color:black;
}
#headerbottom a:hover,#headerbottom a:focus{
	color:red;

}

#headerbottom span{
	margin-right: 8pt;
	font-size:75%;
	font-size:75%;
}

#headerright{
	height: 30px;
	background-size: 100% 100%;
	width: 475px;
	float: right;
	background-image:url(../img/header_bottomright.png);
	position: relative;
	bottom: 5px;

	*position:absolute;
	*right:0px;
	*bottom:3px;
}

#headerright ul{
	list-style:none;
}

#headerright li{
	float: left;
	font-size: 65%;
	margin-top: 6pt;
	width: 22%;
	text-align: center;
}



#headerright a:hover,#headerright:focus{
	color:white;
}
/*
#mobile{
	position: absolute;
	left: 7.5em;
	bottom: 3pt;
}
*/

#mobile img{
	height:15pt;
	margin-right:4pt;
}

#email img{
	width:20pt;
}

#searchbox{
	display:inline;
	width:80%;
}

#searchicon{
	background-image:url(../img/search.png);
	background-color:#9BC380;
	display:inline;
	width:15px;
	height:14px;
	border:none;
	position:relative;
	left:5px;
	top:2px;
	*top:-4px;
}

#searchicon:hover{
	cursor:pointer;
}

#banner{
	position:relative;
}

#displaybanner{
	display:block;
	width:100%;
}

#backbutton{
	position:absolute;
	left:15px;
	top:70pt;
}

#nextbutton{
	position:absolute;
	top:70pt;
	right:15px;
}

#controls{
	position:absolute;
	top:93pt;
	right:30px;
}


#middlewrapper{
	background-color:white;
	/* background-image: url(../img/shadow.png); */
	background-repeat: repeat-y;
	background-position: 260px;
}


#menu,#maincontent{
	display:inline-block;
}

#menu{
	width:25%;
	padding-top:20pt;
	*float:left;
}

#menu ul{
	list-style:none;
}

#menu ul li{
	background-image:url(../img/menubg.png);
	background-repeat:no-repeat;
	height:45pt;
	line-height:30pt;
}

#menu a{
	display:block;
	color:black;
	font-weight:bold;
	text-decoration:none;
	padding-left:25pt;

}

.longmenu{
	line-height:15pt !important;
}

#maincontent{
	width: 100%;
	vertical-align: top;
	padding-left:1%;
	padding-right:4%;
	padding-bottom:20em;
	/* *float:left; */
	background-image:url(../img/contentbg.png);
	background-position:bottom;
	background-repeat: repeat-x;
	background-size: 100%;
	position: relative;
	/* left: 12pt; */
	min-height: 25em;
	/* padding-bottom:0px /9; */
	/* *left:15pt; */
}

#maincontent a{
	color:#056AA0;
}

#maincontent a:hover,#maincontent a:focus{
	color:red;
	text-decoration:underline;
}

#maincontent a:hover span,#maincontent a:focus span{
	text-decoration:underline;
}

#maincontent ul,#maincontent ol{
	margin-left:15pt;
	margin-bottom:5pt;
	margin-top:5pt;	
}

#maincontent div,#maincontent p{
	margin-bottom:20pt;

}

#maincontent p{
	text-align:justify;
}


#top{
	text-align:right;
}

#top a{
	color:#015929;
}

#top a:hover{
	color:red;
}



#footer{
	/* background-image:url(../img/footerbg.png); */
	text-align:right;
	position:relative;
	line-height:24pt;
	vertical-align:middle;
	clear:both;
	background-size:100%;
	*padding-top:1px;
}

#footer a{
	color:black;
}

#footerleft{
	position:absolute;
	left: 0pt;
	/* width: 440px !important; */
}

#footerright{
	margin-right: 10pt;
	padding-top: 6pt;
}

#revision{
	position: relative;
	/* bottom: 7pt; */
	right: 0pt;
}
.nolink li{
	color:black !important;
}

.tb-border-1 td,
.tb-border-1 th{
	border: 1px solid #000000;
}
table.poster  tr:nth-child(2n){
	background-color:#fafad9;
}
table.poster  tr:nth-child(2n+1){
	background-color:#f8f0b8;
}
table.poster  tr:nth-child(1){

	background-color:#006601;
}
table.poster h1{
	color:#ffffff;
	border-bottom: 0px;
}

.sidebar {
	margin: 0;
	padding: 0;
	width: 200px;
	background-color: #103a2b !important;
	position: absolute !important;
	height: 100%;
	overflow: auto !important;
  }
  
  .sidebar a {
	display: block !important;
	color: white !important;
	padding: 16px !important;
	text-decoration: none !important;
	background-image: none !important;
  }
   
  .sidebar a.active {
	background-color: #f1f1f1 !important;
	color: white !important;
  }
  
  .sidebar a:hover:not(.active) {
	background-color: #555 !important;
	color: white !important;
  }
  div.content {
	margin-left: 200px;
	padding: 1px 16px;
	/* height: 1000px; */
  }
.wcag_icon{
width: 100px !important;

}

/* #footer_sections{
	width: 100%;
}

#footer_sections div{
	padding: 10px 0px;
	display: inline-block;
	width: 35%;
} */



@media screen and (max-width: 767px) {

*{
	margin:0px;
	padding:0px;
}

p{
	margin-bottom:5vw;
}

#container{
	margin:auto;
	width:100%;
	
}

.subcontainer{
	font-size:6vw;
	text-align:justify;
	width:90%;
	display:none;
	margin:auto;
	word-break: break-word;
}

.subcontainer img{
	width:90%;
	margin:auto;
}
#banner{
	width:100%;
}

#bread{
	width:95%;
	margin:auto;
	font-size:4vw;
}

#bread a{
	color:blue;
}

h1{
	width:100%;
	font-size:8vw;
	color:white;
	/* background: linear-gradient(#9DE458, #64CE3B); */
	background: -webkit-linear-gradient(#9DE458, #64CE3B); 
	background: -o-linear-gradient(#9DE458, #64CE3B); 
	background: -moz-linear-gradient(#9DE458, #64CE3B); 
	padding-top:5vw;
	padding-bottom:5vw;
	padding-left:5%;
	position:relative;
}

h1 span{
	position:absolute;
	right:5%;
	top: 29%;
}

h1 a{
	display:block;
	color:white;
	text-decoration:none;
}


#infotable{
	border-collapse:collapse;
	width:100%;
	margin:auto auto 20pt auto;
}

#infotable td{
	padding-left:10pt;
	height:2em;
	vertical-align:middle;
	border:1px solid white;
}

.darkgreen{
	background-color:#A9D284;
	font-weight:bold;
	width:35%;
}

.lightgreen{
	background-color:#DEE9B1;
}

ul,ol{
	margin-left:8%;
	margin-bottom:20pt;
}

.imgdisplay div{
	display:inline-block;
}

.fullwidth{
	width:100% !important;
}

.submenu{
	width:100%;
	list-style:none;
	margin-left:0px !important;
	margin-bottom:0px !important;
	text-align: left;
}

.submenu li{
	width:95%;
	font-size:6vw;
	padding-top:3vw;
	padding-bottom:3vw;
	padding-left:5%;
	padding-right:5%;
}

.submenu li:nth-child(even){
	background-color:#DDFFB8;
}

.submenu a{
	text-decoration:none;
	display:block;
	color:blue;
}

#topbar{
	margin-top:20pt;
	margin-bottom:20pt;
	margin-left:5%;
}

#topbar a{
	color:blue;
	text-decoration:none;
	font-size:3.5vw;
}

#m_mainwrapper{
	width:90%;
	margin:auto;
	background-color: white;
}
body{
	background-image: none !important;
}

.h1_title{
	background: white !important;
	display: block;
	font-size:5vw;
	text-align:left;
	color:white;
	border-bottom: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important ;
}

}

@media screen and (min-width: 769px){
	#m_mainwrapper{
	display: none;
	}
	
}

.homepage_title{
text-align: left;
}

@media print {
	#header{
		display: none;
	}
	#banner{
		display: none;
	}
	#m_mainwrapper{
		display: none;
	}
    
}

/* Add responsive layout styles at the end of the file */
/* Default styles for desktop */
#mainwrapper {
    display: block;
}

#m_mainwrapper {
    display: none;
}

/* Mobile styles will be applied via JavaScript */
body.mobile-view {
    /* Additional mobile-specific body styles if needed */
    font-size: 16px;
}

/* Media query as a fallback if JavaScript is disabled */
@media screen and (max-width: 767px) {
    #mainwrapper {
        display: none;
    }
    
    #m_mainwrapper {
        display: block;
    }
}

/* Ensure hamburger menu is properly styled in mobile view */
body.mobile-view .hamburger-menu {
    display: block;
}

/* Hide hamburger menu in desktop view */
.hamburger-menu {
    display: none;
}

body.mobile-view .hamburger-menu {
    display: block;
}