body {
	background-color: #FFF3F7;
	}




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

a {
	color: #F37421;
	}
	
a:visited {
	color: #D35B18;
	}
	
a:active {
	color: #F2935F;
	}

a.ondark {
	color: #F37421;
	}


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

#header {
	background: #160c26 url(../graphic/background-gradient-isc-1440w.gif) no-repeat top center;
	border-bottom: 1px solid #0D1730;
	}

#header.indexpage {
	background: #160c26 url(../../background-gradient-logo-1440w.gif) no-repeat top center;
	}

#logo {
	width: 50%;
	float: left;
	padding: 62px 0 0 15px;
	z-index: 55;
	margin-bottom: -17px;
	}

#logo p a {
	padding-top: 60px;
	}
	
#logo p a:hover {
	border-bottom: 1px solid;
	}


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

#navcontainer {
	background: #de450a url(../graphic/orange-navbar.gif) top center no-repeat;
	}

#nav li:hover {
	background-color: #B24000;
	}

#nav li.currentlocation {
	background: #FFCEB8 url(../graphic/xxx.gif) no-repeat;
	border-bottom: 1px solid #FFCEB8;
	}
	
#nav li.currentsection {
	background: #FFCEB8 url(../graphic/xxx.gif) no-repeat;
	border-bottom: 1px solid #FFCEB8;
	}
	
#nav li.currentlocation a {	
	color: #16244d;
	}
	
#nav li.currentsection a {	
	color: #DD4F00;
	}	
	
#secondnavcontainer {
	background-color: #FFCEB8;
	}
	
#nav2 {
	background-color: #FFCEB8;
	}

#nav2 li a {
	color: #DD4F00;
	}
	
#nav2 ul li:hover a {
	color: #950227;
	}
	
.menu2 {
	background-color: #008C99;
	}


/*
=====
ZONES
=====
*/
	
div.zone a img:hover {
	border: 1px solid #97d4f0;
	}
	
div.zone.innernav h4 {
	background: #de450a url(../graphic/orange-navbar.gif) top center no-repeat;
	}


/*
=======
BUTTONS
=======
*/

a.button {
	background: url('bg_button_a.gif') no-repeat scroll top right;
	}
	
a.button span {
	background: url('bg_button_span.gif') no-repeat;
	}


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

table {
	margin-top: 15px;
	border-spacing: 0 15px;
	color: #666;
	font-size: 0.9em;
	line-height: 1.4em;
	}
	
table.timetable {
	width: 100%;
	padding-right: 15px;
	border-spacing: 0;
	}
	
table strong {
	color: #16244D;
	}

.tablehead {
	font-size: 1.4em;
	color: #16244D;
	font-weight: bold;
	}
	
td {
	padding: 8px 10px;
	vertical-align: middle;
	border-right: 1px solid #bbb;
	border-top: 1px solid #EDF0F4;
	border-left: 1px solid #EDF0F4;
	border-bottom: 1px solid #999;
	background-color: #fafaff;
	}
	
td.meal {
	background-color: #cacacf;
	}
	
tr.alt td {
	background-color: #fafffa;
	}

th.time {
	background-color: #8a8a8f;
	font-size: 1em;
	padding: 8px 10px;
	}

td.description {
	background: #fff;
	padding-left: 15px;
	padding-bottom: 0.6em;
	border: none;
	}
	
td.date {
	text-align: center;
	background: #fff;
	}

td.date .day {
	display: block;
	text-transform: uppercase;
	background: #16244d;
	color: #fff;
	}
	
td.date .month {
	display: block;
	font-size: 1.5em;
	line-height: 2em;
	margin-top: -1em;
	padding: 0 5px;
	color: #16244d;
	}	

th {
	color: #fff;
	text-align: left;
	padding: 12px 10px;
	border-right: 1px solid #EDF0F4;
	border-top: 1px solid #EDF0F4;
	background: #f25d22;
	font-size: 1.4em;
	}
	
tr.alt th {
	background: #4EB857 url(../graphic/gradient-1px.gif) repeat-x;
	}
	
td.beforelunch {
	border-right: 5px solid #EDF0F4;
	}

th a {
	color: #9feca4;
	}

table a span {display: none;}

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

table a:hover span {
	display: block;
	position: absolute; width: 200px;
	margin-left: 20px;
	margin-top: -40px;
	padding: 5px; z-index: 100;
	color: #16244D; background: #F9F9C7;
	font-size: 11px;
	font-weight: normal;
	}
	
table.dates td {
	margin-bottom: 10px;
	}
	
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%;
	}
	
table.studentmosaic {
	margin-top: 0;
	border-spacing: 15px;
	margin-left: -15px;
	}
	
table.studentmosaic td {
	border: none;
	}
	
#maincontent table.studentmosaic strong {
	font-weight: bold;
	}	
	
	
	
/*
======
FOOTER
======
*/


#footercontainer {
	background: #FFF3F7;
	border-top: 1px solid #EDF0F4;
	}


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

#walkthrunav.nextpage {
	background: url(../graphic/right-arrow.gif) right no-repeat;
	}

#walkthrunav.previouspage {
	background: url(../graphic/left-arrow.gif) left no-repeat;
	}


/*
=======
BULLETS
=======
*/

#subtitle ul.bigbullets.onblue li {
	background-image: url(../graphic/tick-orange-noshad-onblue.gif);
	}
	
#maincontent ul.bigbullets li {
	margin-left: -20px;
	padding: 10px 0 10px 40px;
	list-style: none;
	line-height: 1.5em;
	background-image: url(../graphic/tick-orange.jpg);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	}
	
	
