@import url(xmenu.css); /* Not W3C compliant if URL isn't found */


/* GENERAL TAGS */
html
{
	height: 100%;
}
body
{

	padding: 0px;
	margin: 0px;
	height: 100%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #666;
	background: url('../img/bgBody.gif') no-repeat center top #fff;
}
p
{
	font-size: 1.2em;
	margin-top: 0.1em;
}
p.justify
{
	text-align: justify;
}
a
{
	color: #00529b;
	text-decoration: none;
	border-bottom: 1px dotted #00529B;
}
a:hover
{
	color: #6c193f;
	border-color: #6c193f;
}
h1
{
	font-size: 2.4em;
	font-weight: normal;
	color: #00529b;
}
h2
{
	font-size: 1.8em;
	font-weight: bold;
	color: #d5d1d3;
}
h3
{
	font-size: 1.4em;
	margin-bottom: 0.1em;
}
h3.tight
{
	margin-top: 0.1em;
}
h4
{
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 0.1em;
}
h4.closed
{
	margin-top: 0.4em;
}
h4.colored
{
	color: #6c193f;
}
hr
{
	border: 1px solid #d5d1d3;
}
ul.countryBlock
{
	margin-top: 0.4em;
}
ul.countryBlock li h4
{
	margin: 0.1em auto;
}
ul.countryBlock li p
{
	font-size: 1.0em;
}
#contentWrapper ol,
#contentWrapper ul
{
	font-size: 1.2em;
}
#contentWrapper ol ol,
#contentWrapper ul ul
{
	font-size: 1.0em;
}
#contentWrapper li,
#contentWrapper li li,
#contentWrapper li li li,
#contentWrapper li li li li,
{
	margin-top: 0.6em;
	margin-bottom: 0.6em;
}
.spacing
{
	margin-top: 14em;
}
.formBlock form
{
	margin: 0px;
	padding: 0px;
}
.formBlock label
{
	float: left;
	display: block;
	width: 120px;
	font-size: 1.2em;
	padding: 2px 3px;
	margin: 3px;
}
.formBlock label.required
{
	background: url('../img/required.gif') no-repeat right 0.5em;
}
.formBlock label.checkRadio
{
	width: 220px;
	margin: 2px 3px 2px 130px;
}
*html .formBlock label.checkRadio /* IE(6) hack */
{
	margin-left: 65px;
}
.formBlock label.checkRadio.seperate
{
	width: 370px;
	margin: 2px 3px 2px 3px;
}
*html .formBlock label.checkRadio.seperate /* IE(6) hack */
{
	margin-left: 3px;
}
.formBlock label.checkRadio.seperate.customLabel /* IE(6) hack */
{
	width: 65px;
}
.formBlock input.field,
.formBlock textarea
{
	float: left;
	width: 230px;
	padding: 1px 3px;
	margin: 2px 3px;
	font-size: 1.3em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
.formBlock input.field.short
{
	width: 100px;
}
.formBlock input.customField
{
	width: 150px;
}
.formBlock input.customField.hidden
{
	display: none;
}
.formBlock br.clear
{
	clear: left;
}
.formBlock input.button
{
	margin: 20px 0px;
}
.formBlock input.button.first
{
	margin-left: 134px;
}
*html .formBlock textarea
{
	width: 232px;
}
.expandDetail
{
	display: block; /* Change to 'block' before editing in Contribute; Change to 'none' after editing in Contribute */
}
.hiddenBlock
{
	display: none;
}


/* LAY OUT */
#centerWrapper
{
	width: 100%;
	min-height: 100%;
}
*html #centerWrapper /* IE(6) hack */
{
	height: 100%;
}
	#nonFooterArea
	{
		position: relative;
		min-height: 100%;
	}
	*html #nonFooterArea /* IE(6) hack */
	{
		height: 100%;
	}
		#mainWrapper
		{
			padding-bottom: 116px;
			width: 980px;
			margin: 0px auto;
		}
			#headerArea
			{
				position: relative;
				display: inline; /* Compensates for IE6 double margin bug */
				float: left;
				width: 100%;
				height: 72px;
			}
				#headerArea a.logo
				{
					position: absolute;
					border: none;
					top:30px;
					left:45px;
				}
				#headerArea a.logo img
				{
					border: none;
				}
				#headerArea span.payOff
				{
					position: absolute;
					top:53px;
					left:200px;
					color:#00529b;
					font-size: 14px;
				}
				#headerArea div.countrySelector
				{
					position: absolute;
					left: 768px;
					top: 43px;
				}
					#headerArea div.countrySelector label
					{
						display: block;
						float: left;
						width: 70px;
						text-align: right;
						padding: 5px;
					}
					#headerArea div.countrySelector ul,
					#headerArea div.countrySelector ul ul
					{
						float: left;
						list-style: none;
						margin: 0px;
						padding: 0px;
					}
					#headerArea div.countrySelector ul
					{
						border: 1px solid #999;
						background: #fff;
					}
					#headerArea div.countrySelector ul ul.showCountries
					{
						border: none;
						display: block;
					}
					#headerArea div.countrySelector ul ul.hideCountries
					{
						display: none;
					}
					#headerArea div.countrySelector ul li,
					#headerArea div.countrySelector ul ul li
					{
						float: left;
						display: block;
						width: 130px;
					}
					#headerArea div.countrySelector ul li span
					{
						display: block;
						font-weight: bold;
						padding: 5px 10px 5px 30px;
						cursor: pointer;
					}

					#headerArea div.countrySelector ul li span.collapsed
					{
						background: url('../img/arrowDown.gif') no-repeat right 10px;
					}
					#headerArea div.countrySelector ul li span.expanded
					{
						background: url('../img/arrowUp.gif') no-repeat right 9px;
					}
					#headerArea div.countrySelector ul ul li a
					{
						display: block;
						padding: 5px 10px 5px 30px;
						border: none;
					}
					*html #headerArea div.countrySelector ul li span, /* IE(6) hack */
					*html #headerArea div.countrySelector ul ul li a
					{
						width: 90px;
					}
					#headerArea div.countrySelector ul ul li a:hover
					{
						color: #000;
						background-color: #f2f6fa;
					}
					.english
					{
						background-image: url('../img/flagUK.gif');
					}
					.spanish
					{
						background-image: url('../img/flagSpain.gif');
					}
					.chinese
					{
						background-image: url('../img/flagChina.gif');
					}
					.japanese
					{
						background-image: url('../img/flagJapan.gif');
					}
					.korean
					{
						background-image: url('../img/flagKorea.gif');
					}
					.french
					{
						background-image: url('../img/flagFrance.gif');
					}
					.german
					{
						background-image: url('../img/flagGermany.gif');
					}
					.portuguese
					{
						background-image: url('../img/flagBrazil.gif');
					}
					.polish
					{
						background-image: url('../img/flagPoland.gif');
					}
					#headerArea div.countrySelector a,
					#headerArea div.countrySelector li
					{
						background-repeat: no-repeat;
						background-position: 5px 4px;
					}
			#leftColumn
			{
				display: inline; /* Compensates for IE6 double margin bug */
				float: left;
				margin: 30px 0px 30px 40px;
				width: 430px;
			}
				#menuWrapper
				{
					display: inline; /* Compensates for IE6 double margin bug */
					position: relative;
					z-index: 2; /* Forces the menu over the flash movie */
					float: left;
					width: 550px!important; /* Make sure not to overlap the buttons' hit area in the flashmovie (leadership) FireFox only */
					width: 430px; /* IE6 only */
					height: 3em;
					margin-bottom: 13em;
				}
					*html ul.xmenu /* IE(6) hack */
					{
						position: absolute;
						width: 940px;
					}
					ul.xmenu li
					{
						margin-left: 6px;
						padding: 2px 7px 2px 0px;
						background: url('../img/menuPipe.gif') no-repeat center right;	
					}
					ul.xmenu li.last
					{
						background: none;
					}
					ul.xmenu li a
					{
						font-size: 1.1em;
						color: #666;
						border: none;
					}
					ul.xmenu li a.current,
					ul.xmenu li a:hover
					{
						color: #00529b;
					}
					ul.xmenu ul
					{
						margin: -1px 0px 0px -7px;
						padding-top: 4px!important;
						padding-top: 0px; /* IE6 only */
						width: auto!important;
						width: 80px; /* IE6 only */
						background: none!important;
						background: url('../img/subMenuLine.gif') repeat-y; /* IE6 only */
					}
					ul.xmenu li:hover ul 
					{
						background: url('../img/subMenuLineAnimated.gif') no-repeat top left!important;
					}
					ul.xmenu li li
					{
						background: none;
						padding-left: 2px;
					}
					ul.xmenu li li a
					{
						font-size: 1.1em;
						color: #b6b6b6;
					}
					ul.xmenu li li a.current,
					ul.xmenu li li a:hover
					{
						color: #666;
					}
				#contentWrapper
				{
					display: inline; /* Compensates for IE6 double margin bug */
					float: left;
					padding: 2px 5px;
					width: 420px;
				}
					#crumbTrail ul /* New July 27th 2010 */
					{
						position: relative;
						z-index: 10;
						width: 935px; /* Modified September 1st 2010 - In leadership.html there's a inline style width: 420px; to make button 5 in the flash movie clickable */
					}
					#crumbTrail ul,
					#crumbTrail li
					{
						float: left;
						margin: 0px;
						padding: 0px;
						list-style: none;
					}
					#crumbTrail ul
					{
						/* width: 100%; */ /* Removed July 27th 2010 */
					}
					#crumbTrail li
					{
						line-height: 2em;
						font-size: 0.9em;
						font-weight: bold;
					}
					#crumbTrail li a
					{
						display: block;
						font-weight: normal;
						padding-right: 16px;
						border: none;
						background: url('../img/crumbArrow.gif') no-repeat center right;
						text-decoration: underline;
						white-space: nowrap;
					}
			#flashWrapper
			{
				display: inline; /* Compensates for IE6 double margin bug */
				float: left;
				margin: 6em 0px 30px 10px;
				width: 500px;
			}
			#clearer
			{
				clear: both;
				height:0px;
				font-size:0px;
			}
#footerArea
{
	position: relative;
	margin-top: -116px;
	height:116px;
	width: 100%;
	/*background: #dbdbdb;*/
	background: #d5d1d3;  /* +5% bordeaux */
	/* background: #d2d5ce; greem addded */
}
	#footer
	{
		position: relative;
		margin: 0px auto;
		top: -12px;
		width: 919px;
		min-height: 26px;
		background: url('../img/bgFooter.gif') no-repeat;
	}
	#footer /* IE(6) hack */
	{
		height: 26px;
	}
		#footer ul
		{
			float: left;
			list-style: none;
			margin: 0px 8px;
			padding: 0px;
		}
		#footer ul li
		{
			display: block;
			float: left;
			padding: 6px 10px;
			background: url('../img/footerPipe.gif') no-repeat center right;
		}
		#footer ul li.last
		{
			background: none;
		}
		#footer ul li a
		{
			font-size: 1.1em;
			color: #fff;
			border: none;
		}
		#footer ul li a:hover
		{
			color: #ff0;
			border-bottom: 1px dotted #ff0;
		}
		#footer ul li.copyRight
		{
			background: none;
			font-size: 1.1em;
			float: right;
			color: #fff;
		}
	#quote
	{
		width: 919px;
		margin: 5px auto;
		/* color: #999; */
		color: #6c193f;
		font-size: 1.4em;
		line-height: 1.6em;
	}
	#quote a
	{
		color: #6c193f;
		border-color: #6c193f;
	}
	#quote a:hover
	{
		color: #00529b;
		border-color: #00529b;
	}

.formLeft,
.formRight
{
	float: left;
	width: 50%;
}
*html .formLeft,
*html .formRight
{
	width: 420px; /* IE(6) hack */
}