/*----------Header Styles--------*/
#header {
	background: #f6f3f0 url(../images/headerShim.gif);
	height: 122px;
}	
	
#headerShim {
}
#LogoLink h1 a {
	position: relative;
	display: block;
	top: 0px;
	left: 0px;
	width: 172px;
	height: 100px;
}

#LogoLink h1 a span {
	display: none;
}
#LogoLink h1 {
	height: 100px;
	margin:0;
	float: left;
	width: 172px;
	position: absolute;	
	visibility: visible;
}
#LogoLink {
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	height: 148px;
	width: 172px;
	position: absolute;
	top: 10px;
	margin-left: 0px;
	margin-right: 0px;
	padding-right: 5px;
	margin-top: 0px;
	float: left;
	left: 0px;
	z-index: 20;
}


#HdrFade {
	height: 113px;
	width: 200px;
	left: 170px;
	position: absolute;
	top: -1px;
	filter:	progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/HdrFade.png', sizing Method='scale');
	z-index: 30;
}

#HdrFade[id] {
	
	background-image: url(../images/HdrFade.png);
	
	
}

#HdrFadeHolder{
	text-align: right;
	position: absolute;
	margin: 0px -10px 0px 0px;
	padding: 0px;
	height: 148px;
	overflow: hidden;
	width: 100%;
	left: 0px;
	top: 101px;
}
.WhiteFade{
	background-repeat: no-repeat;
	background-position: right;
	height: 148px;
	width: 100px;
	margin-left: auto;
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
	filter:	progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/WhiteGrad.png', sizing Method='scale');

}
.WhiteFade[class]{

	background-image: url(../images/WhiteGrad.png);	

}



/*--------------Search Box Stuff*/
#SearchBox {
	margin-top: 10px;
	margin-bottom: 10px;
}
#SearchBox input {
	border: 1px solid #a0a2c6;
}
#SearchBox form {
	margin: 0px;
	padding: 0px;
}
/*--------------//Search Box Stuff*/
#SkipNav {
	position: absolute;
	left: -500px;
}

/*----------//Header Styles--------*/


html, body
	{
	margin				: 0px;
	padding				: 0px;
	background-color	: #ffffff;
	background-repeat	: repeat-y;
	background-position: -7px -100px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif, ;
		}

/*-------------------------------------LoginStuff---------------------*/
#login {
	background-image: url(/images/registrationBG.jpg);
	background-position: right bottom;
	border: 1px solid #9C9178;
	padding: 30px;
	background-repeat: no-repeat;
}
#login input {
	background-color: #edede5;	
}

#login label {
	display: none;	
}

#login .loginbtn {
	
}



#login #LoginTop {
		
}
/*-------------------------------------LoginStuff---------------------*/

/*----------Column Layouts--------*/

/* -21px is for who? Netscape 4, I would guess - er yes */
.columns
	{
	margin				: -21px 0px 0px;
	padding				: 0px;

	}
#LeftHandBGWrapper {
	background-image: url(../images/leftNavShim.gif);
	background-repeat: repeat-y;
}
#RightHandBGWrapper {
	background-image: url(../images/RightHandBG.gif);
	background-repeat: repeat-y;
	background-position: right;
}

/* NB - OmniWeb displays the 1px space as looking somewhat thicker, but set it to 0px and there is no space */
/* IE5 gets the spacing all wrong: -18px puts it right. Then use the tantek-family hack to make everything right again */
/*/*/
.columns
	{
	margin-top			: 1px;
	margin-top			: 1px;
	border: 1px dashed #CC3300;
	}


/* */
/* empty required to get IE5 vback on track */
#empty{}

.leftcolumn
	{
	margin				: 35px 0px 20px;
	padding				: 5px 0px 20px;
	background-color: #f3f7f9;
	clear: both;
	float: left;
	border: 1px none #FFFFFF;
	width: 150px;
	}
*html .leftcolumn
	{
	left				: 0px;
	margin				: 35px -5px 20px 0px;
	padding				: 5px 3px 20px 0px;
	width: 142px;
	height: auto;
	clear: both;
	float: left;
	
	}
.rightcolumn
	{
	position			: static;
	float				: right;
	width				: 200px;
	margin				: 10px 0px 0px;
	padding				: 0px 10px 10px;
	z-index				: 3;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	}
	.centercolumn
	{
	margin				: -1px 0px 0px;
	padding				: 0px 5px;
	z-index: 30;
	
	}
#ImageBar {
	position: absolute;
	top: 0px;
	margin-left: 0px;
	text-align: right;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../images/RightHandFade.gif);
	background-repeat: no-repeat;
	background-position: right;
	height: 122px;
	left: 0px;
}
#ImageBar a   {
	padding-right: 10px;
	padding-top: 20px;

}
#ImageBar img   {
	border: 2px solid #9f8953;
	margin-top: 20px;
}


	
	
