@charset "utf-8";
/* CSS Document */


nav {
	height: 55px;
	width: 50%;
	margin-right: 5%;
	float: right;
	z-index: 10000;
}
#footnav {
	width: 60%;
}

/* HORIZONTAL NAVIGATION MENU */
ul.menu {
	height: 55px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: visible; /* overflow:hidden is added to the ul element to prevent li elements from going outside of the list. */
	z-index: 100000;
}

li.menuitem {
	width: 19%;
	height: 55px;
	line-height: 50px;
	margin-left: 1%;
	float: left;
	color: rgba(43,26,76,1);
	background: rgba(102,204,102,0);
	text-align: right;
	z-index: 100000;
}
#footnav li.menuitem {
	float: left;
	text-align: left;
}
#footnav li.menuitem, #footnav li.menuitem a:link, #footnav li.menuitem a:visited, #footnav li.menuitem a:hover, #footnav li.menuitem a:active {
	color: rgba(223,218,237,1);
}
.menuitem a:link, .menuitem a:visited {
	display: block; /* display:block is added to the a make the whole link area clickable and not just the link text */
	color: rgba(43,26,76,1);
	font-weight: 500;
	border-top: solid medium rgba(93,93,93,0);
	padding: 0 5px;
}
.menuitem a:hover, menuitem a:active {
	color: rgba(251,67,129,1);
	background-color: rgba(122,153,26,0);
	border-top: solid medium rgba(93,93,93,1);
}

li.current, li.current a:link, li.current a:visited, li.current a:hover, li.current a:active {
	color: rgba(43,26,76,1);
	font-weight: 600;
	border-top: solid 2px rgba(43,26,76,1);
}
#footnav li.current, #footnav li.current a:link, #footnav li.current a:visited, #footnav li.current a:hover, #footnav li.current a:active {
	color: rgba(51,171,192,1);
	font-weight: 600;
	border-top: solid 2px rgba(51,171,192,1);
}




/* HORIZONTAL NAVIGATION SUBMENU */
ul.submenu {
	display: inline-block;
	list-style-type: none;
	width: 100%;
	float: left;
	visibility: hidden;
	z-index: 100000;
	padding: 0;
	-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
    box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
}

li.submenuitem {
	width: 100%;
	height: 50px;
	line-height: 50px;
	float: left;
	color: rgba(51,51,51,1);
	background: rgba(255,255,255,1);
	text-align: left;
	z-index: 100000;

}






.menuitem a:hover ~ ul.submenu, ul.submenu:hover {
	visibility: visible;
	display: inline-block;
	z-index: 100000;
}
.submenuitem a:hover, submenuitem a:active {
	color: rgba(51,153,102,1);
	background-color: rgba(122,153,26,0);
	border: none;
}




/* HORIZONTAL NAVIGATION SUBMENUSUB */
ul.submenusub {
	display: inline-block;
	list-style-type: none;
	width: 100%;
	float: left;
	visibility: hidden;
	z-index: 100000;
	padding: 0;
	margin-top: -50px;
	margin-left: 101%;
	-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
    box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
}

li.submenusubitem {
	width: 100%;
	height: 50px;
	line-height: 50px;
	float: left;
	color: rgba(51,51,51,1);
	background: rgba(255,255,255,1);
	text-align: left;
	z-index: 100000;

}






.submenuitem a:hover ~ ul.submenusub, ul.submenusub:hover {
	visibility: visible;
	display: inline-block;
	z-index: 100000;
}
.submenusubitem a:hover, submenusubitem a:active {
	color: rgba(51,153,102,1);
	background-color: rgba(122,153,26,0);
	border: none;
}




/* MENU TOGGLE BUTTON */
#downtoggle {
	position: absolute;
	appearance: none;
	cursor: pointer;
	left: -100%;
	top: -100%;
	z-index: 100000;
}

#downtoggle + label {
	position: absolute;
	cursor: pointer;
	padding: 4px;
	padding-bottom: 1px;
	background: rgba(38,174,144,0);
	width: 100px;
	border-radius: 3px;
	color: rgba(43,26,76,1);
	height: 45px;
	line-height: 6px;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	cursor: pointer;
	margin: 0 auto;
	transition: all 500ms ease;
	visibility: hidden;
	z-index: 10000;
}












