#PageBody #MainContent table th {
	font-weight:400;
}
#PageBody #MainContent .year-selectors,
#PageBody #MainContent .month-selectors ul{
	display:flex;
	flex-flow: row wrap;
	width:60%;
	padding-left:0;
	justify-content:space-between;
	align-items:center;
	list-style-type:none;
	margin:0 auto 10px auto;
}
#PageBody #MainContent .month-selectors ul{
	width:60%;
	margin-bottom:10px;
}
#PageBody #MainContent .year-selector,
#PageBody #MainContent .month-selector {
	position: relative;
	background-color: #dcdddc;
	color: #2f302f;
	padding: 5px 10px;
	font-size: 14px;
	font-weight: 700;
	border: 1px solid #dcdddc;
	border-radius: 5px;
}
#PageBody #MainContent .selector-text{
	font-size:24px;
	color:#001871;
	font-weight:700;	
}
#PageBody #MainContent .year-selector.active,
#PageBody #MainContent .month-selector.active {
	background-color: #0077c8;
	color: #fff;
}
#PageBody #MainContent .month-selector.disabled,
#PageBody #MainContent .month-selector.disabled:hover {
	background-color: #dcdddc;
	color: #2f302f;
	cursor: default;
	position: relative;
}
#PageBody #MainContent .month-selector.disabled:after{
	visibility: hidden;
	position:absolute;
	content:"There are no events scheduled for this time period.";
	height:75px;
	width:180px;
	top:105%;
	left:0;
	background-color:#fff;
	color:#000;
	border-radius:5px;
	border:1px solid #000;
	line-height:1.2em;
	padding:10px;
	z-index:1000;
}
#PageBody #MainContent .month-selectors li:last-child .month-selector.disabled:after{
	right:0;
	left:unset;
}
#PageBody #MainContent .month-selector.disabled:focus:after,
#PageBody #MainContent .month-selector.disabled:hover:after,
#PageBody #MainContent .month-selector.disabled.alerted:after
{
	visibility:visible;
}


#PageBody #MainContent .month-selectors .note,
#PageBody #MainContent .selection-table > .note{
	text-align:center;
}
#PageBody #MainContent .month-selectors .filter-comment{
	display:block;
	font-style:italic;
	text-align:center;
}
#PageBody #MainContent .selection-table > .note span{
	font-size:20px;
	margin-top:20px;
	display:inline-block;
	font-style:italic;
	font-weight:700;
}
#PageBody #MainContent .year-selector:hover,#PageBody #MainContent .year-group-selector:focus,
#PageBody #MainContent .month-selector:hover,#PageBody #MainContent .month-group-selector:focus{
	background-color: #001871;
	color: #fff;
	padding:5px 10px;
}
#PageBody #MainContent .year-selection .selection-table {
	display:none;
}
#PageBody #MainContent .year-selection .selection-table.active {
	display:block;
}
#PageBody #MainContent .year-selection .selection-table table,
#PageBody #MainContent .month-selection .selection-table table{
	color:#001871;
	width:90%;
	margin:20px auto;
	border-collapse: collapse;
}
#PageBody #MainContent .year-selection .selection-table table caption,
#PageBody #MainContent .month-selection .selection-table table caption {
	color:#001871;
	font-size:20px;
	font-weight:700;
	text-align:center;
	margin-bottom:20px;
}
#PageBody #MainContent .month-selection .selection-table thead th{
	text-align:center;	 
}
#PageBody #MainContent .year-selection .selection-table tbody th,
#PageBody #MainContent .year-selection .selection-table tbody td,
#PageBody #MainContent .month-selection .selection-table tbody th,
#PageBody #MainContent .month-selection .selection-table tbody td{
	padding:5px;
	border: 1px solid #001871;
}
#PageBody #MainContent .month-selection .selection-table tbody th span,
#PageBody #MainContent .month-selection .selection-table tbody td span{
	display:inline-block;
}
#PageBody #MainContent .year-selection .selection-table table .center{
	text-align:center;
}
#PageBody #MainContent .year-selection .selection-table table {
	
}
#PageBody #MainContent .year-selection .selection-table tbody .subject{
	position:relative;
	padding-left:85px;
	height:95px;
}
#PageBody #MainContent .year-selection .selection-table tbody .subject a{
	height:100%;
	width:100%;
	text-decoration:none;
}
#PageBody #MainContent .year-selection .selection-table tbody .subject a:hover{
	background-color:unset;
}
#PageBody #MainContent .year-selection .selection-table tbody .subject a:link,
#PageBody #MainContent .year-selection .selection-table tbody .subject a:visited{
	color:#0077c8;
	font-size:18px;
	font-weight:400;
}
#PageBody #MainContent .year-selection .selection-table tbody .subject a:before{
	position:absolute;
	left:0;
	top:50%;
	height: 55px;
	width: 55px;
	display:block;
	background-size: 35px;
	background-repeat:no-repeat;
	background-position:center;
    border: 2px solid #C69214;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
