/* TAG CONTROLS - START verdana,helvetica;*/
body {
    font-size: 8pt;
    font-family: arial;
    padding: 0px;
}

/*Title banner style for headline image*/
h1 {
    color: #000000;
    font-size: 10pt;
    padding: 22px 0px 10px 3px;
}

/* controls the main navigation bar across the top of the screen */
#navbar {
    background-color: #A6BBD0;
    border-bottom: white solid 1px;
    padding-top: 4px;
    padding-bottom: 3px;
    margin-bottom:0px;
    width: 590px;
}

/* controls the main navigation bar buttons */
.mainnav {
    font-weight:;
    color: #000000;
    padding: 4px 20px 3px 20px;
    font-size: 9pt;
    border-right: white solid 1px;
    border-bottom: white solid 1px;
}

/* controls the main navigation bar buttons - when selected */
.mainnav-selected {
    padding: 4px 20px 3px 20px;
    font-size: 9pt;
    color: white;
    border-right: #FDE9D2 solid 1px;
    background-color: #336394;
}

/* controls the main navigation bar links while the mouse is hovering over the link */
a.mainnav:hover {
    text-decoration: underline;
    color: #000000;
}

/* controls - when the first row of buttons are hovered over */
a.mainnav-selected:hover {
    color: white;
    text-decoration: underline;
}

/* NEW content group navigation controls - for the second ROW area */
#subnavbar {
    background-color: #E5E5E5;
    color: #000000;
    padding-top: 3px;
    padding-bottom: 2px;
    width: 590px;
}

/* NEW content group navigation controls - for the second row of BUTTONS*/
.groupnav {
    font-size: 8pt;
    padding-top: 3px;
    padding-bottom: 2px;
    padding-right: 10px;
    padding-left: 10px;
    border-right: white solid 1px;
}

/* NEW attribute for the selected button - in the second row*/
.groupnav-selected {
    color: white;
    font-size: 8pt;
    padding-top: 3px;
    padding-bottom: 2px;
    padding-right:10px;
    padding-left: 10px;
    border-right: white solid 1px;
    background-color: #336394;
    border-top: white solid 1px;
}
     
/* NEW content group navigation controls - when the second row buttons are highlighted */
a.groupnav  {
     color: #000000;
}

/* controls - when the second row buttons are hovered over */
a.groupnav:hover {
    text-decoration: underline;
    color: #000000;
}

a.groupnav-selected  {
     color: white;
}

/* controls - when the second row of buttons are hovered over */ 
a.groupnav-selected:hover {
    color: white;
    text-decoration: underline;
}

/* controls the main navigation bars and the logo at the top */ 
#headerTable {
    margin: 0px 0px 5px 0px;
    width:780px;
}

/* controls the body text within the logon class */
.login {
    margin: 0px 5px 5px 0px;
    padding: 4px 3px 3px 0px;
    font-size: 8pt;
    color: #000000;
}

/* controls linked text in the document content */
a {
    color: #26598D;
    text-decoration: none;
    font-size: 8pt;
}

/* controls the colour of the linked text when the cursor hovers over it, plus the underline colour */
a:hover {
    text-decoration: underline;
    color: #0066CC;
}

/* controls the listitem */
li {
    list-style-position: outside;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 1px 0px 4px 0px;
    line-height:1.1;
}

/* Care - controls listItem issue on Explorer - control is for an entire list */
ul {
    margin: 0px;
    padding-left: 15px;
    list-style-image: url("/images/common/bullet.gif");
    line-height:1.1;
}

/* TAG CONTROLS - END */
/* PAGE HEADER CONTROLS - START */

/* controls small links in the footer bar */
.icons {
    font-size: 7pt;
    text-align: center;
    margin: 0px 0px 0px 8px;
    padding: 0px 8px 0px 0px;
    color: #000000;
}

/* controls small links in the footer bar */
.icons:hover {
    color: #000000;
    text-decoration: underline;
}


/* PAGE HEADER CONTROLS - END */
/* COLUMN LAYOUT CONTROLS  - START */

/* controls the cell with the  AMTEC logo in it*/
#R-2C0 {
    width: 188px;
    padding-top: 2px;
    padding-left: 2px;
}

