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

#menuBackground {
	width:100%;
	text-align: center;
	position: fixed;
	top:0px;
	z-index: 997;
	box-shadow: 0px 0px 7px 3px #000000;
   background-color: rgba(1, 70, 18, 0.8);
}
#menuContainer {
    text-align: right;
	z-index: 998;
}
/*Strip the ul of padding and list styling*/
ul.navmenu {
    list-style-type:none;
    margin:0;
    padding:0;
}

/*Create a horizontal list with spacing*/
li {
    display:inline-block;
    vertical-align: top;
    margin-right:1px;
}

/*Style for menu links*/
li a {
	display:block;
	padding: 10px 15px 8px 15px;
	margin: 0px 0px 0px 0px;
	text-align:center;
	font-family:densebold, Arial,sans-serif;
	font-size: 21px;
	letter-spacing: 2px;
	color:#ffffff;
	text-transform: uppercase;
	text-decoration:none;
}
@media screen and (max-width : 1024px) {
li a {
	padding: 10px 0px 8px 0px;
	margin: 0px 20px 0px 0px;
	font-size: 21px;}
}

/*Hover state for top level links*/
li:hover a {
    background:#00aa00;
	transition: all 0.3s ease;
}

/*Style for dropdown links*/
li:hover ul a {
    color:#ffffff;
    height:40px;
    line-height:40px
}

/*Hover state for dropdown links*/
li:hover ul a:hover {
    background:#008c00;
    color:#ffffff;
}

/*Hide dropdown links until they are needed*/
li ul.navmenu {
    position: absolute;
    display:none
}

/*Make dropdown links vertical*/
li ul.navmenu li {
    display:block;
}

/*Prevent text wrapping*/
li ul.navmenu li a {
    width:auto;
    min-width:100px;
    padding:0 20px
}

/*Display the dropdown on hover*/
ul.navmenu li a:hover + .hidden,.hidden:hover {
    display:block
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	font-family:densebold, Arial,sans-serif;
	font-size: 21px;
	letter-spacing: 2px;
    color:#ffffff;
    text-decoration:none;
	text-transform: uppercase;
    text-align:right;
    padding:10px 0px;
    display:none;
    width:100%!important
}

/*Hide checkbox*/
input[type=checkbox] {
    display:none
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu {
    display:block;
    margin:0 auto
}

/*Responsive Styles*/
@media screen and (max-width : 800px) {
    /*Make dropdown links appear inline*/
    ul.navmenu {
        position:static;
        display:none;
        white-space: initial;
    }
    
    /*Create vertical spacing*/
    li {
        margin-bottom:1px
    }
    
    /*Make all menu links full width*/
    ul.navmenu li,li a {
        width:100%
    }
    
    /*Display 'show menu' link*/
    .show-menu {
        display:block
    }
}