/* START HTML RESET */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent;}
body {	line-height: 1;}
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {	content: '';	content: none;}
 /* remember to define focus styles! */
:focus {	outline: 0;}
 /* remember to highlight inserts somehow! */
ins {	text-decoration: none;}
del {	text-decoration: line-through;}
 /* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse;	border-spacing: 0;}
/* END HTML RESET */

/*@CHARSET "UTF-8";*/


body {
	font-size:9pt;
	font-family:"News Goth BT", verdana, arial, sans-serif;
	line-height:1.5em;
	background: #bbb;
}

a img {text-decoration:none; border:none;}
a:hover {text-decoration:none; color: #c95a12;}
a {text-decoration:none; color: #f7921e;}

td .content {
	height: 1em;
	width: 1em;
}

ul {text-decoration: none;}
li {text-decoration: none; padding: 0 0 0 0;}






table, .columnwrapper table, div.column_2 table {
	border-width: 0;
	border-spacing: 0;
	border-style: none;
	border-collapse: separate;
	}
table th, .columnwrapper table th, div.column_2 table th {
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: none none none none;
}
table td, .columnwrapper table td, div.column_2 table td {
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: none none none none;
	}

.maincontent table {
	border-width: 1px;
	border-spacing: 10px;
	border-style: solid;
	border-color: #f7921e;
	border-collapse: separate;
	}
.maincontent table th {
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: none none none none;
	background:#efefef;
}
.maincontent table td {
	border-width: 0px 0px 1px 0px;
	padding: 0px 0px 0px 0px;
	border-style: none none dashed none;
	border-color: #f7921e;
	}

#header a {text-decoration: none; color: #333;}
#header a:hover {color: #f7921e;} /* order is important!!  :link :visited :hover :active  */


/*  */
/* COLUMN POSITIONING AND BACKGROUND COLORS */
/*  */


#minMax {min-width:700px; max-width:1100px; margin:0 auto;}

#header {
	margin: 0 0 0 0;
	padding: 0;
	background: #f0f0f0;
	background-image: url("images/nav/menu-bg-thin.gif");
	background-repeat: repeat-x;
	background-position: bottom;
	/* background: rgb(237,237,237) url('http://olintest.ecenglishdev.com/test/images/bg_header_orange-white.jpg') left top*/;
}
#headwrapper {background: url('images/header/ec_boston.gif') no-repeat top right;}

#outer0 {float:left; width:16%; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right:auto; vertical-align:middle; padding:10px 0 0;}
#outer1 {float:left; width:16%; background:#fff;}
#outer2 {float:left; width:25%; background:#fff;} /*supporting*/
#outer3 {float:left; width:75%; background:#fff;} /*main content*/
#outer4 {float:right; width:25%; background:#d0d0d0;}
#outer5 {float:right; width:50px; background:#e2e2e2;}
	div#topbar>div#outer5 {width:16%;} /*for good browsers*/
#outer6 {float:right; width:100%; background:#fff;} /*home - full width no room for supporting*/
	div#topbar>div#outer6 {width:100%;}
.columnwrapper {/*background:url('images/homepage/bg_fade.jpg') no-repeat; */ background:url(images/homepage/bg_fade2.gif) repeat-x bottom; clear:left; width:100%; overflow:hidden; margin:0; padding:0 0 5px 0; border-top:#fff 1px solid; }
.columnwrapper .column_2 {float:left; width:44%; background:#eee; padding:1em 2% 30em 2%; margin:0 0 -30em 0;}

	div.columnwrapper>div.column_2 {width:46%;}

.columnwrapper .column_3 {float:left; width:29.3%; background:#efefef; padding:.5em 2% 30em 2%; margin: 0 0 -30em 0;}
#outer1, #outer2, #outer3, #outer4, #outer5, {padding-bottom:32767px; margin-bottom:-32767px;}


.columnwrapper div.features h3.home_title /*for IE*/ {margin:95px -10px 0px; padding:0 10px 5px; color:#fff; display:block; font-weight:500;letter-spacing:1px;font-size:13pt;}
.columnwrapper div.features h3.home_title2 /*for IE*/ {margin:112px -10px 0px; padding:0 10px 5px; color:#fff; display:block; font-weight:500;letter-spacing:1px;font-size:13pt;}


.columnwrapper div.features>h3.home_title2 /*for good browsers*/  {margin:112px -10px 0px; padding:0 10px 5px; color:#fff; display:block; font-weight:500;letter-spacing:1px;font-size:13pt;/*background:#333 url('images/homepage/bg_fade.jpg');*/}
.columnwrapper div.features>h3.home_title /*for good browsers*/ {margin:95px -10px 0px; padding:0 10px 5px; color:#fff; display:block; font-weight:500;letter-spacing:1px;font-size:13pt;/*background:#333 url('images/homepage/bg_fade.jpg');*/}

/*margin:80px -10px 0px; padding:10px 10px 5px; color:#fff; display:block; font-weight:500;letter-spacing:1px;font-size:13pt;*/

.columnwrapper p {margin:0 -10px 0; padding:10px 10px 5px; color:#000; display:block; /*background:#333 url('images/homepage/bg_fade.jpg');*/}
.columnwrapper h3.home_title a:hover, .columnwrapper h3.home_title2 a:hover {text-decoration:none;color:#CCD9FF;}
.columnwrapper h3.home_title a, .columnwrapper h3.home_title2 a {text-decoration:none;color:#fff;}
.columnwrapper p a:hover {color:#7598FF;}
.columnwrapper p a {color:#0033CC; text-decoration:none; display:block;}
.features { padding:10px; padding-bottom:30px; margin-bottom:-30px; overflow:hidden;}
.columnwrapper div.fab5_image1 {background:url('images/homepage/tefl.jpg') top left; background-repeat: no-repeat;} /*#multi:ffe4b5, blue:CCD9FF*/
.columnwrapper div.fab5_image2 {background:url('images/homepage/testprep.jpg') top left; background-repeat: no-repeat;} /*#E6E6FA*/
.columnwrapper div.fab5_image3 {background:url('images/homepage/onsite.jpg') top left; background-repeat: no-repeat;} /*#FFB6C1*/
.columnwrapper div.fab5_image4 {background:url('images/homepage/uap.jpg') top left; background-repeat: no-repeat;} /*#FFFACD*/
.columnwrapper div.fab5_image5 {background:url('images/homepage/esl.jpg') top left; background-repeat: no-repeat;} /*#98FB98*/

#wrapper {overflow:hidden; background:#fff; padding:0; margin:0;}

#topbar {width:67%; float:left; background-repeat:no-repeat;
	}
	div#wrapper>div#topbar {width:68%;}
#titleArea {min-height:150px;}

#footer {clear:both; background:#f7921e; text-align:center;}

h1, h2, h3, h4, h5, h6 {font-family:"Halvett Condensed", helvetica, arial, sans-serif;}

h1 {font-size:20px; margin:0; padding:1em 0; color:#fff;}
h3 {font-size:18px; margin:0; padding:8px 0;}
.content {padding:1em; overflow:hidden;}
.headcontent {margin:0; padding:0;}
.navcontent {margin:0; padding:0; overflow:hidden;}
p {font-size:12px; line-height:1.5em; margin:0; padding:.5em 0;}
.maincontent {font-size: 12pt; padding: 0 1em 1em 1em; margin: 0 0 0 0; border-left: 0px solid #c95a12;}
.maincontent h4 {font-size: 22pt; text-transform:uppercase; padding:13px 0 .5em 0; margin:0; line-height:24pt;}
.maincontent p {font-size:9pt;}
#header p {color:#fff;}
#footer a {color:#fff;}
#footer a:hover {text-decoration:none;}


h3.title_name {padding:10px 0;}


.column_2 p, .column_3 p {padding:0 1em; margin-bottom:1em;}
.column_2 h3, .column_3 h3 {padding:0 1em; font-size:10pt; line-height:16pt;}

/* */	
/* MENU BAR STYLE */	
/* */
#header table {border:none; border-spacing:0;}
#header table td {border:none; border-spacing:0;}

/* These rules set up some basic colors and positioning. */ 
		td .orangebg { horizontal-align: left; text-align: left; vertical-align: bottom; }
		#tabnav h1{ font:2em Verdana, Geneva, Arial, Helvetica, sans-serif; padding:.5em 0 0 1em; margin:0}
		#tabnav img { display:block; margin-top:1em; background:#ecb351; }
/* The rules for navigation start here. */
		#header #tabnav ul { margin:0; padding:1em 0 0 1em; list-style:none; }
		#header #tabnav li { display:inline; margin:0; padding:0; }
		#header #tabnav a { float:left; padding:0 0 0 9px; text-decoration:none; color:#000; min-width:10%;}
		#header #tabnav a span { float:left; display:block; padding:4px 1.5em 3px 6px; min-width:10%;}
/* Commented Backslash Hack hides rule from IE5-Mac */
	#header #tabnav a span {float:none;}
/* End IE5-Mac hack */
	
	#header #tabnav #current a span { padding-bottom:4px;}
	#header #tabnav a:hover, #header #tabnav a:hover span { background-color:#E4F1BC; color:#000;}
	#header #tabnav #current a span, #header #tabnav #current a { background-color:#fff;}
	
	#header #ecbostonname {clear:both; color:#f7921e; font-weight:bold; text-align:right; margin:0 0 -1.3em 0; padding:.8em 1em 0 0; font-size:24pt;}

.homenav {font-size: 90%; color: #333;}
.homenav a:hover { color: #c95a12;}
.orangebg {vertical-align: bottom; margin: 2px 0 0 2px; padding:0; font-size: 110%;}
#menu {padding:0; margin:0 0 0 0;}
ul#menu {vertical-align: bottom; width: 100%; height: 43px; background: url("images/nav/menu-bg.gif") top left repeat-x; font-size: 0.8em; font-family: "Lucida Grande", Verdana, sans-serif; font-weight: bold; list-style-type: none; margin: 0 0 0 0; padding: 0; }
ul#menu li { display: block; float: left; margin: 0 0 -1em .5em; }
ul#menu li a { height: 43px; color: #777; text-decoration: none; display: block; float: left; line-height: 200%; padding: 1em 1.5em 0 1.5em; }
ul#menu li a:hover { color: #333; }
ul#menu li a.current{ color: #FFF;
	background: url("images/nav/current-bg.gif") top left repeat-x; padding: 1em 1.5em 0 1.5em; margin: 0 0 -1em 0;}
         
        
        
/* vertical navigation */ 
	#button #searchfield, #button #inputfield, #inputfield form {overflow:hidden;}
	#button { border-right: 0 solid #000; padding: 0; font-family: 'Trebuchet MS', 'Lucida Grande',   Verdana, Lucida, Geneva, Helvetica,    Arial, sans-serif; background-color: #ecb351; overflow:hidden;
	}
	#button ul { list-style: none; margin: 0; padding: 0; border: none; } 
	#button li { border-bottom: 0px solid; margin: 0; }
	#button li a { display: block; padding: .5em .5em .5em .5em; border-left: 1em solid #ecb351; border-right: 1em solid #c95a12; background-color: #f7921e; color: #fff; text-decoration: none; width: 100%; }

	#button li a { width: auto; }
	
	#button li a:hover { /*padding-left: 1em; */border-right: 1em solid #d6710f; background-color: #ffad1f; color: #fff; }
	#button li a.active { /*padding-left: 1em;*/ border-right: 1em solid #d6710f; background-color: #ffad1f; color: #fff; }
	#button ul.images ul.images li.file a { padding-left: 1.5em;}

   
   
   
/*  START LIVE SEARCH */

#searchfield {background:#c95a12; width:100%; padding: .5em .5em 1em 1em; color: #f0f0f0;}
#livesearch { margin:0; width:100px; padding:0;}
#txt1 { margin:0px; padding:0;} 
.inputfield {width:100%;}

/*  END LIVE SEARCH */
                  
                  
.thisAd {background:#e2e2e2; display:block; border-bottom:1em solid #c95a12; padding: 1em;}
.thisAd h3 {font-size: 9pt; /*border-bottom: 2px solid #f7921e;*/}

.title_path, .title_path a {  color: #ccc;  margin: -5px 0 0 0; padding: 0px 0 0 0;  font-size: 8pt; text-decoration: none;}
.title_path a {font-weight:bold;}
.title_path a:hover {color: #fff;}
.title_name {  color: #fff;  font-size: 24pt; padding:1.5em 0 1em 0; line-height:24pt;}
.title_img {color:#fff;}


/* SUPPORTING TEXT ATTRIBUTES */
/* navlist */


#navList h4 {background: #c95a12; color: #fff; border-top: 1px dashed #f7921e; border-bottom: .5em solid #f7921e; padding:1em 0 0 1em; margin:0; font-size:10pt} /*previously f4aa55*/
/* downloads */
#supportingDocs {display:block; margin:0; background:#f7921e; color:#fff;}
#supportingDocs h4 {background: #fff; /*border-bottom: .5em solid #ecb351;*/ color: #c95a12; padding:20px 0 0 1em; margin:0; font-size:10pt}
#supportingDocs .supportingListText ul {text-decoration:none; list-style-type:none; padding:0; margin:0;}
#supportingDocs .supportingListText ul li {display:block; text-decoration:none; list-style-type:none; padding:2px 0; margin:0;}
#supportingDocs .supportingListText a {background:#ecb351; text-decoration:none; padding:3px 0 3px .5em; margin: 0; color:#fff; border-left:1em solid #f7921e; border-right:1em solid #fff;}
#supportingDocs .supportingListText a:hover {background:#ffad1f; text-decoration:none; color:#fff;  border-left:1em solid #f7921e; border-right:1em solid #ecb351; padding:3px 0 3px .5em; margin:0;}
#supportingDocs .supportingListText a.active {background:#ffad1f; text-decoration:none; color:#fff;  border-left:1em solid #f7921e; border-right:1em solid #ecb351; padding:3px 0 3px .5em; margin:0;}
#supportingDocs .field {font-weight:bold;}

/* fact sheets */
#supportingText {font-size:8pt; background:#fff; display:block; /*border-left:1px solid #c95a12; border-right:1px solid #c95a12; */padding:0; margin:0; color:#444;}
#supportingText h4 {font-size:10pt; background: #ecb351; border-bottom: 0px solid #f7921e; border-right:.5em solid #f7921e; color: #fff; padding:1em 0 .5em .5em; margin: 0; }
#supportingText h6 {font-size:10pt; margin:0 0 -1em 0; padding:1em .5em 1em 1em;}
#supportingText ul {text-decoration:none; list-style-type:none; padding:1em 0 1em .5em; margin:-1.4em 0 0 0; border:1px solid #c95a12;}
#supportingText ul .supportingListText, #supportingText .supportingListText li {text-decoration:none;}
#supportingText ul .supportingListText {display:block; border:1px solid #f7921e;}
#supportingText .listTitle {font-size:10pt; text-decoration:none; font-weight:bold; display:block; padding: .5em 0 2px 1em; border-top:2px solid #f7921e;}
#supportingText .comment {padding-left:.5em;}
#supportingText .field {font-weight:bold; padding: .5em 0 .5em .5em;}
#supportingText .data {padding:0 .5em;}
#supportingText a {color:#c95a12; border-right: .5em solid #f7921e; text-decoration:none; margin: 0; display: block;}
#supportingText a:hover {text-decoration:none; color: #f7921e; margin: 0; border-right: .5em solid #c95a12;}



/* END SUPPORTING TEXT ATTRIBUTES */



<!--[if lte IE 7]-->
/* hack to compensate for IE and percentage widths rounding errors */
#topbar {width:68%;}
#outer3 {width:75%;}
#outer5 {width:15.9%;}
.column_2 {width:44.5%;}
.column_3 {width:29.0%;}
/* for IE6 */
* html #wrapper {display:inline-block;}
* html #minMax {width: expression(document.body.clientWidth < 902? "900px" : document.body.clientWidth > 1102? "1100px" : "auto");}
/* END COLUMN POSITIONING */



/* print settings */
/* duplicated in print.css also */

/*@media print {
  * {
  background-color: white !important;
  background-image: none !important;
  margin: 10pt;
  padding: 10pt;
  }
div#header, div#wrapper, div#footer, #outer1, #outer2, #outer3, #outer4, #outer5 {
	margin-bottom: 10px;
	padding-bottom: 10px;
}
}
*/