/* [%-# @(#)home.css	1.12 15:31:18,07/06/19 (yy/mm/dd) -%] */
/* *****************************************************
	Imports
*****************************************************/

 @import url(/css/navigation.css);

/* *****************************************************
	Globals
***************************************************** */

	body {
		font-family: Arial, Helvetica, Tahoma, sans-serif;
		font-size: 0.7em;
		color: #333333 !important;
		margin: 10px auto;	
		padding: 0;
		text-align: center;
		background-color: #b9c7c8;
	}

	img, form, fieldset {
		padding: 0;
		margin: 0;
		border: 0;
	}

	label {
		cursor: pointer;
	}

/* *****************************************************
	Typography
***************************************************** */

	h1, h2, h3, h4, h5, h6, p {
		margin: 0 0 1em 0;
	}

	h2 {
		font-size: 1.6em !important;
		padding: 0;
		margin: 0;
		color: #fc1a0e;
	}

	h3{
		font-size: 1.4em !important;
		padding: 0 0 5px 0;
		margin: 0;
		color: #fc1a0e;
	}

	p.right {
		text-align: right;
	}

	.left {
		float: left;
	}

/* *****************************************************
	General Linkage
***************************************************** */
	
	a {
		color: #333333;
		text-decoration: underline;
	}

	a:hover {
		color: #fc1a0e !important;
		text-decoration: underline;
	}
	
/* *****************************************************
	Containers
***************************************************** */

	#wrapper {	
		margin: 0 auto;
		padding: 0;
		width: 908px;
		text-align: left;
		background: url(../images/home/hpagebg_middle.gif) 50% top repeat-y;
	}

	div[id="wrapper"]#wrapper {
		margin: 0 auto;
		width: 908px;
	}
	
	div[id="container"]#container {
		width: 848px;		
		padding: 10px 30px;
		margin: 0;
		overflow: hidden;
	}

	div#container {
		width: 908px;
		padding: 10px 30px;
		background: url(../images/home/hpagebg_top.gif) 50% top no-repeat;
	}

	#content {
		width: 848px;			
		padding: 0;
		margin: 0;
		clear: both;
	}

	#mainContent {
		float: left;
		width: 533px;
		margin: 0 19px;
		padding: 0;
	}
	
	#subContent {
		float: left;
		width: 157px;
		padding: 0;
		margin: 0;
	}

	#rightContent {
		float: right;
		width: 120px;
		padding: 0;
		margin: 0;
	}

/* *****************************************************
	Introduction
***************************************************** */
	
	#intro {
		padding: 0 0 10px 0;
	}

	#intro h2 strong {
		color: #000;
		font-weight: bold;
	}

/* *****************************************************
	Search Jobs
***************************************************** */
	
	#jobSearch {
		padding: 0;
		margin: 0;
		color: #fff;
		background-color: #ca0c00;
	}

	#jobSearch form {
		padding: 7px 15px 10px 15px;
		margin: 0;
	}

	#jobSearch h2 {
		color: #fff;
		padding: 8px 0 10px 40px;
		background: url(../images/home/searchbg.gif) 0 0 no-repeat;
	}
	
	#jobSearch label {
		display: block;
		float: left;
		width: 204px;
		padding: 0 5px 0 0;
		margin: 0;
		font-weight: bold;
	}

	#jobSearch label span {
		font-weight: normal;
		font-size: 85%;
		margin: 5px 0 0 0;
	}

	#jobSearch label#channel_page_code_label {
		clear: left;
	}
	
	#jobSearch p {
		clear: left;
		margin: 0;
		padding:0;
	}

	#jobSearch input.text {
		width: 182px;
		border: 1px solid #999999;
		margin: 0 6px 0 0;
		padding: 2px 0;
	}

	#jobSearch input.submit {
		width: 85px;
	}	

	.advSearch, .advSearch a, .advSearch a:hover {
		text-align: right;
		color: #fff !important;
	}

/* *****************************************************
	Holding Div 1
***************************************************** */
	
	#holdingDiv1 {
		padding: 0;
		margin: 10px 0 0 0;
		float: left;
		background: url(../images/home/holdingbg.gif) 0 bottom no-repeat;
	}

	*html #holdingDiv1 div {
		width: 264px;
	}

