@charset "utf-8";

@import url("reset.css");


/* -- TYPE -- */
body {
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../_constant/bg_grad.png);
	background-repeat:repeat-x;
	background-color:#acd6ee;
	text-align:center;
}
h1 {
	font-size:1.5em;
	font-weight:bold;
	line-height:1.1em;
	position:relative;
}
h2 {
	font-size:1.0em;
	font-weight:bold;
}
h3 {
	font-size:0.95em;
	font-weight:bold;
}
h4 {
	font-size:0.85em;
	font-weight:bold;
}
p {
	margin-top:0.85em;
	font-size:0.9em;
}
ul {
	font-size:0.75em;
}
a img {
	border:none;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

/* -- CORE LAYOUT -- */
#centredHolder {
	position:relative;
	margin:0 auto;
	width:940px;
	min-height:510px;     /* sets min-height - only works for browsers except IE */
	height:auto !important;     /* sets height to auto - only works for browsers except IE as IE ignores !important */
	height:510px;
	text-align:left;
}

.mainHeader {
	position:relative;
	top:0px;
	left:0px;
	height:130px;
	width:940px;
	color:#FFFFFF;
	font-weight:bold;
}
.mainHeader .logo {
	position:absolute;
	left:0px;
	top:32px;
}
.screenLogo {
	display:block;
}
.printLogo {
	display:none;
}
.mainHeader .issueDetails {
	position:absolute;
	right:0px;
	bottom:20px;
	text-align:right;
	width:695px;
}
.mainHeader .issueDetails .date {
	color:#00cccc;
	margin-bottom:5px;
}

.mainMenu {
	position:relative;
	background-color:#0a0c38;
	border:1px solid #ffffff;
	width:938px;
}
.mainMenu ul {
	list-style:none;
	margin:10px 0px 10px 0px;
	font-size:0.85em;
}
.mainMenu li {
	display:inline;
	padding:10px 15px 10px 15px;
	border-right:1px solid #ffffff;
}
.mainMenu a {
	text-decoration:none;
	color:#ffffff;
}
.mainMenu a.selected {
	color:#00cccc;
	font-weight:bold;
	text-decoration:none;
}
.mainMenu a:hover {
	color:#a1f9f9;
	text-decoration:none;
}
.mainMenu .languageSelector {
	position:absolute;
	right:0px;
	top:0px;
	padding:10px 15px 10px 15px;
	color:#ffffff;
	border-left:1px solid #ffffff;
	font-size:0.85em;
}

.pageContent {
	position:relative;
	background-image:url(../_constant/content_grad.png);
	background-repeat:repeat-x;
	background-color:#bddef1;
	margin:0px 0px 30px 0px;
	width:940px;
}
.article {     /* article extends pageContent */
	background-image:url(../_constant/article_grad.png);
	background-color: #cfe7f5;
}
.pageContent .leftColumn {
	float:left;
	width:632px;
}
.pageContent .rightColumn {
	float:right;
	width:293px;
}

.footer {
	position:relative;
	color:#999999;
	width:940px;
	font-size:0.8em;
	border-top:1px dotted #0a0c38;
	padding:20px 0px 15px 0px;
}
.footer .logo {
	float:left;
	margin-top:-5px;
}
.footer .footerNav{
	text-align: center;
	width:510px;
	margin:0px auto;
}
.footer .footerNav ul {
	list-style:none;
	margin:0px;
	font-size:1.0em;
}
.footer .footerNav li {
	display:inline;
	padding:0px 10px 0px 10px;
}
.footer .footerNav a {
	text-decoration:none;
	font-weight:bold;
	color:#0a0c38;
}
.footer .footerNav a:hover {
	color:#01aaaa;
	text-decoration:underline;
}
.footer .copyright {
	float:right;
	display:inline;
	margin:0px;
}
.footer .footerNav a:hover {
	color:#01aaaa;
}


/* -- languageSplashPage EXTENDS mainHeader -- */

