html, body
{margin:0;
padding:0;
height:100%;
border:none;}

body 
{background:#FFFFC4;
color:#0000A0;
font-family:Arial;
font-size:12pt;
text-align:left;}

table
{height:100%;
width:100%;
border-collapse:collapse;
border-spacing:0;
border:0;}

#header
{height:20%;
padding-top:1em;
padding-bottom:1em;}

#middle
{vertical-align:top;
height:70%;}

#navigation
{width:20%;
padding-left:1em;}

#content
{width:75%;
padding:0 2em 0 1em;}

#footer
{height:10%;
padding-top:1em;}

div#welcome
{float:left;
padding-left:15%;
font-size:115%;
font-style:italic;
font-weight:lighter;}

div#date
{float:right;
padding-right:1em;
font-size:75%;
text-align:right;}

div#logo
{text-align:center;
clear:both;}

div#slogan
{font-size:130%;
text-align:center;
font-style:italic;
font-weight:bold;
clear:both;
padding-top:0.75em;}

#contact
{margin-left:3em;}

div#popup
{padding-top:1em;}

.logoleft
{padding-left:10%;
float:left;
padding-bottom:0.5em;}

.logoright
{padding-right:10%;
float:right;}

.footer
{font-size:75%;
text-align:center;
padding-top:0.5em;}

a:link, a:visited, a:active
{color:#BE005A;
background:#FFFFC4;
text-decoration:none;}

a.menu:link, a.menu:visited, a.menu:active
{color:#0000FF;
background:#FFFFC4;
text-decoration:none;
font-size:120%;
line-height:100%;
display:block;
padding-bottom:1em;}
/*sets style for items in left-hand menu*/

.vacancies
{margin-top:0;
margin-bottom:0;
margin-left:1em;}

div.list
{line-height:150%;}

p.active
{color:#007760;
background:#FFFFC4;
font-size:120%;
line-height:100%;
padding-bottom:1em;}
/*indicates at which page in the menu you are at the moment*/

.buttonleft
{padding-left:2em;
float:left;}

.buttonright
{padding-right:2em;
float:right;}

div.details
{padding-left:2em;
padding-right:2em;
clear:both;}
/*for details of vacancies in popup windows*/

ul.popup
{margin-left:0;
list-style-position:outside;}

div.list2 div
{background: transparent url(bullet.gif) 0px 6px no-repeat;
padding-left:20px;
margin-left:1em;}

div.list3 div
{background: transparent url(bullet2.gif) 0px 5px no-repeat;
padding-left:20px;
margin-left:1em;
font-size:90%;}

.center
{text-align:center;}

.right
{text-align:right;}

/*
a.submenu:link, a.submenu:visited, a.submenu:active
{color:#0000FF;
background:#FFFFC4;
text-decoration:none;
font-size:100%;
line-height:100%;}
*/
/*sets style for links in left-hand sub-menu when we do a collapsible Vacancies menu for contract and permanent*/

/*
div#vacancies
{margin-top:-1em;
margin-left:1em;}
*/
/*sets position for items in left-hand sub-menu when we do a collapsible Vacancies menu for contract and permanent*/