body {
 font-size: 90%;
 margin: 0;
 padding: 0;
 font-family: Arial, sans-serif;
 color: #ffffff;
 text-align: center;
}

.clear {
 clear: both;
 height: 1px;
 overflow: hidden;
}

img.left {
 float: left;
 margin-right: 10px;
 margin-bottom: 5px;
}

img.right {
 float: right;
 margin-left: 10px;
 margin-bottom: 5px;
}

/**********/
/* Header */
/**********/
div#header {
 background-color: #533372;
}

div#headercontainer {
 position: relative;
 width: 775px;
 height: 120px;
 margin: 0 auto;
 text-align: left;
}

div#headercontainer h1, div#headercontainer a#logo {
 position: absolute;
 bottom: 20px;
 left: 0;
 width: 139px;
 height: 66px;
 margin: 0;
 padding: 0;
}

div#headercontainer h1 {
 text-indent: -9999px;
 background-image: url(images/logo.gif);
 background-repeat: no-repeat;
 background-position: top left;
}

div#headercontainer p#strapline {
 position: absolute;
 bottom: 20px;
 right: 0;
 margin: 0;
 padding: 0;
 text-indent: -9999px;
}

div#headercontainer div#flags {
 position: absolute;
 top: 5px;
 right: 0;
 width: 300px;
}

div#headercontainer div#flags img {
 float: left;
 margin-left: 5px;
 margin-right: 9px;
 border: 1px solid #000000;
}

div#headercontainer div#flags img#viewfromthenations {
 float: none;
 margin: 0;
 border: 0;
}

/******************/
/* Main Container */
/******************/
div#container {
 width: 775px;
 margin: 0 auto;
 padding: 20px 0;
}

/*******/
/* Nav */
/*******/
div#nav {
 width: 275px;
 float: left;
}

div#nav ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

div#nav ul li {
 margin: 0;
 padding: 0;
 margin-bottom: 2px;
}

div#nav ul li a {
 display: block;
 text-transform: uppercase;
 text-align: left;
 padding: 3px;
 padding-left: 10px;
 text-decoration: none;
 font-size: 0.8em;
 font-weight: normal;
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

* html div#nav ul li a {
 height: 1%; /* Fix required to make IE stop showing absurd gaps in between the li's */
}

div#nav ul li a:hover {
 background-image: none;
}

div#nav img {
 border: 0;
}

/***********/
/* Montage */
/***********/
div#montage {
 background-color: #000000;
 background-repeat: no-repeat;
 background-position: 50% 0;
 height: 106px;
 border-top: 1px solid #ffffff;
 border-bottom: 1px solid #ffffff;
}

/***************/
/* Search Form */
/***************/
div#content form#search {
 text-align: right;
}

div#content form#search input.text {
 width: 200px;
}

div#content form#search input.button {
 margin-left: 3px;
}

/***********/
/* Content */
/***********/
div#content {
 width: 480px;
 float: left;
 text-align: left;
 padding-left: 20px;
 font-size: 0.9em;
}


ul li.style {

}

body.noNav div#content {
 width: auto;
 float: none;
 padding-left: 0;
}

div#content p.strong {
 font-weight: bold;
}

div#content p.large {
 font-size: 115%;
}

div#content dl dd {
 margin-bottom: 10px;
}

div#content .spacey li {
 margin-top: 7px;
 margin-bottom: 7px;
}

div#content h2.jobs {
 clear: left;
 padding-top: 5px;
}



/*****************/
/* Content Boxes */
/*****************/
div#content div.box {
 border: 3px solid #ffffff;
 padding: 5px;
 color: #000000;
 margin-bottom: 10px;
}

div#content div.box1 {
 border: 3px solid #ffffff;
 padding: 5px 20px 5px 5px;
 color: #000000;
 height: 220px;
}


div#content div.box h3 {
 margin: 0;
 margin-bottom: -10px;
 padding: 0;
}

div#content div.paleblue {
 background-color: #e9d5eb;
}


div#content div.white {
 background-color: #ffffff;
}

div#content div.palepink {
 background-color: #ffe4ba;
}

div#content div.palegreen {
 background-color: #e0f3c7;
}

div#content div.colourbox {
 border: 1px solid #ffffff;
 padding: 3px 10px;
 background-color: #533372;
 color: #ffffff;
}

div#content div.colourbox img.left {
 float: left;
 clear: left;
 margin-right: 15px;
 margin-bottom: 5px;
 border: 1px solid #ffffff;
}

