body {
	text-align: center;
	background-color: #e0e0e0;
}

#container {
	width: 1018px;
	margin: 0 auto;
	text-align: left;
	background-image: url(/images/design/bkg_shadow.png);
	background-repeat: repeat-y;
	padding: 0 0 20px 0;
}

#container {
	width: 958px;
	margin: 0 auto;
	text-align: left;
	border-right: 8px solid #FFF;
	border-left: 8px solid #FFF;
	background-color: #FFF;
}

#header {
	height: 151px;
	background-image: url(/images/design/bkg_header.jpg);
}
#header div#logo {
	padding: 34px 0 0 4px;
}
#header p {
	display: none;	
}

#colLeft {
	float: left;
	width: 210px;
	padding: 30px 0 0 0;
}
#colRight {
	float: right;
/*	width: 707px;		*/
	width: 709px;
}

#colLeft ul {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
}
#colLeft ul li {
	height: 100%;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 11px;
}
#colLeft ul li.arrow {
/*	background-image: url(/images/design/bkg_menu_arrow.gif);
	background-position: top right;
	background-repeat: no-repeat;		*/
}
#colLeft ul li a {
	height: 100%;
	display: block;
	padding: 6px 10px 6px 12px;
	color: #00aaf2;
	text-decoration: none;
	border-bottom: 1px solid #e0e0e0;
}
/*
#colLeft ul li a.active, #colLeft ul li a:hover {
	background-color: #c2edfe;
	color: #003466;
}
#colLeft li.arrow a.active, #colLeft li.arrow a:hover {
	background-image: url(/images/design/bkg_menu_arrow.gif);
	background-position: top right;
	background-repeat: no-repeat;	
}
*/
#colLeft ul li a.active {
	background-color: #c2edfe;
	color: #003466;
}
#colLeft ul li a:hover {
 	background-image: url(/images/design/bkg_menu_arrow.gif);
	background-position: top right;
	background-repeat: no-repeat;	
	color: #0098d9;
}
#colLeft li.arrow a.active, #colLeft li.arrow a:hover {
	background-image: url(/images/design/bkg_menu_arrow.gif);
	background-position: top right;
	background-repeat: no-repeat;	
}

#colLeft ul ul {
	padding: 4px 0 2px 0;	
	border-bottom: 1px solid #e0e0e0;
}
#colLeft ul ul ul {
	border: 0;
	padding: 2px 0 4px 0;
}
#colLeft ul ul li a {
	color: #999999;
	border: 0;
	padding: 3px 10px 3px 20px;
}
#colLeft ul ul ul li a {
	font-weight: normal;
	padding: 2px 10px 2px 30px;
}
#colLeft ul ul li a:hover, #colLeft ul li.arrow ul a:hover {
	background-image: none;
	color: #003466;
}
#colLeft ul ul li a.active, #colLeft ul ul li a:hover, #colLeft ul li.arrow ul li a.active {
	background-color: #FFF;
	background-image: none;
	color: #003466;}

#colRight div#colInfo {
	/*	width: 456px;			*/
	width: 458px;
	float: left;
	padding: 10px 0 0 20px;
}
#colRight div#colInfo ul li {
	line-height: 160%;
}
#colRight div#colProjets {
	width: 210px;
	float: right;
	padding: 30px 0 0 0;
}
#colRight div#colProjets div.gapLine {
	border-top: 1px solid #e0e0e0;
	height: 11px;
}
#colRight div#colProjets h2 {
	font-size: 22px;
	font-weight: normal;
	color: #999999;
}
#colRight div#colProjets ul {
	margin: 0;
	padding: 0 0 20px 0;
	list-style: none;
	list-style-image: none;
}
#colRight div#colProjets ul ul {
	padding: 0;	
}
#colRight div#colProjets ul li {
	margin: 0;
	padding: 0;
	height: 100%;
	font-size: 11px;
	font-weight: bold;
}
#colRight div#colProjets ul li.noArrow {
	color: #0098d6;	
	padding: 0 8px 4px 0;
}
#colRight div#colProjets ul li.blueArrow {
	color: #0098d6;	
	background-image: url(/images/design/bkg_right_arrow.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding: 4px 8px;
}
#colRight div#colProjets ul li.blueArrowDark {
	color: #003467;
	background-image: url(/images/design/bkg_right_arrow_d.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding: 4px 8px;
}
#colRight div#colProjets ul li a {
	color: #0098d6;
	display: block;
	height: 100%;
	text-decoration: none;
	background-image: url(/images/design/bkg_right_arrow.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding: 4px 8px;
}
#colRight div#colProjets ul li.noArrow a {
	background-image: none;
	padding: 0;
}
#colRight div#colProjets ul li a.active {
	background-image: url(/images/design/bkg_right_arrow_d.gif);
	color: #003467;
}
#colRight div#colProjets ul li a:hover {
	text-decoration: underline;	
}
#colRight div#colProjets ul li li {
	color: #666666;
	padding: 2px 8px;
	font-weight: normal;
}
#colRight div#colProjets ul li li a {
	color: #666666;
	background-image: none;
	padding: 0;
	text-decoration: none;
}

#colRight div#colProjets p {
	font-size: 11px;	
}

/* footer */

#footer {
	border-top: 2px solid #e0e0e0;
	height: 79px;
	margin: 26px 0 0 0;
}
#footer div#pidg {
	width: 248px;
	float: left;
}
#footer p {
	float: left;
	color: #666666;
	font-size: 11px;
	padding: 36px 0 0 0;
}
#footer p a {
	color: #666666;
	text-decoration: none;
}
#footer p a:hover {
	text-decoration: underline;
}