#PageBody #MainContent .year-selection .selection-table tbody .subject.reading a:before{
	content:"";
	background-image: url("../img/icon_reading.png");
}
#PageBody #MainContent .year-selection .selection-table tbody .subject.mathematics a:before{
	content:"";
	background-image: url("../img/icon_math.png");
}
#PageBody #MainContent .year-selection .selection-table tbody .subject.civics a:before{
	content:"";
	background-image: url("../img/icon_civics.png");
}
#PageBody #MainContent .year-selection .selection-table tbody .subject.ushistory a:before{
	content:"";
	background-image: url("../img/icon_ushistory.png") 
}
#PageBody #MainContent .year-selection .selection-table tbody .subject.ltt a:before{
	content:"";
	background-image: url("../img/img-ltt-border.png") 
}
#PageBody #MainContent .year-selection .selection-table tbody .subject.tel a:before{
	content:"";
	background-image: url("../img/icon_technology.png");
}
#PageBody #MainContent .year-selection .selection-table tbody .subject.science a:before{
	content:"";
	background-image: url("../img/icon_science.png");
}
#PageBody #MainContent .year-selection .selection-table tbody .subject.writing a:before{
	content:"";
	background-image: url("../img/icon_writing.png");
}
#PageBody #MainContent .year-selection .selection-table tbody .subject a span{
	position:relative;
	/*padding-right:50px;*/
}
#PageBody #MainContent .year-selection .selection-table tbody .subject a span:after{
	position:absolute;
}
#PageBody #MainContent .year-selection .selection-table tbody .subject a span:after {
    content: "";
    right: 20px;
    top: 54%;
    position: absolute;
    display: block;
    margin-left: 40px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
#PageBody #MainContent .year-selection .selection-table tbody .subject a.external span:after {
	content: url(../img/icon-link-external-blue-0077C8.svg) / "exteral link icon";
}
#PageBody #MainContent .year-selection .selection-table tbody .subject a.pdf span:after {
	content: url(../img/icon-document-blue-0077C8.svg) / "PDF file link icon";
    top: 52%;
	right:10px;
}
#PageBody #MainContent .year-selection .selection-table a[href ^= '#year'] sup {
	font-weight: normal;
	text-decoration: underline;
}
#PageBody #MainContent .year-selection .selection-table a[href ^= '#year']:hover sup {
	background-color: #f2ede2;
}

