td { color: #333333; font-size: 9pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
th { color: #555555; font-size: 9pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #f5f5f5 }
p { color: #333333; font-size: 9pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
li { color: #333333; font-size: 8pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align: left; list-style-type: disc; padding: 2px;  }
a  { font-size: 9pt; font-family: sans-serif; text-decoration: none; color: #0000dd; }
a:hover  { font-size: 9pt; font-family: sans-serif; text-decoration: underline; color: #0000dd; }
a:link  { font-size: 9pt; font-family: sans-serif; text-decoration: none; color: #0000dd; }
h1 { font-size: 12pt; color: #446644; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; }
h2 { font-size: 11pt; color: #558855; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; }
h3 { font-size: 9pt; color: #558855; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; }
.colour_home { color: #bb0000 }
.colour_events { color: #BC2C6F }
.colour_sports { color: #00AC89 }
.colour_students { color: #00B140 }
.colour_teachers { color: #F6652E }
.colour_aboutus { color: #3D4487 }
ul {
  list-style-position: outside;
}
li {
  margin-left : -2em;
}

.box {
	padding: 10px 10px 10px 10px;
	margin: 0 auto;
	text-align: left;
	font-family: sans-serif;
	font-size: 10pt;
	box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);
	-moz-box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);
	-webkit-box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.red_border_message {
	background: #ffffff;
	width: 90%;
	border: 2px solid #dd0000;
	color: black;
}

.blue_border_message {
	background: #ffffff;
	width: 90%;
	border: 2px solid #0000aa;
	color: black;
}

.green_border_message {
	background: #ffffff;
	border: 2px solid #85a585;
	width: 90%;
	color: black;
}

.red_message {
	background: #bb0000;
	border: 2px solid #ffffff;
	width: 90%;
	color: white;
}

.yellow_message {
	background: #ffcc00;
	width: 90%;
	border: 2px solid #ffffff;
	color: black;
}

.green_message {
	background: #007700;
	width: 90%;
	border: 2px solid #ffffff;
	color: white;
}