@media screen and (max-width: 767px) {
nav {
	height: 0px;
	width: 100%; /* === CHANGED === */
	margin-right: 0%; /* === CHANGED === */
	margin-left: -100%;
	float: right;
	z-index: 10000;
	visibility: hidden;
	background: rgba(252,252,252,1);
}

/* HORIZONTAL NAVIGATION MENU */
ul.menu {
	width: 100%;
	height: auto;
	list-style-type: none;
	margin: 0;
	padding: 0;
	background: rgba(255,255,255,0.3);
	overflow: visible; /* overflow:hidden is added to the ul element to prevent li elements from going outside of the list. */
	z-index: 100000;
}

li.menuitem {
	width: 45%; /* === CHANGED === */
	height: 50px;
	line-height: 45px;
	margin-left: 1%;
	margin-right: 54%;
	float: left;
	color: rgba(51,51,51,1);
	background: rgba(255,255,255,0.3);
	text-align: left;
	z-index: 100000;
}
.menuitem a:link, .menuitem a:visited {
	display: block; /* display:block is added to the a make the whole link area clickable and not just the link text */
	color: rgba(93,93,93,1);
	font-weight: 600;
	border-top: solid medium rgba(93,93,93,0);
	padding: 0 5px;
}
.menuitem a:hover, menuitem a:active {
	color: rgba(51,153,102,1);
	background-color: rgba(122,153,26,0);
	border-top: solid medium rgba(93,93,93,1);
}




/* HORIZONTAL NAVIGATION SUBMENU */
ul.submenu {
	display: inline-block;
	list-style-type: none;
	width: 100%;
	margin-left: 100%;
	margin-top: -50px;
	float: left;
	visibility: hidden;
	z-index: 110000;
	padding: 0;
	-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
    box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
}

li.submenuitem {
	width: 100%;
	height: 50px;
	line-height: 50px;
	float: left;
	color: rgba(51,51,51,1);
	background: rgba(255,255,255,1);
	text-align: left;
	z-index: 110000;

}






.menuitem a:hover ~ ul.submenu, ul.submenu:hover {
	visibility: visible;
	display: inline-block;
	z-index: 110000;
}
.submenuitem a:hover, submenuitem a:active {
	color: rgba(51,153,102,1);
	background-color: rgba(122,153,26,0);
	border: none;
}




/* HORIZONTAL NAVIGATION SUBMENUSUB */
ul.submenusub {
	display: inline-block;
	list-style-type: none;
	width: 100%;
	float: left;
	visibility: hidden;
	z-index: 120000;
	padding: 0;
	margin-top: -50px;
	margin-left: 101%;
	-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
    box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
}

li.submenusubitem {
	width: 100%;
	height: 50px;
	line-height: 50px;
	float: left;
	color: rgba(51,51,51,1);
	background: rgba(255,255,255,1);
	text-align: left;
	z-index: 120000;

}






.submenuitem a:hover ~ ul.submenusub, ul.submenusub:hover {
	visibility: visible;
	display: inline-block;
	z-index: 120000;
}
.submenusubitem a:hover, submenusubitem a:active {
	color: rgba(51,153,102,1);
	background-color: rgba(122,153,26,0);
	border: none;
}




/* MENU TOGGLE BUTTON */
#downtoggle {
	position: absolute;
	appearance: none;
	cursor: pointer;
	left: -100%;
	top: -100%;
	z-index: 100000;
}

#downtoggle + label {
	position: absolute;
	cursor: pointer;
	padding: 4px;
	padding-bottom: 1px;
	padding-top: 19px;
	margin: 0 auto;
	margin-left: 5%;
	background: rgba(38,174,144,0);
	width: 20%;
	border-radius: 3px;
	height: 30px;
	line-height: 6px;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	cursor: pointer;
	transition: all 500ms ease;
	visibility: visible;
	z-index: 10000;
	float: right;
}
#downtoggle + label:after {
	content:"☰"
}
#downtoggle:checked + label:after {
	content:"×"
}

.headercontainer2, footer, label {
	transition: margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
}

