/* Colour scheme */

body {
background-color: #777700;
}

.inpagenav a:link, .inpagenav a:visited {
color: #0000FF;
}

.inpagenav a:hover {
background-color: #0000FF;
color: #eeeeee;
}

div.latestnews {
color: white;
border: 2px solid #000066;
}

#navcontainer ul {
border-top: 1px solid #eee;
}

#navcontainer a {
background-color: #373700;
border-bottom: 1px solid #eee;
}

#navcontainer a:link, #navcontainer a:visited {
color: #eee;
}

#navcontainer a:hover {
background-color: transparent;
}

/* Generic links in the main content */

a:visited {
color: purple;
}

a:link:hover, a:visited:hover {
background-color: #0000FF;
color: #eeeeee;
}

/* Contents of Course table layout */

.course td {
vertical-align: top;
padding: 5px;
}

.course td.header {
font-weight: bold;
border-bottom: 1px solid black;
}

table.course {
border-collapse: collapse;
border-spacing: 0px;
}

table.books {
border-collapse: collapse;
border-spacing: 0px;
margin-bottom: 1em;
}

.books td {
vertical-align: top;
padding: 5px;
border-bottom: 1px solid black;
}

.books td.header {
font-weight: bold;
border-bottom: 1px solid black;
}

/* Main page layout IDs */

#banner {
}

#navcontainer {
left: 0px;
top: 40px;
width: 200px; 
position: absolute;
font-weight: normal;
color: #EEE;
margin: 0px;
}

#centreDoc {
margin-top: 0px;
padding-left: 3em;
padding-right: 3em;
padding-top: 0px;
padding-bottom: 600px;
background-color: #F9F955;
border: 1px solid #C6EC8C;
margin-left: 200px;
margin-right: 0px;
}

#rightcontent {
position: absolute;
right: 0px;
top: 0px;
width: 200px;
}

/* Generic Selectors */

body {
font: normal normal 1.2em Georgia, "Times New Roman", Times, serif;
line-height: 120%;
margin-right: 200px;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
padding: 0px;
}

ul {
margin-top: 0;
}

li {
margin-top: 0;
}

h1 {
clear: left;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.8em;
font-weight: bold;
line-height: 1.5em;
color: #222222;
}

h2 {
clear: left;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.5em;
font-weight: bold;
line-height: 1.4em;
color: #222222;
}
 
 
h3 {
clear: left;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.3em;
font-weight: bold;
line-height: 1.2em;
color: #222222;
}

p.question {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
color: #222222;
margin-top: 1em;
}

/* Not supported properly by IE6, so omitted
p.question:before {
content: "Q";
}
*/

p.answer {
}

p.caption {
text-align: center;
margin-top: 0;
font-style: italic;
font-size: 0.85em;
}

p#iconcaption {
text-align: center;
margin-top: 0;
font-weight: bold;
font-size: 2em;
}

p#businessname {
text-align: center;
font-size: 1.5em;
font-weight: bold;
margin-bottom: 0;
}

p#title {
margin-top: 0;
text-align: center;
}

p#footernav {
text-align: center;
font-size: 0.85em;
margin-top: 2em;
clear: both;
}

p.inpagenav {
text-align: right;
font-size: 0.95em;
margin-top: 2em;
clear: both;
}

.inpagenav a:link, .inpagenav a:visited {
text-decoration: underline;
font-size: 0.85em;
}

ul.faqcontents {
list-style: decimal outside;
}

a.explain:link, a.explain:visited {
color: blue;
text-decoration: none;
border-bottom: 1px dashed blue;
}

a.explain:hover {
color: #eee;
background-color: blue;
z-index: 5;
}

a.explain span {

/* Only way to hide the hidden text from IE6 is
to put it in a zero size box with hidden overflow.
Changes of z-index don't work with IE6. */

overflow: hidden;
position: absolute;
z-index: 25;
width: 0;
height: 0;
}

a.explain:hover span {
display: block;
padding: 3px;
width: 15em;
height: auto;
background-color: #ffffaa;
color: #222;
font-size: 0.9em;
border: 1px solid black;
}

#navbarphoto {
margin-top: 0px;
margin-left: 0px;
}

.image {
margin-right: 1em;
float: left;
}

div.latestnews {
font-size: 0.8em;
text-align: left;
padding: 3px;
margin: 20px;
}

#navcontainer ul {
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
margin-bottom: 0;
}

#navcontainer li {
text-align: center;
}

#navcontainer a {
display: block;
padding-top: 3px;
padding-bottom: 3px;
width: 100%;
margin: 0;
}

#navcontainer a:link, #navcontainer a:visited {
text-decoration: none;
}

/* Generic links in the main content */

a:link {
text-decoration: underline;
}

a:visited {
text-decoration: underline;
}

img.photoleft {
float: left;
position: relative;
margin-right: 2em;
margin-bottom: 10px;
clear: both;
}

img.photoright {
float: right;
position: relative;
margin-left: 10px;
margin-right: -6em;
margin-bottom: 10px;
clear: both;
}

/* Lesson formatting */

.lessonhead {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.5em;
font-weight: bold;
line-height: 1.5em;
color: #222222;
}

.lessonsubject {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.5em;
font-weight: bold;
line-height: 1.5em;
color: #222222;
}

.lessonauthor {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1em;
font-weight: bold;
line-height: 1em;
color: #222222;
}