/*	PAGE LAYOUT STYLES	*/
body
{
	margin: 0px;
	padding: 0px;
	font-family: verdana, arial, sans-serif;
	font-size: 62.5%;
	text-align: center;
	background: #666;
}

#container {margin: 0px auto; padding: 2em 0 1em 0; width: 990px; text-align: left; background: #666 url(../images/layout/page_bg.gif) repeat-y top;}
#innerContainer {margin: 0px auto 5px auto; padding: 0px; width: 980px;}


/*	PRIMARY NAVIGATION STYLES	*/
#primary{margin: 0; padding: 0; background: #fff url(/images/layout/primaryNav-bg.gif) repeat-x bottom left; border-bottom: 1px solid #333; height: 2.5em;}
#primary ul{margin: 0; padding: 0; list-style: none;}
#primary ul.other {float: right;}
#primary li {margin: 0; padding: 0; display: inline; height: auto; color: #666; font-size: 1em; line-height: 2.5em;}
#primary li a {display: block; float: left; margin: 0; padding: 0 1em 0 1em; color: #666; font-weight: bold; text-decoration: none; height: 2.5em;}
#primary li a:hover {text-decoration: underline; color:#11b4cd;}


/*	HEADER STYLES	*/
#header {position: relative; display: block; margin: 0px; padding: 0px; height: 150px; border: solid #000; border-width: 1px 0px 1px 0px; background: #97dee8 url(/images/layout/header_bg.gif) repeat-x bottom left;}

#quote {position: absolute; top: 10px; right: 0px; width: 440px; height: 150px;}
#quote p {position: absolute; top: 0px; right: 20px; z-index: 20; margin: 0px; padding: 0px; font-family: georgia, serif; font-size: 1.6em; font-weight: bold; font-style: italic; color: #fff; text-align: right;}
#quote p span {display: block; margin: 0px; padding: 5px 0px 0px 0px; font-size: 0.6em; text-align: right;}

/* ================================================================ 
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.cssplay.co.uk/menus/simple_dropline.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* the styling */
#nav span {font-weight: bold; color: #fff; float: left; line-height: 2.5em; padding: 0 1em 0 1em;}
#nav {height:2.5em; background:#00546f url(/images/layout/nav-bg.gif) repeat-x top left; position:relative; border-bottom: 2px solid #000;}
#nav .products {margin:0; padding:0; list-style:none;}
#nav li {display:inline; margin:0; padding:0; height:auto;}
#nav .products a {display:block; height:2.5em; float:left; padding:0 0.2em 0 0.2em; text-decoration:none; font-size:1em; font-weight: bold; line-height:2.5em; white-space:nowrap; border-left:1px solid #00465d; color:#fff;}
* html #nav .products a {width:1px; height:2.5em;}
#nav .products a:hover, 
#nav .products li:hover a {background:#888 url(/images/layout/nav-bg-over.gif) repeat-x bottom left; cursor:pointer; color:#11b4cd;}
#nav .sub {display:none;}
/* for IE5.5 and IE6 only */
#nav table {position:absolute; border-collapse:collapse; left:0; top:0;}
#nav .sub li a:hover, 
#nav .products a:hover .sub li a:hover, 
#nav .products li:hover .sub li a:hover {color:#11b4cd; text-decoration: underline;}
#nav .products li a:hover .sub, 
#nav .products li:hover .sub {display:block; position:absolute; width:980px; height: 2.5em; top:-2.5em; left:0; background: #000 url(/images/layout/subnav-bg.gif) repeat-x bottom left; border-top: 1px solid #bbb; margin-top:0; padding:0; z-index:100; color:#fff; font-size:1em;}
#nav .sub {margin:0; padding:0; list-style:none;}
#nav .sub_active {display: block; position: absolute; width: 1000px; top: 2.5em; left: 0; background: #666; margin-top: 0; padding: 0; z-index: 10;}
* html #nav .products a:hover .sub {z-index:-1; margin-top:0; margin-t\op:1px;}
#nav .products a:hover .sub li a, 
#nav .products li:hover .sub li a {display:block; background:#000 url(/images/layout/subnav-bg.gif) repeat-x bottom left; padding:0 0 0 1em; margin:0; white-space:nowrap; border:0; color:#fff; font-size:1em;}


