/* CSS for ETC */

*, html { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif }
body { 
	background: transparent url(/images/bgdiag.gif) repeat 0 0;
	padding:4px;
}
img {border:none;}

p {  font-size:13px; margin-bottom:6px; color:#333333; font-weight:normal; line-height:130%}  /* defaults */
li { font-size:13px; margin-bottom:5px; color:#333333; font-weight:normal; line-height:130%}  /* defaults */

a {color:#333333; }

.email {font-size:16px; color:blue; }

.footnote {
	margin-top:20px;
}
.footnote p {font-size:10px;}

#overlay {
	/* position:absolute;top:130px;left:720px; */
}
#overlay h2 {
	font-size:26px;
	color:white;
}

#attention {
	margin:0;
	text-align:center;
	margin-bottom:10px;
}
#attention img {
	margin-top:-5px;
}

#container {
	width:950px; 
	margin: 4px auto 4px auto;
	border:1px solid silver; 
	padding: 10px 10px 20px 20px;
	background-color:#FFFFFF;
}
#header {
	width:99%;
	height:75px;
	background: #FFF url(/images/etc_banner.gif) no-repeat 15px 40px;
	padding-bottom:10px;
	border-bottom:3px solid orange;
}
#header h1 {font-size:10px;color:#336600;background-color:#EEEEEE;text-align:left; padding:6px 6px 4px 6px;}

#arrange { margin-left:200px;border:0px solid gray;width:740px; }

.infobox {
	border:1px solid silver;
	padding:0 10px;
	margin-bottom:12px;
}

div#brochure {
	float:right;
	width:200px;
	background-color:#EEEEEE;
}
div#brochure p {
	font-family:cambrini;
	color:#CC6600;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	margin:6px 0;
}
div#brochure a { text-decoration:none;}
div#brochure a:hover {text-decoration:underline;}
div#menu { 
	width:183px;
	margin-top:12px;
	 float:left; 
}

div#menu ul.menu { list-style-type: none; margin-left:0; padding-bottom:5px;border-bottom:3px solid orange;}

div#menu ul.menu li { font-size:12px; margin:0; margin-bottom:2px; padding:0; width:180px; border-bottom:1px dotted green; }

/*
background: transparent url(/images/gradient-bg.gif) no-repeat 0 0; 
border-bottom:1px dotted #FF0099; 
*/

div#menu ul.menu li.new { color:black; background: #F7F7F8 url(/images/new_feature.gif) no-repeat 50px 4px; z-index:1;}
div#menu h5 { background: #F7F7F8 url(/images/new_feature.gif) no-repeat 70px 2px; }

div#menu a { 
	color:navy;
	background-color:white;
	display:block; 
	font-size:13px; 
	font-weight:normal;
	margin: 1px 0 1px 0;
	padding:3px;
	text-decoration:none;
	width:96%; 
}
div#menu a strong {
	color:#FF6633;
	font-weight:bold; 
}
div#menu a:hover, div#menu li a.current {  
	color:white;
		background-color:orange;
}
	/* background-color:rgb(224,102,51);terracotta */
div#menu a:hover strong {  
	background-color:#000000;
}
div#menuZZZ strong {
	background-color:#dddddd;
}
div#menu ul.submenu {
	list-style:none;
	font-size:0.9em;
	/* color:#FF0033;  */
	color:#CC3300;
	font-weight:bold;
	text-align:left;
	width:168px;
	margin-top:-1px;
	margin-left:0; 
	padding-left:10px;
	padding-top:7px; 
	border:0px solid silver; 
}
div#menu ul.submenu li { 
	background: transparent url(/images/bullet.gif) no-repeat 0 5px; 
	font-size:0.9em;
	padding-left:15px; 
	width:135px;
	border-bottom:none;
}

div#menu ul.submenu a { 
	margin:0; 
	padding:0; 
	width:130px; 
	color:navy;  
	background-color:transparent; 
	font-size:11px;
}

div#menu ul.submenu a:hover {color:orange;text-decoration:underline;}

div#menu li.lookatme a{
	background-color:#006600;  
	background-color:rgb(224,102,51);
	font-weight:bold;
	color:white;
}
#footer { width:980px; margin: 0 auto;}
#footer p {font-size:10px;color:#336600;background-color:#EEEEEE;text-align:center; padding:6px 6px 4px 6px;}


