﻿body
{
}

.right { float: right; }
.left { float: left; }

.container_12 { width: 780px; margin: 0 auto; }

#wrap
{
	 width: 790px;
    \width: 790px;
	w\idth: 790px;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
	margin-bottom:0px;
    padding: 0px;
}

#container, #container-b, #container-c, #container-news
{
	width: 776px;
	\width: 776px;
	w\idth: 776px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	border-left: solid 1px #000;
	padding-top: 5px;
}

#banner
{
	width: 775px;
	padding: 0px;
	margin: auto;
	height:132px;
}

.breadcrumbs {
	margin-top:5px;
}

.order-materials {
	margin-top:30px;
	padding:2px;
}

.order-materials .fade
{
	padding:10px 5px 10px 5px;
}

.order-materials ul.materials {
	margin:0px;
}

.information-form 
{
	margin-top:10px;
	padding:2px;
}

#content-c .tab-on-t {
	margin-top:30px;
}

#content
{
    padding: 0px;
    width: 428px;
    float:left;
}

.content
{
    padding:10px 5px 5px 10px;
}

#content-b
{
    margin:0px;
	float:left;
    padding: 0px;
    width: 372px;
}

.content-b, .content-news
{
    padding:10px 12px 20px 10px;
}

#content-b .lectures img 
{
    float:left;
    margin:8px;
}

#content-c
{	
	margin:0px;
	padding: 0px;
    width: 586px;
	float:left;
}

.content-c
{
    padding: 10px 15px 20px 10px;
}

#content-news
{
    margin:0px;
	float:left;
    padding: 0px;
    width: 560px;
}

.tabs-layer
{
    padding: 10px 1px 1px 1px;
}

.tabs-content
{
    margin-top:-2px;

}

.tabs-content .fade
{
	margin:2px;
	padding:10px 20px 10px 10px;
}

.tabs-content .fade .city-txt
{
    float:left;
    width:400px;
}

.tabs-content .fade .city-img
{   
    float:right;
    width:100px;
    margin:10px 0px 0px 0px;
}

.tabs-content .fade-prices, .tabs-content .fade-dates
{
	margin:2px;
	padding:10px 10px 10px 10px;
}
    
.tabs-content .fade .navlinks
{
	margin-top:15px;
}

.tabs-content .fade .navlinks li
{
	margin-bottom:2px;
}

#navigationTab
{
    padding-top:20px;
    padding-bottom:37px;
    padding-left:10px;
    margin:0px;
}

#navigationTab
{
    padding-top:20px;
    padding-bottom:37px;
    padding-left:10px;
    margin:0px;
}

/*HACK FOR IE 6 & 7 ...cause Microsoft s..k */

*:first-child+html #navigationTab
{
    padding-top:20px;
    padding-bottom:38px;
    padding-left:10px;
    margin:0px;
}

* html #navigationTab
{
    padding-top:20px;
    padding-bottom:38px;
    padding-left:10px;
    margin:0px;
}

/* end of CSS HACK */


/* Page Part 2: Headers --------------------------------------------
----------------------------------------------------------------*/
/* Green Header */

div#headerContainer
{
	position: relative;
	background:transparent url(/_imgs/tl/backgrounds/prodheader.jpg) repeat-x;
	width: 100%;
	background-color: #FFF;	
}

div#wrapHeader 
{
	width:100%;
	background:transparent url(/_imgs/tl/backgrounds/prodheader.jpg) repeat-x;
	position:relative;
	z-index:999;
}
div#wrapHeader div.header
{
	position:relative;
	height:145px;
	z-index:999;
	width: 790px;
	margin: auto;
}

div#wrapHeader div.logo 
{
	width:106px;
	height:97px;
	position:absolute;
	top:0px;
	left:20px;
}
div#wrapHeader div.prodname 
{
	top:105px;
	left:20px;
	position:absolute;
	width:500px;
	height:22px;
}
div#wrapHeader div.action 
{
	position:absolute;
	font-size:11px;
	top:0px;
	right:0px;
	z-index:999;
}

