body {
	font-family: trebuchet ms, trebuchet, lucida grande, lucida sans unicode, tahoma, arial, sans-serif;
	font-size: 0.8em;
	margin: 0;
	background-color: #fff;
	}
	

	
h1 {
	font-size: 2.5em;
	}
	
h2 {
	line-height: 1.5em;
	}
	
h3 {
	line-height: 1.5em;
	}
	
p {
	color: #666;
	font-size: 12px;
	line-height: 1.6em;
	}
	
li {
	padding-bottom: 8px;
	color: #666;
	}
	
h1, h2, h3, h4 {
	font-weight: normal;
	color: #16244D;
	}
	
h4 {
	margin-bottom: -0.5em;
	}
	
h5 {
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight: normal;
	color: #666;
	}
	
ul {
	list-style-type: none;
	padding-left: 8px;
	}





/*
=====
LINKS
=====
*/


a {
	text-decoration: none;
	color: #db9319;
	}
	
a:hover {
	text-decoration: underline;
	}
	
a:visited {
	color: #bf8625;
	}
	
a:active {
	color: #fca614;
	}
	
a img {
	border: none;
	}



	



/*
===========================
HEADER AND BROAD NAVIGATION
===========================
*/




#header {
	background: #16244D url(../graphic/gradientbar-dblue-1px.gif) repeat-x;
	}

	
	
#headcontainer {
	width: 980px;
	margin: auto;
	}


#logo {
	width: 50%;
	float: left;
	padding: 23px 0 0 20px;
	z-index: 55;
	padding-bottom: 7px;
	}
	
#translations ul li {
	display: inline;
	margin: 0;
	margin-right: 5px;
	padding-left: 0;
	}
	
#translations ul img {
	border: 1px solid #557;
	}
	
#translations ul img:hover {
	border: 1px solid #fff;
	}
	
#translations ul {
	margin: 0 0 5px 0;
	padding-left: 0;
	}
	
#contact {
	float: right;
	width: 20%;
	margin-top: 15px;
	padding: 5px;
	border: 1px solid #4d5c88;
	background-color: #384b7f;
	}
	
	
#translations {
	clear: both;
	float: right;
	margin-top: -10px;
	}
	

#contact img {
	float: left;
	padding: 2px 10px 2px 2px;
	}
	
	
p.telnumber {
	background: url(../graphic/telephone-white-12w.gif) no-repeat;
	background-position: 0 50%;
	}
	
p.emailaddress {
	background: url(../graphic/envelope-white-12w.gif) no-repeat;
	background-position: 0 60%;
	}	
	

#contact p {
	padding: 0 0 0 20px;
	margin: 0;
	color: #A5B4D6;
	font-size: 0.85em;
	line-height: 1.3em;
	}
	
#contact a {
	color: #A5B4D6;
	}


.sixth {
	border-right: 15px solid #008C99;
	}
	
.isc {
	border-right: 15px solid #F37421;
	}
	
.lps {
	border-right: 15px solid #D21242;	
	}



/*
===============
MAIN NAVIGATION
===============
*/



#navcontainer {
	background: #fca614 url(../graphic/xx.gif) repeat;
	position: relative;
	width: 100%;
	}

#nav {
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0em;
	}
	
#nav strong {
	color: #fff;
	}
	
	

#nav ul {
	line-height: 11px;
	font-size: 1em;
	padding: 0;
	margin: 0;
	list-style: none;
	}
	
#nav li {
	background: #fca614 url(../graphic/xx.gif) repeat-x;
	margin: 0;
	padding: 12px 1.2em 11px 1.2em;
	color: #fff;
	display: block;
	}
	
#nav li:hover {
	background-color: #bf8625;
	}
	

	
	
#nav li a {
	color: #fff;
	}
	
#nav ul li:hover a {
	text-decoration: none;
	color: #fff;
	}
	
#nav ul li {
	float: left;
	position: relative;
	}
	
.menu {
	width: 980px;
	margin: auto;
	height: 35px;
	position:relative;
	z-index:100;
	padding-left: 8px;}






#nav li.currentlocation {
	background: #fcda9f url(../graphic/xx.gif) no-repeat;
	border-bottom: 1px solid #fcda9f;
	}
	
#nav li.currentlocation a {	
	color: #6c4502;
	}
	
	
#nav li.currentsection {
	background: #fcda9f url(../graphic/xx.gif) no-repeat;
	border-bottom: 1px solid #fcda9f;
	}
	