#gappromo { border:1px solid #CCCC99; margin-top:20px;margin-right:4px;padding:0;width:160px}
#gappromo p { text-align:center; color:blue; font-size:13px; width:155px;}
#gappromo p img {border:0}
#gappromo p a { color:blue; background-color:#FFFFFF; font-size:13px; text-decoration:none}
#gappromo p a:hover { color:blue; background-color:#FFFFFF; font-size:13px; text-decoration:underline;}

span.attn { font-weight:bold;color:#CC6600 }

/* 
#menuhoriz { 
	position:absolute; 
	top:0; 
	left:0; 
	width:865px; 
	height:20px; 
	border: 1px solid silver;
	font-size:90%;
	padding-top:6px;
		background-color:#fdcc28; 
}

#menuhoriz ul.menuhoriz { list-style-type: none; margin-left:7px; text-align:center;}

#menuhoriz ul.menuhoriz li { margin:0; padding-top:6px; width:80px; display:inline;}

/* XZXh5 { background: #F7F7F8 u r l(/ images/ new_feature.gif) no-repeat 70px 2px; } */
/*
#menuhoriz a { 
	color:navy; 
	font-size:13px;
	font-weight:bolder;
	width:auto; 
background-color:#fdcc28; 

	padding-top:6px;
	text-decoration:none;
	border-left:0px #ccc solid;
	border-left:0px #0099FF solid;
}
#menuhoriz a strong
{
	font-weight:bold; 
	color:#FF6633;
}
#menuhoriz a:hover {  
	border-bottom:1px solid rgb(224,102,51);
}
#menuhoriz a:hover strong 
{  
	background-color:#000000;
}
#menuhorizZZZ a
{
	background-color:#0066CC;
	border-left:4px solid #0066CC;
}
#menuhorizZZZ a .strong
{
	background-color:#dddddd;
	border-left:4px solid black;
}
*/
#prh /* panelrighthand */
{
	width:145px;
	float:right;
	border:0px solid silver;
	text-align:right;
	margin-top:10px;
}
#prh div
{
	width:130px;
	min-height:60px;
	border:1px solid silver;
	margin-bottom:8px;
	text-align:left;
	padding:5px;
}
#prh ul
{
	list-style:none; margin-top:6px; margin-bottom:6px; 
}
#prh li
{
	background: transparent url(/images/greybullet.gif) no-repeat 0 5px; 
 	margin:0 0 6px 0;     
	padding:0 0 0 9px;
}

#prh div h4 { color:#FF6600;font-size:14px;font-weight:bold;margin-bottom:3px; }
#prh div p { color:rgb(0,102,204);font-size:11px;line-height:120%; }
#prh div a { color:rgb(0,102,204);font-size:11px;line-height:120%; text-decoration:none; }
#prh div a:hover { text-decoration:underline; }

#prh .prh2 {
	background: transparent url(/images/laptop2.jpg) no-repeat 70px 30px;
}
#prh .prh3 {
	background: transparent url(/images/grammar_guide_bg2.gif) no-repeat 75px 0; 
}
#prh .prh4 {
	background: transparent url(/images/sample_bg.gif) no-repeat 86px 5px;
}
#prh .prh5 {
	padding-bottom:25px;
	background: transparent url(/images/telegraph.gif) no-repeat 40px 84px; 
}
#prh .prh6 {
	background: transparent url(/images/PLC-067100.jpg) no-repeat 72px 2px; 
}
#prh .prh6B {
	background: transparent url(/images/new_business_matters.jpg) no-repeat 72px 2px; 
}
#prh .prh6C {
	background: transparent url(/images/LTSH-067100.gif) no-repeat 72px 2px; 
}
#prh .prh6D {
	height:160px;
	background: transparent url(/images/writing-with-children-119w.gif) no-repeat 24px 55px;
}

.bottomstrip {	
	margin: 0 auto;
	height:80px;
	/* background: transparent u r l( / images/ logos_mixed.gif) no-repeat 50% 0;  */
	border:0 solid silver;
}
.ad1 {
	/* background: transparent u r l(/images/cot_badge.jpg) no-repeat top left ; */
	width:100px;
	height:100px;
	vertical-align:middle;
}