div#wrapHeader div.action a#slideme
{
	background:transparent url(/_imgs/ly/2010/header/arrowDown.gif) no-repeat right center;
	padding:0px 18px;
	display:inline;
	margin:0px auto;
} 
div#wrapHeader div.action a 
{
	color:#333333;
}
div#wrapHeader div.action ul 
{
	margin-top:4px;
}
div#wrapHeader div.action ul li
{
	float:left;
	margin-left:14px;
	list-style-type:none;
	height:20px;
	display:block;
}
div#wrapHeader div.action ul li a:hover { text-decoration: none; }
div#wrapHeader div.action ul li.programs 
{
	margin-left:6px;	
}
div#wrapHeader div.action ul li.language
{
	margin-left:1px;
	text-align:center;
}
div#wrapHeader div.action ul li.language span.flagIcon 
{
	margin:1px 0px 0px 0px;
	width:14px;
	height:14px;
	position:absolute;
	background-position:0px 1px;
	*background-position:0px 0px;
}
div#wrapHeader div.action ul li.language ul 
{
	position:relative;
	overflow:hidden;
	margin-bottom:2px;
	visibility:hidden;
}
/*set fix width for bloody IE6*/
* html div#wrapHeader div.action ul li.language ul 
{
	width:100px;
}

div#wrapHeader div.action ul li.language ul li 
{
	float:none;
	margin:0px;
	padding:0px 10px;
	font-size:11px;
	font-weight:bold;
}

div#wrapHeader div.action ul li.language ul li.header-line
{
	border-top:1px dotted #ccc;
	height:8px;
} 
div#wrapHeader div.action ul li.language ul li.header 
{
	text-align:center;
	background:transparent url(/_imgs/ly/2010/header/bluebutton.gif) no-repeat scroll right 0;
	height:22px;
	cursor:pointer;
}
div#wrapHeader div.action ul li.language ul li.header span 
{
	background:transparent url(/_imgs/ly/2010/header/bluebutton.gif) no-repeat scroll left 0;
	display:block;
	height:22px;
	padding-left:10px;
	margin-left:-10px;
}
div#wrapHeader div.action ul li.language ul li.header a
{
	color:#203d53;
}
div#wrapHeader div.action ul li.language ul li a 
{
	color:#00aeef;
}
div#wrapHeader div.action ul li.tab div.tabStart
{
	position:relative;
	z-index:2;
	top:-4px;
	padding:2px 0px 0px 11px;
	background:transparent url(/_imgs/ly/2010/header/tab.png) no-repeat left bottom;
	display:inline;
	height:24px;
	float:left;
}
div#wrapHeader div.action ul li.tab
{
	border: none;
}
/*will IE6 one day finally die?*/
* html div#wrapHeader div.action ul li.tab div.tabStart 
{
	background:transparent url(/_imgs/ly/2010/header/tab.gif) no-repeat left bottom;
}

div#wrapHeader div.action ul li.tab div.tabEnd
{
	background:transparent url(/_imgs/ly/2010/header/tab.png) no-repeat right bottom;
	width:11px;
	position:relative;
	top:-4px;
	height:24px;
	float:left;
	display:block;
	z-index:2;
	padding-top:2px;
}
/*will IE6 one day finally die?*/
* html div#wrapHeader div.action ul li.tab div.tabEnd
{
	background:transparent url(/_imgs/ly/2010/header/tab.gif) no-repeat right bottom;
}
div#wrapHeader div.action ul li span.square
{
	background:url(/_imgs/ly/2010/header/square3px.gif) no-repeat 0px 6px;
	padding-left:6px;
}

div#wrapHeader div.action2 
{
	text-align:right;
	position:relative;
	top:91px;
	right:0px;
	z-index:1;
}
div#wrapHeader div.action2 ul li
{
	list-style-type:none;
	font-weight:bold;
}
div#wrapHeader div.action2 ul li.phone
{
	font-size:18px;
	color:#0057a6;
	height:24px;
}
div#wrapHeader div.action2 ul li.links
{
	font-size:11px;
	color:#0067c5;
}
div#wrapHeader div.action2 ul li.links a 
{
	color:#0067c5;
}
div#header div#nav 
{
	height:30px;
	position:relative;
	top:-13px;
	*top:-16px;
	border-bottom:4px solid #009CDC;
	padding:0px 9px;
}

/*-----------END OF HEADER-----------*/

#navigationTabDest 
{
    padding-top:20px;
    padding-bottom:26px;
    padding-left:10px;
    margin:0px;
}

#sidebar-a
{
	float: right;
	padding: 0px;
	width: 330px;
	padding-right:5px;
}

#sidebar-b-left
{
	float: left;
	margin:0px;
	padding: 0px;
	width: 190px;
}