.languageSplashPage {
	position:relative;
	top:0px;
	left:0px;
	height:196px;
	width:876px;
	margin:0px 32px;
	color:#FFFFFF;
	font-weight:bold;
}
.languageSplashPage .logo {
}
.languageSplashPage .issueDetails {
	bottom:16px;
	width:876px;
}
.languageSplashPage .issueDetails .date {
	float:right;
	color:#00cccc;
	text-align:right;
}
.languageSplashPage .issueDetails h4.date {
	font-size:1.3em;
}
.languageSplashPage .issueDetails .tagline {
	float:left;
}
.languageSplashPage .issueDetails h4.tagline {
	font-size:1.1em;
}


/* -- indexBox ELEMENTS -- */

.indexBox {
	position:relative;
	background-color:#ffffff;
	margin:15px 0px 0px 0px;
	padding:0px;
	width:632px;
}	
.boxCopy {
	padding:15px 15px 45px 0px;
	min-height:94px;     /* sets min-height - only works for browsers except IE */
	height:auto !important;     /* sets height to auto - only works for browsers except IE as IE ignores !important */
	height:94px;     /* sets height to equivalent of min-height - now is only read by IE which treats it as min-height */
}
.indexBoxImage {
	position:relative;
	float:left;
	margin:0px 15px 0px 0px;
}
.indexBox h2 {
	font-size:1.0em;
	font-weight:bold;
	color:#0a4881;
}
.indexBox h3 {
	font-size:0.85em;
	font-weight:bold;
	color:#0a4881;
}
.indexBox p {
	margin-top:0.55em;
	font-size:0.85em;
}
.indexBox .CTA {
	position:absolute;
	bottom:15px;
	right:15px;
	width:445px;
	text-align: right;
	border:1px solid #ffffff;     /* "invisible" border applyed to force IE6 and Safari to apply width settings correctly */
}
.indexBox .CTA img {
	margin:0px 0px -3px 5px;
}
.indexBox .CTA p {
	font-size:0.85em;
	font-weight: bold;
}
.indexBox .CTA a {
	color:#0a0c38;
}


/* -- hero EXTENDS indexBox -- */

.hero .boxCopy {
	padding:15px 15px 45px 0px;
	min-height:248px;     /* sets min-height - only works for browsers except IE */
	height:auto !important;     /* sets height to auto - only works for browsers except IE as IE ignores !important */
	height:248px;     /* sets height to equivalent of min-height - now is only read by IE which treats it as min-height */
}
.hero h1 {
	font-size:1.2em;
	font-weight:bold;
	color:#0a4881;
}
.hero .CTA {
	width:305px;
}


/* -- teamPlayer EXTENDS indexBox  -- */

.teamPlayer {
	width:615px;
	margin:15px 0px 0px 15px;
}
.teamPlayer .boxCopy {
	padding:15px 15px 0px 0px;
	min-height:53px;     /* sets min-height - only works for browsers except IE */
	height:auto !important;     /* sets height to auto - only works for browsers except IE as IE ignores !important */
	height:53px;     /* sets height to equivalent of min-height - now is only read by IE which treats it as min-height */
}
.teamPlayer .indexBox p {
	margin-top:0em;
}
.teamPlayer a {
	text-decoration: none;
	color:#016767;
	font-weight: bold;
}
.teamPlayer a img {
	margin-left:4px;
	margin-right:4px;
}
.teamPlayer a:hover {
	text-decoration:underline;
	color:#016767;
}


/* -- sidebarBox ELEMENTS -- */

.sidebarBox {
	float:right;
	position:relative;
	margin:15px 0px 0px 0px;
	width:293px;
}
.sidebarBox img {
	display:block;
}
.bottomStrip {
	padding:15px;
	background-color:#01aaaa;
	border:1px solid #1895a3;
	width:291px;     /* IE5.5 and below box model hack - state width including padding for IE5.5, IE5.5 hack, then state correct width */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:261px;
}
.bottomStrip img {
	position:absolute;
	bottom:15px;
	right:15px;
}
.bottomStrip h3 {
	color:#ffffff;
	font-size:0.75em;
	font-weight:bold;
	width:238px;
}
.bottomStrip a {
	color:#ffffff;
	text-decoration: none;
}
.bottomStrip a:hover {
	color:#ffffff;
	text-decoration: underline;
}


