/******************/
/* General Styles */
/******************/
body {
	background-color: #9c9c9c;
	text-align: center;
	font-size: 0.9em;
	font-family: Arial, sans-serif;
	margin: 0;
	padding: 0;
}

.left {
 float: left;
 margin-right: 15px;
 margin-bottom: 10px;
}

.right {
 float: right;
 margin-left: 15px;
 margin-bottom: 10px;
}

.clear {
 clear: both;
 height: -1px;
 line-height: 0;
 font-size: 0;
}

form {
 margin: 0;
}

address {
 font-style: normal;
 margin: 14px 0;
}

.accessibility {
 display: none;
}

/********************/
/* Container Styles */
/********************/
div#container {
 text-align: left;
 margin: 0 auto;
 width: 980px;
 background-image: url(images/tesselate.gif);
 background-repeat: repeat-y;
 background-position: top left;
}

div#containerinner {
 background-image: url(images/background.gif);
 background-repeat: no-repeat;
 background-position: top left;
 position: relative;
 padding-bottom: 10px;
}

div#containerinner h1#logo {
 position: absolute;
 top: 5px;
 right: 70px;
 text-indent: -9999px;
 width: 164px;
 height: 138px;
 margin: 0;
 padding: 0;
 background-image: url(images/logo.gif);
 background-repeat: no-repeat;
 background-position: top left;
}

div#containerinner div#photos {
 position: absolute;
 top: 0;
 left: 70px;
 width: 531px;
 height: 199px;
 background-image: url(images/photos/photos1.png);
 background-repeat: no-repeat;
 background-position: top left;
}

* html div#containerinner div#photos { /* Workaround IE6 PNG deficiencies */
 background-image: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/photos/photos1.png', sizingMethod='crop');
}

/*******/
/* Nav */
/*******/
div#nav {
 position: absolute;
 top: 185px;
 right: 62px;
}

div#nav ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

div#nav ul li {
 margin: 0;
 padding: 0;
 border-bottom: 1px solid #bbd85d;
}

div#nav ul li.first {
 border-top: 1px solid #bbd85d;
}

div#nav ul li a {
 color: #ffffff;
 text-align: right;
 text-decoration: none;
 display: block;
 background-color: transparent;
 padding: 8px 15px 8px 5px;
 font-size: 0.9em;
 width: 135px;
}

div#nav ul li a:hover {
 color: #000000;
 background-color: #bbd85d;
}

div#nav p#telephone {
 margin: 40px 0 0;
 padding: 0;
 color: #bbd85d;
 font-size: 1em;
}

div#nav p#telephone span.highlight {
 font-weight: bold;
 font-size: 1.15em;
}

body#pageHome div#nav ul li#navHome a
,body#pageAbout div#nav ul li#navAbout a
,body#pageWho div#nav ul li#navWho a
,body#pageCourses div#nav ul li#navCourses a
,body#pageLogin div#nav ul li#navStudent a
,body#pageCategory div#nav ul li#navStudent a
,body#pageNews div#nav ul li#navNews a
,body#pageTestimonials div#nav ul li#navTestimonials a
,body#pageApplication div#nav ul li#navApplication a
,body#pageContact div#nav ul li#navContact a {
 color: #bbd85d;
 background-color: transparent;
 font-weight: bold;
}

body#pageHome div#nav ul li#navHome a:hover
,body#pageAbout div#nav ul li#navAbout a:hover
,body#pageWho div#nav ul li#navWho a:hover
,body#pageCourses div#nav ul li#navCourses a:hover
,body#pageLogin div#nav ul li#navStudent a:hover
,body#pageCategory div#nav ul li#navStudent a:hover
,body#pageNews div#nav ul li#navNews a:hover
,body#pageTestimonials div#nav ul li#navTestimonials a:hover
,body#pageApplication div#nav ul li#navApplication a:hover
,body#pageContact div#nav ul li#navContact a:hover {
 color: #bbd85d;
 background-color: transparent;
 font-weight: bold;
 cursor: default;
}

/***********/
/* Content */
/***********/
div#contentcontainer {
 width: 620px;
 margin-left: 60px;
 padding-top: 240px;
 color: #000000;
 font-size: 0.9em;
}

div#content {
 line-height: 1.5em;
}

div#content.panel {
 width: 370px;
}

div#content h2 {
 font-size: 1.4em;
 font-weight: bold;
}

div#content h3 {
 font-size: 1.1em;
 font-weight: bold;
 margin-bottom: -5px;
}

