@import url("reset.css");
/* Cascading Order: In-Line Style, Internal Style Sheet (inside the <HEAD> tag), External Style Sheet, Browser Defaults  */

/* Set the link, followed link and hover colours */

:link {
	color: r#0000D0; 
} 

:visited {
	color: #0000D0;
}


/* Set the heading styles */
h1 {
padding-top: 10px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
letter-spacing: 0px;
margin-left: 0;
text-align: center;
font-family: arial;
font-size: 200%;
font-weight: normal;
overflow: hidden;
}

h2 {
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 10px;
letter-spacing: 0px;
margin-left: 0;
text-align: center;
font-family: arial;
font-size: 160%;
color: #000000;
font-weight: normal;
overflow: hidden;
}

h2.GreenTheme {
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 10px;
letter-spacing: 0px;
margin-left: 0;
text-align: center;
font-family: arial;
font-size: 160%;
color: #008000;
font-weight: normal;
overflow: hidden;
}

h3 {
padding-top: 10px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
letter-spacing: 0px;
margin-left: 10px;
text-align: left;
font-family: arial;
font-size: 150%;
color: #000080;
font-weight: normal;
text-decoration: underline;
overflow: hidden;
}

h4 {
padding-top: 10px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
letter-spacing: 0px;
margin-left: 10px;
text-align: left;
font-family: arial;
font-size: 140%;
font-weight: normal;
letter-spacing:1px;
text-decoration: underline;
color: rgb(0,0,80);
overflow: hidden;
}

h5 {
padding-top: 10px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
letter-spacing: 0px;
margin-left: 10px;
text-align: center;
font-family: arial;
font-size: 130%;
font-weight: normal;
letter-spacing:1px;
text-decoration: underline;
color: rgb(0,0,80);
overflow: hidden;
}

p {
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 0px;
letter-spacing: 0px;
margin-left: 10px;
margin-right: 10px;
font-family: verdana;
font-size: 10pt;
font-weight: normal;
font-style: normal;
text-align: justify;
text-indent: 0;
color: rgb(0,0,0);
}

p .VideoTitle{
padding-top: 0px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
letter-spacing: 0px;
margin-left: 10px;
margin-right: 10px;
font-family: verdana;
font-size: 10pt;
font-weight: normal;
font-style: normal;
text-align: justify;
text-indent: 0;
color: rgb(0,0,0);
}

p.List {
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
letter-spacing: 0px;
margin-left: 10px;
margin-right: 10px;
font-family: verdana;
font-size: 10pt;
font-weight: normal;
font-style: normal;
text-align: justify;
text-indent: 0px;
color: rgb(0,0,0);
}

p.SList {
padding-top: 5px;
padding-left: 30px;
padding-right: 0px;
padding-bottom: 5px;
letter-spacing: 0px;
list-style-type: disc;
list-style-position:inside;
margin-left: 10px;
margin-right: 10px;
font-family: verdana;
font-size: 10pt;
font-weight: normal;
font-style: normal;
text-align: justify;
text-indent: 0px;
color: rgb(0,0,0);
}

p.UList {
padding-top: 0px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 0px;
letter-spacing: 0px;
margin-left: 25px;
margin-right: 10px;
font-family: verdana;
font-size: 10pt;
font-weight: normal;
font-style: normal;
text-align: justify;
text-indent: 0px;
color: rgb(0,0,0);
}

p .FormText{
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 0px;
letter-spacing: 0px;
margin-left: 10px;
margin-right: 10px;
font-family: verdana;
font-size: 10pt;
font-weight: normal;
font-style: normal;
text-align: justify;
text-indent: 0;
color: rgb(0,0,0);
}

/* Navy blue section header  */
p.Header { 
font-family: "Arial";
font-size: 14.0pt;
background-color: navy;
background-position: center center;
text-align: center;
color: white;
border: solid silver 3.0px;
margin-left: 6.0px;
margin-right: 6.0px;
padding: 2.0px;
}

