@charset utf-8;
/* CSS Document */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    /*margin: 0;*/
    background-color: #9D75CB;
}

.divFlex {
	display: flex;
	flex-direction: column;
}

.menuLightCode {
    background-color: #0C4767;
    height: 80px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 5%;
}

.menuLightCode ul {
    list-style: none;
    display: flex;
}

.menuLightCode ul li {
    padding: 10px 30px;
    font-size: 1.4rem;
    position: relative;
}

.menuLightCode ul li a {
    color: #D5ECD4;
    text-decoration: none;
    font-size: 1.3rem;
}

.menuLightCode ul li a:hover {
    color: #31AFD4;
}

.menuLightCodeDrop {
    display: none;
}

.menuLightCode ul li:hover .menuLightCodeDrop {
    display: block;
    position: absolute;
    left: 1.5rem;
    top: 100%;
    background-color: #E0BAD7;
}

.menuLightCode ul li:hover .menuLightCodeDrop ul {
    display: block;
}

.menuLightCode ul li:hover .menuLightCodeDrop ul li {
    width: 7rem;
    left: 0.5rem;
    padding: 10px;
}

.menuLightCodeDrop-1 {
    display: none;
}

.menuLightCodeDrop ul li:hover .menuLightCodeDrop-1 {
    display: block;
    position: absolute;
    top: 0;
    left: 6rem;
    background-color: #92828D;
    /* color: #0C4767; */
}

.pageTitle {
	font-size: 3rem;
	color: #172121;
	vertical-align: center;
	margin: 80px auto 100px 55px;
}

.pageSubtitle {
	font-size: 2.2rem;
	color: #172121;
	/*text-align: center;*/
	vertical-align: center;
	margin-top: 50px;
	margin-bottom: 70px;
	margin-left: 62px;
}

.weekHead {
	font-size: 2.5rem;
	color: #172121;
	text-align: center;
	vertical-align: center;
}

.dateBlue {
	font-size: 1.5rem;
	color: #2F2963;
	vertical-align: center;
}

.dateRed {
	font-size: 1.5rem;
	color: #DF3B57;
}

.assignBlue {
	font-size: 2rem;
	color: #2D3047;
	vertical-align: center;
}

.assignRed {
	font-size: 2rem;
	color: #750D37;
}

.dateBox {
	background-color: #FCC8B2;
	padding: 10px;
	width: 70%;
	min-width: 200px;
	min-height: 40px;
	margin: 70px auto 0 60px;
	/*text-align: center;*/
	vertical-align: center;
}

.topicBox {
	background-color: #B5D6D6;
	padding: 10px;
	margin: 0 auto 0 60px;
	width: 70%;
	min-width: 200px;
	min-height: 70px;
	/*margin: 0 auto;*/
	/*text-align: center;	*/
	font-size: 2em;
	color: #603140;
	vertical-align: center;
}

.assignBox {
	background-color: #757761;
	padding: 10px;
	margin: 0 auto 0 60px;
	width: 70%;
	min-width: 200px;
	min-height: 70px;

	/*text-align: center;	*/
	font-size: 2em;
	color: #96F550;
	vertical-align: center;
}

.algIINotes {
	margin-left: 50px;
	font-size: 1.8rem;
	color: #DFF2D8;
}

.algIIDates {
	margin: 30px auto 50px 70px;
	font-size: 1.6rem;
	color: #FFA630;
}

.calGap {
	height: 70px;
}

.algIIBiggies {
	font-size: 2rem;
	color: #9649CB;
}

.algIIBiggies2 {
	font-size: 2rem;
	/*color: #EF6F6C;*/
	color: #F6CA83;
}

.modT1 {
	width: 70%;
	margin: 30px auto 30px 70px;
	background-color: #757761;
	font-size: 1.6rem;
	color: #DCDBA8;
	padding: 15px;
}

.modT2 {
	width: 70%;
	margin: 30px auto 30px 70px;
	background-color: #D4F2D2;
	font-size: 1.6rem;
	color: #009FFD;
	padding: 15px;
}

.modLink {
	margin-top: 15px;
	margin-left: 30px;
}

.modT1 .modLink a {
	text-decoration: none;
	color: #e5ece9;
}

.modT1 .modLink a:hover {
	color: #009FFD;
}

.modT2 .modLink a {
	text-decoration: none;
	color: #BCAB79;
}

.modT2 .modLink a:hover {
	color: #9888A5;
}

.modT3 .modLink a {
	text-decoration: none;
	color: #e5ece9;
}

.modT3 .modLink a:hover {
	color: #009FFD;
}