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

html {
	background-color: maroon;
	margin: auto;
}

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

.link-container {
    display: flex;
    flex-wrap: wrap;
    gap: 3px; /* Space between links */
}


/* start of login register nav*/ 

.register-login-nav{
	background-color: maroon;
	border: 3px dashed #f3f0f0;
}

.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;
}
/* end of login register nav*/ 

.logo {
 width: 45px;
 height: auto;
 padding: 2px;
}
	

img {
	max-width: 45%;
	max-height: auto;

}


nav {
	background-color: #D70A0E;
}

.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: indianred;
}



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

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


/* -------------------- start of menu info fed ---------------------- */ 

.info-fed{
	background-color: #FD7373;
	padding: 10px;
}


.lpoc-fed {
	border: 3px solid #E10307;
	padding: 10px;
}

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


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


.ont-fed {
	border: 3px solid #E10307;
	padding: 10px;
}

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

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


.alb-fed {
	border: 3px solid #E10307;
	padding: 10px;
}

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

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


.bc-fed {
	border: 3px solid #E10307;
	padding: 10px;
}

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


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


.man-fed {
	border: 3px solid #E10307;
	padding: 10px;
}

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


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

.nb-fed {
	border: 3px solid #E10307;
	padding: 10px;
}

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


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

.ns-fed {
	border: 3px solid #E10307;
	padding: 10px;
}

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


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

.sas-fed {
	border: 3px solid #E10307;
	padding: 10px;
}

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


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

.qc-fed {
	border: 3px solid #E10307;
	padding: 10px;
}

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


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

/* -------------------- start of info prov ---------------------- */ 

.info-prov{
	background-color: #4f78eb;
	padding: 10px;
}


.ont-prov {
	border: 3px solid #194ee2;
	padding: 10px;
}

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


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

.nb-prov {
	border: 3px solid #194ee2;
	padding: 10px;
}

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


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


.alb-prov {
	border: 3px solid #194ee2;
	padding: 10px;
}

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


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


.sas-prov {
	border: 3px solid #194ee2;
	padding: 10px;
}

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


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

.bc-prov {
	border: 3px solid #194ee2;
	padding: 10px;
}

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


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

.bc-prov-toggle, .nb-prov-toggle, .ont-prov-toggle, .sas-prov-toggle {
    display: none;
    margin-top: 10px;
    padding: 10px;
    border: 2px solid #194ee2;
    background-color: #f8f9fa;
}

.toggle-btn {
    display: block;
    margin: 10px 0;
    padding: 8px 12px;
    background-color: #194ee2;
    color: white;
    border: none;
    cursor: pointer;
}

.toggle-btn:hover {
    background-color: #143d8b;
}


/* -------------------- start of info prov toggle ---------------------- */ 


.ont-prov-toggle {
	border: 3px solid #194ee2;
	padding: 10px;
}

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


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

.nb-prov-toggle {
	border: 3px solid #194ee2;
	padding: 10px;
}

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


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


.alb-prov-toggle {
	border: 3px solid #194ee2;
	padding: 10px;
}

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


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


.sas-prov-toggle {
	border: 3px solid #194ee2;
	padding: 10px;
}

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


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

.bc-prov-toggle {
	border: 3px solid #194ee2;
	padding: 10px;
}

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


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