div.unstyledTable {
  text-align: center;
}
.divTable.unstyledTable .divTableCell, .divTable.unstyledTable .divTableHead {
  border: 0px solid #AAAAAA;
  padding: 3px 3px;
}
/* DivTable.com */
.divTable{ display: table; }
.divTableRow { display: table-row; }
.divTableHeading { display: table-header-group;}
.divTableCell, .divTableHead { display: table-cell;}
.divTableHeading { display: table-header-group;}
.divTableFoot { display: table-footer-group;}
.divTableBody { display: table-row-group;}

.button-portal {
background-color: #bed747;
border: 1px solid black;
padding: 30px 30px;
text-align: center;
font-size: 20px;
color: #434344;
text-transform: uppercase;
font-family: helvetica;
font-weight: bold;
cursor: pointer;
border-radius: 15px;
text-decoration: none;
display: inline-block;
flex-wrap: wrap;
width: 22%;
height: 250px;
}

.button-green {
background-color: #bed747;
border: 1px solid black;
padding: 15px 15px;
text-align: center;
font-size: 28px;
color: #434344;
text-transform: uppercase;
font-family: helvetica;
font-weight: bold;
cursor: pointer;
border-radius: 8px;
text-decoration: none;
display: inline-block;
flex-wrap: wrap;
width: 100%;
}

.button:hover {
 background-color: #434344;
	color: #434342;
}

.button-green-si {
background-color: #bed747;
border: 1px solid black;
padding: 12px 12px;
text-align: center;
font-size: 24px;
color: #434344;
text-transform: uppercase;
font-family: helvetica;
font-weight: bold;
cursor: pointer;
border-radius: 8px;
text-decoration: none;
display: inline-block;
flex-wrap: wrap;
width: 100%;
}

.button:hover {
 background-color: #434344;
	color: #434342;
}

.button-enma-sb {
background-color: #2bb6b0;
border: 1px solid black;
padding: 5px 5px;
text-align: center;
font-size: 18px;
color: #434344;
text-transform: uppercase;
font-family: helvetica;
font-weight: bold;
cursor: pointer;
border-radius: 5px;
text-decoration: none;
display: inline-block;
flex-wrap: wrap;
width: 100%;
}

.button:hover {
 background-color: #2bb6b0;
	color: #f4f4f4;
}


.button-green-f {
background-color: #bed747;
border: 1px solid black;
padding: 15px 15px;
text-align: center;
font-size: 28px;
color: #434344;
text-transform: none;
font-family: helvetica;
font-weight: bold;
cursor: pointer;
border-radius: 8px;
text-decoration: none;
display: inline-block;
flex-wrap: wrap;
width: 100%;
}

.button:hover {
 background-color: #434344;
	color: #434342;
}

.button-orange {
background-color: #FFCB1F;
border: 1px solid black;
padding: 15px 15px;
text-align: center;
font-size: 28px;
color: #434344;
text-transform: uppercase;
font-family: helvetica;
font-weight: bold;
cursor: pointer;
border-radius: 8px;
text-decoration: none;
display: inline-block;
flex-wrap: wrap;
width: 100%;
}

.button:hover {
 background-color: #434344;
	color: #434342;
}


.button-aaps {
background-color: #e40134;
border: 1px solid black;
padding: 15px 15px;
text-align: center;
font-size: 20px;
color: #f4f4f4;
text-transform: none;
font-family: helvetica;
font-weight: bold;
cursor: pointer;
border-radius: 8px;
text-decoration: none;
display: inline-block;
flex-wrap: wrap;
width: 100%;
}

.button:hover {
 background-color: #434344;
	color: #434342;
}

.button-crin {
background-color: #565993;
border: 1px solid black;
padding: 15px 15px;
text-align: center;
font-size: 20px;
color: #f4f4f4;
text-transform: none;
font-family: helvetica;
font-weight: bold;
cursor: pointer;
border-radius: 8px;
text-decoration: none;
display: inline-block;
flex-wrap: wrap;
width: 100%;
}

