/*  Yellows  */


/* Header styles */
#header {
  clear:both;
  width:100%;
  background: gold;
  line-height: 100px;
  border-bottom:2px solid purple;
  border-top:1px solid purple;
}

#header ul li a:hover {
  background:purple;
  color:yellow;
}

#header ul li a.active,
#header ul li a.active:hover {
  color:red;
  background: orange;
  font-weight:bold;
}


/* Team Grid */
.teamGrid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, 1fr);
}

.teamCard {
}

.teamPicFrame img {
  width: 80%;
  height: 80%;
  border: 5px solid #4A779F;
  border-radius: 50%;
  display: flex;
  margin: auto;
}



/* 'widths' sub menu */
#layoutdims {
  clear:both;
  margin:0;
  padding:6px 15px !important;
  text-align:center;
  background: green;
}


/* column container */
.colmask {
  position:relative;	/* This fixes the IE7 overflow hidden bug */
  clear:both;
  float:left;
  width:100%;			/* width of whole page */
  overflow:hidden;		/* This chops off any overhanging divs */

}

/* common column settings */
.colright,
.colmid,
.colleft {
  float:left;
  width:100%;
  position:relative;
}

.col1,
.col2,
.col3 {
  float:left;
  position:relative;
  padding:0 0 1em 0;
  overflow:hidden;
}

/* 2 Column (right menu) settings */

.rightmenu {


}

.rightmenu .colleft {
  right:50%;			/* right column width */

}

.rightmenu .col1 {
  width:46%;			/* left column content width (left column width minus left and right padding) */
  left:52%;			/* (right column width) plus (left column left padding) */
}

.rightmenu .col2 {
  width:46%;			/* right column content width (right column width minus left and right padding) */
  left:56%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}


/* Footer styles  */
#footer {
  background: red;
  clear:both;
  float:left;
  width:100%;
}