#subtitle ul.bigbullets li {
	list-style: none;
	line-height: 1.5em;
	background-image: url(../graphic/tick-orange-on-blue.jpg);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	margin-left: -20px;
	padding: 10px 0 10px 40px;
	color: #fff;
	font-size: 1.3em;
	}

div.zone ul.bigbullets li {
	margin-left: -20px;
	padding: 10px 0 10px 40px;
	line-height: 1.5em;
	list-style: none;
	background-image: url(../graphic/tick-orange-noshad.gif);
	background-repeat: no-repeat;
	background-position: 0 .6em;
	}

ul.international li.health {
	background: url(../graphic/cross-symbol-30sq.jpg) no-repeat;
	}

ul.international li.finance {
	background: url(../graphic/pound-symbol-30sq.jpg) no-repeat;
	}

ul.international li.airport {
	background: url(../graphic/plane-symbol-30sq.jpg) no-repeat;
	}
	
ul.international li.visas {
	background: url(../graphic/visa-symbol-30sq.jpg) no-repeat;
	}
	
ul.international li.vocab {
	background: url(../graphic/speech-symbol-30sq.jpg) no-repeat;
	}
	
div.zone ul.translations img {
	border: 1px solid #ccc;
	margin: 5px 5px 0 0;
	}

ul#translationspagemenu li {
	display: inline;
	}
	
ul#translationspagemenu img {
	margin-right: 30px;
	margin-bottom: 30px;
	border: 1px solid #eee;
	}


/*
=======
CLASSES
=======
*/

div.uk-education-diagram {
	margin: 40px 0 60px 0;
	}

div.gcse-box {
	background: url(../graphic/gradbar-question-mark-wider.gif) no-repeat;
	width: 304px;
	height: 37px;
	margin: 0 auto;
	}
	
div.uk-education-diagram #gcses, div.uk-education-diagram #university {
	width: 304px;
	margin: 0 auto;
	}
	
div.uk-education-diagram #alevels {
	width: 220px;
	margin: 0;
	float: left;
	}	
	
div.uk-education-diagram #baccalaureate {
	width: 220px;
	margin: 0;
	float: right;
	}	

div.uk-education-diagram #gcses p, div.uk-education-diagram #university p, div.uk-education-diagram #alevels p, div.uk-education-diagram #baccalaureate p {
	margin: 0;
	padding: 5px 10px;
	background: #eaeaef;
	}
	
#maincontent div.uk-education-diagram div h3.unfurl {
	background-image: none;
	color: #fff;
	font-weight: bold;
	font-size: 1.6em;
	padding-top: 5px;
	padding-left: 10px;
	margin-top: 0;
	}
	
#maincontent div.uk-education-diagram div h3 a {
	color: #fff;
	display: block;
	}

div.alevel-box {
	background: url(../graphic/gradbar-question-mark-narrower.gif) no-repeat;
	width: 220px;
	height: 37px;
	float: left;
	margin: 0;
	}

div.baccalaureate-box {
	background: url(../graphic/gradbar-question-mark-narrower.gif) no-repeat;
	width: 220px;
	height: 37px;
	float: right;
	}

div.university-box {
	background: url(../graphic/gradbar-question-mark-wider.gif) no-repeat;
	width: 304px;
	height: 37px;
	margin: 0 auto;
	}
	
div.zone h5.studentname {
	margin-bottom: -10px;
	}


/*
========
CONTENTS
========
*/

#practicalitieslist h3.unfurl.visa {
	background-image: url(../graphic/visa-symbol-80sq.jpg);
	}

#practicalitieslist h3.unfurl.health {
	background-image: url(../graphic/cross-symbol-80sq.jpg);
	}
	
#practicalitieslist h3.unfurl.airport {
	background-image: url(../graphic/plane-symbol-80sq.jpg);
	}
	
#maincontent #practicalitieslist h3.unfurl {
	margin-top: 40px;
	padding-left: 100px;
	padding-bottom: 40px;
	padding-top: 20px;
	margin-bottom: -35px;
	}
	
#maincontent #practicalitieslist h3.underlined a {
	border-bottom: 1px solid;
	color: #f37421;
	}
	
#maincontent.visafaq div.unfurl ul {
	list-style-type: circle;
	line-height: 1.7em;
	margin-left: 60px;
	}

#practicalitieslist div.unfurl p {
	margin-left: 100px;
	}

#maincontent h3.unfurl {
	margin: 20px 0 0 0;
	padding-left: 40px;
	padding-bottom: 5px;
	padding-top: 2px;
	list-style: none;
	background-image: url(../graphic/tick-orange.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
	
div.arrow {
	margin-top: 0;
	float: left;
	padding-left: 10px;
	padding-right: 40px;
	margin-bottom: 30px;
	margin-top: 10px;
	padding-top: 5px;
	}
	
#main div.arrow p {
	margin-top: 2px;
	line-height: 1.7em;
	color: #16244d;
	}
	
#main div.arrow h2 {
	font-size: 2.2em;
	margin-top: 0;
	padding-top: 10px;	
	margin-bottom: 0;
	color: #16244d;
	padding-left: 10px;
	}
	
#main div.arrow h3 {
	margin-top: 0;
	margin-bottom: 0;
	color: #16244d;
	}
	
div.arrow#gcse {
	background: url(../../graphic/orange-arrow.gif) no-repeat;
	width: 323px;
	height: 165px;
	margin-right: 30px;
	}
	
div.arrow#gcse a {
	color: #f37421;
	}
	
div.arrow#alevel a {
	color: #37A5D4;
	}
	
div.arrow#alevel {
	background: url(../../graphic/blue-arrow.gif) no-repeat;
	width: 473px;
	height: 165px;
	margin-left: 0;
	}