html, body {
margin: 0;
padding: 0;
font-family: "Verdana", "Arial", "Helvetica", sans-serif;
font-size: 8pt;
background: #ffffff;
color: #000000;
}

#overall {
  margin: 0 auto;
  width: 670px;
}

#header, #top, #middle, #bottom {
clear: both;
/*margin-top: 26px;
margin-bottom: 26px;*/
padding-top: 5px;
}

.fancybox {
background: url(../images/grey-sectionbar.gif) #ffffff;
background-repeat: no-repeat;
background-position: top left;
padding-top: 10px;
margin-bottom: 1em;
}

.compact * {
display: inline;
}
.compactaddress * {
display: inline;
padding: 2px;
}
* html .compact div {
margin-right: 0.5em;
}

abbr, acronym {
text-decoration: none;
border: 0;
}

a {
color: #666666;
text-decoration: underline;
}

.downarrow {
  background: url(../images/downarrow.png) no-repeat;
}

.findajobjoblisting p {
margin: 0;
}

/*** The header area containing the date and the contact info ***/

#header {
  font-size: 7pt;
  height: 50px;
}

#topmiddlespace {
  width: 104px;
  height: 100%;
  float: left;
  background: url(../images/topmiddlehsbar.png) no-repeat;
  margin-right: 6px;
}

#contactcontainer {
  position: relative;
  float: left;
  color: #000000;
}

#contactinfo {
  background: url(../images/toprighthsbar.png) no-repeat;
  position: absolute;
  width: 340px;
  padding-top: 8px;
  font-size: 8pt;
}

#contactlist {
  position: absolute;
  padding-left: 0px;
  margin: 0px;
  margin-left: 166px;
  width: 240px;
}
#contactlist li {
  float: left;
  padding-left: 13px;
  padding-right: 3px;
  list-style: none;
  background: url(../images/redcircle.png) no-repeat 0px 3px;
  color: #cb0101;
  font-weight: bold;
  font-size: 10pt;
  font-family: "Arial", "Helvetica", sans-serif;
  text-transform: uppercase;
}
#contactlist li.first {
  padding-left: 0px;
  background: none;
}

#header a {
color: #666666;
text-decoration: underline;
}

/*** The admin bar ***/

#adminbar {
clear: both;
background: #000000;
color: #ffffff;
padding: 5px;
height: 2.5em;
font-size: 0.9em;
/*margin-top: 25px;*/
}
#adminbar h2 {
display: none;
}
#adminbar a {
color: #ffffff;
white-space: nowrap;
}
#adminbar #adminusername {
margin: 0;
padding: 0;
float: right;
margin-left: 16px;
white-space: nowrap;
}
#adminbar ul, #adminbar li {
list-style: none;
margin: 0;
padding: 0;
}
#adminbar li {
display: inline;
margin-right: 8px;
}

/* Header Image */

#headerimagecontainer {
  height: 145px;
}

#headerimagecontainer #headerimagetop {
  height: 7px;
  margin-bottom: 3px;
  background-color: #cb0101;
}

#headerimagecontainer #headerimage {
  height: 135px;
  background: url(../images/topimagehome.png) no-repeat;
}
.currentvacancies #headerimage {
  background-image: url(../images/topimagehome.png) ! important;
}

.jobareasdriving #headerimage {
  background-image: url(../images/banners/driving2.jpg) ! important;
}


.jobareasindustrial #headerimage {
  background-image: url(../images/banners/driving1.jpg) ! important;
}


.jobareascatering #headerimage {
  background-image: url(../images/banners/catering2.jpg) ! important;
}


.jobareas #headerimage {
  background-image: url(../images/banners/industrial1.jpg) ! important;
}


.employers #headerimage {
  background-image: url(../images/topimagehome.png) ! important;
}


.candidates #headerimage {
  background-image: url(../images/topimagehome.png) ! important;
}


.theteam #headerimage {
  background-image: url(../images/topimagehome.png) ! important;
}


.terms #headerimage {
  background-image: url(../images/topimagehome.png) ! important;
}