/* -- articleCol ELEMENTS -- */
.articleCol {
	width:617px;
	margin:15px 0px 15px 15px;
}
.articleCol h1 {
	color:#ffffff;
	font-size: 1.95em;
	line-height: 1.1em;
}
.articleCol h2 {
	color:#ffffff;
	font-size: 1.2em;
	line-height: 1.1em;
	margin-bottom: 15px;
}
.articleCol h3 {
	line-height: 1.0em;
	margin:0.95em 0em -0.55em 0em;
}
.articleCol ul {
	margin:10px 0px 0px 30px;
	font-size:0.8em;
}
.articleCol a {
	text-decoration:none;
	font-weight:bold;
	color:#016767;	
}
.articleCol a:hover {
	text-decoration:underline;
	color:#015454;
}


/* -- sitemap EXTENDS articleCol -- */

.sitemap h3 {
	line-height: 1.0em;
	font-size: 1.6em;
	margin:30px 0px 30px 0px;
}
.sitemap h3.home {
	margin-top:75px;
}
.sitemap h4 {
	line-height: 1.0em;
	font-size: 1.0em;
	margin:30px 0px 10px 0px;
}
.sitemap p {
	line-height: 1.4em;
	font-size: 0.8em;
	margin:0px;
}
.sitemap p.sectionEnd {
	margin:0px 0px 30px 0px;
}
.sitemap .sectionDivide {
	border-bottom:1px dotted #0a0c38;
}


/* -- diary ELEMENTS -- */

.diary {
	border:1px solid #2d365d;
	margin:65px 0px 0px 0px;
	padding:15px 0px 45px 0px;
	position:relative;
	width:615px;  /* hard width assigned to allow child absolute positioning in IE */
}
.diary h3 {
	line-height: 1.0em;
	font-size: 1.5em;
	margin:0px 15px 0px 15px;
}
.diary h4 {
	line-height: 1.0em;
	font-size: 1.0em;
	margin:30px 90px 10px 90px;
}
.diary p {
	line-height: 1.0em;
	font-size: 0.9em;
	margin:0px 90px;
}
.diary .leftCorner a {
	background-image: url(../_constant/diary_leftCorner.gif);
	background-repeat: no-repeat;
	width:60px;
	height:60px;
	position:absolute;
	left:0px;
	bottom:0px;
}
.diary .rightCorner a {
	background-image: url(../_constant/diary_rightCorner.gif);
	background-repeat: no-repeat;
	width:60px;
	height:60px;
	position:absolute;
	right:-1px;
	bottom:0px;
}
.month {
	text-align: center;
	border-bottom:1px solid #2d365d;
}
.month h4 {
	margin:0px 15px 10px 15px;
}
.month .floatLeft {
	float:left;
	display:inline;
}
.month .floatRight {
	float:right;
	display: inline;
}


/* -- articleImage ELEMENTS -- */

.articleImagesHolder {
	float:left;
}
.articleImage img {
	display:block;
}
.articleImage .imageCaption {
	background-color:#ccebfd;
	border-left:1px solid #81b3d2;
	border-right:1px solid #81b3d2;
	border-bottom:1px solid #81b3d2;
	padding:6px;
}
.articleImage .imageCaption p {
	margin:0em;
	font-size:0.75em;
}
.articleImage_1col {
	float:left;
	clear:left;
	width:300px; 
	margin:15px 15px 8px 0px;
}
.articleImage_2col {
	width:615px;
}
.articleImage_halfCol {
	float:left;
	width:142px;
	margin:15px 15px 8px 0px;
}
.portrait {  /* extends articleImage_1col when used as main article image */
	margin:15px 15px 8px 0px;
}


/* -- languageMaps ELEMENTS -- */

