@CHARSET "UTF-8";

/************************************
 * Header Styles - Overrides
 ************************************/
#headercontent {
	width: 750px;
	left: auto;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	background-color: #d2cebd;
}

#headercontent h1 {
	top: 1em;
	left: 1em;
	margin-left: 0;
	font-size: x-large;
	white-space: normal;
}

/************************************
 * Footer Container Styles - Overrides
 ************************************/
#footercontent {
	width: 750px;
	left: auto;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	background-color: #d2cebd;
}

/************************************
 * Main Container Styles - Overrides
 ************************************/
#maincontent {
	width: 750px;
	height: 100%;
	position: relative;
	top: 0;
	margin-left: auto;
	margin-right: auto;
	border-left: none;
	border-right: none;
}

#contentwrap {
	padding: 0;
}

/************************************
 * Page Container Styles
 ************************************/
#pagecontentwrap {
	padding-top: 1%;
	white-space: normal;
	height: 95%;
	width: 74%;
	margin-left: 3%;
	float: left;
}

#pagecontent {
	height: 100%;
	width: 100%;
	overflow-y: auto;
	scrollbar-arrow-color: #000000;
	scrollbar-base-color: silver;
	scrollbar-face-color: grey;
	scrollbar-highlight-color: light-gray;
	scrollbar-shadow-color: dark-gray;
	scrollbar-3dlight-color: light-gray;
	scrollbar-track-color: silver;
	scrollbar-darkshadow-color: dark-gray;
}

#pagecontent p {
	font-size: medium;
}

/************************************
 * Homepage Styles
 ************************************/
#heading {
	text-align: center;
}

#intro {
	text-align: justified;
}

/************************************
 * Activities Styles
 ************************************/
ul#activities,ul#activitiesprework,ul#activitiespreregister {
	padding: 0;
	margin-left: 5em;
	margin-top: 1em;
	margin-bottom: 1em;
	list-style: none;
	white-space: nowrap;
}

ul#activities li,ul#activitiesprework li, ul#activitiespreregister li {
	width: 60%;
	font-style: normal;
}

ul#activities li:hover,ul#activitiesprework li:hover {
	font-style: italic;
}

ul#activities li.odd {
	background-color: #fde8d7;
}

ul#activities li.odd:hover {
	background-color: #fde899;
}

ul#activities li.even {
	background-color: #d8f3c9;
}

ul#activities li.even:hover {
	background-color: #d8f399;
}

ul#activitiesprework li.odd {
	background-color: #e8d0a9;
}

ul#activitiesprework li.odd:hover {
	background-color: #e8d077;
}

ul#activitiesprework li.even {
	background-color: #c1dad6;
}

ul#activitiesprework li.even:hover {
	background-color: #c1daaa;
}

ul#activitiespreregister li.odd {
  background-color: #e8d0a9;
}

ul#activitiespreregister li.odd:hover {
  background-color: #e8d077;
}

ul#activitiespreregister li.even {
  background-color: #c1dad6;
}

ul#activitiespreregister li.even:hover {
  background-color: #c1daaa;
}

sup.copyright {
	font-size: x-small;
}

/************************************
* Key Fact Styles
************************************/
div#keyfacts {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

div#keyfacts h3 {
	font-size: x-large;
}

div#keyfacts dl {
	margin-left: 1em;
}

div#keyfacts dl dt {
	font-size: large;
	font-weight: bold;
	margin-top: 1em;
}

div#keyfacts dl dd {
	font-size: medium;
	text-align: justify;
	margin-left: 1em;
}

/************************************
* Prework Styles
************************************/
dl#prework dt {
	font-size: large;
	font-weight: bold;
	margin-top: 1em;
}

dl#prework dd {
	font-size: medium;
	text-align: justify;
	margin-left: 1em;
}

dl#qcodes {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

dl#qcodes dt {
	margin-top: 0;
}

dl#qcodes dd {
	margin-bottom: 1em;
}

/************************************
 * Site Details Styles
 ************************************/
div#venuegooglemap {
	width: 400px;
	height: 400px;
	margin-left: -0.5em;
	margin-bottom: 1em;
	clear: both;
}

/************************************
 * Webcam Styles
 ************************************/
div#webcams div {
	text-align: center;
}

div#webcams h3 {
	text-align: center;
	font-size: large;
}

div#webcams h4 {
	text-align: center;
	font-size: medium;
}

div#webcams span {
	font-size: small;
}

div#webcams img {
	width: 20em;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

div#webcams form.left {
	margin-left: 1em;
	float: left;
	clear: left;
}

