/* Required to obtain min-width behaviour with IE */

.width						{width: 50%; min-width: 990px;}
.content					{padding: 0;}

/*\*/ /* Ignored by IE Mac*/
* html .minwidth, * html .container	{height: 1px;}
/**/

* html .container			{margin-left: -990px; position: relative;}
 .width						{width: 100%; min-width: 990px;}
* html .minwidth			{padding-left: 990px;}

/*\*/
* html .minwidth, * html .container, * html .content, * html .layout	{height: 1px;}
/**/

/*************************************************************/

body						{font-family: arial; font-size: 0.75em; background-color: #F3F8FE; min-width: 990px; margin: 0;}

#header						{height: 25em; background: #FFFFFF url('/images/backgrounds/clouds.png') no-repeat;}
#header img                 {float: left;}
* html #header img          {float: none;}
html>body #header img       {*float: none;}

#footer						{float: left; width: 100%; margin: 5px auto; padding: 0; font-size: 0.9em; text-align: center;}

#search					    {float: right; clear: right; margin: 10px 10px 0 0; width: 50%;}
* html #search              {margin: -37px 0 0 0;}
html>body #search           {*margin: -37px 10px 0 0;} 

#statement					{height: 21.4em; margin: 0 230px 0 0; padding: 1px; position: relative;}
* html #statement           {height: 21.3em;}
#statement p				{color: #FFFFFF; font-size: 1.7em; text-align: right; margin: 120px 390px 5px 5px; padding: 0;}
* html #statement p			{margin-top: 8.5%; font-size: 1.8em; }

#mainwrap					{position: relative; background: url('/images/home/spirax-curve.png') no-repeat top right; margin-top: -17.7em;}
* html #mainwrap			{width: 100%; margin-top: -17.6em;}

#statement .image-holder		{position: absolute; top: 18px; right: 0; height: 20em; overflow: hidden; z-index: 2;}
#statement .image-holder img	{border: 0;}
#print-image				    {display: none; position: absolute; top: 0; left: 0; border: none; z-index: 3;}

/***** Z-Index is now set in the image-fade.js file *****/

#curve-layer				{position: absolute; top: 0; left: 0; border: none; z-index: 4;}

#country-outer				{margin: 2px 230px 0 0; text-align: center; border: 10px solid #CDCDCD;}

#country-inner				{background-color: #CDCDCD; margin: 0; padding: 0;}
#country-inner2				{background-color: #FFFFFF; margin: 0; padding: 5px;}
#country-inner2 span		{color: #22509E; font-size: 1.4em;}
#country-inner2 form		{display: inline; margin: 0; padding: 0;}

#news						{position: absolute; top: 2em; right: 0; width: 229px; margin: 0; padding: 0; background-color: #F3F8FE;}
* html #news				{float: right; width: 220px; margin-left: 0;}

#search .searchform                    {width: 100%; margin: 0; padding: 0;}
#search .searchform input              {float: right;}
#search .searchform input.searchtext   {width: 145px; margin: 0 5px 5px 0; font-size: 0.9em; border: 1px solid #CDCDCD;}
#search .searchform input.searchbutton {margin-top: -1px; font-size: 0.9em;}
#search ul.searchlinks                 {float: right; width: 100%; margin: 5px 5px 0 0; padding: 0;}
#search ul.searchlinks li              {float: right; list-style-type: none; font-size: 0.9em; margin: 0 10px 0 0;}

#menu						{float: right; clear: right; margin-top: 0.9em; right: 0; background: url('/images/menu/menu-left.gif') no-repeat top left; z-index: 1;}
#menu #udm					{float: left; width: auto !important; height: 8em; padding: 1px 10px 0 5px;}
#menu #udm li				{float: left; z-index: 3; list-style-type: none;}
#menu #udm li ul			{display: none;}
#menu #udm li.hide			{display: none;}

a:link						{color: #0000FF;}
a:visited					{}
a:hover						{color: #FF0000;}
a:active					{color: #FF0000;}

a.nowrap					{white-space: nowrap;}
.clear						{clear: both;}

img							{border: 1px solid #CDCDCD;}

img.flag					{border: 0; padding: 0; vertical-align: middle; margin: 0 10px 0 0;}
img.logo					{position: relative; top: 10px; left: 10px; margin: 0; padding: 0; border: 0;}
img.icon					{margin: 0 5px 0 0; border: 0; padding: 0;}

input						{font-size: 0.9em;}
select						{font-size: 0.9em; font-family: Arial;}
option.red                  {color: #FF0000;}

#news .box					{float: left; padding: 5px; margin: 10px; font-size: 0.9em; background: #F9FDFF url('/images/backgrounds/box-gradient.jpg') top left repeat-x; border: 1px solid #CDCDCD;}
* html #news .box			{float: left; margin: 10px 4px 10px 3px;}
#news .box h3				{font-size: 1.3em; margin: 0 0 10px 0;}
#news .box p				{margin: 0 0 10px 0;}

img.international-small     {float: none; border: 0; margin-left: 10px;}

.news						{margin: 0; padding: 0 0 10px 0; width: 100%;}
.news li					{float: left; clear: both; width: 100%; list-style-type: none; margin: 0 0 15px 0;}
.news li span.date			{display: block; font-weight: bold; margin: 0;}
.news li h4					{font-size: 1em; font-weight: normal; margin: 0;}
.news li img				{float: left; margin: 0 5px 0 0;}

.news a.image_link img						{border: 1px solid #CDCDCD;}
.news a.image_link:visited img				{border: 1px solid #CDCDCD;}
.news a.image_link:hover img				{border: 1px solid #FF0000;}
.news a.image_link:hover img				{_border: 1px solid #CDCDCD;}

.news a.image_link_white img			{border: 1px solid #FFFFFF;}
.news a.image_link_white:visited img	{border: 1px solid #FFFFFF;}
.news a.image_link_white:hover img		{border: 1px solid #FF0000;}
.news a.image_link_white:hover img		{_border: 1px solid #FFFFFF;}

.news a.image_link img   {float: none !important;}
.news li a  {float: left !important;}

.advert						{margin: 0; padding: 0;}
.advert img					{float: left; margin: 0 5px 5px 0;}
.advert li					{float: left; clear: both; width: 100%; list-style-type: none; margin: 0 0 20px 0; padding: 0;}
.advert li p				{margin: 0 0 5px 0;}
.advert li h4				{font-size: 1em; font-weight: normal; margin: 0 0 5px 0;}

.advert a.image_link img				{border: 1px solid #CDCDCD;}
.advert a.image_link:visited img		{border: 1px solid #CDCDCD;}
.advert a.image_link:hover img			{border: 1px solid #FF0000;}
.advert a.image_link:hover img			{_border: 1px solid #CDCDCD;}

.advert a.image_link_white img			{border: 1px solid #FFFFFF;}
.advert a.image_link_white:visited img	{border: 1px solid #FFFFFF;}
.advert a.image_link_white:hover img	{border: 1px solid #FF0000;}
.advert a.image_link_white:hover img	{_border: 1px solid #FFFFFF;}

#site-area-container		{margin: 0 230px 0 0;}

.site-area					{float: right; width: 23.5%; margin: 10px 0 0 1%;}

.site-area-heading			{display: block !important; background: #1B1475 url('/images/backgrounds/secondary-nav-item-background.png') top left repeat-x; margin: 0; padding: 2px 5px;}
.site-area h2				{font-size: 1.2em; height: 3em; line-height: 1.4em; color: #FFFFFF; margin: 2px 5px; padding: 0;}
.site-area h2 a				{text-decoration: none; font-size: 1em; color: #FFFFFF; font-weight: bold; margin: 0;}
.site-area h2 a:hover		{text-decoration: underline; color: #FFFFFF;}
 
.site-area-list				{padding: 2px; min-height: 9.3em; border: 1px solid #CDCDCD; background: #F9FDFF url('/images/backgrounds/box-gradient.jpg') top left repeat-x;}
* html .site-area-list		{height: 7em;}
.site-area ul				{float: left; margin: 0; padding: 0 5px 0 20px;}
.site-area ul li			{font-size: 0.9em; list-style-image: url('/images/bullets/square-bullet.gif'); margin: 5px 0 0 0; padding: 0;}
.site-area p				{float: left; margin: 15px 5px 5px 5px; padding: 5px; font-size: 0.9em;}

#footer #printer_form	{display: inline;}

@media print	{
	#menu						{display: none;}
	#print-image				{display: block;}

	/* Required to obtain min-width behaviour with IE */
	.width									{width:50%; min-width:0;}
	.content								{padding:0;}
	
	/*\*/ /* Ignored by IE Mac*/
	* html .minwidth, * html .container		{height: 1px;}
	/**/

	* html .container						{margin-left:0; position:relative;}
	.width									{width:100%; min-width:770px;}
	* html .minwidth						{padding-left:0;}

	/*\*/
	* html .minwidth, * html .container, * html .content, * html .layout  {height:1px;}
	/**/
}