body
{
	background-color:#f4f6f8;
	background-image:url(Images/bg-outer.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}

.printingArea
{
	border-top-width:0px;
	border-left-width:7px;
	border-bottom-width:2px;
	border-right-width:0px;
	border-style:solid;
	border-color:#205970;
	padding:0;
	border-spacing:0;
	max-width:960px;
	width:92%;
	border-radius:8px;
	box-shadow:0 2px 12px rgba(0,0,0,0.08);
	overflow:hidden;
}

.transparent
{	background-color: transparent;
}

.nontransparent
{	background-color: rgb(234,234,234);
	background-color: rgba(234,234,234,.75);
	background-color: transparent9;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4CFFFFFF,endColorstr=#4CFFFFFF);
	zoom:1;
}

td.menuText
{
	padding-left:1cm;
	padding-right:1cm;
	font-size:12pt;
	line-height:18px;
	font-style:normal;
	font-weight:bold;
}

a.menuText
{
	text-decoration:none;
}

.groupname
{	color:#1a3d52;
	font-size:20pt;
	line-height:28pt;
	font-weight:700;
	text-align:left;
        padding-left:14px;
	background-color:white;
	letter-spacing:-0.02em;
}

.toc
{
	vertical-align:top;
	background-color:#ffffff;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
}

.toc-inside
{
	width:100%;
	border-width:0;
	border-style:none;
	border-spacing:0;
	padding:0;
}

.toc-empty
{	border-style:none;
        border-width:0;
	border-style:none;
	border-spacing:0;
	padding:0;
}
.toc-elem
{	border-style:none; /* set to solid to reactivate */
        border-width:0;
	border-spacing:0;
        padding-left:14px;
        padding-right:14px;
        padding-bottom:0;
        padding-top:0;
        text-align:center;
}

a.toc-link:link		{ color:#ffffff; text-decoration:none; }
a.toc-link:link		{ color:#ffffff; text-decoration:none; } 
a.toc-link:visited	{ color:#ffffff; text-decoration:none; } 
a.toc-link:hover	{ color:#ffffff; text-decoration:none; } 
a.toc-link:active	{ color:#ffffff; text-decoration:none; }
a.toc-link { transition: background-color 0.2s ease; }

/* Responsive adjustments for mobile */
@media screen and (max-width: 768px) {
  .printingArea {
    width: 98%;
    max-width: 100%;
    border-left-width: 0;
  }

  .groupname {
    font-size: 14pt;
    line-height: 20pt;
  }

  /* Shrink the university logo on mobile */
  .toc img {
    max-height: 40px;
    width: auto;
  }

  /* Make the nav table wrap into a flex row */
  .toc-empty {
    display: block;
  }

  .toc-empty tr {
    display: flex;
    flex-wrap: wrap;
  }

  .toc-elem {
    flex: 1 1 auto;
    min-width: 70px;
    padding: 4px 2px !important;
  }

  .toc-elem td {
    display: none; /* hide the spacer cell */
  }

  .toc-inside {
    display: none; /* hide the left spacer */
  }

  a.toc-link {
    font-size: 10pt;
    padding: 3px 6px;
    display: block;
  }

  h1 {
    font-size: 15pt;
  }

  h2 {
    font-size: 13pt;
  }

  p, li {
    font-size: 11pt;
  }

  /* Make all images responsive so they never overflow */
  img {
    max-width: 100%;
    height: auto;
  }
}

h1
{
	color:#1a3d52;
	font-size:18pt;
	line-height:24pt;
	font-weight:700;
	text-align:left;
	letter-spacing:-0.01em;
}

h2
{
	color:#1a3d52;
	font-size:16pt;
	line-height:22pt;
	font-style:italic;
	font-weight:600;
	text-align:left;
}

p,li
{
	text-align:left;
	font-size:12pt;
	line-height:19pt;
}

fieldset
{
	border-width:1px;
	border-style:solid;
	border-color:#2969a0;
        padding:7px;
	text-align:left;
	font-size:12pt;
	line-height:17pt;
}
legend
{
	color:#2969a0;
	text-align:left;
	font-size:12pt;
}

.highlight
{ 	border-style:solid;
        border-color:#a02020;
        border-left-width:14px;
        border-right-width:14px;
        border-bottom-width:1px;
        border-top-width:1px;
        text-align:center;
	color: #a02020;
}

a:link		{ color:#1565a0; } 
a:visited	{ color:#1565a0; } 
a:hover		{ color:#d4380d; } 
a:active	{ color:#1565a0; }
a { transition: color 0.2s ease; }