/* controls the cell with both the main menu bar and subnav bar*/
#R-2C1 {
}

.R0C1 {
	height:130px;
}

/* controls the headline image cell (height was 100px) */
.R1C1 {
    padding-bottom: 0px;
    padding-right: 5px;
    padding-top: 0px;
    padding-left: 5px;
}

/* controls the LHS infrastructure column */
.R0C0 {
    width: 188px;
    padding-right: 0px;
    padding-top: 2px;
    padding-left: 2px;
    height: 400px;
}

/* controls the intro cell below the headline image cell */
.R2C1 {
    width: 384px;
    padding-right: 5px;
}

/* controls the first column under the headline image cell - column 1 */
.R3C1 {
    padding: 0px 5px 0px 0px;
    width: 194px;
}

/* controls the second column under the headline image cell - column 2 */
.R3C2 {
    padding: 0px 5px 0px 0px;
    width: 194px;
}

/* controls the right hand column - column 3 */
.R1C2 {
    width: 194px;
    padding: 0px 0px 15px 5px;
    margin: 0px  0px 0px 0px;
}

.R4C0 {
    width: 188px;
    padding-right: 5px;
    padding-top: 12px;
}

/* controls the right hand footer */   
.R4C1 {
    text-align:right;
    padding: 4px 0px 4px 0px;
}

.R4C1 hr {
    border-top: solid #333333 1px;
    border-bottom: solid white 0px;
    margin: 0px 0px 1px 0px;
}

/* controls the cell with the AMTEC adress in it*/
#leftcol  {
height: 100%;
}

/* controls the footer f1 i.e. in column 0 */
.f1 {
    font-size: 7pt;
    padding: 1px 0px 1px 0px;
    margin: 0px 0px 0px 5px;
    color: #191919;
    line-height:1.1;
}

/* controls the footer f2 i.e. in column 1 */
.f2 {
    padding: 8px 0px 4px 4px;
    margin: 0px 10px 0px 5px;
    text-align:right;
}

/* controls the margin after the last line of the address and the tel number */
.space {
    font-size: 7pt;
    padding: 1px 0px 1px 0px;
    margin: 0px 0px 10px 5px;
    color: #191919;
}

/* controls the style of the company name in footer 1 */
.bold {
    font-size: 7pt;
    font-weight: bold;
    padding: 1px 0px 1px 0px;
    margin: 0px 0px 0px 5px;
    color: #191919;
}

/* controls the overall setup of the table */
#contentholder {
	background-position: top right;
	background-repeat:no-repeat;
}

/* COLUMN LAYOUT CONTROLS  - END */
/* CONTROLS THE LEFT HAND NAVIGATION WHICH IS SPLIT INTO FOUR SECTIONS - START */

/* controls the content links title cell */
.contentBlock {
    padding-bottom: 2px;
    padding-top: 1px;
    background-color: #B2C4D7;
}

/* controls the titles in the title cell above the content links and related links boxes in the left hand navigation */
#navTitle {
    margin: 3px 10px 2px 4px;
    color: #4C4C4C;
    font-weight: bold;
    font-size: 8pt;
}

/* controls the title of the linkable content items in the left hand navigation */
#contentTitles {
    margin-bottom: 15px;
    margin-right: 20px;
    padding-bottom: 1px;
    font-size: 8pt;
    color: #000000;
    background-color: #E5E5E5;
    width: 160px;
    margin-top: 100px;
}

/* controls the linkable content items in left hand navigation */
.rlink {
    padding-left: 3px;
    padding-bottom: 2px;
    padding-top: 5px;
    margin-top: 0px;
    border-bottom: white solid 1px;
}

/* controls the linkable content items in left hand navigation */
.rlink-selected {
    padding-left: 3px;
    padding-bottom: 2px;
    padding-top: 5px;
    margin-top: 0px;
    border-bottom: white solid 1px;
    background-color: #336394;
    color: white;
}

/* controls the links and their hover over appearance in the left hand navigation */
.rlink a{
    color: #000000;
}

.rlink a:hover{
    color: #000000;
}

.rlink-selected a{
    color: white;
    font-weight:;
}

.rlink-selected a:hover{
    color: white;
}

.rlink-selected a:hover{
    color: white;
}