div#webcams form.right {
	margin-right: 1em;
	float: right;
	clear: right;
}

div#webcams form {
	margin-bottom: 3em;
	width: 80%;
	border-width: thin;
	border-style: dashed;
	border-color: black;
}

/************************************
* Program Styles
************************************/
table#program {
	width: 90%;
	font-family: serif;
	border: black groove thin;
}

table#program th {
	border-left: black dotted thin;
	border-right: black dotted thin;
}

table#program thead tr {
	border-left: 0;
	border-right: 0;
	background-color: white;
}

table#program thead th {
	padding: 0.5em;
}

table#program tbody th {
	border-top: black dotted thin;
	border-bottom: black dotted thin;
	background-color: #d889b8;
	text-align: center;
	padding: 2px;
}

table#program tbody td {
	padding: 2px;
}

table#program tbody td.time {
	text-align: center;
	border-right: black dotted thin;
}

table#program tbody tr.odd {
	background-color: #fde8d7;
}

table#program tbody tr.odd:hover {
	background-color: #fde877;
}

table#program tbody tr.even {
	background-color: #d8f3c9;
}

table#program tbody tr.even:hover {
	background-color: #d8f3aa;
}

table#program tfoot tr {
	text-align: left;
}

table#program tfoot th {
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 3em;
	border-left: 0;
	border-right: 0;
	border-top: black double thin;
}

table#program tfoot {
	background-color: white;
}

/************************************
 * Attendance Styles
 ************************************/
table#attendance {
	text-align: center;
	font-family: serif;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	border: silver thin dotted;
}

table#attendance thead tr th {
	border-bottom: thin silver dashed;
	white-space: nowrap;
}

table#attendance td,table#attendance th {
	padding-left: 0.1em;
	padding-right: 0.1em;
}

table#attendance th {
	background-color: white;
}

table#attendance tr.odd {
	background-color: #e8d0a9;
}

table#attendance tr.odd:hover {
	background-color: #e8d088;
}

table#attendance tr.even {
	background-color: #c1dad6;
}

table#attendance tr.even:hover {
	background-color: #c1daaa;
}

/************************************
* Feedback & Statistics Styles
************************************/
form.statistic {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
}

form.statistic table {
	width: 100%;
	font-family: serif;
	border: silver thin dotted;
}

form.statistic table tr.odd {
	background-color: #fde8d7;
}

form.statistic table tr.odd:hover {
	background-color: #fde899;
}

form.statistic table tr.even {
	background-color: #d8f3c9;
}

form.statistic table tr.even:hover {
	background-color: #d8f399;
}

form.statistic table tr.section {
	text-align: center;
}

form.statistic table tr.section th {
	border-bottom: black thin double;
}

form.statistic table td.description {
	font-weight: bold;
}

form.statistic table td.value {
	font-style: italic;
	text-align: left;
	width: 20%;
}

/************************************
* About Styles
************************************/
div#aboutwebsite h4 {
	margin-top: 1em;
}

div#aboutwebsite div.graphholder {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

/************************************
 * Contacts - Overrides
 ************************************/
#contactemail fieldset {
	width: 90%;
	font-size: medium;
}

#contactlist table {
	width: 80%;
}

/************************************
 * Pre-Registration
 ************************************/
#preregistration fieldset {
    width: 90%;
    margin-left: auto;
    margin-right: 18%;
}

#preregistration fieldset div {
    margin-left: 5%;
    display: block;
    clear: both;
}

#preregistration fieldset div div {
    margin-left: 0;
}

#preregistration fieldset legend {
    font-weight: bold;
    font-size: large;
    margin-bottom: 0.5em;
    margin-left: 5%;
}

#preregistration fieldset p {
    margin-left: 1em;
}

#preregistration fieldset label {
    font-weight: bold;
}

#preregistration input[type = 'text'], #preregistration textarea {
    border: silver solid thin;
    width: 90%;
}

#preregistration textarea {
    overflow: auto;
}

#preregistration div.validationerror input, #preregistration div.validationerror textarea {
    color: red;
    border: red solid thin;
}

#preregistration input[type = 'submit'] {
    margin-right: 1em;
}

#preregistration input[type = 'reset'] {
    margin-right: 1em;
}

#preregistration #controls {
    margin-left: 5%;
    margin-bottom: 1em;
}

#preregistration #controls div { /*noscript Cancel button link*/
    display: inline;
}

/************************************
 * Main Container Styles - Overrides
 ************************************/
#menucontent {
	height: 100%;
	width: 19%;
	margin-left: 1%;
	float: left;
	z-list: 100;
}

