body {
	background: #ebe9a2f0;
	margin: 0;
	padding: 0;
	color: #000;
	/* background-image: url(Images/cork.jpg); */
	font-family: "Comic Sans MS";
	font-size: 110%;
	line-height: 1.4;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px; 
	text-align: center;
	font-size: 50%;
}
a img { 
	border: none;
}

a:link, a:visited {
	color: rgb(100, 158, 209);
	text-decoration: underline; 
}

a:hover {
	color: #FF9;
}
a:visited {
	color: rgb(80, 142, 205);
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}


.container {
	width: 960px;
	margin: 0 auto; 
}
.extracommentline {
	text-indent: 10;
	margin-left: 90px;
}

.header {
	background-image:url(Images/cork.jpg);
}

#backbutton {
	position: fixed;
	top: 20px;
	left: 20px;
	width: 10%;
	max-width: 100px;
	height: auto;
	border-radius: 50%;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5), -5px -5px 10px rgba(255, 255, 255, 0.5);
}

@media (max-width: 767px) {
	#backbutton {
	  top: 20px;
	  left: 20px;
	  width: 50px;
	  height: 50px;
	}
  }

  .resourcestable {
	padding: 7px;
  }

.content {

	padding: 10px 0;
}

/* ~~ The footer ~~ */
/*.footer {*/
/*	padding: 10px 0;*/
/*	background-image: url(Images/cork.jpg);*/
/*}*/
announcment text {
	font-family: "Comic Sans MS";
	font-size: 16px;
	font-weight: bold;
}
announcements {
	font-family: "Comic Sans MS";
	font-size: 14px;
	font-weight: bold;
}

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.announcementsheading {	font-family: "Courier New", Courier, monospace;
	font-size: x-large;
	line-height: normal;
	font-weight: bold;
	text-decoration: underline;
}
.announcementstext {
	font-family: "Comic Sans MS";
	text-align: left;
	line-height: 100px;
}
.tablecommentsannouncements {
	font-family: "Comic Sans MS";
	font-size: 16px;
	line-height: 25px;
	list-style-type: square;
	text-indent: 0px;
	text-align: left;
}
.notebooktable {
	background-color: #FFF;
	color: #000;
	border-top-color: #333;
	border-right-color: #333;
	border-bottom-color: #333;
	border-left-color: #333;
	text-align: center;
	border-left-style: double;
	border-right-style: double;
	border-top-style: double;
	border-bottom-style: double;
	border-top-width: thick;
	border-left-width: thick;
	border-right-width: thick;
	border-bottom-width: thick;
}
.notebookpagenumbercolumn {
	background-color: #CFF;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
}
.notebookblankspace {
	border-right-style: none;
	border-bottom-style: none;
}
.notebookblankspace2 {
	border-right-style: none;
}
.notebooktableheader {
	background-color: #CF9;
	font-weight: bold;
}
.notebooksecondline {
	text-indent: 20px;
}
.notebookassignments {
	font-family: "Times New Roman", Times, serif;
	text-align: left;
	font-size: 18px;
	border-left-style: none;
}
.notebookyellowbox {
	background-color: #FF9;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
}
.SemesterDividers {
	background-color: #FC6;
}
.MaternityLeaveDivider {
	background-color: #6F6;
}
.greybar {
	background-color: #CCC;
}
test {
	color: #FC0;
	background-color: #FC3;
}
subcategory {
	font-size: 14px;
}

.grid-4 tr td {
	width: 10px; /* Adjust the value as needed */
  }

  table tr.custom-row {
	height: 50px; /* Set the row height */
	font-weight: bold; /* Make the text bold */
	background-color: #f2f2f2; /* Set the background color */
	color: #333; /* Set the text color */
	font-size: 14px; /* Set the font size */
	text-align: center; /* Align the text within the cells */
  }