﻿body {
	text-align:center;
	margin:0;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	font-family:Lucida Grande, Lucida Sans, Century Gothic;
	font-size:1em;
	background-color:#efeee1;
	color:#666666;
}

.clear{clear:right;}
.column{width:48%;float:left;padding:5px;}
#cheerstext{font-size:0.8em;}
.error{color:Red;}
.message{font-weight:bold;}

input{
    color:#666666;
    font-family:Lucida Grande, Lucida Sans, Century Gothic;
    font-size:1em;
}

a:link		{color:#431e62;text-decoration:none;}
a:visited	{color:#6a458a;text-decoration:none;}
a:hover		{color:#431e62;text-decoration:underline;}
a:active	{color:#431e62;text-decoration:none;}

a.breadcrumb:link	{color:#666666;text-decoration:none;text-transform: capitalize;}
a.breadcrumb:visited{color:#666666;text-decoration:none;text-transform: capitalize;}
a.breadcrumb:hover	{color:#666666;text-decoration:underline;text-transform: capitalize;}
a.breadcrumb:active	{color:#666666;text-decoration:none;text-transform: capitalize;}

a.clean:link	{text-decoration:none;}
a.clean:visited	{text-decoration:none;}
a.clean:hover	{text-decoration:none;}
a.clean:active	{text-decoration:none;}

a.footer:link	{color:#666666;text-decoration:none;}
a.footer:visited{color:#666666;text-decoration:none;}
a.footer:hover	{color:#666666;text-decoration:underline;}
a.footer:active	{color:#666666;text-decoration:none;}

div {
	border:0px solid red;
	margin:0;
	padding:0;
}
div .center
{
    width:100%;
    text-align:center;    
}
img {border:0px;}

#container {
	text-align:center;
	width:100%;
	height:100%;
}
#headerwrapper
{
    width:100%;
    background-color:#FFF;
    background-image:url('/Content/images/header.jpg');
	background-position:top center;
	background-repeat:no-repeat;
}
#header-container{ /* placeholder for header background image */
	width:925px;
	height:405px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
#background-separator {
	height:5px;
	line-height:5px;
	font-size:1px; /*IE fix*/
	background-color:#e0ddc4; /*greenpink*/
	margin-top:-15px;
}
#site-container{
	background-color:#efeee1;
	text-align:center;
	height:100%;
	width:100%;
	z-index:200;
}
#header {
	margin:0;
	height:405px;
	width:100%;
	float:left;
}
#leftcolumn-container
{
    width:925px;
	margin-left:auto;
	margin-right:auto;
	text-align:left; 
}
#leftcolumn 
{
    position:absolute;
    margin-top:135px;
	width:240px;
}
.leftcolumn_separator{
	padding-top:20px;
}
#content-container{
	width:925px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
#background-stain
{
    position:absolute;
	height:235px;
	width:20px;
	margin-left:240px;
	margin-top:155px;
	background-color:#e0ddc4;
	z-index:1000;
}
.banner-container 
{
    clear:left;
	height:265px;
	margin-left:260px;
	padding-top:33px;
}
.banner{
	border:4px solid #431e62;
	background-image:url('/Content/images/banner.jpg');
	background-repeat:no-repeat;
	width:656px;
	height:247px;
}
#footer {
	clear: both;
	width: 100%;
	font-size:0.7em;
	text-align:center;
	margin-top:100px;
	color:#666666;
	padding-bottom:10px;
}

/* Header */
#logowrapper{
	float:left;
}
.logo {
	background-image:url('/Content/images/logo.png');
	width:213px;
	height:94px;
}
#menuwrapper 
{
    float:left;
	margin-top:70px;
	margin-left:10px;
	width:655px;
}
#languagewrapper
{
    position:absolute;
    margin-top:10px;
    font-size:0.7em;
    width:910px;
    text-align:right; 
}
.language-unselected{}
.language-selected{font-weight:bold;}

#headerlinkswrapper
{
    position:absolute;
    text-align:right;
    margin-left:773px;
    width:150px;
    font-size:0.8em;
}
.headerlinks-title
{
    font-size:1em;
    text-decoration:underline;    
}

.title{
	background-image:url('/Content/images/title_repeat.jpg');
	background-repeat:repeat-x;
	height:46px;
	text-align:left;
	text-transform:uppercase;
	color:#FFF;
    line-height: 46px;
    vertical-align: middle;
	width:100%;
}
.title-text{
	padding-left:10px;
	overflow: hidden;
}

.leftcolumn_content{
	margin:0;
	padding:5px 5px 10px 5px;
	background-color:#e9e7d5;
}
.leftcolumn_content .separator {
	background-image:url('/Content/images/separator.jpg');
	background-repeat:repeat-x;
	margin:0;
	padding:5px;
}
.leftcolumn_content .jobitem{
	margin:0;
	padding:5px;
	padding-bottom:5px;
}
.leftcolumn_content .jobitem .jobitem_description{
	font-size:0.75em;
	padding:0;
	margin:0;
}
.leftcolumn_content .jobitem .jobitem_location{
	font-size:0.7em;
	padding:0;
	margin:0;
	text-transform:uppercase;
}

#content {
	margin-left:239px;	
}
#content .content-header {
	height:265px;
}
#content #content-body{
	background-color:#efeee1;
	width:664px;
	padding-left:22px;
}
#content .breadcrumb{
	padding:10px 10px 10px 0px;
}
#content .breadcrumb span{
	font-size:0.7em;
	color:#666666;
}
#content img.bc_sep{vertical-align:text-bottom;}
#content_top_gradient{
	height:18px;
	background: url('/Content/images/content_gradient_top.jpg') repeat-x;
}
.content_description{
	margin-top:-10px;
	background: url('/Content/images/content_gradient.jpg') repeat-x;
	background-position:bottom center;
	padding:5px;
	font-size:0.8em;
	min-height:200px;
}
.joblist-link-container{
    cursor:pointer;
}
.joblist-link-container:hover{
    
}
.joblist-link-background{
	background-color:#DE006F;
	width:155px;
	height:22px;
	position:absolute;
	margin-top:-33px;
	margin-left:500px;
}
.joblist-link{
	position:absolute;
	margin-top:-46px;
	margin-left:510px;
}
.joblist-link span{
	font-size:0.75em;
	text-transform:uppercase;
	color:white;
}
.joblist-link span a{
	color:white;
}
.joblist-link-arrow{
	position:absolute;
	background-image:url('/Content/images/joblistlink_arrow.jpg');
	width:24px;
	height:22px;
	margin-left:633px;
	margin-top:-33px;
}