div#content h2.underline {
 border-bottom: 3px solid #ffffff;
 display: inline;
 padding-bottom: 2px;
 font-weight: normal;
}

div#content h2 span.white {
 color: #ffffff;
}

div#content h2 span.strong {
 font-weight: bold;
}

div#content a {
 font-weight: bold;
 text-decoration: underline;
 color: #000000;
}

div#content a:hover {
 font-weight: bold;
 text-decoration: none;
}

div#content div.who {
 border-bottom: 1px dashed #000000;
 clear: left;
 float: left;
 padding: 10px 0;
 width: 100%;
}

div#content div.who.first {
 padding-top: 0;
}

div#content div.who h3 {
 margin-bottom: -10px;
}

div#content div.who img {
 border: 1px solid #000000;
}

div#content div.testimonial {
 border-bottom: 1px dashed #000000;
 clear: left;
 float: left;
 padding: 10px 0;
 width: 100%;
}

div#content li {
 margin-bottom: 5px;
}

div#content form fieldset {
 margin: 0 0 10px;
 padding: 10px 5px;
 border: 1pxs solid #000000;
}

div#content form div.field {
 margin-bottom: 10px;
 float: left;
 width: 600px;
}

div#content form div.field input, div#content form div.field textarea {
 float: left;
 width: 250px;
}

div#content form div.field label {
 float: left;
 width: 8em;
 margin-right: 0.5em;
 text-align: right;
 padding: 2px 0 0;
}

div#content form input.button {
 margin-left: 8.5em;
}

div#content div#map {
 width: 600px;
 height: 450px;
 border: 1px solid #000000;
}

/**************/
/* Quicklinks */
/**************/
ul#quicklinks {
 margin: 0 0 40px;
 padding: 0;
 list-style: none;
}

*:first-child+html ul#quicklinks { /* Stupid hack needed for IE7 to stop quicklinks gaining a massive bottom margin / padding */
 border: 1px solid transparent;
}

* html ul#quicklinks { /* Stupid hack needed for IE7 and IE6 to stop quicklinks gaining a massive bottom margin / padding */
 height: 1%;
}

ul#quicklinks li {
 margin: 0 0 0 15px;
 padding: 0;
 float: right;
 display: inline;
}

* html ul#quicklinks li {
 width: 9em;
}

ul#quicklinks li a {
 text-decoration: none;
 color: #000000;
 padding-left: 25px;
 background-repeat: no-repeat;
 background-position: 0 50%;
 line-height: 20px;
 height: 20px;
 font-size: 0.75em;
 display: block;
}

ul#quicklinks li a:hover {
 text-decoration: underline;
}

ul#quicklinks li#quickPrint a {
 background-image: url(images/icons/printer.png);
}

* html ul#quicklinks li#quickPrint a { /* Workaround IE PNG deficiencies */
 background-image: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/icons/printer.png', sizingMethod='crop');
}

ul#quicklinks li#quickHome a {
 background-image: url(images/icons/home.png);
}

* html ul#quicklinks li#quickHome a { /* Workaround IE PNG deficiencies */
 background-image: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/icons/home.png', sizingMethod='crop');
}

ul#quicklinks li#quickFavourites a {
 background-image: url(images/icons/favourites.png);
}

* html ul#quicklinks li#quickFavourites a { /* Workaround IE PNG deficiencies */
 background-image: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/icons/favourites.png', sizingMethod='crop');
}

ul#quicklinks li#quickLogout a {
 background-image: url(images/icons/logout.png);
}

* html ul#quicklinks li#quickLogout a { /* Workaround IE PNG deficiencies */
 background-image: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/icons/logout.png', sizingMethod='crop');
}

/*********/
/* Panel */
/*********/
div#panel {
 float: right;
 clear: right;
 width: 205px;
}

div#panel form#form-panel-login fieldset {
 margin: 0;
 padding: 15px 0 0;
 border: 0;
}

div#panel form#form-panel-login fieldset legend {
 color: #000000;
 font-size: 1.1em;
 font-weight: normal;
 padding: 0;
 margin: 0 0 15px;
}

div#panel form#form-panel-login fieldset legend span.highlight {
 font-weight: bold;
}

div#panel form#form-panel-login div.field {
 margin-bottom: 10px;
 float: left;
 width: 200px;
}

div#panel form#form-panel-login div.field input, div#panel form#form-panel-login div.field textarea {
 float: left;
 width: 110px;
}

div#panel form#form-panel-login div.field label {
 float: left;
 width: 5em;
 margin-right: 0.5em;
 text-align: right;
 font-size: 0.9em;
 padding: 2px 0 0;
}