/*	CONTENT AREA STYLES		*/
.contentArea {margin: 0px 10px 0px 10px; padding: 20px 0px 0px 0px; border-bottom: 1px dashed #ccc; font-size: 1em;}
.leftColumn {width: 305px; float: left; text-align: justify; margin: 0 20px 0 0; border: 1px solid #fff;}
.middleColumn {width: 305px; float: left; text-align: justify; margin: 0 20px 0 0; border: 1px solid #fff;}
.rightColumn {width: 303px; float: left; text-align: justify; margin: 0; border: 1px solid #fff;}

.thin {width: 150px;}
.thin img {float: left;}
.thin2 {width: 300px;}
.thin2 img {float: left;}
.remaining {width: 780px; margin: 0;}
.remaining2 {width: 630px; margin: 0;}

.halfWidth {width: 460px;}
.fullWidth {width: 955px; margin: 0;}
.double {width: 630px;}

h1 {margin: 0; padding: 0 0 0.5em 0; font-size: 2em; font-weight: bold; text-align: left; font-family: georgia, serif;}
h2 {margin: 0; padding: 1em 0 0.5em 0; font-size: 1.7em; font-weight: bold; text-align: left; font-family: georgia, serif;}
h2 span {float: right;}
h3 {margin: 0; padding: 0.5em 0 0.3em 0; font-size: 1.3em; font-weight: bold; text-align: left; text-decoration: underline; font-family: georgia, serif;}
h1.error, h2.error, h3.error {color: #f00;}

p {margin: 0; padding: 0 5em 1em 0; font-size: 1.2em; color: #666;}
p.nospace {margin: 0; padding: 0 0 1em 0;}
p.centered {text-align: center; margin: 0; padding: 0 0 1em 0;}
.dashed {border-bottom: 1px dashed #ccc;}
p.quote {margin: 0; padding: 0.5em 8em 0.5em 8em; text-align: justify; font-size: 1.2em; color: #666;}
p.quoteRef {margin: 0; padding: 0 12em 2em 8em; text-align: right; font-size: 1em; font-weight: bold; color: #666;}
.quote span {display: block; text-align: right; font-weight: bold;}
sup {font-size: 0.5em;}
.italic {font-style: italic;}

.contentArea ul, .contentArea ol {color: #666; margin-top: 0;}
.contentArea ul li, .contentArea ol li {padding-bottom: 0.3em; font-size: 1.2em; padding-right: 5em;}

.contentArea ul {list-style-type: none;}
.contentArea ul.bullets {list-style-type: disc;}

.contentArea ol.number {list-style-type: decimal;}
.contentArea ol.lower {list-style-type: lower-alpha;}
.contentArea ol.upper {list-style-type: upper-alpha;}
.contentArea ol.lroman {list-style-type: lower-roman;}
.contentArea ol.uroman {list-style-type: upper-roman;}


.contentArea dl {margin: 0; padding: 1em 8em 1em 8em; font-size: 1.2em; color: #666;}
.contentArea dl dt {margin: 0; padding: 1em 0 0 0; font-weight: bold; font-size: 1.2em;}
.contentArea dl dd {margin: 0; padding: 0.3em 0 0 2.5em;}

.contentArea a, p a {color: #666; font-weight: bold;}
.contentArea a:hover, p a:hover {color: #11b4cd;}

.contentArea a#adobe {color: #f00;}


p.left {text-align: left;}
p.right {text-align: right;}
p.clear {clear: both; margin: 0px auto; padding: 0px;}

img.left {float: left; margin: 0px 2em 1em 0; padding: 1px; border: 1px solid #00546f;}
img.right {float: right; margin: 0px 5em 1em 2em; padding: 1px; border: 1px solid #00546f;}

#enquiryForm {margin: 0; padding: 0;}
#enquiryForm div {float: left; margin: 10px; padding: 5px; background: #f6f6f6; border: 1px solid #666;}
#enquiryForm div.error {background: #ffeeee;}
#enquiryForm input, #enquiryForm textarea, #enquiryForm select {width: 250px;}
#enquiryForm p.hidden {display: none; visibility: hidden;}
label {font-weight: bold; color: #666;}
label span {color: #f00;}
label.error {color: #f00;}

#adverts {float: right; margin: 0; padding: 0 0 0 2em;}
div.box, a.box {display: block; margin: 0 0 1.5em 0; padding: 0; width: 300px; text-decoration: none;}
div.box img, a.box img {float: left; margin: 0 5px 5px 0; padding: 0; border: 0;}
span.adContent {display: block; margin: 0; padding: 5px 10px 5px 5px; background: url(/images/layout/advert-back.gif) no-repeat top left; text-align: right; font-weight: bold;}
span.adContent span {font-size: 1.6em;}
span.adFoot {display: block; clear: both; margin: 0; padding: 0; height: 10px; line-height: 8px; font-size: 8px; background: url(/images/layout/advert-back.gif) no-repeat bottom left;}
span.title {display: block; margin: 0; padding: 0 0 5px 0; font-size: 1.5em; font-weight: bold; font-family: georgia, serif; text-align: right;}

/*	PAGE NAVIGATION STYLES	*/
#pageControls p {margin: 0; padding: 1em 1em 0.5em 1em; color: #999;}
#pageControls p img {margin: 0; padding: 0; border: 0; vertical-align: top;}

#pageControls a {color: #666; text-decoration: none; font-weight: bold;}
#pageControls a:hover {color: #11b4cd; text-decoration: underline;}
#pageControls p.pageNav {float: right; margin-right: 1.5em;}

#pageControls p.pageNav img {vertical-align: middle; margin: 0; padding: 0;}

/* PRODUCT LOGO STYLES	*/
#productLogo {float: right; margin-left: 20px;}

/*	ADDITIONAL INFORMATION BOX STYLES	*/
#additionalInfo {float: right; clear: right; margin: 0 0 3em 2em; padding: 0; width: 252px; border: 1px solid #d9d9d9;}
#additionalInfo h2 {background:#00546f url(/images/layout/nav-bg.gif) repeat-x top left; color: #fff; margin: 0px; padding: 0.5em 0px 0.5em 0.5em; font-size: 1.2em; position: relative;}
#additionalInfo dl {margin: 0; padding: 5px 5px 10px 5px;border-top: 1px solid #d9d9d9;}
#additionalInfo dl.pages {background: #fff url(/images/layout/pages.gif) no-repeat top right;}
#additionalInfo dl.pdf {background: #fff url(/images/layout/pdf.gif) no-repeat top right;}
#additionalInfo dl.music {background: #fff url(/images/layout/music.gif) no-repeat top right;}
#additionalInfo dl.video {background: #fff url(/images/layout/video.gif) no-repeat top right;}
#additionalInfo dl dt {margin: 0; padding: 0.2em 0 0.2em 1em;font-size: 1.2em; font-weight: bold;}
#additionalInfo dl dd {margin: 0; padding: 0.5em 2em 0.5em 2em; font-size: 1.1em; text-align: left;}

#additionalInfo dl dd p {margin: 0 0 0 -0.5em; padding: 0 0 5px 0; font-size: 1em; font-weight: bold;}
#additionalInfo dl dd p.videoLink {margin: 0 0 0 1em; padding: 0 0 5px 0; font-size: 1em; font-weight: bold;}
#additionalInfo dl dd a {text-decoration: none;}
#additionalInfo dl dd a:hover {text-decoration: underline;}

.contents {background-color: #00546f;}
.foundation {background-color: #fff9af;}
.year1 {background-color: #ffe1af;}
.year2 {background-color: #ffbbaf;}
.year3 {background-color: #ffafcc;}
.year4 {background-color: #ddaefe;}
.year5 {background-color: #afc5ff;}
.year6 {background-color: #afffdf;}
.ks34 {background-color: #afffb4;}
.cards {background-color: #dcffaf;}

.relatedProduct a {margin: 0; padding: 0; text-decoration: none;}
.relatedProduct img {display: block; margin: 0; padding: 0; border: 1px solid #fff;}


/* PDF VIEW WINDOW STYLES */
#pdfViewer {position: absolute; top: 0px; left: 0px; width: 440px; height: 646px; margin: 0; padding: 0; border: solid #333; border-width: 1px 2px 2px 1px; display: none;}
#closeViewer {position: absolute; top: 0px; right: 0px; margin: 0; padding: 0;}
#closeViewer {color: #f00; font-weight: bold; text-decoration: none;}
#closeViewer img {border: 0; vertical-align: top;}
#pdfViewer p {color: #666; font-size: 0.9em; font-weight: bold; margin: 0; padding: 5px; text-align: left; background: #fff;}
#pdfDoc {margin: 10px auto; padding: 0px;}

/* PDF VIEW WINDOW STYLES */
#videoViewer {position: absolute; top: 0px; left: 0px; width: 330px; height: 400px; margin: 0; padding: 0; border: solid #333; border-width: 1px 2px 2px 1px; display: none; background-color: #00546f;}
#videoViewer p {color: #666; font-size: 0.9em; font-weight: bold; margin: 0; padding: 5px; text-align: left; background: #fff;}
#flashVideo {margin: 10px auto; padding: 0px;}


/*	LATEST NEWS STYLE	*/
#latestNews {float: right; margin: 0 3em 3em 2em; padding: 0; width: 300px; border: 1px solid #d9d9d9; background: #fff url(/images/layout/news-bg.gif) repeat-x bottom left;}
#latestNews h2 {background:#00546f url(/images/layout/nav-bg.gif) repeat-x top left; color: #fff; margin: 0px; padding: 0.5em 0px 0.5em 0.5em; font-size: 1.2em; position: relative;}
#latestNews h2 a {position: absolute; top: 3px; right: 0px; display: block; margin: 1px 10px 0 0; padding: 2px 5px 3px 5px; font-size: 0.8em; font-family: arial, sans-serif; border: 1px solid; border-color: #00546f #00546f #d9e6ea #d9e6ea; background: #236b83; text-decoration: none; color: #fff;}
#latestNews h2 a:hover {color:#11b4cd; background: #004359;}

#latestNews div {display: block; overflow: auto; height: 650px; padding: 5px;}
#latestNews div dl {margin: 0; padding: 0;}
#latestNews div dt {margin: 0.8em 0 0 0; padding: 0 0 0.5em 0;font-size: 1.1em; font-weight: bold; color: #236b83;}
#latestNews div dd {margin: 0 0 0 0; padding: 0 0 2em 1.2em; color: #4f4f4f; border-bottom: 1px solid #9cbdc7;}
#latestNews div dd span {float: right;}
#latestNews div dd a {color: #236b83; text-decoration: none; font-weight: bold;}
#latestNews div dd a:hover {color: #11b4cd;}


/*	NEWS ARCHIVE CALENDAR STYLES	*/
#newsCalendar {margin: 0 0 3em 2em; padding: 0; float: right; width: 252px; border: 1px solid #d9d9d9;}
#newsCalendar h2 {background:#00546f url(/images/layout/nav-bg.gif) repeat-x top left; color: #fff; margin: 0px; padding: 0.5em 0px 0.5em 0.5em; font-size: 1.2em; position: relative;}
#newsCalendar table th {margin: 0; padding: 0.3em; text-align: center; font-weight: bold; font-size: 1.2em; color: #666;}
#newsCalendar table th a.previous {float: left;}
#newsCalendar table th a.next {float: right;}
#newsCalendar table tr.days td {font-weight: bold; color: #000;}
#newsCalendar table td {margin: 0; padding: 2px 0 2px 0;width: 36px; border: 1px solid #d9d9d9; text-align: center; color: #666;}
#newsCalendar table td a {color: #236b83; text-decoration: none; font-size: 1.2em;}
#newsCalendar table td a:hover {color: #f00; text-decoration: underline;}
#newsCalendar table td.today {border: 2px solid #0b0; padding: 1px 0 1px 0;}


/*	TRAINING CALENDAR STYLES	*/
#trainingKey {float: right; margin: 4px; padding: 0; width: 200px;}
#trainingKey div {margin: 0; padding: 14px 4px 4px 4px; border: 1px solid #ccc;}
#trainingKey div p {margin: 0; padding: 0 0em 0.5em 0;}
#trainingKey div p span {display: inline; border: 1px solid #000;}
#trainingKey div p.info {margin: 0; padding: 0 0em 1em 0;}
#trainingKey a {text-decoration: none;}

#trainingKey a.layoutSwitch {display: block; margin: 0; padding: 5px; background:#00546f url(/images/layout/nav-bg-green.gif) repeat-x top left; color: #fff; text-align: center; text-decoration: none;}
#trainingKey a.layoutSwitch:hover {background:#888 url(/images/layout/nav-bg-green-over.gif) repeat-x bottom left; color:#14d700;}

#calendarContainer {float: left; width: 780px;}
/*#calendarContainer p {margin: 0; padding: 0 0 0.5em 0;font-size: 1.2em; font-weight: bold;}*/

.trainingCalendar {margin: 0 5px 0 0; padding: 0; float: left; width: 252px; border: 1px solid #d9d9d9;}
.trainingCalendar h2 {background:#00546f url(/images/layout/nav-bg.gif) repeat-x top left; color: #fff; margin: 0px; padding: 0.5em 0px 0.5em 0.5em; font-size: 1.2em; position: relative;}
.trainingCalendar table th {margin: 0; padding: 0.3em; text-align: center; font-weight: bold; font-size: 1.2em; color: #666;}
.trainingCalendar table th a.previous {float: left;}
.trainingCalendar table th a.next {float: right;}
.trainingCalendar table tr.days td {font-weight: bold; color: #000;}
.trainingCalendar table td {margin: 0; padding: 2px 0 2px 0;width: 36px; border: 1px solid #d9d9d9; text-align: center; color: #666;}
.trainingCalendar table td a {color: #0b7800; text-decoration: none; font-size: 1.2em;}
.trainingCalendar table td a:hover {color: #f00; text-decoration: underline;}
.trainingCalendar table td.today {border: 2px solid #0b0; padding: 1px 0 1px 0;}
.trainingCalendar table td.cancelled {background-image: url(/images/layout/cancelled.gif); background-repeat: no-repeat; background-position: top left;}
.trainingCalendar table td.been {background-image: url(/images/layout/been-and-gone.gif); background-repeat: no-repeat; background-position: top left;}

.trainingList tr {margin: 5px; padding: 0;}
.trainingList tr td {margin: 0; padding: 10px;}


/*	FREQUENTLY ASKED QUESTIONS STYLES	*/
#faq dl {margin: 0; padding: 0; color: #666; font-size: 60%;}
#faq dt {margin: 0.8em 0 0 0; padding: 0 0 0.5em 0;font-size: 1.2em; font-weight: bold; color: #236b83;}
#faq dd {margin: 0 0 0 0; padding: 0 0 2em 1.2em; color: #4f4f4f; border-bottom: 1px solid #9cbdc7; font-size: 1em;}

.sitemap h2 {margin: 0; padding: 0 0 0.5em 0; font-size: 1.7em; font-weight: bold; text-align: left; font-family: georgia, serif;}
.sitemap ul {margin: 0; padding: 0 0px 0 1.2em;}
.sitemap ul li {margin: 0; padding: 0;}
.sitemap ul li ul {margin: 0 0 0.5em 0; padding: 0 0px 0 2em;}
.sitemap ul li ul li {margin: 0; padding: 0; list-style-image: url(/images/layout/arrow.gif); font-size: 1em;}
.sitemap ul li a{color: #666; text-decoration: none;}
.sitemap ul li a:hover {color: #11b4cd; text-decoration: underline;}

.outerBox {border: 1px solid #ccc; margin: 5px; padding: 5px;}
.floatBox {float: left; border: 1px solid #ccc; margin: 4px; padding: 3px;}


/*	FOOTER STYLES	*/
#footer {clear: both; margin: 1em auto; padding: 0 0 0.5em 0; width: 500px;}
#footer p {margin: 0; padding: 0.5em 0 0 0; font-size: 1em; font-weight: bold; color: #666; text-align: center;}
#footer p a {color: #666; text-decoration: none;}
#footer p a:hover {color: #11b4cd; text-decoration: underline;}


/*	PRODUCT FINDER STYLES	*/
#productFinder {position: absolute; z-index: 100; margin: 0 auto; padding: 0px 0px 10px 0px; width: 500px; background: #eee; border: 1px solid #000;}
.open {display: block;}
.closed {display: none;}
#productFinder h2 {margin: 0px; padding: 5px; background:#00546f url(/images/layout/nav-bg.gif) repeat-x top left; color: #fff; font-size: 1.2em; font-weight: bold; text-align: left;}
#productFinder h2 span {float: right; margin: 0px; padding: 0px;}
#productFinder h3 {margin: 0px; padding: 5px 10px 5px 10px; color: #666; font-size: 1.2em; font-weight: bold;}
#productFinder table tr td {vertical-align: top;}
/*#productFinder ul {margin: 0px; padding: 0px; list-style-type: none;}*/
#productFinder a {color: #000; text-decoration: none;}
#productFinder a:hover {color: #0cc; text-decoration: underline;}


/*	SCROLL BOX STYLES	*/
#scrollBox {margin: 0px 0px 20px 0px; padding: 0px; height: 180px; width: 955px; background: #fff url(/images/layout/loading.gif) no-repeat 50% 50%; border: 1px solid #ccc;}
#scrollBoxInner {position: relative; margin: 0px; padding: 0px; height: 180px; overflow: hidden;}
#scrollBoxInner p {position: absolute; top: 3px; left: 0px; width: 100%; text-align:center; color: #bbb; font-weight: bold; z-index: 100;}
#scrollBoxSizer {margin: 0px; padding: 0px; width: 100px;}
#scrollBoxInner a {position: absolute; top: 10px; left: 0px; display: block; margin: 0; padding: 0; width: 120px; height: 155px; font-weight: bold; font-size: 12px; text-decoration: none; color: #236b83; text-align: center;}
#scrollBoxInner a span {display: block; position: relative; top: -2em; margin-top: 0.4em;}
#scrollBoxInner a img {border: 0;}
#scrollBoxInner a:hover {color: #11b4cd;}