#googleBox {
	padding: 0 0 15px 0;	
}

/* common styles */

.success {
/*	border: 1px dotted #0081ba;
	padding: 10px;
	margin: 0 0 10px 0;		*/
	padding: 6px;
	font-weight: bold;
}
.clear, .clearFloats {
	clear: both;
}
html>body .clear {
	height: 1px;
	display: block;
}
.red {
	color: #FF0000;
}
.accessStyle {
	text-decoration: underline;
}
.printOnly {
	display: none;	
}

table ul {
	margin-bottom: 0;
	padding-bottom: 0;
}

/* form styling */

form {
	padding: 0 0 15px 0;
}
input {

}
input.text, select, textarea {
/*	width: 260px;			*/
	color: #999999;
	border: 1px solid #d3d3d3;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	padding: 1px;
}
input.button, .formLine input.button {
/*	width: 70px;				*/
	padding: 1px;
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	background-color: #000;
	text-align: right;
	border: 0;
	color: #FFF;
}

label {
/*	font-weight: bold;
	color: #000;			*/
	padding: 2px 0 0 0;
}
div.formLine span.red, div.formLineLarge span.red {
	font-weight: bold;
	font-size: 1.4em;
	padding-left: 3px;
}
.formLine {
	height: 26px;
	clear: both;
}
.formLineLarge {
	height: 92px;
	clear: both;
}
.formLine label, .formLineLarge label {
	float: left;
	width: 180px;
	text-align: right;
	padding-right: 10px;
}
.formLine label.noPadding, .formLineLarge label.noPadding {
	padding-top: 0;
}
.formLine input.text, .formLineLarge select, .formLine select {
	float: left;
}
.formLine input.text {

}
.formLine div.securityCode {
	float: left;
	margin: 0 0 0 5px;
	padding: 3px 6px;
	background-color: #ffff66;
	color: #000;
	font-weight: bold;
}
input.buttonImage {
	float: right;
	margin: 2px 10px 0 0;
}
.formLine select.date {
	width: 70px;
	margin: 0 8px 0 0;
}
input.check {
	border: 0;
	width: 20px;
	float: left;
}
textarea {
/*	width: 470px;			*/
	
	margin: 6px 0 10px 0;
	border: 1px solid #c7cace;
}
.formLineLarge textarea {
	float: left;
/*	height: 65px;		*/
	margin: 0;
}
.formLabelLong {
	width: 380px;
}

.formLinePadded {
	padding: 3px 0 3px 0;
}
.formLinePadded input.text, .formLinePadded textarea {
	width: 300px;
}
.formLinePadded label {
	display: block;	
}
.formLinePadded span {
	display: block;
	font-size: 0.9em;
	color: #6f6d6e;
}
input.questionnaireButton {
	font-family: "Trebuchet MS", "Times New Roman", Arial, sans-serif;
	font-size: 0.9em;
	margin-top: 15px;
}
.questionnaireHeading {
	padding-top: 20px;
}
div.formSmall {
	font-size: 11px;
	float: right;
	padding: 0 110px 0 0;
}

/* news styles */

div.newsEntry {
/*	border-bottom: 1px solid #00bce4;			*/
	border-bottom: 1px dotted #e0e0e0;
	padding: 10px 0 10px 0;
	height: 100%;
}

h2.newsHead {
	padding: 0 0 2px 0;
	margin: 0;
	font-size: 11px;
}
p.newsStory {
	margin: 0;
	padding: 0 0 0 0;
	font-size: 11px;
}
p.info {
	display: block;
	font-size: 11px;
	margin: 0 0 0x 0;
	padding: 0 0 0 0;
}
p.info a {
	background-image: url(/images/but_next.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 12px;

}
p.newsBase {
	color: #9a3333;
	font-weight: bold;
	font-size: 0.9em;
	padding-top: 6px;
	border-top: 1px solid #CCCCCC;
}

p.error {
	color: #FF0000;
}

p.floatRightResults {
	padding: 0;
	float: right;
}
div.searchnav {
	border-top: 1px solid #e0e0e0;
/*	background-image: url(/images/design/backgrounds/bkg_jobnav.gif);
	background-position: top;
	background-repeat: no-repeat;			*/
	padding: 10px 0 0 0;
	margin: 10px 0 10px 0;
	text-align: right;
	color: #666666;
}
div.searchnav span {
	float: left;
}
div.searchnav a.pagnum {
	color: #000;
	text-decoration: none;
	font: 9px Tahoma, Verdana, sans-serif;
}
div.searchnav a.pagnum strong.pagnumHighlite {
	text-decoration: underline;
}

div.searchnav a {
/*	color: #0081BA;
	text-decoration: none;
	background-image: none;
	padding: 0;
	color: #25408f;			*/
	font-weight: bold;
	text-decoration: none;
}
div.searchnav a:hover {
	text-decoration: underline;
}
.photoFeat {
	float: left;
	margin-right: 10px;
	border-bottom: 8px solid #FFF;
}

/* SIFR */
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
/* ONLY ONES TO CUSTOMISE */

/*	.sIFR-hasFlash h1.sIFR-H1, .sIFR-hasFlash h2.sIFR-H1 {
	.sIFR-hasFlash h1, .sIFR-hasFlash h2 {		*/
.sIFR-hasFlash .padder h1, .sIFR-hasFlash .padder h2, .sIFR-hasFlash #subRightPadder h1, .sIFR-hasFlash #subRightPadder h2, .sIFR-hasFlash h1.sIFR-JobHeaders {
	visibility: hidden;
}h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	color: #999;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #666;
}