/* controls the width of the table for the content items in left hand navigation */
#leftnavlinks {
}


/* CONTROLS THE LEFT HAND NAVIGATION WHICH IS SPLIT INTO FOUR SECTIONS - END */
/* CONTROLS ALL THE TITLES AND HEADLINES - START */

/* controls the headline image or text below the content group title and above the content paragraphs */
.headlineImage {
    margin: 0px;
    padding: 0px;
    font-size: 8pt;
 /*   width:580px; 
    height:125px;*/
}

/* CONTROLS ALL THE TITLES AND HEADLINES - END */
/* CONTROLS THE DEFAULT PARAGRAPH AND INTRO BOX SETTINGS - START */
/* NOTE - THESE CONTROLS ARE OVERWRITTEN BY SECTION SPECIFIC CONTROLS */

/* title of intros in content */
.introTitle {
    margin: 8px 10px 0px 0px;
    padding: 1px 0px 2px 0px;
    font-weight: bold;
    font-size: 8pt;
    color: #000000;
    line-height:1.1;
}

/* controls introductory text at beginning of content pages */
.intro {
    margin: 0px 10px 4px 0px;
    padding: 0px 3px 2px 0px;
    font-size: 8pt;
    color: #000000;
    line-height:1.1;
}

/* title of paragraphs and paraboxes in content */
.paraTitle {
    margin: 8px 10px 0px 0px;
    padding: 1px 0px 2px 0px;
    font-weight: bold;
    font-size: 8pt;
    color: #000000;
    line-height:1.1;
}

/* controls the main body text */
.para {
    margin: 0px 10px 4px 0px;
    padding: 0px 3px 2px 0px;
    font-size: 8pt;
    color: #000000;
    line-height:1.1;
}

/* revised para control to increase the margin after a para */
.para_with_margin {
    margin: 0px 5px 15px 0px;
    font-size: 8pt;
    color: #000000;
    line-height:1.1;
}

/* controls the main body text within boxes */
.underline {
    border-top:1px solid #999999;
    padding: 4px 3px 3px 0px;
    margin: 0px 10px 4px 0px;
    color: #000000;
    font-size: 8pt;
    line-height:1.1;
}

/* controls the main body text within boxes */
.disclaimer {
    margin: 0px 5px 10px 0px;
    padding: 4px 3px 3px 5px;
    border-width: 0px 1px 1px 1px;
    background: #CCD8E4;
    font-size: 8pt;
    color: #000000;
    line-height:1.1;
}

/* controls the box - yellow */
.box_yellow {
    margin: 7px 5px 13px 0px;
    padding: 2px 3px 5px 5px;
    border-width: 0px 1px 1px 1px;
    background: #F8EFCC;
    font-size: 8pt;
    color: #000000;
    line-height:1.1;
}

/* controls the box - purple */
.box_purple {
    margin: 7px 5px 13px 0px;
    padding: 2px 3px 5px 5px;
    border-width: 0px 1px 1px 1px;
    background: #FFCCFF;
    font-size: 8pt;
    color: #000000;
    line-height:1.1;
}

/* controls the box - green */
.box_green {
    margin: 7px 5px 13px 0px;
    padding: 2px 3px 5px 5px;
    border-width: 0px 1px 1px 1px;
    background: #99FF99;
    font-size: 8pt;
    color: #000000;   
    line-height:1.1;
}

/* controls the box - peach */
.box_peach {
    margin: 7px 5px 13px 0px;
    padding: 2px 3px 5px 5px;
    border-width: 0px 1px 1px 1px;
    background: #ECE0CE;
    font-size: 8pt;
    color: #000000;
    line-height:1.1;
}

/* controls the box - blue */
.box_blue {
    margin: 7px 0px 13px 0px;
    padding: 2px 0px 5px 5px;
    border-width: 0px 1px 1px 1px;
    background: #CCD8E4;
    font-size: 8pt;
    color: #000000;
    line-height:1.1;
}

/* controls the main body text within boxes with a background for frameworks on sector pages */
.paraboxshaded {
    margin: 0px 5px 10px 0px;
    padding: 4px 3px 3px 3px;
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    border-color: #B2C4D7;
    background: #F2F5F8;
    font-size: 8pt;
    color: #000000;
    line-height:1.1;
}