/* *****************************************************
	Register Now
***************************************************** */

	#register {
		float: left;
		padding: 8px;		
		margin: 0;
		width: 246px;
		border: solid #999999;
		border-width: 1px 1px 0 1px;
	}

	#register p {
		margin: 0;
	}

	#register form {
		padding: 0;
		margin: 0;
	}

	#register input.submit {
		width: 40px;
	}	

	#register input.text {
		width: 188px;
		border: 1px solid #999999;
		padding: 4px 2px;
		margin: 0 5px 0 0;
		font-size: 100%;
		color: #333333;
	}

	*html #register input.text {
		height: 1.8em;
		padding: 3px 0 0 0;
	}
	
/* *****************************************************
	Post your CV
***************************************************** */

	#postCv {
		float: right;
		margin: 0;
		padding: 8px;
		width: 246px;
		border: solid #999999;
		border-width: 1px 1px 0 1px;
	}

	#postCv p {
		padding: 0;
		margin: 0;
	}

	#postCv p.right a {
		font-size: 120%;
		font-weight: bold;
	}

/* ***********************************
	Holding Div 1
************************************** */

	#holdingDiv2 {
		padding: 0;
		margin: 6px 0 0 0;
		float: left;
		background: url(../images/home/holdingbg.gif) 0 bottom no-repeat;
	}

	*html #holdingDiv2 div {
		width: 264px;
	}

/* **************************************
	Top Jobs
**************************************** */

	#topJobs {
		padding: 8px;
		margin: 0; 
		width: 246px;
		float: left;
		border: solid #999999;
		border-width: 1px 1px 0 1px;
	}

	#topJobs ul {
		position: relative;
		width: 120px;
		float: left;
		background: none;
		margin: 0;
		padding: 0;
		cursor: default;
	}
	
	#topJobs ul li {
		margin: 0;
		padding: 0 0 5px 0;
		background: none;
		width: 115px !important;
		list-style: none;
	}	

/* *****************************************************
	Advertise with us
***************************************************** */
	
	#advertise {
		padding: 8px;
		margin: 0;
		float: right;
		width: 246px;
		border: solid #999999;
		border-width: 1px 1px 0 1px;
	}
	
	#advertise p {
		margin:0;
	}

	#advertise a {
		float: right;
		text-decoration: underline;
		margin: 0;
		padding: 0;
		width: 100%;
		text-align: right;
		clear: both;
		font-size: 110%;
	}
				
	#advertise img {
		float: right;
		padding: 0 0 3px 0;
		margin: 0;
	}

	/* *****************************************************
	Holding Div 3
***************************************************** */
	
	#holdingDiv3 {
		padding: 0;
		margin: 6px 0 0 0;
		float: left;
		background: url(../images/home/holdingbg.gif) 0 bottom no-repeat;
	}

	*html #holdingDiv3 div {
		width: 264px;
	}

/* *****************************************************
	newPodca
***************************************************** */

	#newPodcast {
		float: left;
		margin: 0;
		padding: 8px;
		width: 246px;
		border: solid #999999;
		border-width: 1px 1px 0 1px;
		background: url(../images/general/podcastbutton.jpg) 95% 20% no-repeat;
	}

	#newPodcast h3{
		color:#703c8f;
	}

	#newPodcast p {
		padding: 0 70px 0 0;
		margin: 0;
		
	}

	#newPodcast p.right {
		padding:10px 0 0 0;
	}

	#newPodcast p.right a {
		font-size: 120%;
		font-weight: bold;
	}

/* *****************************************************
	talkShop
***************************************************** */

	#talkShop {
		float: right;
		margin: 0;
		padding: 8px;
		width: 246px;
		border: solid #999999;
		border-width: 1px 1px 0 1px;
		background: url(../images/general/home_talking.jpg) 95% 20% no-repeat;
		
	}

	#talkShop p {
		padding: 0 70px 0 0;
		margin: 0;		
	}

	#talkShop p.right {
		padding:10px 0 0 0;
	}
		
	

	#talkShop p.right a {
		font-size: 120%;
		font-weight: bold;
	}

