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

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

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

.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;
}
* html .compact div {
margin-right: 0.5em;
}

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

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

.findajobjoblisting p {
margin: 0;
}

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

#header {
font-size: 7pt;
}

#datetime {
float: left;
width: 88px;
}

#contactinfo {
float: right;
width: 528px;
}

#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;
}

/*** 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: 97px;
margin-left: -3px;
background: #ffffff url(../images/navbar-shadow.gif);
background-repeat: no-repeat;
background-position: 94px 0px;
}
#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: right;
background: #ffffff url(../images/navbar-shadow.gif);
background-repeat: no-repeat;
background-position: -3px 0px;
width: 528px;
}

#navbar #navlist {
list-style: none;
width: 528px;
margin: 0;
padding: 0;
display: block;
}
#navlist li {
list-style: none;
margin: 0;
padding: 0;
float: left;
width: 88px;
height: 60px;
overflow: hidden;
}
#navlist li.active {
font-weight: bold;
}
#navlist li a {
text-decoration: none;
}
#navlist li .navcaption {
margin-top: 5px;
}

/*** Middle: main content and sub-navigation ***/

#main {
float: right;
width: 528px;
}

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

#subnavbar #subnavlist {
list-style: none;
display: block;
margin: 0;
padding: 0;
}

#subnavlist li {
list-style: none;
display: block;
margin: 0;
padding: 0;
margin-bottom: 8px;
}

#subnavlist li.active {
font-weight: bold;
}

#subnavlist li.active a {
color: inherit;
text-decoration: none;
}

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;
}

#bottom .fancybox {
background-image: none;
padding: 0;
border-top: 1px solid #666666;
}

#extrainfo {
float: right;
width: 528px;
}

#extrainfo #adminpi {
float: right;
}

#extrainfo #recmember {
padding-left: 53px;
background: url(../images/rec-logo.gif) #ffffff;
background-repeat: no-repeat;
background-position: 1px 3px;
min-height: 26px;
}
#extrainfo #recmember span {
display: block;
}

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

/*** Per-section colour schemes ***/

/* 1: Red */
.section1 {
color: #9A0000;
}
.section1 .fancybox {
color: #9A0000;
background-image: url(../images/red-sectionbar.gif);
}
#navlistitem1, #navlistitem1 a, .section1 #main a, .section1 li.active a {
color: #9A0000;
}


/* 2: Orange */
.section2 {
color: #FF6634;
}
.section2 .fancybox {
color: #FF6634;
background-image: url(../images/orange-sectionbar.gif);
}
#navlistitem2, #navlistitem2 a, .section2 #main a, .section2 li.active a {
color: #FF6634;
}


/* 3: Green */
.section3 {
color: #99CC01;
}
.section3 .fancybox {
color: #99CC01;
background-image: url(../images/green-sectionbar.gif);
}
#navlistitem3, #navlistitem3 a, .section3 #main a, .section3 li.active a {
color: #99CC01;
}


/* 4: Turquoise */
.section4 {
color: #006766;
}
.section4 .fancybox {
color: #006766;
background-image: url(../images/turq-sectionbar.gif);
}
#navlistitem4, #navlistitem4 a, .section4 #main a, .section4 li.active a {
color: #006766;
}


/* 5: Blue */
.section5 {
color: #0099CB;
}
.section5 .fancybox {
color: #0099CB;
background-image: url(../images/blue-sectionbar.gif);
}
#navlistitem5, #navlistitem5 a, .section5 #main a, .section5 li.active a {
color: #0099CB;
}


/* 6: Purple */
.section6 {
color: #9900CC;
}
.section6 .fancybox {
color: #9900CC;
background-image: url(../images/purple-sectionbar.gif);
}
#navlistitem6, #navlistitem6 a, .section6 #main a, .section6 li.active a {
color: #9900CC;
}


/*** Team listing i.e. contacts ***/

.findajob-contact-image {
padding-bottom: 20px;
}
.findajob-contact-info {
padding-left: 10px;
padding-bottom: 20px;
vertical-align: top;
}

.findajob-contact-name {
font-weight: bold;
}
.findajob-contact-title {
}
.findajob-contact-email {
}
.findajob-contact-telno {
}
.findajob-contact-about {
color: #000000;
}