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

html {
	background-color: rgb(41, 175, 47);
	margin: auto;
}

/* start of login register nav*/ 

.register-login-nav{
	background-color: #34792d;
	border: 3px dashed #3A3A3A;

	
}

.register-login-nav-ul{
	background-color: #7F7F7F;
	border: 3px dashed #5f4ad9;

}

.register-login-nav-ul li{
	background-color: #D94A4A;
	display: inline;
	padding: 10px;
	margin: 10px;
}

.register-login-nav-ul li a:hover{
	background-color: #3A3A3A;
	color: white;
	padding: 10px;
	margin: 10px;
}
/* end of login register nav*/ 

.logo {
 width: 50px;
}

body{
	background-color: aliceblue;
	max-width: 1000px;
	max-height: auto;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 10px;
	padding-bottom: 50px;
	margin: auto;
}
	

img {
	height: auto;
	max-width: 100%;
	
	}


	.menuinfo{
		background-color: #34792d;
		padding: 10px;
	}


	.menuinfo2{
		background-color: #D94A4A;
		padding: 10px;
	}


	.menuinfo3{
		background-color: #B79E20;
		padding: 10px;
	}

nav {
	background-color: #02521a;
}
.navlist {
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
}
.navlistitem {
	float: left;
}
.navlistitem a {
	text-decoration: none;
	padding-top: 16px;
	padding-right: 16px;
	padding-left: 16px;
	padding-bottom: 16px;
	display: block;
	color: #FFFFFF;
	font-weight: bold;
}
.navlistitem a:hover {
	background-color: #979797;
}


.navlistitem a.selected {
    color:#F2F2F2;
    background-color: #09B11F;
}



#nav2 {
	background-color: darkgray;
	padding: 4px;
}

#nav2 li a.selected {
	background-color: #09B11F;
}


#nav2 li a.selected2 {
	background-color: #D94A4A;
}

#nav2 li a.selected3 {
	background-color: #B79E20;
}

#nav2 a:hover {
	background-color: black;
	border-style: solid;
	border-color: black;
	background-color: transparent;
}



.Official {
	border: 3px solid #4ea066;
	padding: 10px;
}


.Official2 {
	border: 3px solid #D94A4A;
	padding: 10px;
}


.Official3 {
	border: 3px solid #B79E20;
	padding: 10px;
}

.Official a{
	border: 2px solid #4ea066;
	background-color: gray;
	color: black;
}


.Official2 a{
	border: 2px solid #D94A4A;
	background-color: gray;
	color: black;
}


.Official3 a{
	border: 2px solid #B79E20;
	background-color: gray;
	color: black;
}


.Official a:hover{
	border: 2px solid #4ea066;
	background-color: #3A3A3A;
	color: yellow;
}


.Official2 a:hover{
	border: 2px solid #D94A4A;
	background-color: #3A3A3A;
	color: yellow;
}


.Official3 a:hover{
	border: 2px solid #B79E20;
	background-color: #3A3A3A;
	color: yellow;
}



.Ontario {
	border: 3px solid #E10307;
	padding: 10px;
}

.Ontario a{
	border: 2px solid #8E7B00;
	background-color: gray;
	color: black;
}


.Ontario a:hover{
	border: 2px solid #7F7F7F;
	background-color: black;
	color: yellow;
}





.Alberta {
	border: 3px solid #29af2f;
	padding: 10px;
}

.Alberta a{
	border: 2px solid #8E7B00;
	background-color: gray;
	color: black;
}


.Alberta a:hover{
	border: 2px solid #7F7F7F;
	background-color: black;
	color: yellow;
}






.BC {
	border: 3px solid #E10307;
	padding: 10px;
}

.BC a{
	border: 2px solid #8E7B00;
	background-color: gray;
	color: black;
}


.BC a:hover{
	border: 2px solid #7F7F7F;
	background-color: black;
	color: yellow;
}






.Manitoba {
	border: 3px solid #E10307;
	padding: 10px;
}

.Manitoba a{
	border: 2px solid #8E7B00;
	background-color: gray;
	color: black;
}


.Manitoba a:hover{
	border: 2px solid #7F7F7F;
	background-color: black;
	color: yellow;
}




.NB {
	border: 3px solid #E10307;
	padding: 10px;
}

.NB a{
	border: 2px solid #8E7B00;
	background-color: gray;
	color: black;
}


.NB a:hover{
	border: 2px solid #7F7F7F;
	background-color: black;
	color: yellow;
}