#downtoggle:checked ~ header {
	height: 100%;
	margin: 0 auto;
	overflow: visible;
}
#downtoggle:checked ~ nav {
	height: auto;
	margin-left: 0%;
	visibility: visible;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

#downtoggle:checked ~ .headercontainer2, #downtoggle:checked ~ label {
	margin-top: 0;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

#downtoggle:checked ~ .pagetitle {
	color: rgba(255,255,255,1);
}

#downtoggle:checked + label {
	background: rgba(221,97,73,0);
}

#downtoggle:checked + label:after {
	color: rgba(255,0,102,1);
	content:"×"
}




/* === END MENU TOGGLE BUTTON === */








}












@media screen and (max-width: 769px)  and (orientation: landscape) {
nav {
	height: 0px;
	width: 100%; /* === CHANGED === */
	margin-right: 0; /* === CHANGED === */
	margin-left: -100%;
	margin-top: -3px;
	float: right;
	z-index: 10000;
	visibility: hidden;
	background: rgba(252,252,252,1);
}

/* HORIZONTAL NAVIGATION MENU */
ul.menu {
	width: 100%;
	height: auto;
	list-style-type: none;
	margin: 0;
	padding: 0;
	background: rgba(255,255,255,0.3);
	overflow: visible; /* overflow:hidden is added to the ul element to prevent li elements from going outside of the list. */
	z-index: 100000;
}

li.menuitem {
	width: 45%; /* === CHANGED === */
	height: 30px;
	line-height: 25px;
	margin-left: 1%;
	margin-right: 54%;
	float: left;
	color: rgba(51,51,51,1);
	background: rgba(255,255,255,0.3);
	text-align: left;
	z-index: 100000;
}
.menuitem a:link, .menuitem a:visited {
	display: block; /* display:block is added to the a make the whole link area clickable and not just the link text */
	color: rgba(93,93,93,1);
	font-weight: 600;
	border-top: solid medium rgba(93,93,93,0);
	padding: 0 5px;
}
.menuitem a:hover, menuitem a:active {
	color: rgba(51,153,102,1);
	background-color: rgba(122,153,26,0);
	border-top: solid medium rgba(93,93,93,1);
}




/* HORIZONTAL NAVIGATION SUBMENU */
ul.submenu {
	display: inline-block;
	list-style-type: none;
	width: 100%;
	margin-left: 100%;
	margin-top: -30px;
	float: left;
	visibility: hidden;
	z-index: 110000;
	padding: 0;
	-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
    box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
}

li.submenuitem {
	width: 100%;
	height: 30px;
	line-height: 30px;
	float: left;
	color: rgba(51,51,51,1);
	background: rgba(255,255,255,1);
	text-align: left;
	z-index: 110000;

}






.menuitem a:hover ~ ul.submenu, ul.submenu:hover {
	visibility: visible;
	display: inline-block;
	z-index: 110000;
}
.submenuitem a:hover, submenuitem a:active {
	color: rgba(51,153,102,1);
	background-color: rgba(122,153,26,0);
	border: none;
}




/* HORIZONTAL NAVIGATION SUBMENUSUB */
ul.submenusub {
	display: inline-block;
	list-style-type: none;
	width: 100%;
	float: left;
	visibility: hidden;
	z-index: 120000;
	padding: 0;
	margin-top: -30px;
	margin-left: 101%;
	-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
    box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
}

li.submenusubitem {
	width: 100%;
	height: 30px;
	line-height: 30px;
	float: left;
	color: rgba(51,51,51,1);
	background: rgba(255,255,255,1);
	text-align: left;
	z-index: 120000;

}

#downtoggle + label {
	position: absolute;
	cursor: pointer;
	padding: 4px;
	padding-bottom: 0px;
	padding-top: 18px;
	margin: 0 auto;
	margin-left: 5%;
	background: rgba(38,174,144,0);
	width: 20%;
	border-radius: 3px;
	height: 20px;
	line-height: 6px;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	cursor: pointer;
	transition: all 500ms ease;
	visibility: visible;
	z-index: 10000;
	float: right;
}




/* === END MENU TOGGLE BUTTON === */








}











/* HIDDEN OBJECTS - Give class="hidden" value to objects you wish to hide" */
.hidden {
	display: none; /* Use display: none; to hide the object and to collapse the space it takes in */
}