/************************************
 * Menu Styles
 ************************************/
	/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
#menu {
	float: none;
	padding: 0;
	margin: auto;
	margin-top: 5%;
	list-style: none;
	width: 100%;
	border-top: 1px solid #fff;
	z-index: 1000;
}

#menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	left: -9999px;
	z-index: 1000; /* Prevent certain problems with form controls */
}

#menu table {
	border-collapse: collapse;
	margin: -1px -10px;
	z-index: 1000; /* Prevent certain problems with form controls */
}

#menu li {
	float: left;
	width: 100%;
	height: 24px;
	border-bottom: 1px solid #fff;
}

#menu li a {
	display: block;
	width: 80%;
	height: 24px;
	color: #fff;
	font-family: arial, sans-serif;
	font-size: 11px;
	line-height: 23px;
	text-decoration: none;
	padding-left: 30px;
	border-left: 1px solid #fff;
}

#menu li a img.icon {
	height: 15px;
	width: auto;
	color: red; /* alt text*/
	margin-right: 1em;
	vertical-align: middle;
	text-align: center;
}

#menu li#home {
	background: #888 url(images/menu/home.gif) no-repeat 5px center;
}

#menu li.single {
	background: #888 url(images/menu/document.gif) no-repeat 5px center;
}

#menu li.fly {
	background: #888 url(images/menu/folder.gif) no-repeat 5px center;
}

#menu li.fly a strong {
	display: block;
	width: 75%;
	height: 24px;
	background: url(images/menu/arrow.gif) no-repeat right center;
	cursor: pointer;
}

#menu li#about {
	background: #888 url(images/menu/support.gif) no-repeat 5px center;
}

#menu li#contact {
	background: #888 url(images/menu/contact.gif) no-repeat 5px center;
}

#menu li#loginname {
	background: #888 url(images/menu/user.ico) no-repeat 5px center;
}

#menu li:hover {
	position: relative;
}

#menu li a:hover {
	white-space: nowrap;
	color: #a7defc;
	position: relative;
}

#menu li:hover>a {
	color: #a7defc;
}

#menu li.fly a:hover {
	background: #888 url(images/menu/open.gif) no-repeat 5px center;
}

#menu li.fly:hover>a {
	background: #888 url(images/menu/open.gif) no-repeat 5px center;
}

#menu :hover ul {
	left: 90%;
	top: -1px;
	width: 100%;
	height: auto;
	border-top: 1px solid #fff;
	z-index: 1000; /* Prevent certain problems with form controls */
}

#menu :hover ul li {
	width: 100%;
}

#menu :hover ul ul {
	left: -9999px;
}

#menu :hover ul :hover ul {
	left: 95%;
	top: -1px;
	z-index: 1000; /* Prevent certain problems with form controls */
}

#menu :hover ul li a {
	background: #888 url(images/menu/document.gif) no-repeat 5px center;
	width: 100%;
}

#menu :hover ul li a strong {
	width: 80%;
	background: none;
}

#menu :hover ul li.fly a {
	background: #888 url(images/menu/folder.gif) no-repeat 5px center;
}

#menu :hover ul li.fly a strong {
	background: url(images/menu/arrow.gif) no-repeat right center;
}

#menu :hover ul li.fly a:hover {
	background: #888 url(images/menu/open.gif) no-repeat 5px center;
}

#menu :hover ul :hover>a {
	background: #888 url(images/menu/open.gif) no-repeat 5px center;
}

#menu :hover ul :hover ul ul {
	left: -9999px;
}

#menu :hover ul :hover ul li a {
	background: #888 url(images/menu/document.gif) no-repeat 5px center;
	width: 100%;
}

#menu :hover ul :hover ul li a strong {
	width: 80%;
	background: none;
}

#menu :hover ul :hover ul li.fly a {
	background: #888 url(images/menu/folder.gif) no-repeat 5px center;
}

#menu :hover ul :hover ul li.fly a strong {
	background: url(images/menu/arrow.gif) no-repeat right center;
}

#menu :hover ul :hover ul li.fly a:hover {
	background: #888 url(images/menu/open.gif) no-repeat 5px center;
}

#menu :hover ul :hover ul li.fly:hover>a {
	background: #888 url(images/menu/open.gif) no-repeat 5px center;
}

#menu :hover ul :hover ul :hover ul {
	left: 95%;
	top: -1px;
}

#menu :hover ul :hover ul :hover ul li a {
	background: #888 url(images/menu/document.gif) no-repeat 5px center;
	width: 100%;
}

#menu :hover ul :hover ul :hover ul li a strong {
	width: 100%;
	background: none;
}