.centercolumn /*Controls firefox*/
	{
	margin-right		: 230px;
	margin-left			: 155px;
	margin-top			: 0px;
	margin-top			: 0px;
	font-size: 90%;
	
	}
* html .centercolumn
	{
	margin-right		: 240px;
	margin-left			: 155px;
	}

	.centercolumnnocta
	{
	margin-left			: 161px;
	margin-top			: 0px;
	font-family			: inherit;
	font-family			: inherit;
	margin-top			: 0px;
	margin-right: 10px;
	font-size: 90%;
	
	}
	.centercolumnnocta table
	{
	width: 95%;
	clear: none;
	margin: 5px;
	
	}
	.centercolumn table
	{
	width: 95%;
	clear: none;
	margin: 0px;
	
	}
	
.centercolumn p, .centercolumnnocta p {
	color: #333333;
	margin: 0px;
	padding: 3px 0px 3px 5px;
}
.centercolumn a, .centercolumnnocta a, .centercolumn a:active, .centercolumnnocta a:active, .centercolumn a:visited, .centercolumnnocta a:visited, .centercolumn a:link, .centercolumnnocta a:link {
	color: #a44b0d;
	text-decoration: underline;
}
.centercolumn a:hover, .centercolumnnocta a:hover {
	color: #4D2206;
	text-decoration: underline;
}
.centercolumn strong,  .centercolumnnocta strong {
	
	color: #a44b0d;
}

	.centercolumn h2, .centercolumnnocta h2
	{
	margin: 0px 0px 10px;
	padding: 10px 0px 0px 5px;
	color: #662E09;
	font-size: 150%;
	font-weight: normal;
	}
	.centercolumn h3, .centercolumnnocta h3
	{
	margin: 0px;
	padding: 10px 0px 0px 5px;
	color: #aa4d12;
	font-size: 110%;
	font-weight: normal;
	}
	.centercolumn h4, .centercolumnnocta h4
	{
	margin: 0px;
	padding: 10px 0px 0px;
	color: #aa4d12;
	font-size: 100%;
	font-weight: normal;
	}
.centercolumn caption, .centercolumnnocta caption {
	display: none;
}
.SearchResultsWrapper h4 {
	font-size: 120%;
	color: #853904;
	border-bottom-width: 1px;
	border-bottom-style: double;
	border-bottom-color: #CCCCCC;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}
.SearchResultsWrapper hr {
	border-top: 1px solid #853904;
	border-right: none;
	border-bottom: none;
	border-left: none;
	margin: 0px;
}

.SearchResultsWrapper h3 {
	font-size: 150%;
	color: #853904;
}











	.centercolumn ul, .centercolumnnocta ul
	{
	
	}
	.centercolumn li, .centercolumnnocta li
	{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 2px;
	color: #A44B0D;
	font-weight: normal;
	}
	.centercolumn ul ul li, .centercolumnnocta ul ul li
	{
	margin: 0px;
	padding: 0px 0px 2px;
	color: #666666;
	font-size: 90%;
	list-style-type: disc;
	}
.Dimensions h2 {
	color: #CC0000;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CC0000;
	margin-bottom: 5px;
}

	

#empty{}
/*  */

/* following bit only necessary if OmniWeb to be handled - the .fake bit is only picked up by OmniWeb, IE and, er, Amaya
see  http://www.fu2k.org/alex/css/test/OmniWebInlineHack.mhtml
But exclude it from IE5/mac */
/*\*/
.fake.centercolumn
	{
	margin-right		: 1px;
	margin-left			: 1px;
	}

/* End of OmniWeb shenanigans */


/*----------Footer Styles--------*/
.footer
	{
	clear				: both;
	margin-top			: 0px;
	padding				: 5px;
	color				: #FFFFFF;
	background-color	: #853904;
	margin-left: 0px;
	font-size: 80%;
	background-image: url(../images/footershim.gif);
	background-repeat: repeat-x;
	margin-bottom: 0px;
	}
	.footer ul
	{
	margin: 0px;
	padding: 0px;	
	
	}
	.footer li
	{
	display: inline;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	
	}
	.footer li a
	{
	color: #333333;
	text-decoration: none;	
	}
	.footer li a:hover
	{
	text-decoration: underline;	
	}
					/*----------Alienation Link Styles--------*/
				.OurLink a, .OurLink a:hover, .OurLink a:visited{
					text-decoration: none;
					text-align: right;
					padding: 5px;
					color: #FFFFFF;
				}
				.OurLink {
					float: right;
					width: 200px;
					color: #FFFFFF;
					position: relative;
					top: 5px;
					font-size: 10px;
					text-align: right;
				}
				/*----------//Alienation Link Styles--------*/

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


.clear { clear : both; font-size: 1px; line-height: 0px; }


.headerpadding, .leftpadding, .centerpadding, .rightpadding
	{
	margin				: 0px;
	padding				: 0px;
	}


/* following styles have nothing to do with the structural layout */



h1, h2 {
	margin: 0px;
	padding: 2px 0px;
}





#ContentPageTopShimIMG {
	background-image: url(../images/ContentPageTopShimIMG.gif);
	background-repeat: repeat-y;
	width: 5px;
	background-color: #666666;
	
	height: 50px;
}
#contentfloatholder {
	background-image: url(../images/leftnavShim.gif);
	background-repeat: repeat-y;
	background-position: left;
}