.languageMaps {
	position:relative;
	width:940px;
	min-height:550px;     /* sets min-height - only works for browsers except IE */
	height:auto !important;     /* sets height to auto - only works for browsers except IE as IE ignores !important */
	height:550px;     /* sets height to equivalent of min-height - now is only read by IE which treats it as min-height */
}
.languageMaps .countryMap {
	position:relative;
}
.languageMaps .countryMap h2 {
	color:#ffffff;
	text-align: center;
	font-size:1.5em;
	margin:345px 5px 0px 5px;
}
.languageMaps .countryMap h2 a {
	color:#ffffff;
}
.languageMaps .countryMap h2 a:hover {
	color:#ffffff;
}
.languageMaps .engRollover {
	position:absolute;
	width:264px;
	left:0px;
}
.languageMaps .gerRollover {
	position:absolute;
	width:276px;
	left:292px;
}
.languageMaps .czeRollover {
	position:absolute;
	width:386px;
	right:0px;
}
a.countryRollover{
	background-repeat:no-repeat;
	background-position:0px 0px;
	top:18px;
	height:324px;
	position:absolute;
	display: block;
}
a:hover.countryRollover {
	background-position:0px -324px;
}
.ukIeMap{
	background-image: url(../_constant/lang_en.gif);
	width:264px;
}
.deMap{
	background-image: url(../_constant/lang_de.gif);
	width:276px;
}
.czSlMap{
	background-image: url(../_constant/lang_cz.gif);
	width:386px;
}


/* -- SPEECH BUBBLE QUOTE ELEMENTS -- */

.quotation {
	float:right;
	display:inline;
	margin:15px 15px 15px 0px;
	color:#0a0c38;
	width:278px;
}
.quotation .speechBox {
	position:relative;
	padding:15px;
	width:276px;     /* IE5.5 and below box model hack - state width including padding for IE5.5, IE5.5 hack, then state correct width */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:246px;
	margin:0px;
	font-size:1.0em;
	line-height:1.35em;
}
.quotation p {
	margin:0px;
	font-size:1.0em;
	line-height:1.35em;
}
.quotation .bubbleStalk {
	position:absolute;
	display: block;
	bottom:-16px;
	right:15px;
	width:26px;
	height:16px;
	background-image: url(../_constant/speechbubble_stalk.gif);
	background-repeat: no-repeat;
}
.quotation .attribution {
	text-align:right;
	color:#426b92;
	font-size:1.0em;
}
.quotation .attribution .person{
	font-weight:bold;
}
.quotation .attribution .description{
	margin-top:0.15em;
}
.box .speechBox {    /*  box extends quotation  */
	border:1px solid #a9cce4;
	background-color:#ffffff;
	font-weight:bold;
}
.bubble .speechBox {    /*  bubble extends quotation  */
	margin-bottom:20px;
	border:1px solid #a9cce4;
	background-color:#ffffff;
	font-weight:bold;
}
.homepageFact .speechBox {    /*  homepageFact extends quotation  */
	background-color:#d9ecf7;
	border:1px solid #a9cce4;
	font-family:Times New Roman, Times, serif;
	font-weight: normal;
	font-size:1.2em;
	font-style: italic;
}
.homepageFact .bubbleStalk {
	background-image: url(../_constant/speechbubble_stalk_homepage.gif);
}
.homepageFact .attribution {
	color:#0a0c38;
	font-size:0.9em;
}


/* -- rightColNavTable ELEMENTS -- */

.rightColNavTable {
	width:293px;
	margin:15px 0px 15px 0px;
	padding:15px 0px 0px 0px;
	background-color: #ffffff;
}
.rightColNavTable tr.alt {
	background-color:#deeaf4;
}
.rightColNavTable tr.navTextCurrPage {
	background-color:#01aaaa;
}
.rightColNavTable img {
	display:block;
	width:45px;
	height:45px;
}
.rightColNavTable h3 {
	margin:0px 15px 15px 15px;
	color:#0a4881;
}
.rightColNavTable td.navText {
	padding:6px 15px 6px 15px;
	font-size: 0.8em;
    font-weight: bold;
    line-height: 1.1em;
    width:233px;   
}
.rightColNavTable tr.navTextCurrPage td.navText {
	color:#ffffff;
}
.rightColNavTable td a {
	text-decoration:none;
	color:#0a0c38;
}
.rightColNavTable tr.navTextCurrPage td a {
	color:#ffffff;
}
.rightColNavTable td a:hover {
	text-decoration:underline;
}


/* -- neonBox ELEMENTS -- */

