/*Gateway template style sheet v6.0         */
/* Version: 1.0                            */
/* Date:    April 2008                */
/* Author:  Tiina Jaatinen */
/* Contact: Gateway Webmaster (02) 82666 */

/*plug-in styles*/
@import url('/staticarchive/6db7f03fe9e39cbdf21bf3a6866b9dbc118b5554.css');

/* These styles alter the default html behaviour to be more like MS Word */

form			{margin-top:0px; margin-bottom:0px;}
ul              {list-style:square; margin-top:0px; margin-bottom:0px;}	
ol				{margin-top:0px; margin-bottom:0px;}
blockquote		{margin-top:0px; margin-bottom:0px;}

/* Global Styles */

body,table,td,div,p,li,h1,h2,h3,h4,h5,h6,ul,input,textarea{
	font-family: Arial,Verdana,Helvetica;
}

/* The DIV, P and TD styles should be the same as the "normal" content style. P has a margin of 0px to make it behave the same as a DIV tag, as the Immediacy Editor currently uses P's and DIV's interchangeably */
div             {font-family:Arial,Verdana,Helvetica; font-size: 100%;}
p               {font-family:Arial,Verdana,Helvetica; font-size: 0.8em; margin:0.001pt;}
td              {font-family:Arial,Verdana,Helvetica; font-size: 0.8em; margin:0.001pt;}

body			{font-family:Arial,Verdana,Helvetica; margin:0px; padding:0px; background-color:#ffffff;}

#accesskeys{
	position: absolute; 
	top: -1000px; 
	left: -1000px; 
	font-size: 0.5em; 
	line-height: 1px;
	float:left;
}

/* GATEWAY TOOLBAR for editor*/

div.gwtoolbar {
	position:static;
	left: 0;
	top: 0;
	height: 30px;
	width: 100%;
	background-color:#999999;
	background-image: url(../../../../images/gateway/GW_TopStrapSlice.png);
	background-repeat: repeat-x;
	font-size: 80%;
	color: #d9d9d9;
}

.tb_links {
	color:#d9d9d9 !Important;		
	font-family:Tahoma;
	margin-top:7px;	
	vertical-align:middle;
    float: left;
	left: 17px;
	padding: 0px 0px 0px 17px;
	
}

.tb_links a.toolbar {
	color:#d9d9d9 !Important;
	font-size: 0.8em;
}

div.gwtoolbar .tb_logo {
    top: 1px;
    position:absolute;
    left: 450px;
    height: 27px;
    width: 100px;
}

.tb_search {
	float: right;
    left:605px !important;
	position: absolute;
	top: 3px;
	width: 355px;
	padding-left: 0px;
	background-image: url(../../../../images/gateway/GW_SearchBack.png);
    background-repeat: no-repeat;
    height:28px;
    vertical-align:middle;
    padding-top:2px;
    padding-left:10px;
}

.tb_search .label1 {
    margin-top:3px;
	font-size:80%;
	font-family:Arial, helvetica, Sans-Serif;
	height:10px;
	display:block;
	float:left;
	padding:0px;
	color:#d9d9d9;
}

div.gwtoolbar .tb_search .radio1{
	margin-left:4px;
	margin-right:3px;
	display:block;
	float:left;

}

div.gwtoolbar .tb_search .scope{
	margin: 0px 1px 0px 0px;
	vertical-align:middle;
	float:left;
	display:block;
}

div.gwtoolbar .tb_search .label2 {
    margin-top:3px;
	font-size:80%;
	font-family:Arial, helvetica, Sans-Serif;
	height:10px;
	display:block;
	float:left;
	padding:0px;
	color:#d9d9d9;
}

div.gwtoolbar .tb_search .radio2{
	margin-left:4px;
	margin-right:3px;
	display:block;
	float:left;
}

div.gwtoolbar .tb_search .gwSearchInput{
	margin: 0px;
	padding: 2px 0px 0px 2px;
	vertical-align: top;
	width: 135px;
	height: 16px;
	font-family: arial,helvetica,sans-serif;
	font-size: 100%;
	color: #000;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	background: #ffffff;
	float:left;
	display:block;
}

div.gwtoolbar .tb_search .gwSearchButton{
	margin: 0px 5px 2px 0px;
	padding: 0px 0px 0px 8px;
	vertical-align: middle;
	border: 0px;
	float:left;
	display:block;
}

div.gwtoolbar .tb_search input {
	margin-left: 0px;
   	margin-right: 1px;
	vertical-align:middle;
	float:left;
	display:block;

}

/*
img 
{
    border:0px;
}
*/

/**********************************/
/* ----- Core page elements ----- */
/**********************************/


/*====================================================*/
/* Specify screen positions for all key page elements */
/* i.e. positions not used in printing                */
/*====================================================*/

@media screen{

	#azCrumbContact, #main, #bannerScreen{
		position: relative;
		width: 960px;
		left: 0px;
		top: 0px;	
	}

	#boxCrumbLeft{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 180px;
		margin-right: 20px;
	}

	#boxMainLeft{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 180px;
	}

	#boxCrumbCentre, #boxMainCentre{
		position: relative;
		top: 0px;
		left: 180px;
		width: 600px;
	}

	#boxMainCentreWide {
		position: relative;
		top: 0px;
		left: 180px;
		width: 780px;
	}

	#boxCrumbRight, #boxMainRight{
		position: absolute;
		top: 0px;
		left: 780px;
		width: 180px;
	}
	
	#bannerPrint{display: none;}
	#printTop{display:none;}
	div.dontScreen{display: none;}
}

/************************************/
/* Hide the following when printing */
/************************************/