.links #headerimage {
  background-image: url(../images/banners/construction.jpg) ! important;
}

/*** Top: Navigation area ***/

/* NOTE: The logo box is wider than the others in its column
  because its shadow stretches left out of the column and it
  also reaches out to the right to provide the drop shadow
  for the coloured navigation bar. */
#logo {
  float: left;
  width: 149px;
  margin-left: -1px;
  background: #ffffff url(../images/navbar-shadow.gif);
  background-repeat: no-repeat;
  background-position: 94px 0px;
  margin-right: 12px;
}
#logo h1 {
margin: 0;
padding: 0;
}

/* When the first item in the menu is selected, the little shadow
  thinger needs to be shorter to match with the new size of the button. */
#logo.firstitemselectedhack {
  background-image: url(../images/navbar-shadow-leftshorter.gif);
}

#navbar {
  float: left;
  /*background: #ffffff url(../images/navbar-shadow.gif);*/
  background-repeat: no-repeat;
  background-position: -3px 0px;
  margin-left: -2px;
}

#navbar #navlist {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  padding-top: 15px;
  background: #ffffff url(../images/navbartop.png) no-repeat 1px 0px;
}
#navlist li {
  list-style: none;
  margin: 0;
  padding-bottom: 2px;
  padding-right: 3px;
  background: url(../images/navitembg.png) no-repeat 0px -1px;
  padding-left: 2px;
}
#navlist li.active.shrink {
  margin-bottom: 0px;
}
#navlist li.active.shrink {
  /* FIXME: There is always a margin left by the active top level li, something needs to be done to suppress it */
  /*margin-bottom: -2px;*/
}
#navlist li.last {
  padding-bottom: 4px;
}
#navlist li a {
  text-decoration: none;
  padding: 7px 30px 7px 7px;
  display: block;
  color: #eeeeee;
}
#navlist li.current {

}
#navlist li .navcaption {
  background: url(../images/navitemarrow.png) no-repeat 124px 4px;
  height: 28px;
  /*padding: 0pt 23px 0pt 0pt;*/
  background-color: #cb0101;
  width: 145px;
  overflow: hidden;
}
#navlist li .navcaption.current {
  background-image: url(../images/navitemarrowactive.png);
}
#subnavlist {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
  margin-top: 2px;
}
#subnavlist li {
  margin-left: -2px;
}
#navlist li #subnavlist li.current {
  margin-bottom: 0px;
}
#subnavlist li a {
  padding-left: 14px;
}
/*** Middle: main content and sub-navigation ***/

#pagecontent {
  float: right;
  width: 510px;
  padding-top: 1px;
}

#pagecontent .base-pagemod {
}

#subnavbar {
  float: left;
  overflow: hidden;
  width: 88px;
}

/*#subnavbar */

h1, h2, h3, h4, h5, h6 {
font-size: 1em;
font-weight: bold;
}

.fancybox h1, .fancybox :first-child, .fancybox h2 {
margin-top: 0;
}

#main p {
margin-top: 0;
}
#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 {
margin-bottom: 0;
}

/*** Bottom: the site credits and other such stuff ***/

#bottom {
  font-size: 7pt;
  padding-top: 5px;
  padding-top: expression("2.5px");
}

#bottom #bottomheader {
  height: 7px;
  margin-bottom: 5px;
  background-color: #cb0101;
}

#bottom .fancybox {
  padding: 0;
}

#extrainfo {
  float: left;
  width: 670px;
  background: url(../images/GLAimage.png) #ffffff no-repeat;
  background-position:top right;
}

#extrainfo #adminpi {
  float: right;
  margin-right: 80px; 
}

#extrainfo #recmember {
  padding-left: 64px;
  background: url(../images/recmember.png) no-repeat 0px;
  min-height: 45px;
  color: #cb0101;
}
#extrainfo #recmember span {
display: block;
}

#credits {
  width: 88px;
  float: right;
}
#credits a {
white-space: nowrap;
}

/* Admin page */

#adminpage, #main__pageeditor {
  width: 500px;
}