#nav li.currentsection a {	
	color: #bf8625;
	}
	
	
	
	
	
	
	
	
#secondnavcontainer {
	position: relative;
	width: 100%;
	background-color: #fcda9f;

	}
	
#nav2 {
	position: relative;
	margin: auto;
	width: 980px;
	padding-bottom: 0;
	background-color: #fcda9f;

	}
	
#nav2 strong {
	color: #fff;
	}
	
	

#nav2 ul {
	font-size: 0.85em;
	padding: 1px 0;
	margin: 0;
	list-style: none;
	}
	
#nav2 li {
	margin: 0;
	padding: 6px 1.2em 5px 1.2em;
	color: #fff;
	display: block;
	}
	

	
	
#nav2 li a {
	color: #bf8625;
	}
	
#nav2 ul li:hover a {
	text-decoration: white;
	}
	
#nav2 ul li {
	float: left;
	position: relative;
	}
	
	
#nav2 li.currentlocation a {	
	color: #064709;
	}
	
	
	
.menu2 {
	width: 980px;
	margin: auto;
	height:2em;
	position:relative;
	z-index:90;
	background-color: #008C99;
	padding-left: 8px;
	
	}	
	
	



/*
=============
SECONDARY NAV
=============
*/



.breadcrumbs {
	padding-left: 8px;
	font-size: 0.95em;
	}

.breadcrumbs strong {
	font-weight: normal;
	color: #16244D;
	}
	
#contextnav ul strong {
	font-weight: normal;
	color: #16244D;
	}
	
#contextnav h3 a {
	color: #fff;
	}






/*
===============
MAIN CONTAINERS
===============
*/



#container {
	background-color: white;
	padding-top: 0;
	width: 980px;
	margin: 40px auto;

	}














/*
============
MAIN CONTENT
============
*/






#maincontent ul {
	list-style-type: none;
	padding-left: 0;
	}
	
	
	


div.factfile {
	margin-top: 30px;
	padding: 10px;
	background-color: #fafaff;
	border: 1px solid #EDF0F4;
	margin-bottom: 20px;
	}
	
div.factfile p {
	font-size: 0.9em;
	}
	
div.factfile h2 {
	font-size: 1.1em;
	background: #16244D url(../graphic/gradientbar-dblue-1px.gif) repeat-x;
	color: #fff;
	margin: -10px -10px 10px -10px;
	padding: 6px 10px;
	}

	
	

div.zone {
	padding: 10px;
	background-color: #fafaff;
	border: 1px solid #EDF0F4;
	margin-bottom: 20px;
	}
	
.zone p {
	font-size: 0.85em;
	}


div.zone img.floatleft {
	padding: 3px;
	background-color: #fff;
	border: 1px solid #ccc;
	margin: 0 10px 0 0;
	}
	
div.zone img.floatright {
	padding: 3px;
	background-color: #fff;
	border: 1px solid #ccc;
	margin: 0 0 0 10px;
	}
	
div.zone h2 {
	font-size: 1.3em;
	background: #16244D url(../graphic/gradientbar-dblue-1px.gif) repeat-x;
	color: #fff;
	margin: -10px -10px 10px -10px;
	padding: 6px 10px;
	}
	
	
div.zone h4 {
	background: #16244D url(../graphic/gradientbar-dblue-1px.gif) repeat-x;
	color: #fff;
	font-size: 1.05em;
	line-height: 1.5em;
	margin: -10px -10px 10px -10px;
	padding: 6px 10px;
	}
	
	


div.minorzone {
	padding: 10px;
	background-color: #fafaff;
	border: 1px solid #EDF0F4;
	margin-bottom: 20px;
	}
	
div.minorzone p {
	font-size: 0.9em;
	}


div.minorzone img.floatleft {
	padding: 3px;
	background-color: #fff;
	border: 1px solid #ccc;
	margin: 0 10px 0 0;
	}
	
div.minorzone img.floatright {
	padding: 3px;
	background-color: #fff;
	border: 1px solid #ccc;
	margin: 0 0 0 10px;
	}
	
div.minorzone h2 {
	font-size: 1.3em;
	background: #16244D url(../graphic/gradientbar-dblue-1px.gif) repeat-x;
	color: #fff;
	margin: -10px -10px 10px -10px;
	padding: 6px 10px;
	}
	
	
div.minorzone h4 {
	background: #16244D url(../graphic/gradientbar-dblue-1px.gif) repeat-x;
	color: #fff;
	font-size: 1.05em;
	line-height: 1.5em;
	margin: -10px -10px 10px -10px;
	padding: 6px 10px;
	}
	