div#panel form#form-panel-login input.button {
 margin-left: 5.5em;
}

ul#linksUser {
 margin: 10px 0 0 8em;
 padding: 0;
 list-style: none;
}

ul#linksUser li {
 margin: 0;
 padding: 0 5px;
 float: left;
 display: inline;
 border-left: 1px solid #000000;
 font-size: 0.75em;
}

div#panel ul#linksUser {
 margin-left: 0;
}

div#panel ul#linksUser li {
 float: right;
}

ul#linksUser li.first {
 border-left: 0;
}

ul#linksUser li a {
 text-decoration: none;
 color: #000000;
}

ul#linksUser li a:hover {
 text-decoration: underline;
}

div#panel div.buttons {
 margin-top: 20px;
 clear: both;
}

div#panel div.buttons img {
 border: 0;
 margin-top: 15px;
}

/*********************/
/* Errors / Messages */
/*********************/
div#content div.errors, div#content div.messages {
 border: 3px solid #ff0000;
 background-color: #ffffff;
 margin-bottom: 15px;
 clear: left;
}

div#content div.messages {
 border: 3px solid #000000;
}

div#content div.error {
 background-color: #ffffff;
 padding: 3px 0;
 border: 1px solid #ff0000;
}

div#content div.error input.text, div#content div.error input.textarea {
 border: 1px solid #ff0000;
}

/**************/
/* Categories */
/**************/
div#content ul#breadcrumb {
 list-style: none;
 margin: 0;
 padding: 0;
 height: 1%; /* IE workaround */
}

div#content ul#breadcrumb li {
 margin: 0;
 float: left;
 padding: 0 0 0 22px;
 background-image: url(images/breadcrumb_separator.gif);
 background-position: 5px 50%;
 background-repeat: no-repeat;
}

div#content ul#breadcrumb li:first-child {
 margin: 0;
 background-image: none;
 padding: 0;
}

div#content ul.categories, div#content ul.documents {
 clear: left;
 list-style: none;
}

div#content ul.categories li, div#content ul.documents li {
 margin: 0 0 10px;
 padding: 0 0 0 20px;
 background-position: 0 50%;
 background-repeat: no-repeat;
 line-height: 20px;
}

div#content ul.categories li {
 background-image: url(images/folderclosed.gif);
}

div#content ul.documents li {
 background-image: url(images/document.gif);
 background-position: 0 3px;
}

/*****************/
/* Accessibility */
/*****************/
div#content table#accesskeystable {
 border: 1px solid #000000;
 border-collapse: collapse;
 width: 300px;
}

div#content table#accesskeystable, div#content table#accesskeystable caption {
 margin-left: auto;
 margin-right: auto;
}

div#content table#accesskeystable th {
 border: 3px solid #bad75a;
 border-collapse: collapse;
 padding: 4px;
 color: #ffffff;
 background-color: #000000;
}

div#content table#accesskeystable td {
 border: 3px solid #bad75a;
 border-collapse: collapse;
 padding: 4px;
}

div#content table#accesskeystable tr {
 background-color: #ffffff;
}

div#content table#accesskeystable tr.highlight {
 background-color: #f0f0f0;
}

div#content table#accesskeystable em {
 font-weight: bold;
 text-decoration: underline;
 font-style: normal;
}

/**********/
/* Footer */
/**********/
div#footer {
 clear: both;
 color: #5c5a5b;
 font-size: 0.75em;
 padding: 30px 0 0;
 margin-left: 60px;
 width: 620px;
}

div#footer img.w3c {
 float: right;
 margin-left: 5px;
}

div#footer p#copyright {
 float: left;
 margin: 0;
}

div#footer p#copyright a {
 color: #5c5a5b;
 text-decoration: none;
 font-weight: normal;
}

div#footer p#copyright a:hover {
 color: #5c5a5b;
 text-decoration: underline;
 font-weight: normal;
}

div#footer ul#footerlinks {
 float: left;
 margin: 0 0 0 50px;
 padding: 0;
 list-style: none;
}

div#footer ul#footerlinks li {
 margin: 0;
 padding: 0 5px;
 float: left;
 display: inline;
 border-left: 1px solid #5c5a5b;
}

div#footer ul#footerlinks li.first {
 border-left: 0;
}

div#footer ul#footerlinks li a {
 text-decoration: none;
 color: #5c5a5b;
}

div#footer ul#footerlinks li a:hover {
 text-decoration: underline;
}