#rightcolumn { 
	float:right;
	width:182px;
	border:0px solid orange;
	/* padding: 12px 12px 0 12px;  */
	}
#rightcolumn2 { 
	position:absolute; top:300px; left:300px; 
	border:5px solid blue;
	/* padding: 12px 12px 0 12px;  */
	}
#rightcolumn .travelbox { 
	border:0px solid gray;
	/* padding: 12px 12px 0 12px;  */
	padding: 12px 0 0 0;
	}
#rightcolumn .travel { 
	border:1px solid gray;
	margin-bottom:12px;
	}
#rightcolumn .travel img { 
	width:180px;
	}
#rightcolumn .travel p {
	text-align:center; 
	font-size:10px; 
	color:gray;
	background-color:#ffffff;
	margin:3px 0;
	}

div#pagebanner {
	width:737px;
	height:145px;
	margin:10px 0 0 0;
	border-bottom:3px solid orange;
	padding: 0 0 6px 0;
	}

#content { 
	width:555px;
	padding: 10px 0 0 0; 
	border:0;
	background-color:white;
	line-height:130%;
	font-size:0.9em;
	padding-left:15px;
	}	
#content p {
	text-align:justify;
	}

/*
#content.tesolredgreen {
	background: transparent url(/images/tesol_heading.gif) no-repeat 10px 0;
	padding-top:50px;
}
*/

ul.ticked { 
	list-style:none;
	margin-bottom:15px; 
}
.ticked li {
	background: transparent url(/images/tickterracotta.gif) no-repeat;
	color:#444444;
	margin-left: 10px;
	margin-bottom:2px;
	padding-left: 30px;
}
#content h2 {  
	font-size:20px;
	margin: 6px 0 12px 0;
	font-family:Arial,Sans-serif;
	color:navy;
}
#content h3 {
	color:#006600;
		color:navy;

	font-size:16px;
	margin: 14px 0 8px 0;
}
#content h4 {
	color:navy;
 	font-size:14px;
	margin: 9px 0 6px 0;
}
.more {
	background: #FFFFFF url(/images/grey_arrow.gif) no-repeat 0 3px;
	padding-left:18px;
	margin-left:7px;
}

ul.pdf {
	list-style:none;
	margin-bottom:15px;
	margin-left:10px;
}
ul.pdf li {
	padding-top:10px;
	padding-left:20px;
}
ul.pdf li a {
	background: transparent url(/images/pdf_icon.gif) 0 0 no-repeat;
	color:#017933;
	margin-bottom:10px;
	padding-top:7px;
	padding-left:25px;
}
p.getAdobe {  
	padding-top:20px;
	padding-left:0px;
	color:#017933;
	height:20px; width:240px;
}
p.getAdobe a {  
	background:transparent url(/images/get_adobe_reader.gif) 0 0 no-repeat; 
	color:#017933;
	padding-top:20px;
	padding-left:100px; 
}
ul.toc1,ul.toc2 {
	list-style:none;
	margin-bottom:15px;
	margin-left:20px;
}
ul.toc1 li {
	padding-left: 20px;
	background: transparent url(/images/menuBullet.gif) 0 0 no-repeat;
}
ul.toc2 li {
	padding-left: 20px;
	background: transparent url(/images/submenubullet.gif) 0 0 no-repeat;
}
ul.toc1 a, ul.toc2 a {
	color:blue; 
}
p.up { 
	background: #FFFFFF url(/images/grey_arrow_up.gif) no-repeat 376px 50%;
    font-size:10px; 
	margin-top:0px;
	padding-left:390px;
}

hr { border:0; border-bottom:3px solid orange; margin: 12px 0;}

#jobapplication {
	border-top:3px solid orange;
	border-bottom:3px solid orange;
	margin:22px 0;
	padding:15px;
}
#jobapplication p {
	text-align:center;
}

.indent40 p, .indent40 hr {margin-left:40px;width:auto}
.indent50 {margin-left:40px;width:auto}

p.indent60 {margin-left:60px;}
.indent80 {margin-left:85px;width:auto}

.pixntext img {
	width:75px;
	height:98px;
	border:0;
	margin:4px 12px 6px 0;
	float:left;
}

