/* [%-# %W% %T%,%D% (yy/mm/dd) -%] */

/* ***************************************************
	Imports
**************************************************** */

	@import url(navigation.css);

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

	body {
		font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif ;
		font-size: 70%;		
		color: #000;
		margin: 10px 0 30px 0;	
		padding: 0;
		text-align: center;		
		background-color: #fff;
	}
	
	img, form, fieldset {
		padding: 0;
		margin: 0;
		border: 0;
	}

	label{
		cursor: pointer;
	}

	legend {
		display:none;
	}
	
/* *****************************************************
	Typography
***************************************************** */

	p {
		margin: 0 0 1em 0;
		font-size:100%;
	}

	h1, h2, h3, h4, h5, h6 {
		margin: 0;
		padding:0;
		font-weight:bold;
		line-height:100%;
	}
	
	h3 {
		font-size:140%;
		padding:0 0 8px 0
	}

	h4 {
		font-size:120%;
		padding: 0 0 5px 0;
	}

	p.right {
		text-align: right;
	}
	
/* *****************************************************
	General Linkage
***************************************************** */
	
	a {
		color: #253990;
		text-decoration: underline;
	}

	a:hover {
		text-decoration: none;
	}
	
/* *****************************************************
	Containers
***************************************************** */

	#wrapper{
		width: 753px;		
		margin: 0 auto;
		padding:0;
		text-align: left;
		background-color: #fff;
	}
	
	#container{
		width: 753px;
		margin: 0;
		padding: 0;
	}

	div#content {
		padding: 0 10px;
		margin:0;
		width: 753px;
	}

	div[id="content"]#content {
		width: 733px;
	}

	#mainContent {
		float: left;
		width: 591px;
		margin: 0;
		padding: 0;
	}

	#subContent {
		float: right;
		width: 135px;
		padding: 0;
		margin: 0;
		display: inline;
	}

	#holdingDiv1, #holdingDiv2, #holdingDiv3 {
		float:left;
		clear:both;
		width:591px;
		padding:0;
		margin:0;
	}

	#holdingDiv1 {
		background: url(../images/home/bg_holding1.jpg) 0 100% no-repeat;
	}

	#holdingDiv2 {
		padding:10px 0;
	}

	#holdingDiv3 {
		background: url(../images/home/bg_holding3.gif) 0 100% no-repeat;
		padding:0 0 5px 0;
	}

/* *****************************************************
	Latest Jobs
***************************************************** */

	#latestJobs {
		padding: 0 0 40px 0;
		margin: 0;
		color: #253990;
		background: #efefef url(../images/home/btmbg_latestjobs.gif) 0 100% no-repeat;
	}
		
	#latestJobs h4{
		padding:7px !important;
		margin:0;
		background: #efefef url(../images/home/topbg_latestjobs.gif) 0 0 no-repeat;
	}

	#latestJobs ul{
		margin:0;
		padding:0 8px 8px 8px;
		list-style:none;
	}

	#latestJobs ul li{
		border-bottom:1px solid #c7d1dd;
		padding:8px 0 8px 0;
		margin:0;
	}

/* *****************************************************
	Search Jobs
***************************************************** */
	
	#jobSearch {
		width: 398px;
		padding: 0;
		margin: 0;
		color: #fff;
		float:left;
		clear: both;		
	}

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

	#jobSearch h2 {
		color: #fff;
		padding: 10px 10px 5px 10px;
		margin:0;
		border:none;
		font-size:170% !important;
		text-align:left;
		background: #274191 url(../images/home/topbg_search.jpg) 0 0 no-repeat;
	}

	#jobSearch form fieldset{
		padding: 0;
		margin:0;
		border:none;
	}
	
	#jobSearch label {
		display: inline;
		float: left;
		width: 183px;
		margin: 0 6px 0 0;
		padding: 0;
		font-weight: bold;
		cursor:pointer;
	}

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

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

	#jobSearch input.text{
		width: 175px;
		margin: 2px 0 0 0;
		padding: 2px 0;
		border:1px solid #474747;
	}

	*html #jobSearch input.text{ 
		height:0.01%;
	}

	#jobSearch input.submit {
		width: 75px;
		font-weight: bold;
		cursor: pointer;
		cursor: hand;
		border: 1px solid #fff;
		background: #000066 url(../images/general/bg_button.gif) 0 0 repeat-x;
		color: #fff;
		padding: 2px 0;
		margin:10px 10px 0 0;
		line-height:120%;
		float:right;
	}	

	#jobSearch p.advSearch a{
		color: #fff !important;
		margin:14px 0 0 0;
		padding:0;
		float:left;
	}