.neonBox {
	position:relative;
	background-image: url(../_constant/neon_grad.gif);
	background-repeat:repeat-x;
	background-color:#0b82bc;
	margin:15px 0px 0px 0px;
	padding:18px 0px 15px 0px;
	width:633px;
	min-height:115px;     /* sets min-height - only works for browsers except IE */
	height:auto !important;     /* sets height to auto - only works for browsers except IE as IE ignores !important */
	height:115px;     /* sets height to equivalent of min-height - now is only read by IE which treats it as min-height */
}
.neonBox .neonImage {
	display:inline;
	float:left;
	margin:0px;
	padding:0px;
	text-align: center;
}
.neonBox .neonImage p a {
	color:#ffffff;
}
.neonBox .neonImage p a:hover {
	color:#ffffff;
}
a.neonRollover {
	background-repeat:no-repeat;
	background-position:0px 0px;
	top:18px;
	height:75px;
	position:absolute;
}
a:hover.neonRollover {
	background-position:0px -75px;
}
a.neonDiary {
	background-image: url(../_constant/neon_homepage_calendar.gif);
	width:85px;
	left:1px;
}
/*a.neonCountry {
	background-image: url(../_constant/neon_homepage_world.gif);
	width:95px;
	left:88px;
}
a.neonQuiz {
	background-image: url(../_constant/neon_homepage_quiz.gif);
	width:85px;
	left:180px;
}
a.neonCompetition {
	background-image: url(../_constant/neon_homepage_competition.gif);
	width:89px;
	left:267px;
}
a.neonCEO {
	background-image: url(../_constant/neon_homepage_ceo.gif);
	width:96px;
	left:358px;
}
a.neonFeedback {
	background-image: url(../_constant/neon_homepage_feedback.gif);
	width:81px;
	left:457px;
}
a.neonTeam {
	background-image: url(../_constant/neon_homepage_team.gif);
	width:88px;
	left:541px;
}*/

/*Updated due to diary being removed from list */
a.neonCountry {
	background-image: url(../_constant/neon_homepage_world.gif);
	width:95px;
	left:1px;
}
a.neonQuiz {
	background-image: url(../_constant/neon_homepage_quiz.gif);
	width:85px;
	left:93px;
}
a.neonCompetition {
	background-image: url(../_constant/neon_homepage_competition.gif);
	width:89px;
	left:180px;
}
a.neonCEO {
	background-image: url(../_constant/neon_homepage_ceo.gif);
	width:96px;
	left:271px;
}
a.neonFeedback {
	background-image: url(../_constant/neon_homepage_feedback.gif);
	width:81px;
	left:370px;
}
a.neonTeam {
	background-image: url(../_constant/neon_homepage_team.gif);
	width:88px;
	left:454px;
}


.neonBox p {
	color:#ffffff;
	text-align: center;
	margin:83px 5px 0px 5px;
}


/* -- GENERIC ELEMENTS -- */
.clear{
	clear:both;
}

.endDummy {
	clear:both;
	font-size:0em;
}
.homepageSeparator {
	position:relative;
	height:0px;
	width:278px;
	border-bottom:1px dotted #0a0c38;
	margin:15px 15px 0px 0px;
	padding:0px;
	
}
sup { line-height: 1.0em; font-size: 80%; left: 0px; position: relative; top: 0px; } 
sub { line-height: 1.0em; font-size: 80%; left: 0px; position: relative; top: 2px; } 

h1 {
	font-size:1.5em;
	font-weight:bold;
	line-height:1.1em;
	position:relative;
}
h2 {
	font-size:1.0em;
	font-weight:bold;
}
h3 {
	font-size:0.95em;
	font-weight:bold;
}
h4 {
	font-size:0.85em;
	font-weight:bold;
}
p {
	margin-top:0.85em;
	font-size:0.9em;
}



fieldset.form legend {
	padding:30px 0px 0px 0px;
	font-size:0.95em;
	font-weight:bold;
	color:#0a0c38;
}
fieldset.form table {
	width:425px;
}
fieldset.form .btns {
	text-align: right;
}
fieldset.form input.resetBtn {
	width:auto;
	margin:0px 15px 0px 0px;
}
fieldset.form input.submitBtn {
	width:auto;
	display:inline;
}
fieldset.form .formLabel {
	margin-top:0.85em;
	font-size:0.9em;
}

/* -- ACCESSIBILITY ELEMENTS -- */

.hidden {
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}