div.zone ol  {
	margin-left: 15px;
	margin-right: 15px;
	padding-left: 0;
	}

div.zone ol li strong  {
	color: #16244D;
	}




#zone {
	padding: 10px;
	margin-bottom: 40px;
	}


#zone img.floatleft {
	padding: 3px;
	background-color: #fff;
	border: 1px solid #ccc;
	margin: 0 10px 0 0;
	}
	
#zone img.floatright {
	padding: 3px;
	background-color: #fff;
	border: 1px solid #ccc;
	margin: 0 0 0 10px;
	}
	
#zone h2 {
	font-size: 1.3em;
	color: #fff;
	margin: -10px -10px 10px -10px;
	padding: 6px 10px;
	}
	
	
#zone h4 {
	background: #16244D url(../graphic/gradientbar-dblue-1px.gif) repeat-x;
	color: #fff;
	margin: -10px -10px 10px -10px;
	padding: 6px 10px;
	}
	
	
	
	
	
div.primaryzone {
	padding: 10px;
	background-color: #fafaff;
	border: 1px solid #EDF0F4;
	margin-bottom: 30px;
	}
	



div.primaryzone img.floatleft {
	padding: 3px;
	background-color: #fff;
	border: 1px solid #ccc;
	margin: 0 15px 0 0;
	}
	
div.primaryzone img.floatright {
	padding: 3px;
	background-color: #fff;
	border: 1px solid #ccc;
	margin: 0 0 0 10px;
	}
	
div.primaryzone h2 {
	font-size: 1.3em;
	background: #16244D url(../graphic/gradientbar-dblue-1px.gif) repeat-x;
	color: #fff;
	margin: -10px -10px 10px -10px;
	padding: 6px 10px;
	}
	
	


	
	




.colour1 {
	border-bottom: solid 1px #d7ecfe;
	border-left: solid 1px #d7ecfe;
	border-right: solid 1px #d7ecfe;
	}

.colour1 h2, colour1 h4 {
	background: #a4ccf0 url(../graphic/blue-gradient.gif) repeat-x;
	}
	
.colour1 ul {
	border-top: dashed 1px #d7ecfe;
	}
	
.colour2 {
	border-bottom: solid 1px #cffdd4;
	border-left: solid 1px #cffdd4;
	border-right: solid 1px #cffdd4;
	}
	
.colour2 h2, colour2 h4 {
	background: #a4f0ab url(../graphic/green-gradient.gif) repeat-x;
	
	}

.colour2 ul {
	border-top: dashed 1px #cffdd4;
	width: 70%;
	}
	
	
	
.colour3 {
	border-bottom: solid 1px #ffe9ea;
	border-left: solid 1px #ffe9ea;
	border-right: solid 1px #ffe9ea;
	}

.colour3 h2, colour3 h4 {
	background: #f0a4a7 url(../graphic/red-gradient.gif) repeat-x;
	}
	
.colour4 {
	border-bottom: solid 1px #CEF4E0;
	border-left: solid 1px #CEF4E0;
	border-right: solid 1px #CEF4E0;
	}

.colour4 h2, colour4 h4 {
	background: #def0a4 url(../graphic/gold-gradient.gif) repeat-x;
	}




.inlineheading {
	color: #16244D;
	font-weight: bold;
	padding-right: 3px;
	}





.zonebullets li {
	margin-left: 30px;
	list-style-type: circle;
	font-size: 0.8em;
	line-height: 1.4em;
	}
	
ul.zonebullets {
	padding: 10px;
	margin: 0 -10px -10px -10px;
	}



.summarybullets li {
	margin-left: 40px;
	list-style-type: circle;
	}

ul.summarybullets {
	padding: 10px;
	margin: 20px -10px -10px -10px;
	}




ul.costbullets li {
	margin-left: 30px;
	list-style-type: circle;
	font-size: 0.85em;
	line-height: 1.3em;
	}

ul.costbullets {
	padding: 10px;
	margin: -10px -10px -10px -10px;
	}

ul.costbullets strong {
	color: #16244d;
	font-weight: normal;
	}





/*
======
TABLE
======
*/





#tablecaption {
	float: right;
	margin-top: -10px;
	margin-bottom: 30px;
	width: 400px;
	padding-left: 10px;
	padding-right: 10px;
	background: #F9F9C7;
	}

