#cssportal-grid {
	display: grid;
	grid-template-rows: 150px 50px 80px 200px 80px;
	grid-template-columns: repeat(13, 1fr);
	gap: 0;
	width: 100%;
	height: 100%;
}
#div1 {
	grid-area: 1 / 1 / 2 / 3;
	background-color: white;
}
#div2 {
	grid-area: 1 / 3 / 2 / 6;
	background-color: white;
}
#div3 {
	grid-area: 1 / 6 / 2 / 14;
	background-color: white;
}
#div4 {
	grid-area: 2 / 1 / 3 / 3;
	background-color: white;
}
#div5 {
	grid-area: 2 / 3 / 3 / 12;
	background-color: white;
}
#div6 {
	grid-area: 2 / 12 / 3 / 14;
	background-color: white;
}
#div7 {
	grid-area: 3 / 1 / 4 / 3;
	background-color: midnightblue;
}
#div8 {
	grid-area: 3 / 3 / 4 / 12;
	background-color: midnightblue;
}
#div9 {
	grid-area: 3 / 12 / 4 / 14;
	background-color: midnightblue;
}
#div10 {
	grid-area: 4 / 1 / 5 / 3;
	background-color: white;
}
#div11 {
	grid-area: 4 / 3 / 5 / 12;
	background-color: white;
}
#div12 {
	grid-area: 4 / 12 / 5 / 14;
	background-color: white;
}
#div13 {
	grid-area: 5 / 1 / 6 / 14;
	background-color: midnightblue;
}

/* Base container layout */

  .dropdown {

    position: relative;
  
  display: inline-block;
  
}



/* Style the visible trigger button */
  
.menu-btn {
  
  background-color: white;
  
  color: midnightblue;

    padding: 12px 20px;

    font-size: 16px;
  
  border: none;

    cursor: pointer;

  }



/* Hide the content menu by default */

  .dropdown-content {
  
  display: none;
  
  position: absolute;
  
  background-color: #f1f1f1;
  
  min-width: 160px;
  
  box-shadow: 0px 8px 16px rgba(0,0,0,0.2);

    z-index: 1;
  
}



/* Style the internal links inside the menu */
  
.dropdown-content a {
  
  color: midnightblue;

    padding: 12px 16px;

    text-decoration: none;
  
  display: block;
  }



/* Change link backgrounds on hover */

  .dropdown-content a:hover {
  
  background-color: #ddd;
  
}



/* Unhide the menu block when hovering over the container */
  
.dropdown:hover .dropdown-content {

    display: block;
  
}



/* Change button style when menu is active */
  
.dropdown:hover .menu-btn {

    background-color: #2980b9;
  
}


.head_text
{
	font-size: 35px;
	color: midnightblue;
	height: 50px;
	font-weight: normal;
	font-family: Arial;
}

#nav {
     width: 100%;
     float: left;
     margin: 0 0 3em 0;
     padding: 0;
     list-style: none;
     background-color: #000000	;
     border-bottom: 1px solid #CCC;
     border-top: 1px solid #ccc;
     }

#nav li {
     float: left;
     }

#nav li a {
     display: block;
     padding: 8px 8px;
     text-decoration: none;
     font-weight: bold;
     color: #ffffff;
     border-right: 1px solid #ccc;
     }

#nav li a:hover {
     color: #c00;
     background-color: #fff;
     }

.no-underline {
     text-decoration: none;
    }

a:link, a:visited {
  color: midnightblue; /* Replace with your desired color */
}