#noscript-warning{font-family:Arial,Helvetica,sans-serif;position:fixed;top:0;left:0;width:100%;z-index:101;text-align:center;font-weight:bold;font-size:1.1em;color:#fff;background-color:#AE0000;padding:5px 0 5px 0;}

/* Contact */
#map{
	height:300px;
	width:650px;
}
#publictransportdirections{
	padding-top:10px;
}

/* Staff */
.staff-item{
	padding:5px;
	width:100%;
	height:105px;
	width:300px;
	float:left;
}
.staff-item-picture-wrapper{
	float:left;
	width:80px;
	padding-right:5px;
}
.staff-item-picture{
	padding:10px;
	vertical-align:top;
}
.staff-item-picture img{
	width:70px;
}
.staff-item-textwrapper{
	padding:5px;
	width:180px;
	margin-left:50px;
}
.staff-item-title{font-weight:bold;}
.staff-item-function{}
.staff-item-email{}

.separator{
    height:5px;
}

/* Jobs */
.jobs-message{font-size:1.1em;font-style:oblique;padding-bottom:10px;}
.job-item{padding:5px;}
.job-item-requestid{}
.job-item-requestfunction{}
.job-item-location{text-transform:uppercase;font-size:0.9em;}
.job-item-separator{height:5px;}

/* JobDetails */
.job-details{}
.job-details-description{
    padding-bottom:10px;
}
.job-details-responsibilities-title, .job-details-technicalskills-title, .job-details-personalskills-title, .job-details-languages-title{
    font-weight:bold;
}
.job-details-responsibilities, .job-details-technicalskills, .job-details-personalskills, .job-details-languages{
    padding-left:10px;
}

/* Our Values */


/* jobdetails sliding menu */
.slidemenu
{
    padding:0px;
    display:none; /* this menu is only visible for people with jscript enabled!! */
    background-color:#FFF;
    position:absolute;
    margin-left:500px;
    margin-top:-11px;
    white-space:nowrap;
    overflow:visible;
}
.slidemenu ul{
    margin:0px;
	list-style:none;
	padding:0px;
	background-repeat:repeat;
	overflow:hidden;
}
.slidemenu ul li{
    line-height:25px;
}
.slidemenu ul li span{
	float:none;	
	padding-left:5px;
    min-width:146px;
	height:16px;
	display:inline-block;
	background-image:none;
	text-transform:capitalize;
}
.slidemenu ul li a:hover, slidemenu li:hover>a{
	position:relative;
	background-color:#431e62;
	border:0px solid #665500;
	font-size:13px;
	color: #ffffff;
	text-decoration:none;
	width:100%;
}
.slidemenu a {
	vertical-align:middle;
	text-align:left;
	text-decoration:none;
	padding:4px;
	font-size:13px;
	color: #431e62;
	text-decoration:none;
	cursor:default;
	white-space:nowrap;
}

/*  */