/* controls the paragraph box for file download links */
.paraboxdownload {
    margin: 0px 5px 10px 0px;
    padding: 4px 3px 25px 3px;
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    border-color: #B2C4D7;
    font-size: 8pt;
    color: #000000;
    line-height:1.1;
}

/* para sub title */
.parasubtitle {
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 0px 2px;
    font-weight: bolder;
    font-size: 8pt;
    color: #000000;
    line-height:1.1;
}

/* controls the indentation of the main body text when used with arrows e.g. contact us page */
.paraindent {
    margin: 0px 5px 5px 0px;
    padding: 4px 5px 3px 3px;
    font-size: 8pt;
    color: #000000;    
    line-height:1.1;
}

/* title of listItems in content */
.listItemTitle {
    color: #000000;
    padding: 0px 0px 0px 0px;
    font-weight: bolder;
    font-size: 8pt;
    line-height:1.1;
}
/* CONTROLS THE DEFAULT PARAGRAPH AND INTRO BOX SETTINGS - END */
/* CONTROLS THE IMAGES - START */
/* controls images within content pages */
.image {
    margin: 0px 0px 0px 0px;
    padding-right: 5px;
    padding-left: 0px;
    padding-bottom: 10px;
    float: left;
}

/* 'class' control to control images within content pages to give it no float otherwise it joins content around it e.g. para titles */
.imagefloatno {
    float: none;
    margin: 0px 0px 8px 0px;
}
/* 'class' control to ccontrol arrows vertically within content pages */
.imagevertical {
    padding-top: 3px;
    padding-right: 4px;
}
/* CONTROLS THE IMAGES - END */

/* CONTROLS THE INTERNAL VACANCY DETAILS - START */
/* controls the box around each vacancy */
.vacancyBox {
    width: 100%;
    margin: 0px 0px 8px 0px;
    padding: 0px;
    border-bottom: #B2B2B2 solid 1px;
    line-height:1.1;
}

/* controls the job title field box in the vacancy blocks and the list of categories */
.jobTitle {
    margin: 0px;
    padding: 5px 0px 4px 0px;
    font-weight: bold;
    font-size: 8pt;
    color: #000000;
    text-align: left;
    line-height:1.1;
}

/* controls the job detail field boxes in the vacancy blocks e.g. duration */
.jobDetailHeader {
    margin: 0px;
    padding: 0px;
    font-weight: bold;
    font-size: 8pt;
    text-align: right;
}

/* controls the job detail field boxes in the vacancy blocks e.g. duration */
.jobDetailRight {
    margin: 0px;
    padding: 5px 0px 0px 0px;
    font-size: 8pt;
    text-align: right;
}

/* controls the job detail field boxes on the vacancy page e.g. duration */
.jobDetailLeft {
    margin: 0px;
    padding: 5px 5px 0px 5px;
    border-width: 2px;
    font-size: 8pt;
    text-align: left;
}
/* controls the job description field box in the vacancy blocks */
.jobDescription {
    margin: 0px;
    padding: 5px 0px;
    font-size: 8pt;
    color: #404040;
    line-height:1.1;
}

/* controls the job description links in the vacancy blocks */
.jobLink {
    margin: 0px;
    padding: 0px;
    font-size: 8pt;
}

/* controls the contents of the drop down menus on the vacancies page */
select {
    font-size: 7pt;
}


/* CONTROLS THE VACANCY BLOCKS - END */
/* GENERAL CONTROLS - START */
/* GENERAL CONTROLS  - END */


/* THIS FILE NOW CONTROLS BOTH THE INTERNAL AND EXTERNAL VANCANCIES */
/* UNIQUE CONTROLS FOR VACANCIES.XML and INTERNAL.XML - START */

/*  Width of the vacancy description */
.vaccol {
	width: 400px;
        padding: 0px 5px;
        margin: 0px;
    line-height:1.1;

}
/* controls the main content cell when there is no third collumn */
.contentBox {
	width: 582px;
	padding: 0px 5px;
	margin: 0px;
}

/* controls the box around each vacancy */
.vacancyBox {
	width: 576px;
}


/* UNIQUE CONTROLS FOR VACANCIES.XML and INTERNAL.XML - END  */