#breadcrumb {
	float: left;
	position: absolute;
	top: 93px;
	font-size: 70%;
	color: #07497B;
	left: 125px;
}
#breadcrumb .YouAreHere {
	color: #07497B;
}

*html #breadcrumb {
	float: left;
	position: absolute;
	left: 125px;
	top: 103px;
	font-size: 70%;
}
#breadcrumb .BC1 {
	color: #949494;
	padding-right: 2px;
	padding-left: 2px;
}
#breadcrumb .BC2 {
	color: #4F4F4F;
	padding-right: 2px;
	padding-left: 2px;
}
#breadcrumb .BC3 {
	color: #000000;
	padding-right: 2px;
	padding-left: 2px;
}
#LinksBar {
	background-color: #07497b;
	float: left;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	display: block;
	height: 26px;
}
#LinksBar form {
	white-space: nowrap;
	margin: 0px;
	padding: 0px;
	float: right;
}

#LinksBar li {
	display: inline;
	list-style-type: none;
	padding-left: 10px;
}
#LinksBar li a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 80%;
	padding-top: 5px;
	margin-top: 5px;
}

#LinksBar ul {
	margin: 0px;
	padding: 0px 200px 0px 0px;
	text-align: right;
}
#LinksBar li a:hover {
	text-decoration: underline;
}
.centercolumn .HR, .centercolumnnocta .HR {
	background-image: url(/images/HRimageWithCols.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 12px;
}


#flashbox {
	width: 98%;
	height: 300px;
	padding-left: 5px;
	
}

.VacancyDetail {
	padding: 10px;
	border: 1px solid #a64b0e;
	margin-bottom: 10px;
}
.VacancyDetail .VacDetails {
	color: #A64B0E;
}

.VacancyDetail .JobRef {
	float: right;
	top: 20px;
	font-size: 130%;
}
.VacancyDetail .JobTitle {
	font-size: 130%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A64B0E;
	margin-bottom: 10px;
}
.VacancyDetail .JobRef .jobrefNo {
	font-family: "Courier New", Courier, mono;
	font-size: 90%;
	font-weight: bold;
}
#SearchWrapper {
	background-image: url(../images/searchBG.gif);
	height: 33px;
	background-repeat: no-repeat;
	float: left;
	padding: 4px 0px 0px;
	margin: -10px 0px 0px 3px;
	background-position: 0px 0px;
	border: 1px none #990000;
	width: 137px;
}

#SearchWrapper .Btn {
	float: right;
	position: relative;
	top: -20px;
	margin-top: 1px;

}
#SearchWrapper .Btn input {
	
}

.searchbox input {
	height: 15px;
	font-size: 70%;
	margin-top: 5px;
	background-color: transparent;
	color: #8D4514;
	width: 70px;
	border: none;
	margin-left: 10px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif, ;
}


#SearchWrapper form {
	margin: 0px;
	padding: 0px;
	width: 130px;
}
form {
	margin: 0px;
	padding: 0px;
	
}
.SearchResultsWrapper{
	font-size: 85%;
}

.centercolumnnocta .SearchResultsWrapper a {
	color: #666666;
	text-decoration: none;	
}
.centercolumnnocta .SearchResultsWrapper .VacItem  {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EBEBEB;
}
#the_iframe {
	width: 99%;
	background-image: url(../images/registrationBG.jpg);
	background-repeat: no-repeat;
	background-position: right center;	
}
.SearchResults {
}
.SearchItem .relevance {
	font-size: 80%;
	color: #666666;
	display: none;
}
.SearchItem .SearchTitle {
	font-size: 120%;
	color: #a9551a;
}

.SearchResults .SearchItem {
	margin-top: 3px;
	margin-bottom: 3px;
	padding: 10px;
	overflow: hidden;
	border: 1px solid #E9DFD1;
	background-color: #FAF8F5;
}
.SearchItem .SearchUrl a {
	font-size: 90%;
	color: #191C5F;
}
.SearchItem .SearchSummary {
	font-size: 90%;
	color: #333333;
}