#tablecaption p {
	font-size: 0.85em;
	}
	
#tablecaption p strong {
	color: #16244D;
	}



table {
	color: #666;
	font-size: 0.9em;
	line-height: 1.4em;
	}
	
table strong {
	color: #16244D;
	}


.tablehead {
	font-size: 1.4em;
	color: #fff;
	font-weight: bold;
	}
	
td {
	padding: 10px 5px;
	vertical-align: top;
	border-right: 1px solid #EDF0F4;
	border-top: 1px solid #EDF0F4;
	background-color: #fafaff;
	}
	
tr.alt td {
	background-color: #fafffa;
	}

th {
	text-align: left;
	padding-right: 10px;
	padding-left: 5px;
	border-right: 1px solid #EDF0F4;
	border-top: 1px solid #EDF0F4;
	background: #16244D;
	}
	
tr.alt th {
	background: #4EB857 url(../graphic/gradient-1px.gif) repeat-x;
	}
	

	
td.workshop {
	
	}
	
td.visit {

	border-right: 5px solid #16244d;
	}

td.lesson {

	}
	
td.activities {

	}
	
td.activitiesbeforelunch {
	border-right: 5px solid #16244d;

	}

	
td.beforelunch {
	border-right: 5px solid #16244d;
	}


td.lessonbeforelunch {
	border-right: 5px solid #16244d;

	}




th a {
	color: #fca614;
	}



table a span {display: none;}

table a:hover {
	text-decoration: none;
	}

table a:hover span {
	display: block;
	position: absolute; width: 200px;
	margin-left: -80px;
	padding: 5px; z-index: 100;
	color: #16244D; background: #F9F9C7;
	font-size: 11px;
	font-weight: normal;
	}
	
table a:hover span.dayhead {
	margin-left: 20px;
	}
	
	
table.dates td {
	padding: 10px;
	width: 208px;
	}
	
table.dates {
	margin-left: -10px;
	border-spacing: 10px;
	}

	
	
	


.cellcolour1 {
	background: #a4ccf0 url(../graphic/blue-gradient.gif) repeat-x;
	}

.cellcolour2 {
	background: #f0a4e9 url(../graphic/purple-gradient.gif) repeat-x;
	}
	
.cellcolour3 {
	background: #f0a4a7 url(../graphic/red-gradient.gif) repeat-x;
	}
	
.cellcolour4 {
	background: #f0c7a4 url(../graphic/orange-gradient.gif) repeat-x;
	}
	
.cellcolour5 {
	background: #def0a4 url(../graphic/gold-gradient.gif) repeat-x;
	}

.cellcolour6 {
	background: #a4f0ab url(../graphic/green-gradient.gif) repeat-x;
	}
	
	
	
	
table.fees td {
	background: #fff;
	padding-left: 15px;
	padding-right: 15px;
	}
	
table.fees th {
	background: #a4ccf0 url(../graphic/blue-gradient.gif) repeat-x;
	padding-left: 10px;
	padding-right: 10px;
	width: 40%;
	}
	
table.fees {
	width: 100%;
	}
	
	
	
/*
======
FOOTER
======
*/


#footercontainer {
	width: 100%;
	margin-top: 25px;
	padding-top: 10px;
	background: #fff url(../graphic/lblue-gradient-to-white.gif) repeat-x;;
	border-top: 1px solid #EDF0F4;
	}
	
	
#footer {
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 16px;
	margin: auto;
	width: 980px;

	}
	
#footer #contact-details {
	float: left;
	margin-left: 45px;
	padding-top: 10px;
	}
	
#footer #accreditation {
	float: left;
	width: 180px;
	}
	
#footer #accreditation img {
	margin-top: -10px;
	}
	
#footer #more-logos {
	float: right;
	width: 230px;
	padding-bottom: 40px;
	}

#footer #more-logos img {
	border: 1px solid #ddd;
	}

#footer p {
	font-size: 0.85em;
	color: #999;
	margin-top: 0;
	margin-bottom: 0;
	}
	
	
#footer .telephone {
	float: left;
	padding-right: 10px;
	}
	
#footer .fax {
	float: left;
	padding-right: 10px;
	}
	
#footer .email {
	float: left;
	}


#footer .label {
	color: #666;
	}




/*
========
WALKTHRU
========
*/

#walkthrunav {
	margin-top: 20px;
	width: 40%;
	}
	
#walkthrunav.nextpage {
	padding-right: 30px;
	float: right;
	text-align: right;
	background: url(../graphic/arrow-right-25w.jpg) right no-repeat;
	}