/* *****************************************************
	Search Site
***************************************************** */
	
	#searchSite {
		float: left;
		padding: 0;		
		margin: 0;
		width: 100%;
		background-color: #cfd9da;
	}

	#searchSite p {
		padding: 0 0 8px 8px;
		margin: 0;
	}

	#searchSite p a {
		color: #000;
		font-size: 0.9em !important;
		background: url(../images/home/bullet_advsearch.gif) 0 3px no-repeat;
		padding: 0 0 0 10px;
	}

	#searchSite h2 {
		padding: 8px 0 0 8px;
		margin: 0;
		font-size: 1.2em;
		color: #000;
	}

	#searchSite h2 strong {
		font-weight: normal;
	}

	#searchSite form {
		padding: 0 8px 3px 8px;
		margin: 0;
	}

	#searchSite input.submit {
		width: 30px;
	}	

	#searchSite input.text {
		width: 100px;
		border: 1px solid #999999;
		padding: 4px 2px;
		margin: 0 5px 0 0;
		font-size: 100%;
		color: #333333;
		float: left;
	}

	*html #searchSite input.text {
		height: 1.8em;
		padding: 3px 0 0 0;
	}

/***************************************
	Left Navigation
***************************************/

	#leftNav {
		padding: 0;
		margin: 5px 0 5px 0; 
		width: 100%;
		float: left;
		clear: both;
	}

	#leftNav h3 {
		background: #cb0d01 url(../images/home/leftnav_topbg.gif) 0 0 no-repeat;
		color: #fff;
		font-size: 1.2em !important;
		padding: 4px 0 5px 8px;
	}

	#leftNav ul {
		float: left;
		margin: 0;
		padding: 0 0 15px 0;
		cursor: default;
		width: 100%;
		
	}
	
	#leftNav li {
		margin: 0;
		padding: 7px 0 8px 15px;
		list-style: none;
		background: url(../images/home/leftnav_linebg.gif) 0 bottom no-repeat;
	}

	#leftNav li.highlight {
		background: #ced7d6 url(../images/home/leftnav_linebg_hover.gif) 0 bottom no-repeat;
	}

	#leftNav li a {
		padding: 0;
		display: block;
		margin: 0;
		text-decoration: none;
	}
	
	#leftNav li a:hover {
		color: #999999 !important;
	}

/***************************************
	Business Development Zone
***************************************/

	#training {
		background: #cb0d01 url(../images/home/redbg_right_btm.gif) 100% 100% no-repeat;
		float: left;
		color: #fff;
		margin: 0 0 5px 0;
		padding: 0 0 5px 0;
		width: 157px;
		font-size: 90%;
		clear: both;
	}
	
	#training  h4 {
		padding: 5px 0 0 8px;
		margin: 0;
		font-size: 1.5em;
		background: #cb0d01 url(../images/home/redbg_right_top.gif) 100% 0 no-repeat;
	}

	#training p {
		padding: 2px 15px 7px 8px;
		margin: 0;
	}

	img.leftBanner {
		clear: both;
	}

	#training a {
		text-decoration: none !important;
		color: #fff !important;	
		display:block;
		padding-right:20px;		
	}

	.middle {
		vertical-align: middle;
	}


/* *****************************************************
	Header
***************************************************** */

	#masthead {
		margin: 0;
		padding: 0;
		width: 708px;
		float: left;
		position: relative;
	}

	#masthead div {
		float: left;
		padding: 0;
		margin: 0;
	}

	#masthead h1 {
		margin: 0;
		padding: 20px 0 14px 0;
		width: 229px;
		float: left;
	}

	#masthead h1 a {
		background: url(../images/general/logo.gif) no-repeat;
		width: 229px;
		height: 34px;
		display: block;
		text-indent: -5000em;
		text-decoration: none;
	}

	#headerBanner { 
	    padding: 0;
	}
	
	#headerBanner img {  
	    height: 60px;
		padding: 0;
		width: 468px;
		margin: 3px 0 0 10px;
	}
	
	#nav {
		width: 100%;
	}

	#footer {
		background: url(../images/home/hpagebg_bottom.gif) 50% bottom no-repeat;
	}

/* *****************************************************
	Form Fields
***************************************************** */
	
	legend {
		display: none;
	}

	input.user-input {
		color: #000;
		font-style: normal;
	}
	
	.btnmargin {
		position: relative;
		top: 13px;
	}

	input.submit {
		color: #FFF;
		font-size: 125%;
		font-weight: bold;
		cursor: pointer;
		cursor: hand;
		border: 1px solid #638285;
		background: #638285;
		padding: 0;
		height: 22px;
		margin: 2px 0 0 0;
	}