#sidebar-b-left #navbar {
	margin: 10px 8px 40px 5px;
}

#sidebar-b-left #bubble-content {
	margin: 10px 8px 5px 5px;
}

#sidebar-b-right
{
	float: left;
	margin-left: 0px;
	margin-right:0px;
	padding: 0px;
	width: 212px;
}

#sidebar-b-news
{
	float: left;
	margin-left: 1px;
	margin-right:0px;
	padding: 0px;
	width: 212px;
}

.sidebar-b-right .contactimg, .sidebar-b-news .contactimg {
    margin-top:13px;
}

.sidebar-b-right, .sidebar-b-news
{
	padding:0px 10px 0px 10px;
}

div#footer
{
	border-top:3px solid #d6d6d6;
	width:100%;
	height:39px;
	background-color:#ECECEC;
	position:relative;
	z-index:1;
	clear: both;
}
div#footer span.copyright
{
	font-size:10px;
	color:#5b5b5b;
	padding:9px 0px;
}
div#footer span.links
{
	padding:7px 0px;
	color:#555555;
}
div#footer span.links a
{
	font-size:11px;
	color:#0067c5;
}

/* Very top header */

/***********Hind************/
#logo
{   position:absolute;
	width:106px;
    height:97px;
    margin-left:19px;
    z-index:1;
}

#title1
{	position:absolute;
	margin-top:62px;
	margin-left:120px;
	z-index:1;
	
}

#call_us
{	position:relative;
	z-index:1;
	float:right;
	margin-top:24px;
	margin-right:8px;
	height:43px;
}

#call_us a
{	color:#000000;
}

#call_us td
{	text-align:center;
	border:solid 1px #cfd4b2;
	padding:0px 12px 0px 12px;
}

.tab
{	border:solid 2px #d8d99b;
	font-size:11px;
}