#walkthrunav.previouspage {
	float: left;
	text-align: left;
	background: url(../graphic/arrow-left-25w.jpg) left no-repeat;
	padding-left: 30px;
	}


#walkthrunav p {
	font-size: 0.85em;
	color: #fca614;
	}






/*
=======
MININAV
=======
*/




div.mininav {
	margin-top: 30px;
	padding: 10px;
	background-color: #fffff7;
	border: 1px solid #EDF0F4;
	margin-bottom: 20px;
	}
	
div.mininav ol {
	font-size: 0.9em;
	padding-left: 15px;
	}
	
.mininav ol li.currentlocation a {
	color: #16244D;
	}
	
div.mininav h2 {
	font-size: 1.1em;
	background: #fca614;
	color: #fff;
	margin: -10px -10px 10px -10px;
	padding: 6px 10px;
	}













a.tooltip{
    /* for postioning the tool-tip box relative to the link */
    position:relative;

    /* no underline needed */
    text-decoration: none;
  }

  a.tooltip span{
    /* tool-tip text will not be visible initially */
    display: none;
  }

  a.tooltip:hover span{
    /* make tool-tip text visible */
    display:block;

    /* for postioning */
    position:absolute;
    top:-30px; left:20px;
    padding: 3px;

    /* width of the tool-tip box
    if text is longer, it will be
    made into two lines */
    width:150px;

    /* style the box to look like a tool-tip box */
    background-color:#008C99;
    color:#fff;
    font-family: tahoma, arial, sans-serif;
    font-size: 11px;
    text-align: center;
  }


	
	
	
.imageabove h2, .imageabove h3 {
	margin-top: 5px;
	}
	
	
.contentbelow {
	margin-bottom: 25px;
	}
	
.textbelow {
	margin-bottom: -20px;
	}
	
.column {
	width:330px;
	padding-right: 20px;
	float:left;
	}
	
	
	
.borderaround {
	border: 1px solid #ccc;
	}
	

	
.floatleft {
	float: left;
	margin-right: 25px;
	margin-bottom: 20px;
	}
	
	
.floatleftsm {
	float: left;
	margin: 0 10px 10px 0;
	}
	
	
.floatrightshift {
	float: right;
	margin-left: 15px;
	margin-right: -45px;
	}

.floatright {
	float: right;
	margin-left: 25px;
	margin-bottom: 20px;
	}
	

	
.bigquoteteal {
	font-family: lucida grande, lucida sans unicode, trebuchet, tahoma, arial, sans-serif;
	font-weight: bold;
	font-size: 1.6em;
	color: #008C99;
	}
	
.mediumquoteteal {
	font-family: lucida grande, lucida sans unicode, trebuchet, tahoma, arial, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	color: #008C99;
	}
	
.bigquotedblue {
	font-size: 1.6em;
	color: #16244D;
	}
	
.mediumattrib {
	font-family: lucida grande, lucida sans unicode, trebuchet, tahoma, arial, sans-serif;
	font-weight: bold;
	color: #16244D;
	}





.bullets li {
	list-style-type: circle;
	}



#sidebar ul.pdfs {
	padding-left: 0;
	margin-left: 0;
	padding-top: 0;
	margin-bottom: 0;
	background-color: #fafaff;
	}



div.zone ul.pdfs li {
	font-size: 0.85em;
	padding-left: 22px;
	margin-left: 0;
	list-style-type: none;
	background: url(../graphic/pdf-icon-tiny.gif) no-repeat #fafaff;
	background-position: 0 0;
	}
	
	


.smalllist li {
	color: #666;
	padding: 1px;
	font-size: 11px;
	}

.mediumlist li {
	color: #999;
	padding: 1px 10px 2px 0;
	}
	
	
div.clear { clear: both; }



#blogfeed li {
	font-size: 11px;
	line-height: 1.5em;
	padding: 10px 0 15px;
	}

.headline {
	font-size: 1.2em;
	}
	
.date {
	font-size: 0.8em;
	margin-bottom: 0;
	margin-top: 0;
	padding-bottom: 0;
	}
	
.eventdate {
	padding-left: .5em;
	color: #16244D;
	font-size: 0.8em;
	}
	
	
	
	
	
.telnumbers strong {
	color: #008C99;
	font-weight: normal;
	}
	
	
	
.atoms {
	position: relative;
	top: 0.3em;
	font-size: 80%;
	}