.button:hover {
 background-color: #434344;
	color: #434342;
}

.button-life {
background-color: #4e96d1;
border: 1px solid black;
padding: 15px 15px;
text-align: center;
font-size: 20px;
color: #f4f4f4;
text-transform: none;
font-family: helvetica;
font-weight: bold;
cursor: pointer;
border-radius: 8px;
text-decoration: none;
display: inline-block;
flex-wrap: wrap;
width: 100%;
}

.button:hover {
 background-color: #434344;
	color: #434342;
}

.button-tech {
background-color: #ee7d00;
border: 1px solid black;
padding: 15px 15px;
text-align: center;
font-size: 20px;
color: #f4f4f4;
text-transform: none;
font-family: helvetica;
font-weight: bold;
cursor: pointer;
border-radius: 8px;
text-decoration: none;
display: inline-block;
flex-wrap: wrap;
width: 100%;
}

.button:hover {
 background-color: #434344;
	color: #434342;
}

.button-enma {
background-color: #2bb6b0;
border: 1px solid black;
padding: 15px 15px;
text-align: center;
font-size: 20px;
color: #f4f4f4;
text-transform: none;
font-family: helvetica;
font-weight: bold;
cursor: pointer;
border-radius: 8px;
text-decoration: none;
display: inline-block;
flex-wrap: wrap;
width: 100%;
}

.button:hover {
 background-color: #434344;
	color: #434342;
}

/* subject buttons */

.button-aaps-s {
background-color: #e40134;
border: 1px solid black;
padding: 15px 15px;
text-align: center;
font-size: 20px;
color: #f4f4f4;
text-transform: none;
font-family: helvetica;
font-weight: bold;
cursor: pointer;
border-radius: 8px;
text-decoration: none;
display: inline-block;
flex-wrap: wrap;
width: 100%;
}

.button:hover {
 background-color: #434344;
	color: #434342;
}

.button-crin-s {
background-color: #565993;
border: 1px solid black;
padding: 15px 15px;
text-align: center;
font-size: 20px;
color: #f4f4f4;
text-transform: none;
font-family: helvetica;
font-weight: bold;
cursor: pointer;
border-radius: 8px;
text-decoration: none;
display: inline-block;
flex-wrap: wrap;
width: 100%;
}

.button:hover {
 background-color: #434344;
	color: #434342;
}

.button-lski-s {
background-color: #003a66;
border: 1px solid black;
padding: 15px 15px;
text-align: center;
font-size: 20px;
color: #f4f4f4;
text-transform: none;
font-family: helvetica;
font-weight: bold;
cursor: pointer;
border-radius: 8px;
text-decoration: none;
display: inline-block;
flex-wrap: wrap;
width: 100%;
}

.button:hover {
 background-color: #434344;
	color: #434342;
}


.button-life-s {
background-color: #4e96d1;
border: 1px solid black;
padding: 15px 15px;
text-align: center;
font-size: 20px;
color: #f4f4f4;
text-transform: none;
font-family: helvetica;
font-weight: bold;
cursor: pointer;
border-radius: 8px;
text-decoration: none;
display: inline-block;
flex-wrap: wrap;
width: 100%;
}

.button:hover {
 background-color: #434344;
	color: #434342;
}

.button-tech-s {
background-color: #ee7d00;
border: 1px solid black;
padding: 15px 15px;
text-align: center;
font-size: 20px;
color: #f4f4f4;
text-transform: none;
font-family: helvetica;
font-weight: bold;
cursor: pointer;
border-radius: 8px;
text-decoration: none;
display: inline-block;
flex-wrap: wrap;
width: 100%;
}

.button:hover {
 background-color: #434344;
	color: #434342;
}

.button-enma-s {
background-color: #2bb6b0;
border: 1px solid black;
padding: 15px 15px;
text-align: center;
font-size: 20px;
color: #f4f4f4;
text-transform: none;
font-family: helvetica;
font-weight: bold;
cursor: pointer;
border-radius: 8px;
text-decoration: none;
display: inline-block;
flex-wrap: wrap;
width: 100%;
}

