/*======================================
      WELCOME TO THE STYLESHEET
======================================*/
 
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
	lang bar bg-blue	- #edf5f8
	lang bar text blue	- #6d95bc/#c3d9e8
	highlight blue		- #e6eff6
	heading blue		- #1e4a82
	footer grey			- #a6aaad
	content grey		- #808285
\**************************************/

/**************************************/
/*              GLOBALS               */
/**************************************/
body
{
	background: url(/assets/visual/structure/body-bg.gif) top left repeat;
	text-align: center;
	font-size: 0.75em;
	color: #808285;
	font-family: Helvetica, Arial, Verdana, serif
}
a { color: #1e4a82; text-decoration: none; }
#site-wrapper
{
	width: 972px;
	margin: 14px auto;
	background: url(/assets/visual/structure/content-repeat.png) top left repeat-y;
	text-align: left;
}
#site-inner
{
	background: url(/assets/visual/structure/content-bottom.jpg) bottom left no-repeat;
}
#site-head
{
	position: relative;
	padding: 22px 22px 0px;
	background: url(/assets/visual/structure/content-top.jpg) 0px -1px no-repeat;
}
#site-main
{
	padding: 5px 15px 0px;
}
#site-foot
{
	clear: both;
	padding: 1px 22px 22px;
}
/**************************************/
/*              HEADER                */
/**************************************/
#site-head .logo { float: left; margin: 10px 15px 0px; }
#site-head .languages 
{
	position: absolute;
	top: 12px;
	right: 18px;
	color: #c3d9e8;
}
#site-head .languages ul { float: right; }
#site-head .languages ul li 
{ 
	float: left; 
	padding: 6px 5px;
	background-color: #edf5f8;
	font-size: 0.9em;
}
#site-head .languages ul li a 
{ 
	padding-left: 20px;
	margin-right: 6px; 
	background-repeat: no-repeat;
	background-position: 0px 2px;
	color: #6d95bc; 	
}
#site-head .languages ul li.en-GB a { background-image: url(/assets/visual/flags/en-gb.gif); }
#site-head .languages ul li.fr-FR a { background-image: url(/assets/visual/flags/fr-FR.gif); }
#site-head .languages ul li.it-IT a { background-image: url(/assets/visual/flags/it-IT.gif); }
#site-head .languages ul li.de-DE a { background-image: url(/assets/visual/flags/de-DE.gif); }
#site-head .languages ul li.es-ES a { background-image: url(/assets/visual/flags/es-ES.gif); }
#site-head .languages ul li.zh-CN a { background-image: url(/assets/visual/flags/zh-CN.gif); }
#site-head .languages ul li.language
{ 
	background: none; 
	padding-right: 13px;
	text-transform: uppercase;	
	font-size: 0.8em;
	color: #808285;
}
#site-head .languages ul li a.selected
{
	font-weight: bold;
	color: #1e4a82;
}
#site-head .nav 
{ 
	position: relative;
	clear: both; 
	margin-top: 100px;
	background-position: top left;
	background-repeat: repeat-x;
}
#site-head .nav, #site-head .nav span { background-image: url(/assets/visual/structure/nav-bg.jpg); }
#site-head .nav span 
{ 
	display: block;
	position: absolute; 
	top: 0px; 
	width: 12px;
	height: 43px;
}
#site-head .nav span.left { left: 0px; background-position: 0px -43px; }
#site-head .nav span.right { right: 0px; background-position: 0px -86px; }
#site-head .nav ul 
{ 
	height: 43px; 
	overflow: auto; 
	padding-left: 12px;
}
#site-head .nav ul li 
{ 
	float: left; 
	height: 100%;
}
#site-head .nav ul li.active { background-color: #1e4a82; }
#site-head .nav ul li a 
{ 
	display: block; 
	margin-top: 1px;
	padding: 13px 23px;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 1.1em;
	font-family: "Century Gothic", Verdana, Helvetica, Arial;
}

#site-head div.strapline 
{ 
	position: absolute; 
	top: 62px;
	right: 25px;
}
	body.fr-FR #site-head .nav ul li a { padding: 12px 17px; }
	/*body.fr-FR #site-head .nav ul li.about a { padding-top: 7px; }*/
	body.fr-FR #site-head .nav ul li.interpreting a { padding-top: 10px; }
	
	body.it-IT #site-head .nav ul li a { padding: 13px 15px 11px; }
	body.it-IT #site-head .nav ul li.news a { padding-top: 11px; }	
	body.it-IT #site-head div.strapline { top: 58px; }
	
	body.de-DE #site-head .nav ul li a { padding: 13px 19px 12px; }
	body.de-DE #site-head .nav ul li.about a { padding-top: 9px; }
	body.de-DE #site-head .nav ul li.translation a { padding-top: 9px; }
	
	body.es-ES #site-head .nav ul li a { padding: 13px 16px 12px; }
	body.es-ES #site-head .nav ul li.translation a { padding-top: 11px; }
	body.es-ES #site-head .nav ul li.interpreting a { padding-top: 11px; }
	body.es-ES #site-head .nav ul li.transcription a { padding-top: 11px; }
	body.es-ES #site-head div.strapline { top: 56px; }
	
	body.zh-CN #site-head .nav ul li a
	{ 
		padding-top: 10px; padding-bottom: 11px;
		font-size: 1.7em;
		font-weight: normal;
	}
	body.zh-CN #site-head .nav ul li.active a { border-top: 1px solid #c3d9e8; padding-top: 9px; }
/**************************************/
/*             INDEX PAGE             */
/**************************************/
#index-page
{
	overflow: hidden; 
	width: 100%;
	margin-top: 5px;
	padding-top: 1px;
	background: url(/assets/visual/structure/index-bg.jpg) top left repeat-x;
}
#index-page .panel-image 
{ 
	position: relative; 
	float: left;
	width: 706px;
	height: 247px;
	margin: 0px 10px 2px 0px;
}
#index-page .panel-image img { position: absolute; top: 0px; left: 0px; }
#index-page .panel-image img.overlay { z-index: 100; }

#index-page .index-text
{
    float: left;
    width: 210px;
    margin-top: 20px;
}
#index-page .index-text h1 { font-size: 13px; font-weight: bold; }
#index-page .index-text div { height: 180px; margin-top: 15px; overflow: auto; line-height: 1.3em; }

#index-page .small-panels 
{ 
	clear: both; 
	padding-top: 2px;
	border-top: 1px solid #e3e5e7;
}
#index-page .small-panels .panel 
{ 
	float: left;
	width: 234px;
	height: 261px;
	margin-left: 1px;
	background: url(/assets/visual/structure/index-small-panel.png) top left no-repeat;
}
#index-page .small-panels .panel.first { margin-left: 0px; }
#index-page .small-panels img
{
	margin: 9px 11px 0px;
}
#index-page .small-panels span
{
	display: block;
	margin: 1px 9px 10px 10px;
	padding: 5px 10px;
	background-color: #1e4a82;
	font-size: 1.2em;
	color: #FFFFFF;
	font-family: "Trebuchet MS", Arial;
	font-weight: bold;
	letter-spacing: 0px;
}
#index-page .small-panels p 
{ 
	max-height: 100px; 
	overflow: hidden;
	padding: 0px 20px;
	font-size: 0.9em; 
	line-height: 1.2em;
}

#index-page .latest-news span
{
    margin: 0px; 
    padding: 7px 10px;
    -moz-border-radius: 8px 8px 0px 0px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
#index-page .latest-news 
{ 
    margin-top: 3px; 
    padding: 5px 9px 10px 10px;
}
#index-page .latest-news h3 
{ 
    margin: 10px 0 5px;
	font-weight: bold;
	font-size: 1.2em; 
}
#index-page .latest-news div.date 
{ 
	margin-bottom: 1.4em;
	font-weight: bold; 
	color: #555555;
}
#index-page .latest-news p
{
    max-height: 400px;
    height: 140px;
    overflow: auto;
    line-height: 1.2em;
    font-size: 0.9em;
}

#index-page .latest-news h3, #index-page .latest-news div, #index-page .latest-news p { padding: 0px 10px; }
/**************************************/
/*          LEFT NAVIGATION			  */
/**************************************/
#site-menu
{
	position: relative;
	float: left;
	width: 207px;
	margin-bottom: 30px;
	background: url(/assets/visual/structure/sidenav.png) 0px 0px no-repeat;
	font-size: 0.9em;
}
#site-menu ul { padding: 0px 22px; }
#site-menu h3 
{ 
	position: absolute;
	top: 32px;
	left: 22px;
	width: 163px;
	font-weight: bold;
}
#site-menu ul 
{ 
	margin-top: 29px;
	padding-bottom: 20px;
	padding-top: 33px;
	background: url(/assets/visual/structure/sidenav.png) -207px 0px repeat-y; 
}
#site-menu ul li
{ 
	border-top: 1px solid #c3d9e8; 
}
#site-menu ul li.active { background-color: #e6eff6; }
#site-menu ul li a 
{ 
	display: block; 
	padding: 10px 3px; 
	color: inherit;
}
#site-menu ul li.active a { color: #1e4a82; }
#site-menu ul li.active a span { border-bottom: 1px solid #1e4a82; line-height: 1.4em; }
#site-menu span.bottom 
{ 
	position: absolute;
	bottom: -29px;
	left: 0px;
	display: block;
	width: 207px;
	height: 29px;
	background: url(/assets/visual/structure/sidenav.png) -414px 0px no-repeat; 
}
/**************************************/
/*            MAIN CONTENT            */
/**************************************/
#site-content
{
	position: relative;
	float: right;
	width: 712px;
	margin: 8px 6px 15px;
	border: 1px solid #d4e4f0;
	background-color:#FFFFFF;
	font-size: 0.9em;
	line-height: 1.4em;
}
#site-content.wide { width: 928px; }
#site-content span.tl, #site-content span.tr 
{ 
	position: absolute;
	top: -1px;
	display: block;
	width: 14px;
	height: 16px;
	background: transparent url(/assets/visual/structure/maincontent-top.gif) no-repeat scroll left top;
}
#site-content span.tl { left: -1px; }
#site-content span.tr { right: -1px; background-position: -14px 0px }
#site-content #site-crumb 
{ 
	padding: 10px 13px;
	background-color: #e6eff6; 	
}
#site-content .inner { margin: 15px 30px; }
#site-content .inner img { }
#site-content span.bottom 
{
	position: absolute;
	display: block;
	bottom: -12px;
	left: -3px;
	width: 718px;
	height: 19px;
	background: url(/assets/visual/structure/maincontent-bottom.png) bottom left no-repeat;
}
#site-content.wide span.bottom { background-image: url(/assets/visual/structure/maincontent-bottom-wide.png); }
/**************************************/
/*               FOOTER               */
/**************************************/
#site-foot .inner 
{ 
 	position: relative;
	width: 100%;
	overflow: hidden;
	background-color: #FFFFFF; 
	font-size: 0.9em;
}
#site-foot .inner span.bl, #site-foot .inner span.br 
{ 
	position: absolute; 
	bottom: 0px;
	width: 4px;
	height: 6px;
	background: url(/assets/visual/structure/footer.gif) bottom left no-repeat;
}
#site-foot .inner span.bl { left: 0px; }
#site-foot .inner span.br { right: 0px; background-position:-5px 0px; }
#site-foot .inner span.copyright, #site-foot .inner div { margin: 10px; }
#site-foot .inner span.copyright { display: block; float: left; }
#site-foot .inner div { float: right; }
#site-foot .inner div a { margin: 0px 5px; }
#site-foot .inner div a#skylight { color: #808285; }