/* CSS Document */
/*-------------------- GENERAL RULES --------------------*/
body {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	font-family:'Tahoma', Arial, Helvetica, sans-serif;
	font-size:100.01%;
}
ul, li, p, div, h1, h2, h3, h4, h5, h6, ol {
	margin: 0px;
	padding: 0px;
}
p {
	color:#666666;
	font-size: 0.7em; /* 10px at default font size*/
	margin: 0 0 1em 0; 
	line-height: 1.3em; 
	background-color: transparent;
	padding: 0;
	text-align:justify;
}
h2 {
	color:#666666;
	font-size: 1.1em; /* 12px at default font size*/
	margin: 0 0 0 0; 
	font-weight:bold;
	padding: 0;
}
h3 {
	color:#666666;
	font-size: 0.7em; /* 10px at default font size*/
	margin: 0 0 0 0; 
	font-weight:bold;
	padding: 0;
}
a {
	text-decoration: none;
	color:#666666;
}
a:hover {
	text-decoration: underline;
	color:#660066;
}
.clearfix:after{ content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; }
.clearfix{display: inline-table;}  /* Mark Hadley's fix for IE Mac */  /* Hides from IE Mac \*/ 
* html .clearfix {height: 1%;} .floatcontainer{display:block;} /* End Hack */ 