.pixntext iframe {
	width:120px;
	height:220px;
	border:none;
	float:left;
}
div#content .pixntext h4, div#content .pixntext p {
	margin-left:130px;
	width:auto;
}
.pixntext h4 {font-weight:normal; }

.quote {
	background: transparent url(/images/open_quote.gif) no-repeat top left;
	margin:0;
	padding:15px 25px 0 20px;
	width:380px;
	z-index:6;  
}
.endquote {
	background: transparent url(/images/close_quote.gif) no-repeat bottom right;
	font-weight:bold;
	margin:-10px 0 0 0;
	padding:12px 20px 10px 20px;
	width:380px;
	text-align:center;
	z-index:3;
}
.quote2 {
	background: transparent url(/images/quotes-close.gif) no-repeat top left;
	margin:0;
	padding:15px 25px 0 20px;
	width:380px;
	z-index:6;  
}
.endquote2 {
	background: transparent url(/images/quotes-close.gif) no-repeat bottom right;
	font-weight:bold;
	margin:-10px 0 0 0;
	padding:12px 20px 10px 20px;
	width:380px;
	text-align:center;
	z-index:3;
}

td.compare, td.compareleft { 
	padding: 5px;
	border-bottom: 1px silver groove; 
	font-size: 10px;
	color: #000000;
	text-align: center;
}
td.compareleft {text-align: left}

ul.bullets { list-style:none; margin-top:10px; margin-bottom:15px; }
.bullets li {
	background: transparent url(/images/greybullet.gif) no-repeat 0 5px; 
 	margin:0 0 6px 15px;     
	padding:0 0 0 18px;
}
.bullets a {color: #000000;}

#syllabus ul { list-style:none; margin-top:4px; margin-bottom:4px; }
#syllabus ul li {
	background: transparent url(/images/greybullet.gif) no-repeat 0 4px; 
 	margin:0 0 0px 10px;  padding:0 0 0 18px; font-size:11px;
}
#syllabus ul li ul { list-style:none; margin-top:2px; margin-bottom:2px; }
#syllabus ul li ul li {
	background: transparent url(/images/greybullet.gif) no-repeat 0 4px; 
 	margin:0 0 0 10px;  padding:0 0 0 12px; font-size:10px;
}
#jobsamples td {
	vertical-align:top;
}
/* FAQ special styles */

.quietQ { border:none; margin:6px 0 0 0;}

.loudAns { 
	display:block; 
	background-color:#FAFAFA; 
	border:1px solid rgb(224,102,51); border: 1px dashed orange;
	padding:4px; 
	padding-top:0;
	margin-top:12px; 
	margin-bottom:12px;
}
#faq h3 {
	display:block;
	margin:0; 
	color:navy; 
	font-size:12px; 
	margin: 6px 0 4px 0; 
	padding-left:17px;
	background: transparent url(/images/grey_arrow.gif) no-repeat 2px 2px; border:0;
}
#faq h4 {
	display: none; 
	margin:3px; 
	color:navy;  
	font-size:12px; 
	margin-bottom:9px; 
	padding-left:20px; 
	background: transparent url(/images/grey_arrow.gif) no-repeat 4px 2px;
}
#faq p { 
	padding:6px 16px; 
	background-color:#FAFAFA; 
	margin-top:0;
	margin-bottom:6px;
}

#faq a { color:navy; font-weight:normal;}
/* end of FAQ special style */

div#rhs { width:164px;border:0px solid silver;float:right; text-align:center; margin-left:25px;}
div#rhs img { width:160px;border:1px solid gray; margin-bottom:15px;}

.feeslist h6, .feeslistwide h6 {
	font-size:13px; font-family:Verdana,Arial, Helvetica, sans-serif;
}
.feeslist td {
	padding:3px 3px 3px 10px;
	width:180px;
}
.feeslistwide table {
	width:480px;
	/* border:1px solid gray; */
}

.feeslistwide td {
	padding:3px 3px 3px 10px;
	vertical-align:top;
}

#ctpage li, #ctpage p, #ctpage a {
	text-decoration:none;
	font-size:14px;
}