/* Table Borders*/
#PageBody #MainContent .year-selection .selection-table tbody tr:first-child th,
#PageBody #MainContent .year-selection .selection-table tbody tr:first-child td,
#PageBody #MainContent .month-selection .selection-table tbody tr:first-child th,
#PageBody #MainContent .month-selection .selection-table tbody tr:first-child td{
  border-top: 0;
}
#PageBody #MainContent .year-selection .selection-table tbody tr th:first-child,
#PageBody #MainContent .month-selection .selection-table tbody tr th:first-child,
#PageBody #MainContent .year-selection .selection-table tbody tr td:first-child,
#PageBody #MainContent .month-selection .selection-table tbody tr td:first-child{
  border-left: 0;
}
#PageBody #MainContent .year-selection .selection-table tbody tr:last-child th,
#PageBody #MainContent .year-selection .selection-table tbody tr:last-child td,
#PageBody #MainContent .month-selection .selection-table tbody tr:last-child th,
#PageBody #MainContent .month-selection .selection-table tbody tr:last-child td{
  border-bottom: 0;
}
#PageBody #MainContent .year-selection .selection-table tbody tr td:last-child,
#PageBody #MainContent .month-selection .selection-table tbody tr td:last-child{
  border-right: 0;
}
/*  Events  Table  */
#PageBody #MainContent .month-selection .selection-table colgroup .organization{
	width:25%;
}
#PageBody #MainContent .month-selection .selection-table colgroup .details{
	width:35%;
}
#PageBody #MainContent .month-selection .selection-table colgroup .date{
	width:25%;
}
#PageBody #MainContent .month-selection .selection-table colgroup .location{
	width:15%;
}
#PageBody #MainContent .month-selection .selection-table tbody .event-month.hidden{
	display:none;
}
#PageBody #MainContent .month-selection .selection-table tbody tr{
	height:100%;
}
/* Change from top */
#PageBody #MainContent .month-selection .selection-table tbody tr td{
	padding:20px;
	vertical-align: middle;
}
#PageBody #MainContent .month-selection .selection-table tbody tr td.link{
	height:0;
}
#PageBody #MainContent .year-selection .selection-table tbody tr .host-wrapper,
#PageBody #MainContent .year-selection .selection-table tbody tr .link-wrapper,
#PageBody #MainContent .month-selection .selection-table tbody tr .host-wrapper,
#PageBody #MainContent .month-selection .selection-table tbody tr .link-wrapper{
	display:flex;
	flex-flow:column nowrap;
	justify-content:center;
	align-items:center;
	height:100%;
}	
#PageBody #MainContent   .atcb_button{
	min-width:180px;
}
#PageBody #MainContent .atcb_icon svg{
	vertical-align:unset;
}
#PageBody #MainContent .month-selection .selection-table tbody tr .host-wrapper > span,
#PageBody #MainContent .month-selection .selection-table tbody tr .link-wrapper > span{
	display:block;
}
#PageBody #MainContent .month-selection .selection-table tbody tr .host-wrapper > span:last-child{
	align-self:flex-end;
	color:red;
	padding-top:10px;
	font-size:16px;
	font-style:italic;
	font-weight:600;	
}
#PageBody #MainContent .month-selection .selection-table tbody tr th.link a,
#PageBody #MainContent .month-selection .selection-table tbody tr td.link a{
	width:100%;	
	color:#0077c8;
	font-style:italic;
	text-decoration:none;
	padding-top:10px;
}
#PageBody #MainContent .momth-selection .selection-table tbody tr td.link a:link,
#PageBody #MainContent .month-selection .selection-table tbody tr td.link a:visited{
	color:#0077c8;
	font-size:12px;
	font-style:italic;
}

/* Add-to-Calendar Button */
#PageBody #MainContent .month-selection .selection-table tbody .atcb_initialized{
	display:block;
}
#PageBody #MainContent .month-selection .selection-table tbody .atcb_button{
	-webkit-box-shadow: none; 
	box-shadow: none;
	border:none;
	color:#0077c8;
	background-color:unset;
	padding: 0 15px 0 15px;
	margin:0;
	font-size:16px;
	font-style:italic;	
	font-weight:400;
}
#PageBody #MainContent .month-selection .selection-table tbody .atcb_button.active{
	padding: 0 15px 0 15px;
	margin:0;
}
#PageBody #MainContent .month-selection .event-month .atcb_list {
	box-sizing: border-box;
	color: rgb(51, 51, 51);
	display: block;
	margin: 0px auto 0 auto;
	max-width: 100%;
	position: absolute;
	padding: 0 3px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 100%;
	z-index: 80;
}
#PageBody #MainContent .month-selection .event-month .event-link {
	display: flex;
	flex-flow: column nowrap;
	align-items: flex-start;
	text-decoration: none;
	height: 100%;
}
#PageBody #MainContent .month-selection  .event-month .event-link:hover {
	text-decoration:underline;
	background-color:unset;
}
#PageBody #MainContent .month-selection .event-link span{
	display:block;
}		
#PageBody #MainContent .month-selection .event-link span:first-child{
	color:#0077c8;
	font-size:16px;
	text-decoration:none;			
}		
#PageBody #MainContent .month-selection .event-link .right{
	align-self:flex-end;
	color:#0077c8;
	font-size:16px;
	font-style:italic;
	font-weight:600;
	text-decoration:none;
	margin-top:10px;
}

