body 				{background-color: #c0c7e0; margin: 0px 0px 0px 0px; /*background: url('/graphics/pattern02.png');*/}

div#full-width 		{width:952px; margin: 0px auto;}
div#pageInPage 		{width:940px; margin: 0px auto; height: 100%; background-color: #dddde9; border: 1px solid #1F3C77; border-width: 0px 1px; padding-bottom: 20px;}

div#top-link 		{position: fixed; bottom: 95px; margin-left: -15px; width: 10px; height: 80px; z-index: 100; overflow: hidden; padding: 0px;}

div#title-index		{position: relative; left: 0px; top: 15px; width: 910px; margin: 0 auto 15px auto; padding: 0px 0px 0px 0px; height: 102px;
						overflow: none; z-index: 1; background-color: #2d4076; border: 1px solid #0d2056;}
img.title			{margin: 7px 0px 0px 0px;}
img.square			{float: left; height: 80px; padding: 1px; margin: 10px; border: none;}
span.siteTitle1		{font: 33px Arial Black; font-weight: bold; letter-spacing: 0px; color: #fff; line-height: 38px; display: block; margin-top: 8px;}
span.siteTitle2		{font: 22px Tahoma; font-weight: bold; letter-spacing: 1px; color: #ddf; display: block; }

div#printButton		{display: block; position:absolute; top: 10px; right:130px; width:103px; letter-spacing:-0.1em; font: 10px Verdana; line-height: 10px;}
div#refer-friend 	{display: block; position:absolute; top: 10px; right:10px; width:109px; letter-spacing:-0.1em; font: 10px Verdana; line-height: 10px;}
div#printButton a, div#refer-friend a	{display: block; text-decoration: none; border: 1px solid #7F9Cd7; padding: 2px 2px 3px 2px; line-height: 10px; color: #7F9Cd7;}
div#printButton a:hover, div#refer-friend a:hover	{border: 1px solid #fff; color: #fff;}

div#flags		 	{position: absolute; bottom: 7px; right: 10px; width: 215px; height: 15px; letter-spacing: -1px; line-height: 10px; text-align: right;}
div#flags img			{margin: 0px; margin-left: 1px; padding: 1px; border: 1px solid #4d6096; width: 16px; height: 11px;}
div#flags img:hover		{border: 1px solid #7F9CD7;}

div#main-content	{position: relative; left: 0px; top: 0px; margin: 0px auto; padding: 10px; width: 890px; border: 1px solid #7F9CD7; background: #fff;
						font: 12px Arial; line-height: 1.6em; color: #001;}
div#main-content a 			{text-decoration: none; color: #446; border-bottom: 1px dotted;} 
div#main-content a:hover	{color: #002; border-bottom: 1px solid; background-color: #ccd;}
div#main-content a.no-border	{text-decoration: none; border-bottom: 0px;}
	div#main-content.contact		{min-height: 470px;}
	div#main-content.location		{min-height: 375px;}
	div#main-content.agents			{min-height: 335px;}

div#padded-content	{width: auto; padding: 0px 15px 15px 15px;}
div#inset-content	{width: 800px; padding: 10px; vertical-align: top;}
div#inset-content.featured-sites img		{float: right; margin: 5px 0px 0px 15px;}
div#inset-content.featured-sites span.text	{width: 320px; display: block; text-align: justify;}

span.title1, span.title2	{text-decoration: none; font-weight: normal; color: #2d4076; font-family: Arial; display: block; margin-bottom: 12px;}
	span.title1			 		{font-size: 24px; line-height: 25px; letter-spacing: -1px;}
		span.title1 a				{border: none !important; color: #2d4076 !important;}
	span.title2 				{font-size: 21px; line-height: 24px; letter-spacing: -1px;}
.title3, .title4 			{font-family: Arial, Helvetica;}
	.title3, .title3b			{color: #2D4076; font-size: 13px; line-height: 20px; font-weight: bold;}
	.title4						{color: #000; line-height: 16px; font-weight: bold;}
span.progress		 		{font: 17px Arial; letter-spacing: -1px; color: #d28423; line-height: 22px; display: block; margin-bottom: 4px;}
span.progress a				{font: 17px Arial; letter-spacing: -1px; color: #d28423 !important; border: none !important; padding: 0 2px;}
	span.progress a:hover		{color: #23015b !important;}

span.inset			{padding-left: 10px; display: block;}
span.payment-inset			{padding-left: 15px; display: block; margin-bottom: 8px;}

span.cv-title2 		{text-decoration: none; font-weight: normal; color: blue; font-family: Verdana; font-size: 15px; line-height: 20px;
						display: block; border-bottom: 1px dotted blue; margin: 0px 0px 9px 0px;}
span.cv-section		{position: relative; left: 10px;}

table td			{vertical-align: top;}

table#table-page	{position: relative; top: 0px; left: 0px; width: 100%;}
table#table-page td.fees		{padding-right: 20px;}
table#table-page td.info		{text-align: right; width: 250px; line-height: 20px;}
table#table-page td.text1, table#table-page td.text2	{font-size: 11px; line-height: 18px; padding-bottom: 7px;}
table#table-page td.text1		{padding-right: 20px;}
table#table-page td.text2		{width: 250px;}

table#ge-page	{position: relative; top: 0px; left: 0px; width: 100%;}
table#ge-page td.text1, table#ge-page td.text2	{font-size: 12px; line-height: 18px; padding-bottom: 7px;}
table#ge-page td.text1		{padding-right: 20px;}
table#ge-page td.text2		{width: 250px;}
table#ge-page td.text1 span.title3, table#ge-page td.text2 span.title3		{/*font-size: 14px;*/ line-height: 20px;}

table#fees-table	{border: 1px solid #cce; width: 600px; text-align: center;}
table#fees-table.accommodation	{width: 100%;}
	table#fees-table.accommodation td 	{line-height: 17px; padding: 4px;}
table#fees-table.cambridge		{width: 100%;}
	table#fees-table.cambridge td 		{line-height: 20px; text-align: left !important; padding: 0px 5px;}				
				tr.shade td		{background-color: #e9e9ff !important;}
table#fees-table td				{vertical-align: top; font: 12px Arial; text-align: center !important; padding: 7px 1px; line-height: 15px;}
table#fees-table td.title		{background-color: #5F7CB7; color: #fff; width: 100%; font-weight: bold; font-size: 14px; text-align: center !important;}
table#fees-table td.corner		{background-color: #7F9CD7; color: #fff; font-weight: bold;}
table#fees-table td.row-head	{background-color: #9FBCF7; color: #003;}
table#fees-table td.col-head	{background-color: #9FBCF7; color: #003; font-weight: bold;}
table#fees-table td.cell		{background-color: #dde; color: #003; vertical-align: middle;}
				td.cell a			{color: #009 !important; font-weight: bold;}
				td.cell a:hover		{color: #04c !important; background: none !important;}
table#fees-table td.cell-new	{width: auto;}				
				td.cell-new a		{color: #fff !important; font-weight: bold;}
				td.cell-new a:hover	{color: #b8d7f8 !important; background: none !important;}
				
div#info-table		{position: relative; top: 0px; right: 0px; width: 240px; overflow: hidden; float: right;}
table#info-table	{border: 1px solid #cce; width: 250px; margin-bottom: 5px;}
table#info-table td				{text-align: left; font: 12px Arial; line-height: 16px;}	
table#info-table td.title		{background-color: #889; color: #fff; width: 100%; font-weight: bold; font-size: 14px; padding: 7px; text-align: center;}
table#info-table td.subtitle	{background-color: #aab; color: #fff; width: 100%; font-weight: bold; font-size: 11px; padding: 4px; text-align: center;}
table#info-table td.header		{background-color: #dde; color: #111; width: 45%; font-weight: bold;}
table#info-table td.cell		{background-color: #eef; color: #111; width: 55%;}
table#info-table a				{color: #009; font-weight: bold;}
table#info-table a:hover		{color: #8dadd5;}

table#dates-table	{border: 1px solid #cce; width: 600px; text-align: left;}
table#dates-table td			{text-align: left; font: 12px Arial; padding: 4px 0px; line-height: 15px; color: #003; font-weight: bold;}
table#dates-table td.title		{background-color: #5F7CB7; color: #fff; width: 100%; font-weight: bold; padding: 7px 0px; font-size: 14px; text-align: center !important;}
table#dates-table td.code-head	{background-color: #9FBCF7; text-align: center;}
table#dates-table td.code		{background-color: #9FBCF7; text-align: center;}
table#dates-table td.date-head	{background-color: #9FBCF7; padding-left: 10px;}
table#dates-table td.date		{background-color: #dde; padding-left: 10px; font-weight: normal;}

table.course-table, table.accomm-table	{border: 1px solid #cce; width: 100%; text-align: center; font-size: 12px;}
table.course-table td 		{font-family: Arial; line-height: 20px; text-align: left !important; padding: 0px 5px;}		
table.accomm-table td 		{line-height: 16px; padding: 4px;}
table.course-table td.title, table.accomm-table td.title	{background-color: #5F7CB7; color: #fff; width: 100%; line-height: 20px; padding: 3px; font-weight: bold;
																	font-size: 14px; text-align: center !important;}
table.course-table td.row-head, table.accomm-table td.row-head	{background-color: #9FBCF7; color: #003;}
table.course-table td.col-head, table.accomm-table td.col-head	{background-color: #9FBCF7; color: #003; font-weight: bold;}
table.course-table td.cell, table.accomm-table td.cell			{background-color: #dde; color: #003; vertical-align: middle;}

table#course-home-page		{width: 100%; text-align: left;}
table#course-home-page td.boxes		{width: 300px; text-align: center; padding: 8px 0 0 0;}
	div.courseTestimonial			{width: 100%; margin: 20px 0px 0px 0px; padding: 0px; text-align: center; font-style: italic;}
	div.courseTestimonial img		{margin: 0px 0px 5px 0px;}	

table#columns		{border: 0px; width: 100%; text-align: left;}
table#columns td.right	{padding-left: 20px;}

.tblist 		{list-style-type: disc; margin-top: 0px;}
.tblist-fees, ul.courseNotes 	{list-style-type: disc; margin-top: 0px; display: block; position: relative; top:-15px; left:-8px; margin-bottom: -10px; padding-bottom: 0px}
ul.courseNotes li 	{font: 12px Arial; line-height: 18px;}
ul.text-list, ul.course-list	{list-style-type: disc; padding: 0px 0px 0px 16px;}
ul.text-list 					{margin: 0px 0px 10px 0px;}
ul.course-list 					{margin: 0px 0px 10px 10px;}
ul.course-list li 				{font: 12px Arial; line-height: 18px;}

span.tick-title			{display: block; font: 18px Arial; letter-spacing: -1px; font-weight: bold; line-height: 1.2em; margin-bottom: 2px; color: #446;}
ul.tick-list			{list-style: disc url('/graphics/tick2.gif') inside; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; vertical-align: top;}
ul.tick-list li				{font-weight: bold; padding: 2px 0 0 0;}
/*ul.error-list		{list-style: disc url('/graphics/bullet_error.png') outside; position: relative; left: 0px; top: 0px;}
ul.error-list li	{padding-bottom: 3px; line-height: 15px; vertical-align: top;}	*/

span.flow-arrows		{width: 260px; height: 50px; margin: 0px; padding: 5px; border: none; display: block;}
	span.flow-arrows#course	{margin: 5px auto 15px auto; padding: 5px 0 0 15px;}
span.flow-arrows div		{display: block; float: left; padding-right: 15px; margin-right: 10px; text-align: center; width: 105px; height: 50px; background: url('/graphics/flow-arrow.png');}
span.flow-arrows a			{color: #889 !important; background: none !important; border: none !important; display: block; font-size: 14px; font-weight: bold; line-height: 50px; text-decoration: none;}
	span.flow-arrows a:hover	{color: #335 !important;}

/* trial colour scheme follows */
span.flow-arrows div		{background: url('/graphics/flow-arrow-orange.png');}
span.flow-arrows a			{color: #fea822 !important;}
span.flow-arrows a:hover	{color: #de8802 !important;}

a#enquiryLink 		{display: block; width: 286px; margin: 0px auto 0px auto; text-decoration: none !important; border: none !important; z-index: 20;}
div#enquiryLead		{border: 2px solid #ccc;}
div#enquiryLead:hover	{border: 2px solid #447; cursor: pointer;}
div#enquiryLead.static, div#enquiryLead.static:hover	{background: none !important; width: 282px; margin: 0 auto 20px auto; border: 2px solid #447 !important; cursor: auto !important; color: #000;}
div#enquiryLead table	{width: 100%;}
div#enquiryLead td.el-left	{width: auto; padding: 3px 0 0 3px; text-align: center;}
	td.el-left span.el-title	{display: block; font: 18px Arial; letter-spacing: -1px; font-weight: bold; line-height: 1.2em; margin-bottom: 2px;}
	td.el-left span.el-text		{display: block; font: 11px Arial; letter-spacing: 0px; line-height: 1.4em;}
div#enquiryLead td.el-right	{width: 138px; text-align: center; padding: 3px 0;}
	td.el-right img				{width: 35px; height: 60px; border: 1px solid #445; margin: 3px;}
	td.el-right div.el-hold		{padding: 0px; z-index: 100; position: relative;}
	td.el-right div.el-float	{font: 11px Arial; padding: 0px; font-weight: bold; line-height: 1.2em; z-index: 200; width: 123px; height: 27px;
									position: absolute; top: 75px; left: 7px; color: #fff;}
									
span.el-title	{display: block; font: 18px Arial; letter-spacing: -1px; font-weight: bold; line-height: 1.2em; margin-bottom: 2px;}
span.el-text		{display: block; font: 11px Arial; letter-spacing: 0px; line-height: 1.4em;}
div.el-left		{width: auto; padding: 3px 0 3px 3px; text-align: center;}
div.el-right		{float: right; padding: 3px; z-index: 100; position: relative;}
div.el-float	{font: 11px Arial; padding: 0px; font-weight: bold; line-height: 1.2em; z-index: 200; width: 123px; height: 27px;
									position: absolute; top: 78px; left: 7px; color: #fff; text-align: center;}
div#enquiryLead img				{width: 35px; height: 60px; border: 1px solid #445; margin: 3px;}

table.el-form	{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 560px;}
	table.el-form td			{width: 50%; color: #000;}
	table.el-form td.big		{font: 22px Arial; font-weight: bold; color: #2d4076;}
	table.el-form td.medium		{font: 18px Arial; font-weight: normal; padding: 10px 0 10px 0;}
	table.el-form td.checks		{font: 11px Arial; line-height: 1.3em;}
	table.el-form span.small	{display: block; font: 14px Arial; font-weight: bold; padding: 5px 0 3px 0;}
table.el-form2	{padding: 0px 0px 0px 0px; margin: 10px 0px 0px 0px; width: 560px;}	
	table.el-form2 td.header	{width: 93px !important;}
	table.el-form2 td.field		{width: 281px !important;}
	table.el-form2 td.send		{width: 168px !important; text-align: right;}
	table.el-form2 td.send input	{width: 150px; height: 100px; background-color: #fd7; border-width: 2px; font-style: italic; -moz-border-radius: 12px;}
	table.el-form2 td.send input:hover	{background-color: #fb5;}
	table.el-form2 span.el-error, span.span-error	{border: 1px solid #955; background-color: #fcc; display: block;}	

div#el-logos	{width: 286px; margin: 5px 7px 15px 7px; text-align: center; padding: none;}
	div#el-logos img	{background: #fff; border: 2px solid #ccf; padding: 10px 7px; text-align: center; width: 117px; height: 50px; margin: 0px;}
	div#el-logos img.el-logo1	{margin-right: 6px;}
	div#el-logos img.el-logo2	{margin-left: 7px;}

div#sidebox 		{background: #dde; font: 10px Arial; color: #224; margin: 10px 7px 10px 7px; border: 1px solid #99c; text-align: left;
						width: 264px; position: relative; left:0px; top:0px; z-index:0; float: right; clear: both; padding: 8px 10px 3px 10px; line-height: 1.8em;}
td.boxes div#sidebox	{margin: 5px 7px; padding-bottom: 3px; float: none;}
div#sidebox ul		{position:relative; left:-20px; line-height: 15px; margin-top: 0px; margin-bottom: 0px;}
div#sidebox a			{color: #0b456e;}
div#sidebox a:hover		{color: #0b85be; background: none;}
div#sidebox a.largelink	{font-size: 10px; font-weight: bold;}
div#sidebox span.title, div#sidebox span.title-low		{font-weight: bold; color: #000; display: block; margin-bottom: 5px;}
div#sidebox span.title-low	{margin: 15px 0px 3px 0px;}
div#sidebox span.paragraph	{margin: 8px 0px 10px 0px; display: block;}
div#sidebox span.bottom		{margin-bottom: 6px; display: block;}

div#sidebox.down		{margin: 66px 7px 10px 12px; width: 259px;}
div#sidebox.terms		{margin: 66px 7px 10px 31px; width: 240px;}
div#sidebox.agents		{margin: 66px 7px 10px 21px; width: 240px;}
div#sidebox.location	{margin: 0px 7px 10px 25px; width: 252px;}
div#sidebox.students	{width: 248px !important; margin: 4px 10px 0px 20px;}						
div#sidebox.accomm		{width: 228px !important; margin: 5px 0px 10px 20px;}
div#sidebox.courses		{width: 228px !important; margin: 10px 0px 5px 0px;}
div#sidebox.residence	{padding-bottom: 10px; display: none;}
	div#sidebox.residence span.title		{margin-bottom: 10px;}
	div#sidebox.residence span.res-section	{display: block; margin-bottom: 7px;}
div#sidebox.contact		{margin-top: 46px; margin-left: 30px; width: 200px; line-height: 15px; padding-bottom: 8px;}
	div#sidebox.contact span.title			{margin-bottom: 2px;}

span.sidelight			{color: #777; font: 9px Arial; line-height: 13px; font-style: italic;}
div#right-panel		{margin: 10px 10px 10px 20px; width: 270px; position: relative; left:0px; top:0px; z-index:0; float:right; clear: both; padding: 0px;}
	div#right-panel.students	{margin: 0px 10px 0px 20px !important; text-align: center;}
	div#right-panel.students img	{padding: 2px; width: 265px; border: 1px solid #aab; margin: 0px 0px 15px 0px;}
div#right-panel a	{color: #fff;}

div#linkbox			{color: #adf; padding: 5px; margin-bottom: 15px; width: 530px; font-size: 1.1em; font-weight: bold; border: 1px dotted #ddf; background-color: #1e8bc3;}
div#linkbox span.title	{font-weight: bold; display: block; font-size: 1.2em; margin-bottom: 5px;}
	div#linkbox a		{color: #fff; border-bottom: 1px solid;}
	div#linkbox a:hover	{color: yellow;}

div#courseButtons	{display: block; height: 60px; margin-bottom: 10px; padding-left: 4px;}
	div.courseButton		{float: left; position: relative; margin-right: 18px; text-align: center; padding: 0px; font: 10px Verdana;}
	div.courseButton#last	{margin: 0px;}
	div.courseButton		{width: auto;}
	div.courseButton a			{border: 1px solid #f78e1e !important; background-color: #fff0df; color: #000 !important; display: block; height: auto;
									font-weight: bold; padding: 3px 10px; line-height: 1.6em;}
	div.courseButton a:hover	{border: 1px solid #f78e1e !important; background-color: #fed2a2; color: #000 !important;}
	div.courseButton a.padded	{padding-top: 11px; padding-bottom: 11px;}

span.course-title	{font: 13px Arial; line-height: 22px; padding: 2px 0px 0px 14px; background-repeat: no-repeat !important; background-position: 0px 6px !important; background-image: url('/graphics/courselink-arrow-blue.gif');}

a.download, a.download-course, a.download-course2
			{background-repeat: no-repeat !important; background-position: 4px 4px !important; text-align: left; display: block; padding: 6px 2px 6px 25px;
				font: 9px Arial, Tahoma; line-height: 1.4em; border: 1px solid #99b !important; border-width: 0px 1px 1px 0px !important; background-color: #bbc; color: #000 !important;}
a.download:hover, a.download-course:hover, a.download-course2:hover
			{background-color: #8FACE7 !important; border: 1px solid #99b !important; border-width: 1px 0px 0px 1px !important;}				
a.download, a.download-course2	{margin: 8px 0px 6px 0px;}
a.download-course				{margin: 8px 0px 12px 2px; width: 218px;}

/* FIX FOR IE HOVER */	*a.download:hover, *a.download-course:hover, *a.download-course2:hover	{background-position: 5px 5px !important;}
div#sidebox a.download, div#sidebox.courses a	{background-image: url('/graphics/pdf.gif') !important;}

span.faint					{color: #444; font-size: 10px; font-style: italic; line-height: 1.4em;}

div#photo-bar		{position: relative; left: 0px; margin: 10px auto 0 auto; width: 910px; height: 150px; overflow: none; z-index: 1;
						background: #0b75ae; border: 1px solid #3F5C97; text-align: right;}
div#photo-bar span.caption	{padding: 2px 3px 3px 3px; position: relative; top: 124px; right: 10px; color: #000; font: 12px Arial; border: 1px solid #000; background: #fff;}

div#bottom-bar		{position: relative; left: 0px; width: 910px; margin: 5px auto 0 auto;}
div#bottom-bar a		{color: #336; border-bottom: 1px dotted; text-decoration: none;}
div#bottom-bar a:hover	{color: #222; border-bottom: 1px solid; background: #aac;}
div#bottom-bar table		{width: 100%; padding: 0px;}
div#bottom-bar td		{vertical-align: middle; line-height: 18px; color: #000;}
div#bottom-bar td.logo	{width: 105px;}
div#bottom-bar td.contact	{font: 11px Arial; line-height: 18px;}
div#bottom-bar td.copy	{font: 9px Arial; line-height: 18px; text-align: right;}
div#bottom-bar span.smallest	{display: block; margin-top: 15px; padding: 0px 3px; font: 9px Tahoma;}

table#settings		{padding: 10px; width: 800px;}
table#settings td	{vertical-align: top;}
table#settings td.header	{width: 170px; font-weight: bold;}
table#settings td.desc		{padding: 2px 0px 25px 0px; color: #b8d7f8; font-family: Verdana;}

table#notes, table#notes2		{padding: 10px; width: 580px;}
table#notes3					{padding: 10px; width: 500px;}
table#notes td.header			{width: 170px;}
table#notes textarea		{width: 390px;}

table#friend-form, table#contact-form				{padding: 10px;}
		
		table#sub-form, table.sub-form, table#homepage-form		{border: 1px dashed #0b85be; background-color: #0e7bb3; padding: 10px;}
		
		td.hidden, tr.hidden, span.hidden		{display:none; height: 0px;}
		table.hidden							{display: none; height: 0px;}
		table.unhidden							{margin-bottom: 5px; margin-left: 15px;}
			table.unhidden td.field					{padding-right: 15px;}
		td.header, td.header-full				{font-weight: bold;}
		td.header-full							{width: 100%;}
		
		table#friend-form td.header		{width: 190px;}
		table#contact-form td.header	{width: 180px;}
		
		table#agent-form, table.agent-form						{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 10px; width: 560px;}
		table#agent-form td, table.agent-form td				{width: auto; color: #000;}
		table#agent-form td.header, table.agent-form td.header	{width: 200px !important;}
		table#agent-form textarea, table.agent-form textarea	{width: 320px;}

		table.app-payment, table#payment-accomm, table#payment-airport, table#payment-bank, table#payment-ccard
				{padding: 0px 0px 0px 0px; margin: 12px 0px 0px 10px; width: 560px; color: #000;}
		table.app-payment td.header, table#payment-accomm td.header, table#payment-airport td.header, table#payment-bank td.header, table#payment-ccard td.header		{width: 300px;}
		
		table#sub-form, table.sub-form							{position: relative; left: 10px; color: #bfdeff; padding: 5px; margin: 0px 0px 5px 0px; width: 530px;}
		table#sub-form td.header, table.sub-form td.header		{width: 180px !important;}
		table#sub-form td.field, table.sub-form td.field		{width: auto !important;}
		table#sub-form textarea, table.sub-form textarea		{width: 320px !important;}
		
		table#pastExam td				{width: 200px;}
		table#pastExam td.title			{width: 140px !important;}
		
		table#homepage-form				{position: relative; left: 10px; color: #fff; padding: 5px; margin: 0px; width: 800px;}
		table#homepage-form td.header	{width: 200px !important;}
		table#homepage-form textarea, table#homepage-form input[type=text] {width: 97% !important; margin: 0px;}
			textarea.homepage-form						{height: 130px !important;}
			textarea.homepage-form-medium				{height: 50px !important;}
			textarea.homepage-form-short				{height: 30px !important;}
		table#homepage-form td.desc		{padding: 2px 0px 25px 5px; color: #b8d7f8; font-family: Verdana;}
		select.languageChoice			{font-size: 12px; font-weight: bold;}
			select.languageChoice option	{padding: 2px 0px 2px 20px; background-repeat: no-repeat; background-position: 1px 4px;}
			option.english					{background-image: url('/graphics/flags/gb.png');}
			option.japanese					{background-image: url('/graphics/flags/jp.png');}
			option.chinese					{background-image: url('/graphics/flags/cn.png');}
			option.korean					{background-image: url('/graphics/flags/kr.png');}
			option.french					{background-image: url('/graphics/flags/fr.png');}
			option.spanish					{background-image: url('/graphics/flags/es.png');}
			option.italian					{background-image: url('/graphics/flags/it.png');}
			option.german					{background-image: url('/graphics/flags/de.png');}
			option.russian					{background-image: url('/graphics/flags/ru.png');}

form.inline			{display: inline;}
table#sub-form, table.sub-form, td.courses		{border: 1px dashed #aaa; background-color: #eaeaea; padding: 10px; color: #111;}	
select, input[type=text], input[type=submit], textarea
						{text-decoration: none; color:#000; background-color: #f0f0f0; font: 11px Arial; padding: 2px; border: 1px solid #444;}
	input.price				{width: 40px;}
	input.same-line			{margin-left: 5px;}
textarea			{width: 500px; height: 80px; overflow: auto;}
	textarea.keywords		{height: 100px;}
	textarea.description	{height: 60px;}
	textarea.friend			{width: 350px;}
	textarea.contact		{width: 365px;}
	textarea.appform		{width: 330px;}
	textarea.subform		{width: 100%;}
	textarea.agent			{width: 350px; height: 60px; margin: 3px 0px 0px 10px;}
input.submit			{color: #001; border: 1px solid #003; background-color: #fd7; width: auto; font-size: 15px; font-weight: bold;}
input.submit:hover		{color: #000; border: 1px solid #000; background-color: #fb5; cursor: pointer;}
input#error-field, textarea#error-field, select#error-field, .error-field, td.courses-error
						{border: 1px solid #955; background-color: #fcc; color: #a00;}
	td.courses-error				{padding: 10px;}
	td.courses-error, .error-field	{color: #000 !important;}										
input.disabled			{border: 1px dashed #777 !important; background-color: #dfdfdf; color: #555;}

span.courseSection	{font-size: 1.1em; line-height: 2.4em; display: block; padding-top: 8px;}

p#nogap		 		{position: normal; margin: 0px 0px 10px 0px;}
p.confirm-add 		{color: #050; background-color: #cfc; border: 1px solid #595; padding: 1px 1px 1px 20px; font-weight: bold; line-height: 18px;
						background-image: url('/graphics/add.png'); background-repeat: no-repeat;  background-position: 2px 2px;}
p.confirm-edit 		{color: #050; background-color: #cfc; border: 1px solid #595; padding: 1px 1px 1px 20px; font-weight: bold; line-height: 18px;
						background-image: url('/graphics/accept.png'); background-repeat: no-repeat;  background-position: 2px 2px;}
	p.confirm-edit a		{color: #0b8c0a !important; border-bottom: 1px dotted;}
	p.confirm-edit a:hover	{color: #1cba1c !important; border-bottom: 1px solid;}				
p.confirm-remove 	{color: #009; background-color: #eef; border: 1px solid #559; padding: 1px 1px 1px 20px; font-weight: bold; line-height: 18px;
						background-image: url('/graphics/information.png'); background-repeat: no-repeat;  background-position: 2px 2px;}
p.error 			{color: #700; background-color: #fcc; border: 1px solid #955; padding: 1px 1px 1px 20px; font-weight: bold; line-height: 18px;
						background-image: url('/graphics/exclamation.png'); background-repeat: no-repeat;  background-position: 2px 2px;}
	p.error a				{color: #a22 !important; border-bottom: 1px dotted;}
	p.error a:hover			{color: #d00 !important; border-bottom: 1px solid;}
ul.error-list		{list-style: disc url('/graphics/bullet_error.png') outside; position: relative; left: 0px; top: 0px;}
ul.error-list li	{padding-bottom: 3px; line-height: 15px; vertical-align: top;}	

span.required		{color: red; font-weight: bold;}
span.section		{display: block; border: 1px solid #aaa; background-color: #d3d3dd; font: 12px Arial; font-weight: bold; padding: 3px 3px 3px 7px;
						line-height: 20px; margin: 15px 0px 7px 0px; position: relative; left: 0px; color: #001; width: 560px;}	

span.contact-help	{display: block; font-size: 120%; font-weight: bold; margin-bottom: 10px; color: #f20;}

table#testimonials	{width: 530px;}
table#testimonials td	{vertical-align: top;}

td.urltext			{color: #b8d7f8; font: 11px Arial; font-weight: bold; padding: 0px 0px 10px 10px;}						
span.caption, span.caption-i 		{font-size: 9px; font-family: tahoma; letter-spacing: 0.2px; color: #2d4076;}
span.caption-i 		{font-style: italic;}

ul.indented			{position: relative; left: -10px; top: 0px; margin-top: 2px; padding-top: 2px; padding-bottom: 5px;}
ul.sitelist li		{line-height: 20px;}

li.site-map-flags a		{border: none !important;}
li.site-map-flags img			{border: 1px solid #ccc; padding: 1px; margin: 2px 1px 0px 0px;}
li.site-map-flags img:hover		{border: 1px solid #aac;}

img.up-arrow		{width: 11px; height: 8px; border: 0px; margin-left: 8px;}
img.link-image		{border: 1px solid #05617d;}
img.accommodation, img.homestay		{padding: 2px; border: 1px solid #aab; margin: 5px; vertical-align: middle;}
img.homestay		{margin: 7px 7px 24px 10px;}
img.mini-map		{border: 1px solid #0b85be; margin-bottom: 8px;}
	img.mini-map:hover	{border: 1px solid #0b456e;}
img.floatRight		{float: right; border: 1px solid #000; margin: 3px 0px 5px 20px;}
img.floatLeft		{float: left; border: 1px solid #000; margin: 3px 15px 5px 0px;}

span.justified		{display: block; text-align: justify;}

iframe.map			{padding: 2px; overflow: hidden; border: 1px solid #aac; margin: 0px 0px 10px 0px;}
a.map-link			{float: right; border: none !important;}
a.map-link img		{padding: 2px; border: 1px solid #aac;}

table#accommPics		{width: 580px; margin-bottom: 5px;}
table#accommPics td		{padding: 0px; vertical-align: top;}
table#accommPics img	{padding: 2px; border: 1px solid #b8d7f8; margin: 0px 0px 20px 0px !important;}
table#accommPics td#left img {float: left;}
table#accommPics td#right img {float: right;}
	
table#front-page	{position: relative; top: 0px; left: 0px; width: 100%;}
table#front-page td.right		{width: 300px; line-height: 20px; padding-left: 15px;}
	div#main-content.frontpage	{font-size: 12px;}
	div#bullets			{background: #d2d2df; font: 12px Arial; color: #001; width: 500px; margin: 0px auto; line-height: 1.8em;}
		div#bullets	ul	{list-style-image: url('/graphics/bullet-arrow-new.gif'); padding: 10px; margin: 0px 0px 5px 25px;}
		div#bullets li	{margin-top: 0.5em;}
		div#bullets li.right	{position: absolute; margin-left: 220px;}
		div#bullets a			{color: #2F4C87; font-weight: bold;}
		div#bullets a:hover		{color: #5F7CB7; background: none !important;}
	div#below-text		{margin: 15px 8px 5px 8px;}
	img.homepage-image		{border: 1px solid #000; margin: 0px 1px 10px 1px;}
	iframe#homepage-flash	{width: 295px; height: 195px; padding: 0px; overflow: hidden; border: 1px solid #000; margin: 5px 6px 10px 1px; z-index: -1;}
	div#image-placeholder	{display: block; border: 1px dotted #ccc; padding: 5px; margin-bottom: 10px; height: 175px;}
	table.home-logos	{width: 300px; margin: 10px 0px;}
		div.home-logo		{background: #fff; border: 2px solid #ccf; padding: 10px 7px; text-align: center; width: 120px; height: 50px; margin: 0px;}
	div#announcement	{display: block; font: 22px Arial; letter-spacing: -1px; color: #de8802; line-height: 32px; text-align: center; background-color: #fd7; width: 300px;}
		div#announcement a			{display: block; color: #de8802; text-decoration: none; border: none;}
		div#announcement a:hover	{color: red; background: none; text-decoration: none; border: none;}
	div#front-tests				{margin: 0px 8px 8px 8px;}
	table#front-page-students	{width: 100%; background-color: #ddd; font: 12px Arial; line-height: 17px;}
	table#front-page-students td.side	{padding: 10px 15px 5px 15px; width: auto; text-align: center;}
	table#front-page-students td.middle	{padding: 10px 0px 5px 0px; width: auto; text-align: center;}
					img.hometest	{border: 1px solid #669; margin: 7px 4px; width: 240px; height: 120px;}
	table#front-page-students a			{padding: 0 1px; font-size: 11px;}
	table#front-page-students a:hover	{background-color: #bbd;}

div.roundcorner2 				{width: 200px; background: #ffffff url('/graphics/TROuterBlue.gif') no-repeat top right; color: #000;}
div.roundcorner2 div 			{background: transparent url('/graphics/TLOuterBlue.gif') no-repeat top left;}
div.roundcorner2 div div 		{background: transparent url('/graphics/BROuterBlue.gif') no-repeat bottom right;}
div.roundcorner2 div div div 	{background: transparent url('/graphics/BLOuterBlue.gif') no-repeat bottom left; padding: 15px;}
.rtop,.artop{display:block}
.rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px}
.artop *{border-style: solid;border-width:0 1px}
.r1,.rl1,.re1,.rel1{margin-left:5px}
.r1,.rr1,.re1,.rer1{margin-right:5px}
.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px}
.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px}
.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px}
.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px}
.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px}
.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px}
.rx1,.rxl1{border-left-width:5px}
.rx1,.rxr1{border-right-width:5px}
.rx2,.rxl2{border-left-width:3px}
.rx2,.rxr2{border-right-width:3px}
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px}
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0}
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0}
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}
.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}

span.chinese, span.japanese, span.korean		{mso-bidi-font-family: "Arial Unicode MS"; mso-fareast-font-family: "Arial Unicode MS";}
span.chinese	{mso-fareast-language: ZH-CN; 	font-family: "SimSun";		font-size: 1.4em; line-height: 1.4em;}
span.japanese	{mso-fareast-language: JA; 									font-size: 1.2em; line-height: 1.5em;}
span.korean		{mso-fareast-language: KO; 		font-family: "Gulim";		font-size: 1.2em; line-height: 1.5em;}
span.russian	{mso-ansi-language: RU;										font-size: 0.9em; line-height: 1.6em;}

div#main-content.appForm form 						{color: #000; font: 11px Arial; line-height: 1.6em;}

div.testimonial, div.testimonial-tall	{width: 405px; padding: 10px; border: 1px solid #bbe; background-color: #dde; margin: 0px 0px 20px 6px; position: relative;}
div.testimonial							{min-height: 110px}
div.testimonial-tall					{min-height: 160px}
div.testimonial img.student					{float: left; margin: 2px 13px 1px 2px; width: 150px; height: 100px; border: 1px solid #446;}
div.testimonial-tall img.student			{float: left; margin: 2px 13px 1px 2px; width: 100px; height: 150px; border: 1px solid #446;}
img.flag									{margin: 3px 3px -2px 0; width: 16px; height: 11px; border: 1px solid #77a; padding: 1px;}
div.testimonial span.faint, div.testimonial-tall span.faint {display: block; text-align: right; margin-top: 2px;}

div#teacherIcons 		{height: 110px; width: 857px; padding-left: 5px; overflow: visible; margin: 0px 10px 0px 10px; z-index: 20; border-bottom: 1px solid #bbe;}
div#teacherIcons div				{float: left; border: 1px solid #fff; border-width: 1px 1px 0px 1px !important; margin-right: 5px; height: 109px;
										-moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px;}
	div#teacherIcons div:hover		{border: 1px solid #e2e2ff; background-color: #eef;}
	div#teacherIcons div.selected		{border: 1px solid #bbe; background-color: #dde !important; height: 110px; border-width: 1px 1px 0px 1px !important;}
div#teacherIcons a					{padding: none !important; border: none !important; background: none !important;}
	div#teacherIcons a:active, div#teacherIcons a:hover, div#teacherIcons div.selected a	{outline: 0 !important;}
div#teacherIcons img				{width: 72px; height: 90px; border-width: 1px; margin: 7px !important; padding: 0px !important;}
	div#teacherIcons div.selected img	{border: 1px solid #000;}

span#teachers div				{z-index: 1; width: 840px; padding: 10px; border: 1px solid #bbe; border-width: 0px 1px 1px 1px; background-color: #dde; margin: 0px 10px 10px 10px; position: relative;}
span#teachers div.hidden	{display: none;}				
span#teachers div.unhidden	{display: block;}
span#teachers div span.title3b	{font-size: 16px; display: block; margin-bottom: 4px;}
span#teachers div img.teacher	{float: left; border: 1px solid #446; margin: 4px 13px 0px 2px; width: 120px; height: 150px;}
span#teachers div table td		{vertical-align: top; line-height: 1.2em; padding-bottom: 7px;}
span#teachers div table td.q	{width: 200px; padding-right: 10px; font-style: italic; color: #444;}
span#teachers div table td.a	{font-weight: bold;}
span#teachers div span.blurb	{display: block; clear: both; margin-top: 10px;}

div.linkFrame		{float: left; position: relative; width: 400px; line-height: 1.6em; margin: 10px; padding: 10px; border: 1px dashed #b8d7f8; background-color: #0b659e;}
div.linkFrame img	{margin: 5px auto !important; border: 1px solid #000;}
div.linkFrame span.title3	{color: #fff;}
div.linkFrame span.inset	{margin-top: 3px;}
.clearfix:after 	{content: "."; visibility: hidden; display: block; clear: both; line-height: 0px; height: 0px;}
.clearfix 				{display: inline-block;}
html[xmlns] .clearfix 	{display: block;}
* html .clearfix 		{height: 1%;}

span.colourBlock	{display: block; margin: 5px 0; padding: 10px 0; text-align: center; font: 10px Verdana;}