html{
  font-size: 100%;    
}
html,body{
  margin:0;
  padding:0;
  border:0;
/* \*/
/*  height:100%; */
/* Last height declaration hidden from Mac IE 5.x */
}
body
{
  background-image:url(../images/bodybackground.jpg);
  background-repeat:repeat-x;
  background-color:#DEEBF0;
  min-width:97.4em;
  text-align:center;
  font-family:arial, helvetica, sans-serif, verdana;
  font-size:62.5%;
  color:#333333;  
}
.clear{
  clear:both;
  height:0.1em;
  overflow:hidden;
  line-height:1%;
  font-size:0px;
  margin-bottom:-0.1em;
}
* html .clear{height:auto;margin-bottom:0}
#fullheightcontainer{
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  position:relative;
  width:97.4em;
/* \*/
/*  height:100%; */
/* Last height declaration hidden from Mac IE 5.x */
}
#wrapper{
/*  min-height:100%; */
/* \*/
/*  height:100%; */
/* Last height declaration hidden from Mac IE 5.x */
  background:#fff;
  background-image:url(../images/wrapperbackground.gif);
  background-position: 0 0;
  background-repeat: repeat-y;
}
#wrapp\65	r{
  height:auto;
}
/* \*/
* html #wrapper{
/*  height:100%; */
}
/* Last style with height declaration hidden from Mac IE 5.x */
#outer{
  z-index:1;
  position:relative;
  margin-left:21.9em;
  width:49.4em;
  background:#FFFFFF;
  background-position: right top;
  background-image: url(../images/borderdot.gif);
  background-repeat: repeat-y;    
/* \*/
/*  height:100%; */
/* Last height declaration hidden from Mac IE 5.x */
}
#float-wrap{
  width:49.4em;
  margin-right:-0.1em;
  float:left;
  display:inline;
}
#left{
  width:21em;/*changed from 22*/
  float:left;
  display:inline;
  position:relative;
  margin-left:-21.9em;
}
*>html #left{width:21.9em;}
#container-left{
  width:21.9em;
}
#right{
  float:left;
  display:inline;
  width:26em;/*changed from 21.7*/
  margin-right:-26em;
  margin-left:-0.1em;
  position:relative;
}
/* \*/
* html #right{
  width:26.1em;
  margin-left:0px;
  margin-right:-50em;
  mar\gin-right:-26.1em;
}
/* Above style hidden from Mac IE */
#container-right{
/* \*/
  width:26em;
/* Above hidden from IE-Mac */
  margin-left:0.2em;
}
/* \*/
* html #container-right{
  fl\oat:right;
  di\splay:inline;
  margin-left:0.1em;
  mar\gin-left:0px;
}
/* Above style hidden from Mac IE */
/* \*/
* html #left{margin-right:-0.3em;}
/* Above style hidden from Mac IE */
#center
{
  width:49.4em;
  float:right;
  display:inline;
/* \*/
  margin-left:-0.1em;
/* Hidden from IE-mac */
}
#clearheadercenter{
  height:27.5em;
  overflow:hidden;
}
#clearheaderleft{
  height:27.5em;
  overflow:hidden;
}
#clearheaderright{
  height:27.5em;
  overflow:hidden;
}
#clearfootercenter{
  height:2em;
  overflow:hidden;
}
#clearfooterleft{
  height:2em;
  overflow:hidden;
}
#clearfooterright{
  height:2em;
  overflow:hidden;
}
#footer{
  z-index:1;
  position:absolute;
  clear: both;
  width:97.4em;
  height:2em;
  overflow:hidden;
  margin-top:-2em;
}
#subfooter1{
  background:#629FB7;
  text-align:center;
  height:2.1em;  
}
#subfooter1 p
{
    position: relative;
    padding-top: 0.2em;
}
#subfooter1 p, 
#subfooter1 a,
#subfooter1 a:visited
{
    color: #fff;
}
#header{
  z-index:1;
  position:absolute;
  top:0px;
  width:97.4em;
  height:27.5em;
  overflow:hidden;
  background:#FFFFFF;  
}
#subheader1{
  background:#FFFFFF;
  text-align:left;
  height:9em;
}
#subheader1 a
{
    display:block;
    float:left;
    width:167px;
    height:50px;
    margin-top:20px
}
#subheader1 img{
    position: relative;
    left: 1em;
    top: 50%;
    margin-top: -25px;
    border: none;
}
#subheader2{
  background:#629FB7;
  text-align:center;
  height:2.1em;
}
#subheader3{
  background:#FFFFFF;
  text-align:center;
  height:16.5em;
  background-position: center center;
  background-repeat: repeat;
}
.cogs #subheader3
{
    background-image: url(../images/cogs.jpg);
}
.default #subheader3
{
    background-image: url(../images/homepage.jpg);
}
.comm #subheader3
{
    background-image: url(../images/commodities.jpg);
}
.candidates #subheader3
{
    background-image: url(../images/candidates.jpg);
}
.clients #subheader3
{
    background-image: url(../images/clients.jpg);
}
.contactus #subheader3
{
    background-image: url(../images/contact.jpg);
}
.jobs #subheader3
{
    background-image: url(../images/jobs_list.jpg);
}
.testimonials #subheader3
{
    background-image: url(../images/testimonials.jpg);
}
.aboutus #subheader3
{
    background-image: url(../images/about_us.jpg);
}
#gfx_bg_middle{
  top:0px;
  position:absolute;