.button:hover {
 background-color: #434344;
	color: #434342;
}

.button-he-s {
background-color: #ffcb1f;
border: 1px solid black;
padding: 15px 15px;
text-align: center;
font-size: 20px;
color: #f4f4f4;
text-transform: none;
font-family: helvetica;
font-weight: bold;
cursor: pointer;
border-radius: 8px;
text-decoration: none;
display: inline-block;
flex-wrap: wrap;
width: 100%;
}

.button:hover {
 background-color: #434344;
	color: #434342;
}

.button-he-d {
background-color: #ffcb1f;
border: 1px solid black;
padding: 15px 15px;
text-align: center;
font-size: 20px;
color: #434344;
text-transform: none;
font-family: helvetica;
font-weight: bold;
cursor: pointer;
border-radius: 8px;
text-decoration: none;
display: inline-block;
flex-wrap: wrap;
width: 100%;
}

.button:hover {
 background-color: #434344;
	color: #434342;
}


/* subject buttons light*/

.button-aaps-l {

background-color: #eb5f6b;
border: 1px solid black;
padding: 15px 15px;
text-align: center;
font-size: 20px;
color: #f4f4f4;
text-transform: none;
font-family: helvetica;
font-weight: bold;
cursor: pointer;
border-radius: 8px;
text-decoration: none;
display: inline-block;
flex-wrap: wrap;
width: 100%;
}

.button:hover {
 background-color: #434344;
	color: #434342;
}

.button-crin-l {
background-color: #7f7eb3;
border: 1px solid black;
padding: 15px 15px;
text-align: center;
font-size: 20px;
color: #f4f4f4;
text-transform: none;
font-family: helvetica;
font-weight: bold;
cursor: pointer;
border-radius: 8px;
text-decoration: none;
display: inline-block;
flex-wrap: wrap;
width: 100%;
}

.button:hover {
 background-color: #434344;
	color: #434342;
}

.button-life-l {
background-color: #79b6e3;
border: 1px solid black;
padding: 15px 15px;
text-align: center;
font-size: 20px;
color: #f4f4f4;
text-transform: none;
font-family: helvetica;
font-weight: bold;
cursor: pointer;
border-radius: 8px;
text-decoration: none;
display: inline-block;
flex-wrap: wrap;
width: 100%;
}

.button:hover {
 background-color: #434344;
	color: #434342;
}

.button-tech-l {
background-color: #f49b00;
border: 1px solid black;
padding: 15px 15px;
text-align: center;
font-size: 20px;
color: #f4f4f4;
text-transform: none;
font-family: helvetica;
font-weight: bold;
cursor: pointer;
border-radius: 8px;
text-decoration: none;
display: inline-block;
flex-wrap: wrap;
width: 100%;
}

.button:hover {
 background-color: #434344;
	color: #434342;
}

.button-enma-l {
background-color: #6cc8c2;
border: 1px solid black;
padding: 15px 15px;
text-align: center;
font-size: 20px;
color: #f4f4f4;
text-transform: none;
font-family: helvetica;
font-weight: bold;
cursor: pointer;
border-radius: 8px;
text-decoration: none;
display: inline-block;
flex-wrap: wrap;
width: 100%;
}

.button:hover {
 background-color: #434344;
	color: #434342;
}

.button-he-l {
background-color: #f4db4a;
border: 1px solid black;
padding: 15px 15px;
text-align: center;
font-size: 20px;
color: #434344;
text-transform: none;
font-family: helvetica;
font-weight: bold;
cursor: pointer;
border-radius: 8px;
text-decoration: none;
display: inline-block;
flex-wrap: wrap;
width: 100%;
}

.button:hover {
 background-color: #434344;
	color: #434342;
}


/* campus buttons */

.button-ban {
background-color: #0477bd;
border: 1px solid black;
padding: 15px 15px;
text-align: center;
font-size: 20px;
color: #f4f4f4;
text-transform: none;
font-family: helvetica;
font-weight: bold;
cursor: pointer;
border-radius: 8px;
text-decoration: none;
display: inline-block;
flex-wrap: wrap;
width: 100%;
}

