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

/*
colours
•	Text (dark green)	003311
•	Text (green)	115500
•	Yellow	EEEE11
•	Link blue	0033CC
•	Almost White	FFFFDD
*/
#MainMenuBar, #MainMenuBody a, #MainMenuPhone a{color:#EEFFEE; background-color:#115500;}
#MainMenuBody a:hover{color:#115500; background-color:#EEFFEE;}

.SubMenuContainer ul{color: #115500; background-color:#EEFFEE; border-color:#115500;}
.SubMenuContainer ul a{color:#115500; background-color:transparent;}
.SubMenuContainer ul a:hover{color:#EEFFEE; background-color:#115500;}

/* Main Menu */
#MainMenuBar{position:relative; width:100%; margin:0px; padding:0px;}
#MainMenuBody, #MainMenuPhone{position:relative; max-width:1000px; text-align:right; margin:0px auto; font-size:1.2em;}
#MainMenuBody a, #MainMenuPhone a{text-decoration:none; padding:2px 8px 3px 8px; display:inline-block; border-radius:0px;}

#MainMenuPhone{display:none;}
#MainMenuPhone a{width:100%;}

/* Sub Menu */
.SubMenu{position:absolute; top:auto; left:auto; width:100%; margin:0px auto; padding:0px 0px 4px; z-index:99; display:none;}
.SubMenuContainer{position:relative; max-width:1000px; margin:0px auto; font-size:1em; padding:0px 4px 10px; text-align:right;}
.SubMenuContainer ul{position:absolute; display:flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; 
	list-style-type: none; top:auto; right:-2px; margin:0px auto; padding:8px 8px 10px; text-align:left; font-size:1em;
	border-bottom-left-radius:8px; border-bottom-right-radius:8px;
	border-bottom:solid 2px; border-left:solid 2px; border-right:solid 2px ;}
.SubMenuContainer ul.col1{width:20%; min-width:220px;}
.SubMenuContainer ul.col2{width:40%; min-width:360px;}
.SubMenuContainer ul.col3{width:60%; min-width:400px;}
.SubMenuContainer ul li{flex-grow: 1; min-width:100px;}
.SubMenuContainer ul h3{font-size:1.3em; padding:4px; margin:0px;}
.SubMenuContainer ul h4{font-size:1.1em; padding:8px 4px 2px; margin:0px;}
.SubMenuContainer ul p{font-size:0.9em; padding:0px 4px; margin:0px;}
.SubMenuContainer ul a{display:block; width:96%; font-weight:normal; padding:1px 4px; font-size:1em; text-decoration:none; border-radius:4px;}
.SubMenuContainer ul a:hover{box-shadow:1px 1px 2px #565;}

.SubPhoneMenu{display:none; padding-left:10px;}

/* Other */
.MenuArrow{display:inline-block; vertical-align:bottom; margin-bottom:-3px; margin-left:2px;}
.PhoneMenuArrow{display:inline-block; vertical-align:bottom; margin-bottom:-1px; margin-left:1px;}
.ChangeFontSize{cursor:pointer;}


/* alterations for mobile phones */
@media screen and (max-width:700px){
	#MainMenuBody{display:none !important;}
	#MainMenuPhone{display:block !important;}
	.SubMenuContainer ul li{width:100%;}
}