/*  height:100%; */
  overflow:hidden;
  width:49.4em;
  margin-left:21.9em;
  background:#FFFFFF;
}
* html #gfx_bg_middle{
  display:none;
}

#container-left,
#container-right,
#container-center
{
    margin: 0;
    padding: 0;
}

#container-center
{
    min-height: 40em;
}

#container-center h1
{
    font-weight: bold;
}

#container-center p
{
    margin: 0 1.4em 1.4em 1em;
    text-align: justify;
}

#container-center table
{
    margin: 0 1.4em 1.4em 1em;
}

#container-center h2
{
    font-size: 1.2em;
    margin: 0 1.4em 1.4em 1em;
}

#container-center ul
{
    font-size: 1.2em;
    line-height: 1.4em;
}

#subheader2 ul
{
    margin: 0;
    padding: 0;
    width: 100%;
}
#subheader2 li
{
    color: #fff;
    font-size: 1.2em;
    float: left;
    width: 14.1%;
    list-style-type: none;
    border-right: 1px solid white;
    line-height: 1.8em;
}

#subheader2 li a,
#subheader2 li a:hover,
#subheader2 li a:visited
{
    color: #fff;
}

#subheader2 li.on
{
    font-weight: bold;
}

#subheader2 li.last
{
    border-right: 1px solid #629FB7;
}

#subheader1 h1
{
    float:left;
    margin: 48px 0 0 70px;
}

h1
{
    margin: 0.75em;
    padding: 0;
    font-size: 1.6em;
    font-weight: normal;
    color: #629FB7;
}
a {
	text-decoration: none;
	outline: none;
	}
a:visited {
	}
a:active {
	}
a:hover {
	text-decoration: underline;
	}
strong, b {
	font-weight: bold;
	}
hr {
	margin: 0px; /* fixes xhtml N6 bug where the hr sits to the left*/
	color: #ccc; /* for ie */
	background-color: #ccc; /* for everyone else */
	height: 1px;
	}
p {
    float:none;
    clear:both;
	font-size: 1.2em;
	line-height: 1.4em;
	}
td {
	font-size: 90%;
	}
hr {
	margin-top: 2.0em;
	margin-bottom: 2.0em;
	}
img {
	border: 0;
	}
/*** the following styles and notes are (c) Copyright
Big John @ www.positioniseverything.net ***/
div,p{margin:0}

.italics-test, .italics-test-side {
font-style: italic; 
text-align: justify; 
}