.bg1
{	background-image:url(http://media.ef.com/_imgs/tl/newheader/bg_color.gif);
	height:19px;
}
.bg2
{	background-image:url(http://media.ef.com/_imgs/tl/newheader/bg_color2.gif);
	height:19px;
}
/**************************/

#subheader1
{
    text-align: left;
    margin: 0px;
    height: 22px;
    vertical-align: middle;
    padding: 0;
    position:relative;
}

/*OLD #subheader1 div.siteid {
    float:left;
    padding:4px 0pt 0pt 5px;
    width:250px;
}*/

#subheader1 div.action {
    margin-left:0;
    height: 18px;
    padding:4px 20px 4px 0;
    text-align:right;
}


/* Header with Logo and Title */
#subheader2
{
    text-align: left;
	margin:0px;
	padding:0px;
	height:110px;	
}

#subheader2 img
{
    margin: 0px;
    padding: 0px;
}

/*OLD #subheader2 img.title
{
    padding: 0px;
    margin-left:121px;
    margin-top:40px;
}*/

/*OLD #subheader2 .call_us {
    display:block;
    float:right;
    padding-right:15px;
    margin:-40px 0px 0px 0px;
}*/

/* Main content layout */

#content .content 
{
}

div.content img {
    padding:2px;
}

div.content div.promo 
{
    margin-top:15px;
    margin-bottom:15px;
    padding:10px 5px 10px 0px;
}
div.content div.promo h3
{
    margin-bottom:5px;
}

div.content div.promo a:link 
{
}

div.content div.promo img.promo 
{
    float:left;
}

/* sidebar-a Layout */

#sidebar-a .content 
{
    padding:0px;
	margin-top:5px;
    margin-bottom:8px;
}

#sidebar-a .tuition, #sidebar-a .news 
{
}

#sidebar-a .content tuition .titlebar {}

#sidebar-a .tuition img
{
    float:right;
}

#sidebar-a .news .titlebar
{
    height:23px;
}

#sidebar-a .lectures 
{
}

#sidebar-a .lectures img 
{
    float:left;
    margin:5px;
    margin-right:10px;
}


#sidebar-a img 
{
    clear:right;
    background-color:#FFFFFF;
}

#content-b .PicOnLeft 
{
    margin:-10px;
    margin-bottom:10px;
}

#content-b .PicOnLeft img 
{
    float:left;
    margin-top:12px;
    margin-right:10px;
}

.seminars-left 
{
    float:left;
    width:180px;
}

.seminars-right 
{
    float:right;
    position:relative;
    top:-5px;
}
/*****************************************************************************
 TL 2009 - 3 row homepage LAYOUT ***************************************/

#content-container,#first-row-container,#second-row-container,#second-row-content,#third-row-container
{
	width:759px;
	height:auto;
	margin:0 auto;
	margin-bottom:3px;
	margin-top:3px;
}

#content-container
{
	background-color:#FFFFFF;
}

#news-ticker
{
	background:#FFFFFF url(/_imgs/tl/backgrounds/09/diagonal-background.gif) repeat;
	margin: -3px 0 0 0;
	padding-left:6px; 
	height:18px;
}

#news-ticker #newstick ul
{
	font-size:12px;
	color:#000000;
	margin:0;
	padding:0;
	display:inline;
}

#news-ticker #newstick ul li
{
	margin:0;
	padding:0;
}
#first-row-container
{
	float:left;
	border:1px solid #D1D4C8;
	margin-bottom:0;
	width:757px;
}

#first-row img
{
	float:left;
}

#first-row-content
{
	padding:1px;
	background-color:#FFFFFF;
	float:left;
	height:auto;
}

#second-row-container
{
	background:#FFFFFF url(/_imgs/tl/backgrounds/09/diagonal-background.gif) repeat;
	float:left;
	padding-bottom:4px;
	margin-bottom:5px;
}
#second-row-content
{
	padding:3px;
	margin-bottom:3px;
	margin-top:3px;
	float:left;
	width:752px;
}
.second-row
{
	border:0px solid #FF0000;
	height:auto;
	float:left;
	width:752px;
}
#third-row-container
{
	float:left;
	padding:0;
	width:750px;
	background:transparent url(/_imgs/tl/backgrounds/09/threeColumnsBG.gif) repeat-y 1px;
	
}
*html #third-row-container
{
	float:left;
	padding:0;
	width:750px;
	background:transparent url(/_imgs/tl/backgrounds/09/threeColumnsBG.gif) repeat-y;
}
#third-row-content
{
	margin:0 auto;
	margin-bottom:3px;
	margin-top:3px;
	float:left;
	width:100%;
}
#bottom-box
{
	background:transparent;
	height:18px;
	margin:0 auto;
	float:left;
	width:100%;
	
}
#bottom-box .col1,#bottom-box .col2, #bottom-box .col3
{
	width:244px;
	background:transparent url(/_imgs/tl/backgrounds/09/box-bottom-gradient.gif) repeat-x bottom;
	float:left;
	margin:0 3px;
	padding:0;
	height:18px;
	line-height:18px;
	text-align:right;
}
*html #bottom-box .col1,*html #bottom-box .col2,*html #bottom-box .col3
{
	width:242px;
	background:transparent url(/_imgs/tl/backgrounds/09/box-bottom-gradient.gif) repeat-x bottom;
	float:left;
	margin:0 3px;
	padding:0;
	height:18px;
	line-height:18px;
	text-align:right;
}
#bottom-box .col1 img,#bottom-box .col2 img, #bottom-box .col3 img
{
	margin:0 3px 0 0;
}
#third-row-content .column1,#third-row-content .column2, #third-row-content .column3
{
	width:250px;
	background:transparent;
	height:100%;
	float:left;
	margin:0;
	padding:0;
}
#main-image
{
	width:495px;
	height:26px;
	background:transparent url(/_imgs/tl/images/2010/main_image.jpg) no-repeat;
	padding-top:176px;
	padding-left:6px;
	float:left;
	margin:1px 0 0 2px;
}
#staticpromo-box
{
	width:246px;
	height:202px;
	background:#FFFFFF url(/_imgs/tl/backgrounds/09/orange-diagonal-bg.gif) repeat-x;
	border:1px solid #FFFFFF;
	margin: 0 0 0 3px;
	padding:0;
	float:right;
	overflow:hidden;
}
#staticpromo-box .content
{
	padding:0;
	margin:0;
}
#staticpromo-box-content
{
	width:135px;
	height:156px;
	padding:2px;
	margin:0;
	overflow:hidden;
}
.staticpromo-box-bg .content h2
{
	margin:0;
	padding:1px 0 0 2px;
}

.staticpromo-box-bg
{
	background:transparent url(/_imgs/tl/backgrounds/09/promoImageBg.jpg) no-repeat bottom right;
	height:202px;
	padding:1px;
	margin:0;
}

.static-img
{
	background:transparent url(/_imgs/tl/backgrounds/09/olympics-girl.png) no-repeat bottom right;
}
#staticpromo-link
{
	width:246px;
	height:24px;
	background:#4c92d9;
	position:relative;
	filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity: 0.5;
    z-index:20;
    margin:0;
}
#staticpromo-link-content
{
	background:transparent url(/_imgs/tl/images/09/orange-arrow_2.png) no-repeat right;	
	height:24px;
	z-index:30;
	margin:-24px 0 0 0;
	position:relative;
}

#staticpromo-link-content a:link,#staticpromo-link-content a:visited,#staticpromo-link-content a:hover
{
	text-align:center;
	color:#FFFFFF;
	line-height:24px;
	vertical-align:middle;
	display:block;
	float:left;
	padding-left:6px;
	font-weight:bold;
	font-size:11px;
}

#welcome-text
{
	float:left;
	width:485px;
	padding:4px;
}

#promo-section
{
	width:236px;
	height:auto;
	background:#FFFFFF url(/_imgs/tl/backgrounds/09/green-diagonal-bg.gif) repeat-x;
	float:right;
	padding:3px;
	margin-right:4px;
	border:2px solid #FFFFFF;
}
*html #promo-section
{
	width:236px;
	height:auto;
	background:#FFFFFF url(/_imgs/tl/backgrounds/09/green-diagonal-bg.gif) repeat-x;
	float:right;
	padding:3px;
	margin-right:1px;
	border:2px solid #FFFFFF;
}
#promo-content
{
	background:transparent;
	width:230px;
	height:auto;
	margin:0 auto;
}
#promo-content img
{
	margin-left:18px;
}
#experts-container, #educator-container, #training-container, #lessons-container
{
	border:0px solid #FFFFFF;
	/*background:transparent url(/_imgs/tl/backgrounds/09/box-bottom-gradient.gif) repeat-x bottom;*/
	width:242px;
	height:auto;
	margin:0 auto;
	padding:0px;
}
#experts-container h3,#educator-container h3,#training-container h3, #lessons-container h3
{
	height:24px;
}

#educator-content,#experts-content,#training-content,#lessons-content
{
	height:100%;
	width:100%;
	padding:2px;
}

.educator-heading-bg
{
	background:#FFFFFF url(/_imgs/tl/backgrounds/09/green-header-bg.jpg) no-repeat;
	padding-left:6px;
}

.lessons-heading-bg
{
	background:#FFFFFF url(/_imgs/tl/backgrounds/09/green-header-bg.jpg) no-repeat;
	padding-left:6px;
}

.training-heading-bg
{
	background:#FFFFFF url(/_imgs/tl/backgrounds/09/orange-header-bg.jpg) no-repeat;
	padding-left:6px;
}

.experts-heading-bg
{
	background:#FFFFFF url(/_imgs/tl/backgrounds/09/yellow-header-bg.jpg) no-repeat;
	padding-left:6px;
}


img.float-right
{
	float:right;
	padding-right:2px;
}

/******************************************************************************/
/* Accreditations */
#accreditations 
{
 	height:128px;
	padding:2px 5px 2px 5px;
}

.accreditations-maintitle{
	padding-top: 5px;
}

#ILS
{
	float: left;
}

#HSY, #LT {
	float: left;
	padding-left:10px;
	padding-right:10px;
/*	height:115px;*/
}


#accreditations img
{
    padding: 0px;
    margin: 0px;
}

#accreditations ul
{
    margin: 0px;
    padding: 0px;
}

#accreditations ul li
{
    display: inline;
    margin: 0px;
    padding: 0px;
}

/* List Formatting */

div.news ul li 
{
	margin-bottom:15px;
}

div.news ul li.heading
{
    padding:0px;   
    margin:5px 0 0 0;
}

div.lectures div.list 
{
}

div.lectures div.lecture-list 
{
    position:relative;
    top: -50px;
}

div.lectures ul li.heading
{
}

div.lectures ul li li
{
}

#formContact {
	padding-top:20px;
}

/* Highlight current page in navigation bar */

body.ef-methodology #nav ul li#ef-methodology a,
body.professional-development #nav ul li#professional-development a,
body.teaching-resources #nav ul li#teaching-resources a,
body.travel-jobs #nav ul li#travel-jobs a,
body.home #nav ul li#home a,
body.news-events #nav ul li#news-events a
{
    background-color: #afbd66;
    color: #FFFFFF;
}

/* END - Highlight current page in navigation bar */