/* This section covers the properties of the body of the document*/
body { 
font-family: sans-serif;
background-color: #191919;
color: #E78E01;
font-size: 100%;
}

/*This is for the guestbook*/
.gb {
font-size: 70%;
}

/*This is just a setting for the h2 header*/
.h2 {
font-face: courier new, arial;
}

/*This is a small colour change for the 'dc' class*/
.dc {
color: #55B7E9;
}

/* The following four affect the colours of links, visited links, links when the cursor is over it, and active links */

a:link {
color: #99CCFF;
}

a:visited {
color: #01A9E7;

}
a:hover {
color: #A7D602;
}

a:active {
color: #FCFF00;
}

/* This covers the settings of the pictures in the image gallery when viewed at full size */
.pic {
margin-left: 5%;
margin-top: 5%;
margin-bottom:5%;
}

/* This is a setting for the class 'cz' which is used in the header */
.cz {
color: #2585C2;
}

/* This covers the settings of the 'Back' font in the image galleries */
p.back {
margin-left: 5%;
margin-top: 5%;
margin-bottom:5%;
}

/* This covers the settings of the short blurb that contains the details on the updates of the page */
p.maintain {
font-size: 80%;
font-family : arial, sans-serif;
color: #E78E01;
}


/* This covers the settings of the divs used in the gallery page */
div.gallery {
background-color: transparent;
border: none;
margin-left: 10%;
margin-top: 10%;
margin-bottom: 10%;
}

/*This is a mini setting for the dates(to bold them)*/
.dates {
font: bold;
color: bbf4e6;
font-size: 80%;
}

/* This covers the settings of the table of statistics (in this case, exam results) */
table.stats {
font-family: sans-serif;
background-color: white;
color: black;
font-size: 100%;
margin-left: 10%;
text-align: center;
width: 40%;
border: thin solid gray;
border-collapse: collapse;
}

/* This covers the settings of all 'id' labelled 'center', which centers all text */
#center {
text-align: center;
}

/* This covers the settings of the captions in tables */
caption {
font-size: 120%;
color: #d2691e;
background-color: transparent;
}

/* This covers the settings of table columns within a row */
td {
border-style: groove;
padding: 10px;
}

/* This covers the settings of the headers of a column in a table */
th {
color: white;
background-color: #696969;
padding: 10px;
}

/* This covers the settings of the div that contains all the other sections of the page, namely the header(top), the navigation bar and the main section */
.all {
overflow: auto;
height: 90%;
background-color: #999999;
position: absolute;
left: 10%;
right: 10%;
}

/* This covers the settings of the header */
.top {
overflow: auto;
height: 20%;
width: 100%;
background-image: url("images/header_gray1.jpg");
background-repeat: no-repeat;
background-position: top top;
background-color: #121212;
font-family: "courier new", arial, sans-serif;
border-width: medium;
border-style: inset;
}

/* This covers the settings of navigation bar*/
.navbar {
overflow: auto;
background-image: url("images/sidebar_gray1.jpg");
background-color: #212121;
font-family: "courier new", arial, sans-serif;
font-size: 90%;
color: white;
float: left;
width: 20%;
height: 80%;
border-width: medium;
border-style: inset;
}

/* This covers the settings of the main area of the page*/
.main {
overflow: auto;
background-image: url("images/sephgray_bg1.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top right;
background-color: #272d2b;
font-family : lucida console, arial, sans-serif;
font-size : 90%;
color: #E78E01;
float: right;
width: 80%;
height: 80%;
border-width: medium;
border-style: inset;
}