/***
The following fixes prevent justified italic text
from destroying the layout in IE/win. The problem
is that those properties together make IE force the
container wider, which in this type of floated layout
causes a float drop.
Pre-IE6 gets "width: 100%" and "overflow: hidden",
while IE6 gets "width: auto" and "overflow: visible,
which is the default, but explicitly stating it seems
to keep IE6 happy. IE6 also needs to see the
"height: 1%" to give it some kind of box dimension.
Browser coddling we call it. Finally, Bruno Fassino
found that "word-wrap: break-word;" disarranged the
justified text in IE5.5 and 6, so it is defaulted to
"normal" for this text.
If you don't need justified and italicized text then
forget all these fixes.
Although, ClevaTreva adds, I have seen some odd
behavior with normal justified text in IE, so
this may be worth remembering.
***/

/* \*/
* html .italics-test, * html .italics-test-side {
overflow: hidden;
width: 100%;
o\verflow: visible;
w\idth: auto;
he\ight: 1px;
word-wrap: normal;
}
/* */

#container-left dl
{
    font-size: 1.2em;
    padding: 0 1em 1em 1em;
    margin: 0;
}

#container-left dl a,
#container-left dl a:visited,
#container-left dl a:hover
{
    color: #333333;    
}

#container-left dt
{
    padding: 0 0 0.5em 0;
    font-weight: bold;
    color: #333333;
}

#container-left dd
{
    margin: 0 0 1em 0;
    padding: 0 0 1em 0;
    font-size: 90%;
    color: #333333;    
    border-bottom: 1px solid #89B7C9;
}

#form
{
	position: relative;
	left: 0.2em;
	width: 21em;
	padding: 0 1em 0 1em;
}

#container-right #form fieldset
{
    font-size: 1.2em;
    padding: 0;
    margin: 0;
    border: none;
}

#container-right #form fieldset label,
#container-right #form fieldset span,
#container-right #form fieldset input,
#container-right #form fieldset select
{	
    font-size: 90%;    
    margin: 0 0 0.8em 0;
    position: relative;
    left: 0px;
}

.w17
{
    width: 18.1em;
}

.w9
{
    width: 8.5em;
}

#checks
{
    margin-bottom: 0.8em;    
}

#checks input
{
    margin-bottom: 0;
}

#container-right input.btn
{
    float: right;
    margin-bottom: 0;
}

#searchlink
{
    font-size: 1.2em;
    margin: 0;
    padding: 0;
    background-color: #fff;    
}

#searchlink img,.rssimg
{
    width: 16px;
    height: 16px;
    position: relative;
    top: 4px;
    border: none;
}

#searchlink a,
#searchlink a:visited,
#searchlink a:hover
{
    font-size: 90%;    
    color: #6B2E65;    
}

#container-center a,
#container-center a:visited,
#container-center a:hover
{
    color: #6B2E65;    
}

#container-center a:hover
{
    text-decoration: underline;
}

#container-center div.ref
{
    width: 49.4em;
}

#container-center div.ref p
{
    text-align: right;    
    font-weight: bold;
}

#container-center div.pager
{
    border-top: 1px dashed #89B7C9;
    padding-top: 0.5em;
    margin: 0 1.4em 0.5em 1em;
    text-align: center;
}

#container-center div.pager a
{
    font-size: 1.1em;
    color:#6B2E65;
}

#container-center div.pager a.disabled
{
    color:#AAAAAA;
}

#container-center div.pager a img
{
    position: relative;
    top: 0.1em;
}

#container-center ul.col-list
{
    margin: 0 0 0 1em;
    padding: 0;
    float: left;
    width: 45%;
}

#container-center ul.col-list li
{
    list-style-type: none;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 1.2em;
    padding: 0;
    font-weight: bold;
}

span.highlight
{
    font-weight: bold;
}

.switch
{
    position: absolute;
    right: 1em;
}

.joblocationsalary,
#searchResults .joblocationsalary a,
#searchResults .joblocationsalary a:visited,
#searchResults .joblocationsalary a:hover
{
    color: #333333;
    font-weight: bold;
}

#searchResults a,
#searchResults a:hover,
#searchResults a:visited
{
    color: #000;
}

#searchResults p
{
    border-bottom: 1px dashed #89B7C9;
    padding-bottom: 1em;
}