div#content div.careerbox {
 border: 1px solid #ffffff;
 padding: 3px 10px;
 background-color: #533372;
 color: #ffffff;
 overflow: hidden;
 display: inline;
 float: right;
 text-align: right;
}

div#content .highlight {
 font-weight: bold;
 font-size: 110%;
}

div#content .highlight a {
 font-size: 130%;
}

/************/
/* Job Spec */
/************/
div#content h3.yellow, div#content h3.blue, div#content h3.pink, div#content h3.orange, div#content h3.lightgreen, div#content h3.green, div#content h3.mauve, div#content h3.red {
 border: 1px solid #000000;
 padding: 5px;
 color: #000000;
}

div#content h3.yellow {
 background-color: #ffef05;
}

div#content h3.blue {
 background-color: #009ceb;
}

div#content h3.pink {
 background-color: #e7388d;
}

div#content h3.orange {
 background-color: #f79b42;
}

div#content h3.lightgreen {
 background-color: #5b9d64;
}

div#content h3.green {
 background-color: #a48a2b;
}

div#content h3.mauve {
 background-color: #9d79b5;
}

div#content h3.red {
 background-color: #c30132;
}

/**************/
/* Jobs Table */
/**************/
div#content table.job {
 border-spacing: 5px;
}

div#content table.job th {
 padding: 4px 2px;
 background-color: #f2c3bd;
 color: #000000;
 text-align: center;
}

div#content table.job td {
 padding: 0 4px;
 vertical-align: top;
 font-size: 0.9em;
}

div#content table.job td ul {
 margin: 0;
 margin-left: 12px;
 padding: 0;
}

div#content table.job td p {
 margin-top: 0;
}

div#content table.job td li {
 margin-bottom: 8px;
}

div#content table.job h4 {
 margin: 0;
 padding: 0;
 text-transform: uppercase;
 font-weight: bold;
 font-size: 1em;
}




/***********/
/* iSearch */
/***********/
div#content .isearch-title {
 font-size: 110%;
}

div#content .isearch-url {
 font-size: 90%;
}

/**********/
/* Footer */
/**********/
div#footer {
 border-top: 1px solid #ffffff;
 background-color: #533372;
}

div#footercontainer {
 background-color: #533372;
 position: relative;
 width: 775px;
 height: 100px;
 margin: 0 auto;
 text-align: left;
}

div#footercontainer a {
 color: #c1c1c1;
 text-align: left;
 text-decoration: none;
 font-weight: bold;
}

div#footercontainer a:hover {
 color: #ffffff;
 text-decoration: underline;
}

div#footercontainer div#footershowme {
 position: absolute;
 top: 20px;
 left: 0;
 font-size: 0.8em;
}

div#footercontainer div#footershowme p {
 text-decoration: underline;
 text-transform: uppercase;
 font-weight: bold;
 margin: 0;
 margin-bottom: 10px;
 padding: 0;
}

div#footercontainer div#footershowme ul {
 list-style: none;
 margin: 0;
 margin-bottom: 5px;
 padding: 0;
 float: left;
 clear: left;
}

div#footercontainer div#footershowme ul li {
 float: left;
 display: inline;
 border-left: 1px solid #ffffff;
 padding: 0 5px;
}

div#footercontainer div#footershowme ul li.first {
 border: 0;
}

div#footercontainer div#footershowme a {
 text-transform: uppercase;
}

div#footercontainer div#footerlogos {
 position: absolute;
 top: 10px;
 right: 0;
 width: 250px;
}

div#footercontainer div#footerlogos div.footerlogo {
 padding: 3px;
 background-color: #ffffff;
 border: 1px solid #000000;
 float: right;
 margin-left: 10px;
}

div#footercontainer div#footerlogos img {
 float: right;
 margin-left: 10px;
}

div#footercontainer div#footerlogos div.footerlogo img {
 float: none;
 margin-left: 0;
}

div#footercontainer div#footercta {
 position: absolute;
 top: 20px;
 right: 270px;
 width: 190px;
}

div#footercontainer div#footercta p {
 font-size: 0.9em;
 margin: 0;
 padding: 0;
 margin-bottom: 7px;
}

li.video {
 list-style-type: none;
  padding:0px;
  margin: -25px 0px 0px 0px;}

/*html>body li.video {
  list-style-type: none;
  margin: 0px 0px 20px 0px;
  text-align:left;} */

p.video {
 text-align:left;
 margin: 0px 0px 0px 90px;
 padding: 20px 0px 0px 0px;
 font-size:12px;}

p.dvideo {
 text-align:left;
 margin: 0px 0px 0px 170px;
 padding: 20px 0px 0px 0px;
 font-size:12px;}