@media print{
	#bannerScreen, #leftNav, #boxCrumbLeft{display: none;}
	div.dontScreen {text-align: center;}
	#contact{
		float: right;
		position: absolute;
		top:60px;
		left: 580px;
		background-color: #FFFFFF;
	}

	#boxMainRight{
		float:right;
		top:100px;
		position:absolute;
		left: 580px;
		background-color: #FFFFFF;
	}

	#footer {
		position: relative;
		top:0px;
		left: -200px;
	}

	#toolbar, #relatedLink{display:none;}

}

/**********************/
/* ----- Banner ----- */
/**********************/

#boxBanner{ /* used if text replaces image in banner for printing */
    padding:10px 0px 10px 0px;
}


#bannerScreen{
	padding: 0px;
	margin: 0px;
	height: 60px;
	width: 960px;
}

div.bannerTitle{
	height: 60px;
}
/***********************************************/
/* ----- A-Z, Crumbtrail and Contact Row ----- */
/***********************************************/

div#azCrumbContact {
	height: 25px;
}

#crumbtrail {
	width: 100%;
}

#az, #contact{
	width: 180px;
}

/************************/
/* ----- Scoped Search Form ----- */
/************************/
#SearchForm{
}

input.searchTerm
{
	width: 130px;
	height: 16px;
	margin: 0px;
	padding: 2px 0px 0px 2px;
	vertical-align: top;
	float:left;
	display:block;
}

input.searchButton
{
	margin: 0px;
	padding: 0px 0px 0px 4px;
	vertical-align: middle;
	border: 0px;
}

/************************/
/* ----- Left Nav ----- */
/************************/

div#leftNav {
  	float:left;
  	clear:left;
	width:180px;
	padding: 0px;
	margin: 0px;
}

/* default ul tag style for this menu - you probably won't need to change this */
div#leftNav ul 
{
	list-style:none;
	margin:0px;
	padding:0px;
}

/* default li tag style for this menu - you probably won't need to change this */
div#leftNav ul li
{
	float:left;
	width:100%;
	margin:0px;
}

/* style for the actual menu links. padding-top and padding bottom styles are useful for netscape which doesn't seem to handle "filling" the LI tag to 100% height */
/* change the padding styles, but exercise some caution with different browsers*/					
div#leftNav a {
	display:block;
	text-decoration:none;
	padding-top:0.23em;
	padding-bottom:0.33em;
}

/* style for the menu bullets */
div#leftNav a SPAN	 {
	float:left;
	height:1.5em;
	width:14px;
	background-repeat:no-repeat;
}

/*******************************/
/* ----- Central Content ----- */
/*******************************/

div#centralContent{
  position: relative;
  top: 0px;
  left: 20px;
  padding-bottom: 20px;
  min-height: 200px;
  width: 560px;
}

div#centralContentTitle{
  position: relative;
  top: 0px;
  left: 0px;
  width: 560px;
  margin-bottom: 20px;
}

div#centralContentAreaBlank{
  position: relative;
  top: 20px;
  left: 20px;
  width: 760px;
  padding-bottom: 20px;
}
/*===== One column with related links =====*/

div#centralContentArea01{
  position: relative;
  left: 0px;
  width: 560px;
  padding: 0px;
  margin-bottom: 10px;
}

/*===== One column without related links =====*/

div#centralContentTitleWide{
  position: relative;
  top: 0px;
  left: 0px;
  width: 760px;
  margin-bottom: 20px;
}

div#centralContentAreaWide{
  position: relative;
  left: 0px;
  width: 760px;
  padding-bottom: 0px;
}

/*===== Two column with related links =====*/

div#centralContentAreaLeft02{
  position: relative;
  left: 0px;
  width: 275px;
  float: left;
  padding: 0px;
  margin-bottom: 10px;
}

div#centralContentAreaLeft02Narrow{
  position: relative;
  left: 0px;
  width: 180px;
  float: left;
  padding: 0px;
}

div#centralContentAreaLeft02Wide{
  position: relative;
  left: 0px;
  width: 370px;
  float: left;
  padding: 0px;
}

div#centralContentAreaRight02{
  position: relative;
  left: 0px;
  width: 275px;
  float: right;
  padding: 0px;
  margin-bottom: 10px;
}

div#centralContentAreaRight02Wide{
  position: relative;
  left: 10px;
  width: 370px;
  float: left;
  padding: 0px;
}

div#centralContentAreaRight02Narrow{
  position: relative;
  left: 10px;
  width: 180px;
  float: left;
  padding: 0px;
}

/*===== Three column with related links =====*/

div#centralContentAreaLeft03{
  position: relative;
  left: 0px;
  width: 180px;
  float: left;
  padding: 0px;
}

div#centralContentAreaMiddle03{
  position: relative;
  left: 10px;
  width: 180px;
  float: left;
  padding: 0px;
}

div#centralContentAreaRight03{
  position: relative;
  right: 0px;
  width: 180px;
  float: right;
  padding: 0px;
}

/**********************/
/* ----- Footer ----- */
/**********************/

div#footer{
	width:960px;
	clear:both;
	padding: 20px 5px 20px 0px;
	margin: 50px 10px 20px 0px;
	text-align: center;
}

div#footerText, div#copyright{
	text-align: center;
}

div#footer{
	font-size: 60%;
}

div#footer img#footerBbcLogo{
	margin: 5px 0px 0px 0px;
	width: 42px;
	height: 18px;
	border: 0;
}

/*****************************/
/* ----- Related links ----- */
/*****************************/

div#boxMainRight{
	margin-left: 0px;
}