.button:hover {
 background-color: #434344;
	color: #434342;
}

.button-bkl {
background-color: #006166;
border: 1px solid black;
padding: 15px 15px;
text-align: center;
font-size: 20px;
color: #f4f4f4;
text-transform: none;
font-family: helvetica;
font-weight: bold;
cursor: pointer;
border-radius: 8px;
text-decoration: none;
display: inline-block;
flex-wrap: wrap;
width: 100%;
}

.button:hover {
 background-color: #434344;
	color: #434342;
}

.button-oxf {
background-color: #38427e;
border: 1px solid black;
padding: 15px 15px;
text-align: center;
font-size: 20px;
color: #f4f4f4;
text-transform: none;
font-family: helvetica;
font-weight: bold;
cursor: pointer;
border-radius: 8px;
text-decoration: none;
display: inline-block;
flex-wrap: wrap;
width: 100%;
}

.button:hover {
 background-color: #434344;
	color: #434342;
}

.button-rea {
background-color: #00b5ec;
border: 1px solid black;
padding: 15px 15px;
text-align: center;
font-size: 20px;
color: #f4f4f4;
text-transform: none;
font-family: helvetica;
font-weight: bold;
cursor: pointer;
border-radius: 8px;
text-decoration: none;
display: inline-block;
flex-wrap: wrap;
width: 100%;
}

.button:hover {
 background-color: #434344;
	color: #434342;
}

/* sidebar buttons */

.button-green-side-0 {
background-color: #bed747;
border: 1px solid black;
padding: 5px 5px;
text-align: center;
font-size: 18px;
color: #434344;
text-transform: uppercase;
font-family: helvetica;
font-weight: bold;
cursor: pointer;
border-radius: 5px;
text-decoration: none;
display: inline-block;
flex-wrap: wrap;
width: 100%;
}

.button:hover {
 background-color: #434344;
	color: #434342;
}

.button-grey-side-0 {
background-color: #434344;
border: 1px solid black;
padding: 5px 5px;
text-align: center;
font-size: 18px;
color: #bed747;
text-transform: uppercase;
font-family: helvetica;
font-weight: bold;
cursor: pointer;
border-radius: 5px;
text-decoration: none;
display: inline-block;
flex-wrap: wrap;
width: 100%;
}

.button:hover {
 background-color: #434344;
	color: #f4f4f4;
}

.resources {
  display: flex; /* or inline-flex */
	flex-direction: row;
	flex-wrap: wrap;
	align-items:baseline;
	align-content:stretch;
	flex-grow:1;
padding:5px
}

.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
margin:5px
}

.column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
margin:5px
}

.button-grey-l {
background-color: #f4f4f4;
border: 1px solid black;
padding: 15px 15px;
text-align: center;
font-size: 20px;
color: #434344;
text-transform: none;
font-family: helvetica;
font-weight: bold;
cursor: pointer;
border-radius: 8px;
text-decoration: none;
display: inline-block;
flex-wrap: wrap;
width: 100%;
}

.button:hover {
 background-color: #f4f4f4;
	color: #434342;
}

.button-grey-d {
background-color: #515151;
border: 1px solid black;
padding: 15px 15px;
text-align: center;
font-size: 20px;
color: #bed747;
text-transform: none;
font-family: helvetica;
font-weight: bold;
cursor: pointer;
border-radius: 8px;
text-decoration: none;
display: inline-block;
flex-wrap: wrap;
width: 100%;
}

.button:hover {
 background-color: #f4f4f4;
	color: #434342;
}

.button-grey-g {
background-color: #f4f4f4;
border: 1px solid black;
padding: 15px 15px;
text-align: center;
font-size: 20px;
color: #bed747;
text-transform: none;
font-family: helvetica;
font-weight: bold;
cursor: pointer;
border-radius: 8px;
text-decoration: none;
display: inline-block;
flex-wrap: wrap;
width: 100%;
}

.button:hover {
 background-color: #f4f4f4;
	color: #434342;
}