/* ----------------------- MAIN LAYOUT STRUCTURE DIV's ------------------------- */
#Header {
	width:800px;
	height:78px;
	background-image:url(../images/general/quay_people_logo.gif);
	background-repeat:no-repeat;
	text-align:right;
}
#HeaderNav {
	width:510px;
	height:73px;
	background-image:url(../images/general/topnav_curve.gif);
	background-repeat:no-repeat;
	background-color:#cccccc;
	padding-right:18px;
	float: right;
}
#HeaderPurpleBox {
	width:800px;
	height:5px;
	margin: 0;
	padding: 0;
	background-color:#561559;
	clear: both;
	font-size: 2%;
}
#Footer {
	width:800px;
	height:24px;
	margin: 0px;
	background-color:#7f7f7f;
	clear:both;
}
#Mid {
	background-image: url(../images/general/main_bg_mid.jpg);
	background-repeat: no-repeat;
	width: 800px;
	padding-top: 48px;
}
#MidLeftCol {
	float: left;
	width: 131px;
	padding: 0px;
	margin: 0px;
}
#MidRightCol {
	float: right;
	width: 124px;
	margin-top:5px;
	padding-left: 8px;
}
#MidMainCol {
	margin-right: 136px;
	margin-left: 135px;
	padding-bottom: 40px;
}
#MidStrapline {
	background-image: url(../images/general/main_bg_top.jpg);
	background-repeat: no-repeat;
	height: 140px;
	width: 800px;
	clear: both;
}
/* ----------------------- HEADER ELEMENTS ----------------------- */
#HeaderNavList {
	list-style-type: none;
	margin-top:50px;
	color: #000000;
	text-decoration: none;
}
#HeaderNavList li {
	display: inline;
	font-size:0.8em;
}
#HeaderNavList li .divider {
	margin-right:5px;
	margin-left:5px;
}
#HeaderNavList a {
	color: #FFFFFF;
	text-decoration: none;
	background:none;
	margin:0px;
	padding:0px;
	font-weight:bold;
}
#HeaderNavList a:hover {
	color: #660066;
	text-decoration:underline;
}
#HeaderNavList .navOn {
	color: #660066;
}
#MidStrapline h1 {
	display: none;
}
/* ----------------------- LEFTCOL NAV ----------------------- */
#MidLeftColNav {
	list-style-type: none;
	text-align: right;
	width: 124px;
	padding-right: 6px;
}
#MidLeftColNav li {
	display: inline;
}
#MidLeftColNav a {
	color: #660066;
	font-size:0.7em;
	font-weight:bold;
	text-decoration:none;
	display: block;
	background-image: url(../images/general/leftnav_bullet.gif);
	background-repeat: no-repeat;
	background-position: 100% 5px;
	padding-right:12px;
	margin-bottom: 3px;
}
#MidLeftColNav a:hover {
	color: #FFFFFF;
	text-decoration:underline;
}
/* ------- JOB SEARCH ------- */
#jobSearch {
	height: 54px;
	margin-bottom: 16px;
	width: 100px;
	padding-left: 16px;
}
#jobSearch h4 {
	color: #660066;
	font-size:0.7em;
	font-weight:bold;
	padding:0px;
	text-align:left;
	margin-bottom: 6px;
}
#txtJobSearch {
	font-size: 0.7em;
	padding: 0px;
	height: 16px;
	width: 98px;
	margin-top: 6px 0px 3px 0px;
	border: thin solid #CCCCCC;
}
.btnLeftCol {
	height: 16px;
	width: 16px;
	border:none;
	cursor:pointer;
	margin-top: 4px;
	font-size: 9px;
	color: #FFFFFF;
	background-color: #660066;
	font-family:Arial, Helvetica, sans-serif;
}
/* ------- LOG IN ------- */
#loginBox {
	height: 116px;
	padding-left: 6px;
	border: 1px solid #FFFFFF;
	padding-top: 7px;
	padding-right: 7px;
	margin-bottom: 0px;
	margin-left: 6px;
	margin-top: 6px;
	width: 103px;
}
#loginBox h4 {
	color: #660066;
	font-size:0.7em;
	font-weight:bold;
	padding:0;
	text-align:left;
}
#loginBox a {
	color: #660066;
	text-decoration:none;
}
#loginBox a:hover {
	text-decoration:underline;
}
#txtName {
	font-size: 0.7em;
	padding: 0px;
	height: 16px;
	width: 98px;
	margin-top: 6px;
	border: thin solid #CCCCCC;
}
#txtEmail {
	font-size: 0.7em;
	padding: 0px;
	height: 16px;
	width: 98px;
	margin-top: 6px;
	border: thin solid #CCCCCC;
}
#txtPassword {
	font-size: 0.7em;
	padding: 0px;
	height: 16px;
	width: 98px;
	margin-top: 4px;
	border: thin solid #CCCCCC;
}
/* ----------------------- RIGHTCOL NAV ----------------------- */
#DateTime {
	font-size: 0.6em;
	color: #FFFFFF;
	font-weight: lighter;
	padding-bottom: 26px;
}
#MidRightCol ul {
	list-style: none;
	width: 108px;
}
#MidRightCol li {
	display: inline; /* this gets rid of the gaps */
}
#MidRightCol a {
	font-size:0.7em;
	color: #FFFFFF;
	text-decoration: none;
	background-image:url(../images/general/rightnav_bullet.gif);
	background-repeat:no-repeat;
	background-position: 0 .45em;
	display:block;
	padding-left: 10px;
	margin-bottom: 3px;
}
#MidRightCol a:hover {
	color: #FFFFFF;
	text-decoration:underline;
}
/* ----------------------- MAINCOL ELEMENTS ----------------------- */
#pageTitleImage {
	height: 178px;
	margin: 0px 38px 26px 38px;
	padding: 0px;
	background-repeat: no-repeat;
}
#pageTitleImage40 {
	height: 40px;
	margin: 0px 38px 26px 38px;
	padding: 0px;
	background-repeat: no-repeat;
}
.tableLink {
	color:#666666;
	font-size: 0.7em; /* 10px at default font size*/ 
	line-height: 1.3em; 
	background-color: transparent;
	text-decoration: none;
}
.ImageParaBox { 
	border-top:#CCCCCC solid 1px; 
	margin-top:10px;
	padding-top:10px;
}
.noMargin {
	margin:0;
}
/* ----------------------- ABOUT SUB SECTIONS ELEMENTS ----------------------- */
.imgAbout {
	background-image: url(../images/page_titles/about.jpg);
}
.imgAbout21 {
	background-image: url(../images/page_titles/about21.jpg);
}
.imgAbout22 {
	background-image: url(../images/page_titles/about22.jpg);
}
.imgAbout23 {
	background-image: url(../images/page_titles/about23.jpg);
}
.imgAbout24 {
	background-image: url(../images/page_titles/about24.jpg);
}
/* ----------------------- CLIENTS SUB SECTIONS ELEMENTS ----------------------- */
.imgClients {
	background-image: url(../images/page_titles/clients.jpg);
}
.imgClients31 {
	background-image: url(../images/page_titles/clients31.jpg);
}
.imgClients32 {
	background-image: url(../images/page_titles/clients32.jpg);
}
.imgClients33 {
	background-image: url(../images/page_titles/clients33.jpg);
}
.imgClients34 {
	background-image: url(../images/page_titles/clients34.jpg);
}
/* ----------------------- CANDIDATES SUB SECTIONS ELEMENTS ----------------------- */
.imgCandidates {
	background-image: url(../images/page_titles/candidates.jpg);
}
.imgCandidates41 {
	background-image: url(../images/page_titles/candidates41.jpg);
}
.imgCandidates42 {
	background-image: url(../images/page_titles/candidates42.jpg);
}
.imgCandidates43 {
	background-image: url(../images/page_titles/candidates43.jpg);
}
.imgCandidates431 {
	background-image: url(../images/page_titles/candidates431.jpg);
}
.imgCandidates4311 {
	background-image: url(../images/page_titles/candidates4311.jpg);
}
.imgCandidates4312 {
	background-image: url(../images/page_titles/candidates4312.jpg);
}
.imgCandidates432 {
	background-image: url(../images/page_titles/candidates432.jpg);
}
.imgCandidates4321 {
	background-image: url(../images/page_titles/candidates4321.jpg);
}
.imgCandidates4322 {
	background-image: url(../images/page_titles/candidates4322.jpg);
}
.imgCandidates4323 {
	background-image: url(../images/page_titles/candidates4323.jpg);
}
.imgCandidates4324 {
	background-image: url(../images/page_titles/candidates4324.jpg);
}
/* ----------------------- INFO SUB SECTIONS ELEMENTS ----------------------- */