/* Read More indicators */
#PageBody #MainContent .month-selection .selection-table tbody  a span.readmore{
	position:relative;
	padding-right:50px;
	min-height:15px;
	margin-bottom:10px;
}
#PageBody #MainContent .month-selection .selection-table tbody  a span.readmore:after{
	position:absolute;
}
#PageBody #MainContent .month-selection .selection-table tbody  a span.readmore:after {
    content: "";
    right: 20px;
    top: 50%;
    position: absolute;
    display: block;
    margin-left: 40px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
#PageBody #MainContent .month-selection .selection-table tbody a.external span.readmore:after {
	content: url(../img/icon-link-external-blue-0077C8.svg) / "exteral link icon";
}
#PageBody #MainContent .month-selection .selection-table tbody a.pdf span.readmore:after {
	content: url(../img/icon-document-blue-0077C8.svg) / "PDF file link icon";
	top: 52%;
	right: 10px;
}

/* MEDIUM =========================================== */
@media screen and (min-width: 992px) and (max-width: 1199px) {
	#PageBody #MainContent .month-selectors ul{
		width:70%;
		padding-left:0;
	}
}

/* SMALL ============================================ */
@media screen and (min-width: 768px) and (max-width: 991px) {
	#PageBody #MainContent .year-selectors,
	#PageBody #MainContent .month-selectors ul{
		width:80%;
		padding-left:0;
	}	
}
/* XTRA-SMALL ========================================= */
@media screen and (max-width: 767px) {
	#PageBody #MainContent .year-selectors{
		width:90%;		
	}
	#PageBody #MainContent .month-selectors ul{
		width:80%;
		padding-left:0;
	}
	#PageBody #MainContent .month-selector,
	#PageBody #MainContent .month-selector.active,
	#PageBody #MainContent .month-selector.disabled{
		font-size:12px;
		line-height:15px;
	}	
	#PageBody #MainContent .year-selection .selection-table tbody .subject{
		padding-left:65px;
		min-height:65px;
	}
	#PageBody #MainContent .year-selection .selection-table tbody .subject a:before{
		position:absolute;
		left:0;
		top:50%;
		background-size:35px;
		height:55px;
		width:55px;
		display:block;
	}	
	#PageBody #MainContent .year-selection .selection-table tbody .subject a span{
		padding-right:25px;
	}
}

/* Very small screens */
@media screen and (max-width: 575px) {
	#PageBody #MainContent .year-selectors,
	#PageBody #MainContent .month-selectors ul{
		width:100%;
		padding-left:0;
		flex-flow:row nowrap;
	}
	#PageBody #MainContent .year-selectors {
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		padding: 0 20px;
	}
	#PageBody #MainContent .year-selector {
		margin: 5px;
	}
	#PageBody #MainContent .year-selector,
	#PageBody #MainContent .year-selector.active,
	#PageBody #MainContent .month-selector,
	#PageBody #MainContent .month-selector.active,
	#PageBody #MainContent .month-selector.disabled {
		font-size: 12px;
		line-height: 15px;
		padding: 5px;
	}	
	#PageBody #MainContent .month-selectors ul li:first-child{
		display:none;
	}	
	#PageBody #MainContent .month-selection .selection-table tr th:nth-child(2),
	#PageBody #MainContent .month-selection .selection-table tr td:nth-child(2){
		display:none;
	}	
	#PageBody #MainContent .month-selection .selection-table colgroup .organization{
		width:25%;
	}
	#PageBody #MainContent .month-selection .selection-table colgroup .details{
		width:0%;
	}
	#PageBody #MainContent .month-selection .selection-table colgroup .date{
		width:25%;
	}
	#PageBody #MainContent .month-selection .selection-table colgroup .location{
		width:15%;
	}	
}