/* *****************************************************
	Job of the Week
***************************************************** */
	
	div#jotw {
		margin: 0;
		padding:0 0 8px 0;
		width:185px;
		float: right;
		color:#fff;
	}

	#jotw ul {
		margin: 0;
		padding: 0 8px 8px 8px;
	}

	#jotw ul li {
		margin: 0;
		padding: 3px 0 3px 0;
		list-style: none;
	}
	#jotw a{
		color:#fff;
	}

	#jotw h4{
		padding:8px 8px 12px 8px;
		background: #0e4f5e url(../images/home/topbg_jotw.jpg) 0 0 no-repeat;
	}

	br {
		line-height:60%;
	}

/* *****************************************************
	Introduction
***************************************************** */
	
	#intro {
		width: 398px;
		float: left;
		margin: 0;
		padding: 0;
	}

	#intro h3 {
		color: #253990;
	}

	#intro ul {
		padding:0;
		margin:0;
		list-style:none;
		clear:both;
		height:100%;
	}

	#intro ul li{
		margin:0 8px 0 0;
		padding:0;
		float:left;
	}

	#intro ul li img{
		width:184px;
		height:28px;
	}

/* *****************************************************
	Featured Recruiters
***************************************************** */
	
	#feat-rec {
		color:#194a94;
		float: right;
		width: 185px;
		margin: 0;
		padding: 0;
	}

	#feat-rec ul {
		list-style: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}

	#feat-rec h4 span {
		font-size:70%;
		font-weight:normal;
		margin: 0 0 0 5px;
	}
	
	#feat-rec ul li {
		float: left;
		margin: 0;
		padding: 2px 1px;
	}

	#feat-rec ul li a {
		line-height: 230%;
	}

	#feat-rec img {
		width:90px;
		height:35px;
		margin:0;
		padding:0;
	}

	#feat-rec p {
		float: left;
	}

	.moreab {
		line-height:300%;	
	}

/* *****************************************************
	Job Channels
***************************************************** */
	
	div#channels {
		width: 398px;
		float: left;
		margin: 0;
		padding: 0;
		background-color: #ebebeb;		
	}

	#channels h3 {
		color: #253990;
		padding:7px;
		background: #ebebeb url(../images/home/topbg_channels.gif) 0 0 no-repeat;
	}

	#channels ul{
		float:left;
		padding: 0 0 0 7px;
		margin:0 0 0 0;
		list-style:none;
		width:48%;
	}

	#channels ul li{
		margin:0;
		padding:7px 0;
		clear:both;
		display:block;
	}
	#channels ul li img {
		width:52px;
		height:45px;
		float:left;
		margin: 0 8px 0 0;
	}

	#channels ul li p{
		padding:5px 0 0 0;
		margin:0;
	}

/* *****************************************************
	holdingDiv4
***************************************************** */

	#holdingDiv4 {
		float: right;
		margin: 0;
		padding: 0;
		width: 185px;
	}

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

	#register {
		float: left;
		padding: 0;		
		margin: 0 0 8px 0;
		width: 185px;
		background: #d8e4ef url(../images/home/btmbg_register.gif) 0 100% no-repeat;		
		color: #253990;
	}

	#register h4{
		padding: 8px;
		background: #d8e4ef url(../images/home/topbg_register.gif) 0 0 no-repeat;	
	}

	#register p {
		margin: 0;
	}

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

	#register input.submit {
		float:right;
	}	

	#register input.text {
		width: 166px;		
		padding: 3px 0;
		margin: 5px 0;
		font-size: 100%;
		color: #333333;
	}

	*html #register input.text {
		height: 0.01%;
	}

/* *****************************************************
	Advertise with us
***************************************************** */
	
	#advertise {
		padding: 0;
		margin: 0;
		float: left;
		width: 185px;		
		background-color:#f8edd4;
		color: #253990;
	}

	#advertise h4{
		padding: 8px;
		background: #f8edd4 url(../images/home/topbg_advertise.gif) 0 0 no-repeat;	
	}

	#advertise p {
		margin:0;
		padding:0 8px 8px 8px;
		width: 169px;
	}

/* *****************************************************
	Form Fields
***************************************************** */

	input.submit {
		width: 75px;
		font-weight: bold;
		cursor: pointer;
		cursor: hand;
		border: 1px solid #fff;
		background: #000066 url(../images/general/bg_button.gif) 0 0 repeat-x;
		color: #fff;
		padding: 2px 0;
		margin:0;
		line-height:120%;		
	}

	input.text, select {
		color:#194a94;
	}

	legend {
		display: none;
	}

	input.user-input {
		color: #000000;
		font-style: normal;
	}

	.btnmargin {
		float: right;
		margin: 15px 23px 0 0;
		padding: 0;
	}