/* CSS Document */
a img{border:none;}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
#header
	{
	width:396px;
	}
#header h1
	{
	width:295px;
	height:99px;
	background:url(../images/art/logo.jpg) no-repeat;
	float:left;
	margin:0 11px 10px 0;
	display:inline;
	}
#header h1 a
	{
	width:295px;
	height:99px;
	display:block;
	}
#header h1 span{display:none;}
#header ul
	{
	width:224px;
	height:132px;
	padding:8px 0 0 0;
	background:#da4608;
	list-style:none;
	float:right;
	}
#header ul li
	{
	width:224px;
	font:12px Arial, Helvetica, sans-serif;
	color:#fff;
	}
#header ul li a
	{
	width:210px;
	height:21px;
	padding:4px 0 0 14px;
	display:block;
	color:#fff;
	text-decoration:none;
	}
#header ul li a:hover{background:#b63b08;}
#header img{float:right;}
#header #highlights li:hover
	{
	z-index:10000;
	white-space:normal;
	}
#header #highlights li li
	{
	float:none;
	display:block;
	}
#header #highlights ul
	{
	visibility:hidden;
	position:absolute;
	z-index:10;
	left:0;
	top:0;
	}
#header #highlights li:hover>ul
	{
	visibility:visible;
	top:50%;
	left:32px;
	}
#header #highlights:after, #header #highlights ul:after
	{
	content:".";
	height:0;
	display:block;
	visibility:hidden;
	clear:both;
	}
#header #highlights, #header #highlights ul
	{
	display:inline-block;
	min-height:0;
	}
#header #highlights
	{
	width:396px;
	height:108px;
	float:left;
	margin:0px;
	background:none;
	padding:0;
	}
#header #highlights li
	{
	width:auto;
	float:left;
	position:relative;
	z-index:5;			
	}
#header #highlights li a
	{
	width:95px;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	margin:36px 0 0 100px;
	padding:0 10px 0 0;
	display:block;
	position:relative;
	z-index:5;		
	}
#header #highlights li.articles
	{
	width:198px;
	height:156px;
	background:url(../images/language_classes.jpg) 0 0 no-repeat;
	margin:0 1px 0 0;
	}

#header #highlights li.stories
	{
	width:197px;
	height:156px;
	background:url(../images/apply_now.jpg) 0 0 no-repeat;
	margin:0 0 0 0;
	}

#header #highlights li.podcasts
	{
	width:198px;
	height:156px;
	background:url(../images/study_abroad.jpg) 0 0 no-repeat;
	margin:1px 1px 0 0;
	}

#header #highlights li.testpreparation
	{
	width:197px;
	height:156px;
	background:url(../images/test_preparation.jpg) 0 0 no-repeat;
	margin:1px 0 0 0;
	}

#header #highlights ul
	{
	width:128px;
	height:auto;
	margin:0;
	padding:2px 2px 10px 2px;
	border:1px solid #b8c2c7;
	background:#fff url(../images/gradient.jpg) 0 bottom repeat-x;
	}
#header #highlights ul li
	{
	width:auto;
	height:auto;
	float:none;
	font:bold 10px Arial, Helvetica, sans-serif;
	color:#909aa2;
	}
#header #highlights ul li a
	{
	width:120px;
	height:auto;
	margin:0;
	padding:2px 0 3px 8px;
	background:#fff;
	color:#909aa2;
	}
#header #highlights li.articles li a, #header #highlights li.stories li a, #header #highlights li.podcasts li a, #header #highlights li.testpreparation li a{background:none;}
#header #highlights li.articles li a:hover
	{
	background:#af2b04;
	color:#fff;
	}
#header #highlights li.stories li a:hover
	{
	background:#1a85a9;
	color:#fff;
	}
#header #highlights li.podcasts li a:hover
	{
	background:#50cff8;
	color:#fff;
	}
#header #highlights li.testpreparation li a:hover
	{
	background:#7db728;
	color:#fff;
	}