/* --------------------------------
 *
 * Homepage
 *
----------------------------------*/
.colleft {
	float: left;
	width: 406px;
}

.colright { /*Correct margin for ALL browsers*/
	margin-left: 408px;
}

* html #colleft {
	margin-right: -3px;
	}
		
* html #colright {
	height: 1%;
	margin-left: 0;
	}

h2 {
	font-size: 130%;
	font-weight:600;
}

/* 
Row 1: Flash container
----------------------------------*/

#movieFlash {
	position:absolute;
	top:86px;
	left:5px;
	z-index:2;
}

/* a false bg for the xmas promotion, so the flash doens't have to have a transparent png making it bigger */
#falseOfferBackground {
	background: #fff url(http://media.ef.com/_imgs/ju/home/v2/xmas_promo_bg.jpg) no-repeat left top;
	display:block;
	top:98px;
	left:528px;	
	width:248px;
	height:158px;
	position:absolute;
	z-index:1;
}

#offerFlash {
	top:94px;
	left:526px;
	position:absolute;
	z-index:3;
}

#row1 {

	background: #fff url(http://media.ef.com/_imgs/ju/home/v2/main.jpg) no-repeat left bottom;


	margin-top: 21px;
	z-index:0;
	width:776px;
	height:204px;
	display:block;
}

* html #row1 {
	height: 225px;
}


/* 
Row 2: Welcome + get brochure
----------------------------------*/
#wrapper {
	background:transparent;
}

#row2 {
	background: #e3f6fc url(http://media.ef.com/_imgs/ju/home/v2/row2_bg.jpg) bottom left no-repeat;
	width: 776px;
}


/*--- welome ---*/

#row2 div.colleft {
	width:406px; 
	}

#row2 div.colleft span {
	margin:5px 0 0 15px;
	}
*html #row2 div.colleft span {margin:0 0 0 7px;}

#row2 div.colleft p {
	padding: 10px 10px 15px 15px;
	}

/*--- brochure ---*/

#row2 #map{
	position: absolute;
	width: 170px; 
	height: 95px;
	} 

#pickem {
	padding: 30px 0 0 185px;
	margin: 0;
	width: 170px;
}

#pickem select {
	background-color: #fc81c1;
	width: 170px;
	}
	
#pickem option.coursetown {
	background-color: #fbe5f1;
	}
	
#row2 .colright h2 {
	color: #4a4a4a;
	margin: 0;
	padding: 0 0 5px 0;
	}




/* 
Row 3: Promos and news row
----------------------------------*/
#bottom_wrapper {
	background: transparent url(http://media.ef.com/_imgs/ju/home/v2/row3_bg.jpg) repeat-y;
	clear: both;
	width: 776px;

}


#row3 {
	background: transparent url(http://media.ef.com/_imgs/ju/home/v2/row3_bg_top.jpg) no-repeat;
	padding-top: 2px;
	clear: both;
	width: 776px;
}


/* --- Promo box ---*/

#row3 div.colleft h2 {
	background: #ffc265 url(http://media.ef.com/_imgs/ju/home/v2/blue_header_bg.jpg) top left no-repeat;
	display: block;
	color: #404040;
	margin: 0 0 15px 0;
	padding: 5px 0 5px 13px;
}


/* --- right column: subcolumn one ---*/


#subcol1 {
	float:left;
	width:183px; 
	}

#subcol1 h2 {
	background: #bfef4b url(http://media.ef.com/_imgs/ju/home/v2/orange_header_left_bg.jpg) top left no-repeat;
	color: #404040;
	margin: 0;
	padding: 5px 0 5px 5px;
	}

#meetings ul {list-style:none; margin:0; padding:0;}
	#meetings li			{margin:0; padding:0;}
	#meetings a				{color:#6f6f6f; display:block; padding:5px 5px 0 5px; margin:0;}
	#meetings a span		{color:#dea034; font-weight:bold;}
	#meetings a:hover span	{text-decoration:underline;}
	#meetings a div.date, #info a:hover div.date {color:#6f6f6f; font-weight:normal; text-decoration:none;} 
	#meetings li.more a, #homenews li.more a {background:url(http://media.ef.com/_imgs/ju/_shared/arrow-orange.gif) no-repeat 92% 5px; color:#dea034; display:block; font-weight:bold; padding:0 25px 0 0; margin: 5px 0 10px 0; text-align:right;}	
	*html #meetings a {width:158px;} /*hack for ie6*/

	
#newslist ul {list-style:none; margin:0; padding:0;}
	#newslist li {margin:0; padding:0;}
	#newslist a {color:#6f6f6f; display:block; padding:5px 5px 0 5px; margin:0;}
	#newslist a span {color:#dea034; font-weight:bold; }
	#newslist a:hover span	{text-decoration:underline;}
	#newslist a div.date, #info a:hover div.date {color:#6f6f6f; font-weight:normal; text-decoration:none;} 
	#newslist li.more a, #homenews li.more a {background:url(http://media.ef.com/_imgs/ju/_shared/arrow-orange.gif) no-repeat 92% 5px; color:#dea034; display:block; font-weight:bold; padding:0 25px 0 0; margin: 5px 0 10px 0; text-align:right;}
	*html #newslist a {width:158px;} /*hack for ie6*/
	#newslist li a.cam {
		background:transparent url(http://media.ef.com/_imgs/ils/dblcam.gif) 0 6px no-repeat;
		padding:4px 0 0 22px;
		margin:2px 0px 2px 5px;
		display:block;
	}
	

/* --- right column: subcolumn two ---*/

#subcol2 h2 {
	background: #bfef4b url(http://media.ef.com/_imgs/ju/home/v2/orange_header_right_bg.jpg) top left no-repeat;
	color: #404040;
	margin: 0;
	padding: 5px 0 5px 5px;	
	}