.imgInfo {
	background-image: url(../images/page_titles/info.jpg);
}
.imgInfo51 {
	background-image: url(../images/page_titles/info51.jpg);
}
.imgInfo52 {
	background-image: url(../images/page_titles/info52.jpg);
}
.imgInfo53 {
	background-image: url(../images/page_titles/info53.jpg);
}
/* ----------------------- CONTACT SUB SECTIONS ELEMENTS ----------------------- */
.imgContact {
	background-image: url(../images/page_titles/contact.jpg);
}
/* ----------------------- SITEMAP SUB SECTIONS ELEMENTS ----------------------- */
.imgSitemap {
	background-image: url(../images/page_titles/sitemap.jpg);
}

#pageTitleImage h2 {
	display: none;
}
#pageTitleImage40 h2 {
	display: none;
}
/* ----------------------- MAIN COL ELEMENTS ----------------------- */

#MidMainCol ul {
	color:#666666;
	font-size: 0.7em; /* 10px at default font size*/
	background-color: transparent;
	margin-left: 1em;
	padding-left: 1em;
}
#MidMainCol li {
	margin-bottom:1em;
}
#MidMainCol .ulTitle {
	margin:0px;
	padding:0px;
}
#contactAddress {
	list-style-type: none;
	margin: 0px;
}
#contactAddress li {
	margin: 2px;
	padding: 0px;
}
#pageContent {
	margin: 0px 38px;
	padding: 0px;
}
#table a {
	font-size: 0.7em;
}
/* ----------------------- FOOTER NAV ----------------------- */
#FooterNav {
	list-style-type: none;
	margin-left: 138px;
}
#FooterNav li{
	display:inline;
	line-height: 24px;	
	color:#FFFFFF;
	font-size:0.7em;
	margin-right:142px;
}
#FooterNav .copyright{
	margin:0px;
}
#FooterNav a {
	color: #FFFFFF;
	text-decoration: none;
	background:none;
	margin:0px;
	padding:0px;
}
#FooterNav a:hover {
	text-decoration:underline;
}