#searchResults p.last
{
    border-bottom: 1px dashed #fff;
    padding-bottom: 0;
}

.twocolinput
{
	float: left;
	width: 8.6em;
}

#container-right #form fieldset #search
{
	position: relative;
	left: -1.2em;
}

.threecolcontainer
{
	padding-left: 1.2em;
	font-size: 1.2em;	
	line-height: 1.4em;
}

.threecol
{
	width: 31%;
	margin: 0;
	float: left;
}

#footer p
{
	font-size:1.1em;
	width: 100%;
}

span.footerleft
{
	position:absolute;top:2px;left:12px;
}

/* Nik added styles */
span.footerright
{
	position:absolute;top:2px;right:12px;
}

#landingBoxOneSidePanel {
	background-image: url(../images/landingPage_background1.jpg);
	height: 58.8em;
	width: 16.4em;
	background-repeat: no-repeat;
	float: left;
}
#landingBoxOneMainPanel {
	background-image: url(../images/landingPage_background2.gif);
	background-repeat: no-repeat;
	float: left;
	height: 58.8em;
	width: 36.2em;
}

#landingPageLeftCol {
	float: left;
	padding-left: 10px;
	width: 52.7em;
	overflow: hidden;
}
#landingPageRightCol {
	float: right;
	padding-right: 10px;
	width: 41.5em;
	overflow: hidden;	
}
#landingPageBoxTwo {
	background-image: url(../images/landingPage_background4.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 28.9em;
	width: 41.4em;
	background-position: right;
}
#landingPageBoxThree {
	clear: both;
	float: right;
	background-image: url(../images/landingPage_background3.jpg);	
	background-repeat: no-repeat;
	height: 28.9em;
	width: 41.4em;
	margin-top: 10px;
	background-position: right;
}
.landingPageHeaders {
    display: block;
	float: left;
	margin-top: 15px;
	margin-left: 15px;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
a.landingPageHeaders{
    height:16.7em;
    width:24.5em;
}
a.landingPageHeaders:hover
{
    text-decoration:none;
}
#landingBoxOneText {
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 15px;
}
#landingBoxOneText h2 {
	font-weight: lighter;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 16px;
}
#landingBoxOneText p {
	line-height: 20px;
	color: #FFFFFF;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.home #header
{
    height: 9em;
}

.home #subheader1 h1
{
    float:right;
    margin-left:0;
    margin-right:20px;
}

#homecontainer {
    background-color:#fff;
    float:left;
    width:100%;
    padding: 9em 0 3.2em 0;
}

.home #wrapper
{
    z-index: 10;
}

.comm #wrapper{
  background-color: #fff;
  background-image: none;
}

.comm #outer{
  margin-left:0em;  
  width:71.3em;
  background-color: #fff;
  background-image: none;  
}

.comm #float-wrap
{
    width:69em;
}

.comm #center
{
  margin-left:0em;
  width:69em;
  background-position: right top;
  background-image: url(../images/borderdot.gif);
  background-repeat: repeat-y;        
}

#subheader1 ul
{
    width:269px;
    height:26px;
    overflow:hidden;    
    position:relative;
    margin: 44px 10px 0 0;
    padding:0;
    float:right;    
}

#subheader1 ul li
{
    position:relative;
    list-style-type:none;
    margin:0;
    padding:0;
    float:left;
}

#subheader1 ul a
{
    margin:0;
    padding:0;
    position:relative;
    font-size:8px;
}

#subheader1 ul a, 
#subheader1 ul a span
{
    display:block;
    width:134px;
    height:26px;
    overflow:hidden;
}

#subheader1 ul #navcommod
{
    width:135px;
    height: 26px;    
}

#subheader1 ul #navcommod a, 
#subheader1 ul #navcommod a span
{
    background: #fff url(../images/commoditiesTab.gif) no-repeat left top;
}

#subheader1 ul #navprocure a, 
#subheader1 ul #navprocure a span
{
    background: #fff url(../images/procurementTab.gif) no-repeat left top;
}

#subheader1 ul a span
{
    position:absolute;
    left:0px;
    top:0px;
}