#subcol2 {
	/*margin-left:185px;*/
	float: right;
	width:183px;
	display:block;
	margin-top:-8px;
	}
	
#crew a {color:#6f6f6f; display:block; font-size:120%; padding:5px 5px 0 5px; margin:0;}
	#crew li a {background: transparent url(http://media.ef.com/_imgs/ju/_shared/logo-crew.gif) no-repeat 7px top; height:33px; padding: 6px 0 0 30px;  margin: 8px 0;}
	#crew li p {color:#6f6f6f; font-size:85%;}

#testimonial {
	width:183px;
	padding: 8px 0 0 0;
}

#testimonial img {
	border:1px solid #b0e723; padding:1px; margin:8px 6px 0 6px;
	height:80px;
	width:65px;
	float:left;
}

#testimonial p {
	padding: 6px 6px 0 6px;
	line-height: 1.6em;
}

#seniorsite{
	background: transparent url(http://media.ef.com/_imgs/ju/home/senior_link.png);
	width:183px;
	margin: 10px 0 5px 0;
	min-height:45px;
	float:right;
}

*html body #seniorsite{
	height:45px;
	margin: 13px 0 8px 0;
}

#seniorsite a {
	padding: 7px 50px 5px 8px;
	display: block;
	font-weight: bold;
	color: #444;
}



#movie a {color:#6f6f6f; padding:0; margin:0;}
#movie img {padding:3px 0 3px 0;}

/* 
Action buttons
----------------------------------*/
#action {
	width: 151px;
	margin: 5px 0 0 156px;
	/*background-color: #ccc;*/
}

*html div#action { /*Hack to set a different width for ie6*/
	width: 150px;
}

#action ul {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
}

#action ul#crew {
	border-top: 2px solid #fff;
	margin-top: 10px;
	padding-top: 10px;
}

#action li {
	padding: 5px 0 5px 0px;
	margin: 0 0 0 10px;
}

#action li#book a {
	padding: 3px 0 5px 30px;
	background: url(http://media.ef.com/_imgs/ju/home/v2/icon_booknow.gif) 2px 3px no-repeat;
}
#action li#brochure a {
	padding: 3px 0 5px 30px;
	background: url(http://media.ef.com/_imgs/ju/home/v2/icon_brochure.gif) 1px 0px no-repeat;
}
#action li#contact a {
	padding: 3px 0 5px 30px;
	background: url(http://media.ef.com/_imgs/ju/home/v2/icon_contact.gif) 6px 1px no-repeat;
}

#action li#crew a {
	padding: 8px 0 10px 30px;
	background: url(http://media.ef.com/_imgs/ju/home/v2/icon_crew.gif) 5px 0 no-repeat;
}

#action li a {
	color: #975201;
	font: bold 100% arial;
	margin-bottom: 3px;
	padding: 0 5px 2px 5px;
}



/*
big buttons
---------------------------------------*/

div#title {
	background: transparent url(http://media.ef.com/_imgs/ju/home/title.gif) no-repeat;
	height:45px;
	width:91px;
	margin: 2px 0 0 6px;
	position: absolute;
	z-index:4;
}

*html body div#title {
	margin: 5px 0 0 6px;
}

#promoimg {
	background: transparent url(http://media.ef.com/_imgs/ju/home/promoimg.png) no-repeat;
	height:93px;
	width:116px;
	margin: 10px 0 0 275px;
	position: absolute;
	z-index:2;
	display:block;
}

*html body #promoimg {
	margin: 13px 0 0 275px;
}

#downloadimg {
	background: transparent url(http://media.ef.com/_imgs/ju/home/downloadimg.png) no-repeat;
	height:103px;
	width:115px;
	margin: 0px 0 0 239px;
	position: absolute;
	z-index:2;
	display:block;
}

*html body #downloadimg {
	margin: 3px 0 0 239px;
}



ul.btn_left {
	padding:20px 0 0 20px;
	margin:0 0 20px 0;
	width: 364px;
}
ul.btn_left li {
	width:364px;
	padding:0;
	margin:0;
}
ul.btn_left li.top {
	background: transparent url(http://media.ef.com/_imgs/ju/home/frametop_left.gif) bottom left no-repeat;
	height:12px;
}
ul.btn_left li a,  ul.btn_left li a:visited {
	background: transparent url(http://media.ef.com/_imgs/ju/home/framebg_left.jpg) top right repeat-y;
	color:#444444;
	padding:13px 100px 0 12px;
	width:252px;
	Font-size:120%;
	display:block;
	min-height:43px;
}

*html body ul.btn_left li a{
	height: 43px;
}

ul.btn_left li.btm {
	background: transparent url(http://media.ef.com/_imgs/ju/home/framebottom_left.gif) top left no-repeat;
	height:12px;
}



ul.btn_right {
	padding:20px 0 0 20px;
	margin:0 0 20px 0;
	width: 328px;
}
ul.btn_right li {
	width:328px;
	padding:0;
	margin:0;
}
ul.btn_right li.top {
	background: transparent url(http://media.ef.com/_imgs/ju/home/frametop_right.gif) bottom left no-repeat;
	height:12px;
}
ul.btn_right li	a, ul.btn_right li	a:visited {
	background: transparent url(http://media.ef.com/_imgs/ju/home/framebg_right.jpg) top right repeat-y;
	color:#444444;
	padding:12px 100px 0px 12px;
	width:216px;
	display:block;
	Font-size:120%;
	min-height:42px;
}

*html body ul.btn_right li a{
	height: 42px;
}

ul.btn_right li.btm {
	background: transparent url(http://media.ef.com/_imgs/ju/home/framebottom_right.gif) top left no-repeat;
	height:12px;
}