/* CSS Document linked to all tables across site*/

/* I have added the picturegallery table to the list below but in fact I haven't linked the stylesheet to the Photogallery page after all because it looked better without, but I have left the instructions in below in case I change my mind! */
#schoolcalendar, #schoolcalendarNext, #feetable, #feepaymentplan, #stafflist, #board, #boardgov, #housepoints, #newsletter, #captains, #picturegallery, #vacanciesGallery, #latestGallery, #uniform, #gallery2, #captains, #winners, #learnerprofile, #photogallery, #studentprofile,  #dramastrands, #classphotos, #plays{
	border-bottom:thin solid #003300 ;
	border-left:thin solid #003300 ;
	border-right:thin solid #003300;
	border-top:thick outset #003300;
}
#schoolcalendar th, #schoolcalendarNext th, #feetable th, #feepaymentplan th, #stafflist th, #board th, #boardgov th, #housepoints th, #newsletter th, #captains th, #picturegallery th, #latestGallery th, #uniform, #gallery2 th, #winners th, #learnerprofile th, #photogallery th, #studentprofile th,  #dramastrands th, #classphotos th, #plays th{
	background-color:#DDDDDD;
}
#schoolcalendar caption, #schoolcalendarNext caption, #feetable caption, #feepaymentplan caption, #stafflist caption, #board caption, #boardgov caption, #housepoints caption, #newsletter caption, #captains caption, #picturegallery caption, #vacanciesGallery caption, #boardgov caption, #uniform caption, #gallery2 caption, #latestGallery caption, #winners caption, #learnerprofile caption, #photogallery caption, #studentprofile caption, #dramastrands caption, #plays caption {
	font-weight:bold;
}
table.stafflist td {
	font-size:90%;
	border:thin solid #003300;
	padding:0.2em;
}
table.schoolcalendar td {
	font-size:90%;
	border:thin solid #003300;
	padding:0.2em;
	}
table.stafflist, table.schoolcalendar {
	border-collapse:collapse;
}
#contentlist {
	font-size:70%;
	border: medium outset #DDDDDD;
	margin-left:20px;
	}
#boardgov td, #boardgov th{
	border:thin solid #003300;
	padding:0.2em;
	}
 #classphotos td, #plays td{
	border:thin solid #DDDDDD;
	padding:0.2em;
	}
#boardgov{
	border-collapse:collapse;
	}
.board {
	border-collapse:collapse;
}	
.board {
	font-size:90%;
	border:thin solid #DDDDDD;
	padding:0.2em;
}
#picturegallery, #vacanciesGallery, #latestGallery, #uniform, #gallery2 #latestnews{
	font-size:smaller;
	}
#newsletter td, #vacanciesGallery td, #boardgov td, #latestGallery td, #gallery2, #photogallery td, {
	text-align:center;
	}
#newsletter th,{
	text-align:center;
	}
	
#learnerprofile, #studentprofile, #dramastrands{
	margin-left:auto;
	margin-right: auto;
	border-collapse:collapse;
}
.grid{
	text-align:left;
	vertical-align:middle;
	}
.grid th,td{
	font-size:90%;
	padding:3px;
	}
	#classphotos tr {
	text-align:center;
	}
#pupilwork th{
font-weight:bold;
}		
#pupilwork {
margin-left:10px;
}
/* below are rules for the month at a glance calendar on upcoming.html */
#monthlycal {
	border: thin solid #003300;
	}
.clmonth {
	border-collapse:collapse;
	width:500px;
}
.clmonth caption {
	text-align:left;
	font:bold Georgia, "Times New Roman", Times, serif;
	padding-bottom: 6px;
}
.clmonth th {
	border:1px solid #003300;
	
	padding:2px 8px 2px 8px;
	background-color:#CCCCCC;
	color:#3F3F3F;
	font:80% Georgia, "Times New Roman", Times, serif;
	
}
.clmonth td {
	border: 1px solid #EAEAEA;
	font: 80% Georgia, "Times New Roman", Times, serif;
	padding:2px 4px 2px 4px;
	vertical-align:top;
	text-align:left;
}
.clmonth td.previous, .clmonth td.next, .clmonth td.weekend{
	background-color:#F6F6F6;
	color:#666666;
}

.clmonth td.active {
	background-color:#FFFFCC;
	color:#003300;
	border: 2px solid #003300;
}
.clmonth ul {
	list-style-type:none;
	margin: 0;
	padding-left: 12px;
	padding-right: 6px;
}
.clmonth li {
	margin-bottom:8px;
	}
.housecaptains,{
border-collapse:collapse;
}
.housecaptains th, .housecaptains td, .points th, .points td{
	border:1px solid #003300;
	padding:2px 4px 2px 4px;
	text-align: center;
	}
span.impala {
	background-color:#6699FF;
}
span.lynx {
	background-color:#FFFF99;
}
span.tiger {
	background-color:#FF0033;
}
.listNB {
    font-size:80%;
	font-weight:bold;
	margin-top:0;
	width:300px;
	line-height:1.4em;
)