.newcourse { 
	border:1px solid silver; 
	background: transparent url(/images/new-course-200w.gif) no-repeat 380px 0;
}
.etc {color:#006600; font-weight:bold;}
.sterling {color:#006600;font-size:1em;font-weight:bold;}
.nonsterling {color:black;font-size:0.9em;font-weight:normal;}

#etcpop {
	background: transparent url(/images/etc_banner.gif) no-repeat;
	padding-top:60px;padding-bottom:30px;
}
#etcpop img {
	width:122px;
	height:166px;
	border:0;
	margin:4px 12px 6px 15px;
	float:left;
}
#etcpop h4, #etcpop p {
	margin-left:150px;
	padding-right:30px;
	width:auto; 
	text-align:left;
}
#etcpop .closewin { 
	background: transparent url(/images/dot.gif); 
	padding:4px; 
	text-align:center;
	width:100%; 
}
img.partners {
	border:1px solid silver;
	width:120px;
	height:31px;
	margin: 6px 0 20px 6px;
}
img.partners2 {
	border:1px solid silver;
	width:120px;
	height:31px;
	margin:2px 0;
}
img.kaien {
	border:1px solid silver;
	width:120px;
	height:120px;
	margin: 6px 0 10px 12px;
}

.adctbox {
	border:1px solid gray;
	padding:6px;
}
.adctbox img {
	border:none;
	float:right;
}
div#logos_side { background-color:#FAFAFA; width:180px; text-align:center; padding:0; margin:0;}
div#logos_side a { background-color:#FAFAFA; border:1px solid white }
div#logos_side a:hover { background-color:#FAFAFA; border:1px solid gray }

div#logos_actdec { background-color:#FAFAFA; width:180px; text-align:center; padding:0 4px 20px 4px; margin:0; border-bottom:3px solid orange;margin-bottom:5px;}

div#logos_actdec a { background-color:#FAFAFA; xborder:1px solid white }
div#logos_actdec a:hover { background-color:#FAFAFA; xborder:1px solid gray }

div#logos_cot { background-color:#FAFAFA; width:180px; text-align:center; padding:0 6px 6px 6px; margin:0;}
div#logos_cot a { color:black; background-color:#FAFAFA; border:1px solid white; text-decoration:underline; }
div#logos_cot a:hover { color:black; background-color:#FAFAFA; }
div#logos_cot p, div#logos_cot a { font-size: 12px; padding:0; color: #333333; font-weight: normal; line-height: 120%;
}



.acronym { border-bottom:1px dotted green; }

h3 a {color:#666666}
h4 a {color:#666666}

.disc {color:red; font-weight:bold; font-style:italic;}
h2.disc {color:red; font-weight:bold; font-style:italic; font-family:Arial, Helvetica, sans-serif}

#links ul {
	list-style-type:none;
}
#links li {
	line-height:130%; margin-bottom:12px;
}
#links li strong {
	color:#00388C;
}

#links li a {
	text-decoration:none;
}
#links li a:hover {
	text-decoration:underline;
}
.formlinkbox {
	border:1px solid gray;
	background-color:#FAFAFA;
	padding:9px;
	background-color:orange;
}
/* ---------- */
#enroltoday {
	width:260px;
	border-top:3px solid orange;
	border-right:1px solid silver;
	border-bottom:3px solid orange;
	border-left:1px solid silver;
	margin: 30px auto;
	text-align:center;
	}
#enroltoday h3 {
	text-align:center;
}
#enroltoday p {
	text-align:center;
}
#enroltoday a {
	text-decoration:none;
}
/* Enquiry Form */

div#enq .prompt {}
div#enq .error {color:red;}
div#enq label {
	color:#00CC66;
	color:#333333;
	float: left;
	font-size:13px;
	font-weight:normal;
	height:14px;
	margin:2px 0;
	text-align: right;
	vertical-align: text-bottom;
	width:130px;
}  
div#enq input, div#enq select {
	display:block; 
	margin:3px 0 3px 140px; 
	padding-left:2px; 
	background-color:white; 
	border:1px solid silver;
	color:gray;font-size:13px;
}
div#enq textarea {
	display:block; 
	margin-left:140px; 
	padding-left:2px; 
	background-color:white; 
	border:1px solid silver; 
	width:370px; 
	color:gray; 
	font-size:13px;
} 
/* end enquiry form */