body { max-width: 1024px; margin: 0 auto; }
#pagecontent { border: 1px solid #990000; position: relative; background-color: #ffffff; margin: 10px; padding: 0 0 12px 0; }
#ptitle { position: relative; top: 8px; font: normal bold 1.5rem Verdana,Tahoma,Arial,sans-serif; margin-left: 15px; color: #ffffff; white-space: nowrap; }

#flexwrapper { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; }

.mborder { margin: 12px 20px 12px 20px; border: 1px solid maroon; }
div.mborder p { padding: 0 20px; margin: 8px 0; }
div.mborder ul { margin-top: 8px; list-style-type: square; }
div.mborder ul li { margin-bottom: 4px; } 
.progmenu, .trackmenu { width: 100%; height: 30px; text-align: left; padding-left: 8px; font-size: 0.9rem; font-family: "Open Sans",sans-serif; border-bottom: 1px solid maroon; }
.progmenu { background-color: lightyellow; color: navy; }
.progmenu span { display: inline-block; margin-right: 12px; }
.progmenu button { background-color: navy; border: none; border-right: 1px solid #fff; height: 30px; padding: 3px 8px; color: white; font-size: 0.9rem; font-family: "Open Sans",sans-serif; }
.progmenu button:last-child { border-right: none; }
.progmenu button.progsel { background-color: lightskyblue; color: navy; font-weight: bold; }
.progmenu button:hover { color: maroon; background-color: #fff; cursor: pointer; border-left: 1px solid maroon; border-right: 1px solid maroon; }

.progcontent { margin-top: 18px; }
.progtitle { background-color: maroon; color: white; font-weight: bold; font-size: 1.1rem; text-align: center; padding: 3px; }

.trackmenu { background-color: white; width: auto; color: black; border: none; }
.trackmenu span { display: inline-block; margin: 0px 12px; }
.trackmenu button { cursor: pointer; background-color: #eee; border: none; border-right: 1px solid #ccc; border-left: 1px solid #ccc; height: 30px; padding: 3px 8px; color: #666; font-size: 0.9rem; font-family: "Open Sans",sans-serif; }
.trackmenu button:hover { background-color: white; color: black; }
.trackmenu button.tracksel { background-color: slategray; color: white; border: 1px solid slategray; }

.tracktitle { background-color: slategray; color: white; font-size: 1.1rem; text-align: center; height: 30px; padding-top: 4px; margin-bottom: 12px; }
.trackhead { margin: 0 18px 18px 18px; }
.trackfoot { width: 75%; margin: 0 auto; }
.trackfoot p { font-size: 0.85rem; }

table { border-collapse: collapse; font-family: "Open Sans", sans-serif; font-size: 0.9rem; margin-left: auto; margin-right: auto; width: 75%; }
td { background-color: #fff; border: 1px solid black; padding: 9px 6px; line-height: 1.3; vertical-align: top; padding: 12px; }
table.curriculum { margin-bottom: 16px; }
table.curriculum tbody td:first-child  { text-align: right; vertical-align: middle; background-color: slategray; font-weight: bold; color: white; padding: 9px 6px; border-bottom: 1px solid white; }
table.curriculum tbody tr:last-child td:first-child { border-bottom: 1px solid black; }
table.curriculum tbody td p { margin: 0 0 3px 0; }
.tablefoot { width: 75%; margin: 0 auto; text-align: center; font-size: 0.8rem; }
.curicon { height: 14px; margin-left: 4px; }

a { text-decoration: none; color: blue; }
a:hover { color: maroon; background-color: #ccc; }