/* https://colorpalettes.net/color-palette-4128/ 

light gray #f0f4f7
dark gray #c8beb9
saffron #fac57d
jam red #a81817
pine green #344d2f
*/

body {background: #f0f4f7}

div.main           {width: 600px; margin-left: 30px; font-family: "Arial", sans serif}

div.frontpage      {width: 600px; margin-left: 30px; font-family: "Arial", sans serif; font-size: 90%}
h2.coursehead       {
	color: black;
	font-family: "Arial", sans serif; 
	font-size: 140%; font-weight: bold;
}

a {color: #344d2f}

div.navbar		   	{display: block; padding: 2px; text-decoration: none; width: inherit; border: 1px ; margin: 2px; background: #fac57d; color: #344d2f}
a.navbar-current       {border:none;display:inline-block;outline:0;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration: none;color:inherit;background-color:#a81817;text-align:center;cursor:pointer;white-space:nowrap; color: #c8beb9;}
a.navbar-current:hover {box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}{display: block; padding: 2px; text-decoration: none; width: 300px; border: 1px outset black; margin: 2px; background: #fac57d; color: #c8beb9}
a.navbar-item       {border:none;display:inline-block;outline:0;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:#fac57d;text-align:center;cursor:pointer;white-space:nowrap}
a.navbar-item:hover {box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}{display: block; padding: 2px; text-decoration: none; width: 300px; border: 1px outset black; margin: 2px; background: #fac57d; color: #344d2f}
/*a:hover.navbar-current {display: block; padding: 2px; text-decoration: none; width: 300px; border: 1px outset black; margin: 2px; background: #2055dd; color: white}*/

thead	{font-weight: bold;}

tr.current td  {background: #faf0d0;}