/* Mission Statement Navy blue header  */
p.MSHeader { 
font-family: "Arial";
font-size: 14.0pt;
background-color: #0020C0;
background-position: center center;
text-align: center;
color: gold;
border: solid silver 3.0px;
margin-left: 160px;
margin-right: 160px;
padding: 2.0px;
}

/* Additional formatting for the Alumni Night table  */
p.AN-Table {
margin-left: 10px;
margin-right: 10px;
text-align: center;
color: black;
}

p.Winners {
font-family: "Arial";
font-size: 12.0pt;
}

p.Copyright {
margin-left: 10px;
margin-right: 10px;
text-align: center;
padding-bottom: 2px;
color: black;
}

/* Horizontal Rule format */

hr.Line {
  height: 1px;
  margin-bottom: 7px;
  width: 98%;
}


body {
/* Set the colour and style of the scrollbar and its buttons */
scrollbar-base-color: #008080;
scrollbar-arrow-color: #FFFF00;
scrollbar-darkshadow-color: #808080;
scrollbar-face-color: #4040CF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #FFFF00;
scrollbar-3dlight-color: #8080FF;

font-family: "Arial";
background-image: url(Images/PCSS-BG1.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-color: white;

font-weight: normal;
font-size: 2em;
letter-spacing: 1px;
margin: 0;

cursor: default;
font:100%/1.25 Arial, Helvetica, sans-serif;
}

/* Create a different background for the Alumni Committee page         */
body.CommitteePage {
/* Set the colour and style of the scrollbar and its buttons */
background-image: url(Images/PCSS-BG2.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-color: white;
}

/* Create a different background for the Scholarship Winners' pages         */
body.WinnersPage {
/* Set the colour and style of the scrollbar and its buttons */
scrollbar-base-color: #008080;
scrollbar-arrow-color: #FFFF00;
scrollbar-darkshadow-color: #808080;
scrollbar-face-color: #4040CF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #FFFF00;
scrollbar-3dlight-color: #8080FF;

font-family: "Arial";
background-image: url(Images/PCSS-BG3.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-color: white;

font-weight: normal;
font-size: 2em;
letter-spacing: 1px;
margin: 0;

cursor: default;
font:100%/1.25 Arial, Helvetica, sans-serif;
}


/* Create a different background for the Scholarship Winners' pages         */
body.FirePage {
/* Set the colour and style of the scrollbar and its buttons */
scrollbar-base-color: #008080;
scrollbar-arrow-color: #FFFF00;
scrollbar-darkshadow-color: #808080;
scrollbar-face-color: #4040CF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #FFFF00;
scrollbar-3dlight-color: #8080FF;

font-family: "Arial";
background-image: url(Images/PCSS-BGFD.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-color: white;

font-weight: normal;
font-size: 2em;
letter-spacing: 1px;
margin: 0;

cursor: default;
font:100%/1.25 Arial, Helvetica, sans-serif;
}


/* Create a different background for the Registration page         */
body.DBPage {
/* Set the colour and style of the scrollbar and its buttons */
scrollbar-base-color: #008080;
scrollbar-arrow-color: #FFFF00;
scrollbar-darkshadow-color: #808080;
scrollbar-face-color: #4040CF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #FFFF00;
scrollbar-3dlight-color: #8080FF;

font-family: "Arial";
background-image: url(Images/PCSS-BG1.jpg);
background-color: white;

font-weight: normal;
font-size: 2em;
letter-spacing: 1px;
margin: 0;

cursor: default;
font:100%/1.25 Arial, Helvetica, sans-serif;
}


/*  Image attribute experiments */
.ThinBorder { 
border-color: #000000; 
border: 1px solid; 
}

.NoBorder { 
border-color: #000000; 
border: 0px solid; 
}

/*  Images for the 1956 Fire page */
.Fire { 
border-color: #000000; 
border: 1px solid;
margin-left: 10px; 
margin-right: 10px;
}

/*  Wrapping text around an image  */
img.floatLeft { 
    float: left; 
    margin-left: 25px; 
	margin-right: 15px;
	margin-top: 20px; 
	margin-bottom: 10px;
	border-style: solid;
	border-color: black;
    border-width: 1px;
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}


/*  Unordered List styles  */

ul#YBSales {
	margin: 0px;
	padding: 0px;
	list-style-type: disc;
	list-style-position:inside;
}


/* In order to centre a table using CSS, you have to first set the left and right margins. Beats me why...  */
.Centred { 
margin-left: auto; 
margin-right: auto; 
text-align: center; 
}

/* To apply this type of formatting, use <SPAN  CLASS="Italic">  */
.Italic {
font-style: italic;
}

/* To apply this type of formatting, use <bold>  */
Bold {
font-weight: bold;
}

Italic {
font-style: italic;
}

/* To apply this type of formatting, use <white>  */
White {
color: white;
}

/* Alumni News textarea formatting */
Textarea#AlumniNews {
	border: 3px solid #aaccbb;
	width: 780px;
	height: 200px;
	padding: 5px;
	font-family: Courier;
	color: white;
	background-image: url(Images/BG-Blue340.jpg);
	background-position: top right;
	background-repeat: repeat;
}

/* Formatting for the Scholarship Winners table */
.Winners {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}
	
.Winners tr {
	height: auto;
	width: auto;
	vertical-align: top;
	}
	
.Winners td {
	padding: 3px;
	width: 175px;
	vertical-align: top;
	}

/* Formatting for the Terry Garbutt Scholarship table */
.TG {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}
	
.TG tr {
	height: auto;
	width: auto;
	vertical-align: top;
	}
	
.TG td {
	padding: 3px;
	width: 160px;
	vertical-align: top;
	}
	
	
/* Formatting for the School Song table */
.Song {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}
	
.Song tr {
	height: auto;
	width: auto;
	vertical-align: top;
	}
	
.Song td {
	padding: 7px;
	width: 420px;
	vertical-align: top;
	}
	
	/* Formatting for the Audeio Interviews table */
.Audio {
	width: 640px;
	margin-left: 40px;
	// margin-right: auto;
	text-align: left;
	background-color: #D0D0D0;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	}
	
.Audio tr {
	height: auto;
	width: auto;
	vertical-align: top;
	}
	
.Audio td {
	padding: 10px;
	width: auto;
	vertical-align: middle;
	}

/* Formatting for the Video Interviews table */
.Video {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}
	
.Video tr {
	height: auto;
	width: auto;
	vertical-align: top;
	}
	
.Video td {
	padding: 10px;
	width: 425px;
	vertical-align: top;
	}
	
	
/* Formatting for the UI-Matic Video Cassette table */
.VC {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color: #000000;

	}
	
.VC tr {
	height: auto;
	width: auto;
	vertical-align: top;
	border-style: solid;
	border-width: 1;
	border-color: #000000;
	}
	
.VC td {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	width: 300px;
	vertical-align: bottom;
	}
	
	
	/* Formatting for the Alumni Committee photo table */
.Committee {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}
	
.Committee tr {
	height: auto;
	width: auto;
	vertical-align: top;
	}
	
.Committee td {
	padding: 3px;
	width: 150px;
	vertical-align: top;
	}

	
/* Formatting for the Yearbook Sales covers table */
.YBCovers {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}
	
.YBCovers tr {
	height: auto;
	width: auto;
	vertical-align: top;
	}
	
.YBCovers td {
	padding: 3px;
	width: 150px;
	vertical-align: top;
	}
	
	
	/* Formatting for the Alumni Night photo table */
.ANPhotos {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}
	
.ANPhotos tr {
	height: 210px;
	width: auto;
	vertical-align: top;
	}
	
.ANPhotos td {
	padding: 7px;
	width: auto;
	vertical-align: top;
	}

/* Formatting for the Play photos table */
.PlayPhotos {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}
	
.PlayPhotos tr {
	height: auto;
	width: auto;
	vertical-align: top;
	}
	
.PlayPhotos td {
	padding: 5px 20px 5px 20px;
	width: auto;
	vertical-align: top;
	}
	
	
	/* Formatting for the Yearbook Sample Pages table */
.YBSamplePage {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}
	
.YBSamplePage tr {
	height: auto;
	width: auto;
	vertical-align: top;
	}
	
.YBSamplePage td {
	padding: 30px;
	vertical-align: top;
	}
	
	
/* Formatting for the CD Yearbooks table */
.CDYB {
	width: 740px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}
	
.CDYB tr {
	height: auto;
	width: auto;
	vertical-align: top;
	}
	
.CDYB td {
	padding: 10px;
	vertical-align: top;
	}

/* Formatting for the Archives table */
.ArchiveTable {
	width: 740px;
	margin-left: 30px;
	margin-right: auto;
	}
	
.ArchiveTable tr {
	vertical-align: top;
	}
	
.ArchiveTable td {
	padding: 5px;
	vertical-align: top;
	}

	/* Formatting for the Photo Viewer table */
.ViewerTable {
	/* These three lines centre the table */
	margin-left: auto; 
	margin-right: auto; 
	text-align: center;
	width: 520px;
	}
	
.ViewerTable tr {
	padding: 5px;
	vertical-align: bottom;
	margin-bottom: 10px;
	}
	
.ViewerTable td {
	padding: 5px;
	width: 36px;
	border-style: solid;
	border-width: 1px;
	border-color: #A0A0A0;
	margin-top: 0px;
	vertical-align: top;
	}
	
	
/* Formatting for the History table */
.HistoryTable {
	width: 850px;
	margin-left: 20px;
	margin-right: auto;
	}
	
.HistoryTable tr {
	vertical-align: top;
	}
	
.HistoryTable td {
	padding: 10px;
	vertical-align: middle;
	}
	
	
/* Formatting for the Alumni Committee table */
.CommitteeTable {
	width: 740px;
	margin-left: 30px;
	margin-right: auto;
	}
	
.CommitteeTable tr {
	vertical-align: top;
	}
	
.CommitteeTable td {
	padding: 5px;
	vertical-align: top;
	}

	/* Formatting for the Contact Your Classmates table */
.ContactTable {
	width: 770px;
	margin-left: 80px;
	margin-right: auto;
	}
	
.ContactTable tr {
	vertical-align: top;
	}
	
.ContactTable td {
	padding: 5px;
	vertical-align: top;
	}

	
/* Formatting for the Scholarship winners' table */
.WinnersTable {
	width: 920px;
	margin-left: 30px;
	margin-right: auto;
	}
	
.WinnersTable tr {
	vertical-align: top;
	text-align: center;
	}
	
.WinnersTable td {
	padding: 5px;
	vertical-align: middle;
	}

/* Form formatting  */	
fieldset {
border: 4px double #808080;
background: #F0F0FF;
width: 36em;
}

label {
width: 115px;
float: left;
text-align: right;
margin-right: 10px;
display: block;
}

input {
color: #781351;
background: #FFFFD0;
border: 1px solid #505050;
}

legend {
color: #fff;
background: #3080FF;
border: 1px solid #781351;
padding: 4px 4px 4px 4px;
font-family: verdana;
font-size: 10pt;
font-weight: bold;
font-style: normal;
}

.SubmitArea{
margin-left: auto;
margin-right: auto;
text-align: center;
color: black;
}

.SubmitArea input {
margin-left: 10px; 
margin-right: 10px;
color: #000000;
background: #ffa20f;
border: 3px outset #d7b9c9;
}