
/*Custom tags*/
html {
  margin-top: 0px;
  padding: 0px;
}
body {
  color: #616160;
  font-family: Verdana,Arial;
  font-size: 11px;  
  text-align: center;
  background: #ECECE7 url('../images/top_bg.jpg') repeat-x top left;
  Abackground: #ECECE7 url('../images/bg.jpg') no-repeat top center;
  margin: 0px;
  padding: 0px;
}
a {
  color: #F35C3D;
  text-decoration: underline;  
}
a:hover {
  text-decoration: none;  
}
ul {
  margin: 0px;
  padding: 0px;
}
li {

}
p {
  margin: 0px;
  padding: 10px 0px;
}
img {
  border: 0px;
}



/*Page Container*/
#pageContainer {
  text-align: left;
  margin: 0px auto;
  margin-top: 20px;
  padding: 0px;
  width: 950px;  
}


/*Top Navigation*/
#topHeader {
  height: 70px;
  border-bottom: 1px solid #D4D4B9; 
}
#topHeaderNav {
  float: right;
  width: 625px;
  text-align: right;
  margin-top: 5px;    
  _width: 635px;
}
#logo {
  color: #9E9384;  
  padding-left: 60px;
  padding-top: 6px;   
  height: 60px;
  width: 250px;
  background: url('../images/logo.png') no-repeat; 
  /* IE6 */
  _background: url('../images/logo.jpg') no-repeat; 
}
#logo h1{
  font-size: 18px;
  margin-left: -9999px; 
}
#topNavList {  
  list-style: none;
}
#topNavList li{
  display: inline;
}
a.topnav {
  float: left;
  font-weight: normal;
  font-size: 13px;
  padding: 4px 6px;
  margin-left: 15px;
  display: block;
}
a.topnav:hover {
  color: #FFF;
  background: #F35C3D;
}



/*Header*/
#header {
  height: 320px;   
  _margin-left: 0px;
}

#header ul {
	list-style: none;
	margin: 20px 0 0 6px;
}
#header ul li {display: inline}
#header ul li a {
	float: left;
	width: 227px;
	height: 232px;
	display: block;
	margin: 0 9px 0 0;
}
#header ul li a span {display: none;}
#header ul li a.board {background-image:url('../images/nav_board.jpg');}
#header ul li a.board:hover {background-image:url('../images/nav_board_hover.jpg');}
#header ul li a.operations {background-image:url('../images/nav_operations.jpg')}
#header ul li a.operations:hover {background-image:url('../images/nav_operations_hover.jpg')}
#header ul li a.finance {background-image:url('../images/nav_finance.jpg')}
#header ul li a.finance:hover {background-image:url('../images/nav_finance_hover.jpg')}
#header ul li a.change {background-image:url('../images/nav_change.jpg')}
#header ul li a.change:hover {background-image:url('../images/nav_change_hover.jpg')}
#header ul li a.asset {background-image:url('../images/nav_asset.jpg')}
#header ul li a.asset:hover {background-image:url('../images/nav_asset_hover.jpg')}
#header ul li a.banking {background-image:url('../images/nav_banking.jpg')}
#header ul li a.banking:hover {background-image:url('../images/nav_banking_hover.jpg')}
#header ul li a.insurance {background-image:url('../images/nav_insurance.jpg')}
#header ul li a.insurance:hover {background-image:url('../images/nav_insurance_hover.jpg')}

.headerItem {
  float: left;  
  width: 231px;
  height: 292px;
  padding: 20px 0px 0px 0px;
  margin-left: 8px;  
  margin-top: 15px;
  background: url('../images/header_item_bg1.png') no-repeat;

  /* IE6 */
  _margin-left: 5px;
  _background: url('../images/header_item_bg1.gif') no-repeat;
}
.headerItem:hover {
  margin-top: 8px;
  background: url('../images/header_item_bg2.png') no-repeat;

  /* IE6 */
  _background: url('../images/header_item_bg2.gif') no-repeat;
}
.headerItem:hover h2{
  color: #4F4F4D;  
}
.noLeftMargin {
  margin-left: 0px;
}
.headerItem img{
  margin-left: 15px;
}
a.headerLink {
  cursor: pointer;
  text-decoration: none;
}
.headerItem h2{
  color: #C98226;
  font-size: 15px;
  width: 200px;
  margin-left: 15px;
}

/*Header - SUBPAGES*/
#subHeader {
  height: 150px;   
  _margin-left: 0px;
}
.subHeaderItem {
  float: left;  
  width: 231px;
  height: 121px;
  padding: 8px 0px 0px 0px;
  margin-left: 8px;  
  margin-top: 15px;
  background: url('../images/header_item_out_small.png') no-repeat;

  /* IE6 */
  _margin-left: 5px;
  _background: url('../images/header_item_out_small.gif') no-repeat;
}
.subHeaderItem:hover { 
  background: url('../images/header_item_over_small.png') no-repeat;
  
}
.subHeaderItem h2{
  color: #C98226;
  font-size: 15px;
  width: 200px;
  margin-left: 15px;
  margin-top: 15px;
  *margin-top: 20px;
}
.subHeaderItem:hover h2{
  margin-top: 10px;
  *margin-top: 15px;
  color: #4F4F4D;  
}

a.subHeaderLink {
  cursor: pointer;
  text-decoration: none;
}

/* IE6 */
a.subHeaderLink:hover h2  {
  _margin-top: 10px;
  _color: #4F4F4D;
}
/* IE6 */
a.subHeaderLink:hover div.subHeaderItem {  
  _background: url('../images/header_item_over_small.gif') no-repeat;
}



/*Main Conatiner*/
#mainContainer {
  
}

/*Home Left Column*/
#home_leftColumn {
  float: left;
  padding: 0px;
  width: 465px;
  _width: 455px;
}
.ColumnContent {
  text-align:justify;
  padding: 7px 7px;
  line-height: 15px;
}

.columnFixedHeight {
  min-height: 200px;
  /*IE6*/
  _height: 200px;
}

.sectionTitle {
  clear: both;
  font-family: Arial;
  font-size: 19px;
  color: #616160;
  margin: 0px;
  padding-bottom: 10px;
  border-bottom: 1px solid #D4D4B9; 
}


.news_highlight_content{
  background: #DDDDD8;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 0px 8px;  
  line-height: 18px;
}


/*Home Right Column*/
#home_rightColumn {
  float: left;
  margin-left: 20px;
  _margin-left: 10px;
  width: 465px;
  _width: 455px;

}

.home_list {
  margin-left: 15px;
  margin-top: 10px;
  list-style: url('../images/arrowIcon.gif');
}
.home_list li{
  padding: 3px 0px;
}

/*Subpages*/

/*Subpage Left Column*/
#subpage_leftColumn {
  float: left;
  padding: 0px;
  width: 702px;  
  margin-bottom: 40px; 
}
#subpageContentTop {
  width: 702px;
  height: 11px;
  background: url('../images/content_bg-top.gif') no-repeat bottom left;
}
#subpageContent {
  padding: 15px;
  background: #FFF;
  border-right: 1px solid #c9c9c9;
  border-left: 1px solid #c9c9c9;
  
}
#subpageContentBottom {
  width: 702px;
  height: 8px;
  margin-top: 0px;
  background: url('../images/content_bg_bottom.gif') no-repeat top left;
}


/*Advert details*/
#jobTitle {
  font-size: 130%;
  font-weight: bolder;
  margin-bottom: 15px;
}
#jobInfo {
  padding: 3px 0px;
  line-height: 16px;  
}
#jobDetails {  
  /*padding-bottom: 15px; */
}

#adLogo {
  float: right;
}

.error {
  color: red; 
  font-size: 11px;
}


/*Subpage Right Column*/
#subpage_rightColumn {
  float: left;
  margin-left: 20px;
  width: 220px; 
}


/* for Jobs items */

.job_item {
  border-top: 1px dotted #ccc;
  background: url('../images/job_bg.gif') no-repeat top left;
  margin-bottom: 15px;
}
.job_admin_options {
  float: right;
  text-align: right;
  width: 150px;
  margin-top: 8px;
}
.job_title, .job_title a{
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  color: #C98226;
  padding: 8px 10px;
}
.job_title a:hover{
  color: #4F4F4D;
  xtext-decoration: underline;
}
.job_details {
  padding: 2px 10px;
}
.job_details_item {  
  color: #2A4A93;
  font-size: 11px;  
}

.job_item_name {
  float: left;
  width: 70px;
}

.job_item_value {
  padding-left: 10px;
  color: #222;
  background: url('../images/arrowIcon.gif') no-repeat 0px 4px;
}
.job_item_value a{
  font-size: 11px;
}
.job_description {
  padding: 8px 10px;
  font-size: 11px;  
}


/* job Apply*/
.apply_job_item {
  border-top: 1px dotted #ccc;
  xbackground: url('../images/job_bg.gif') no-repeat top left;
  margin-bottom: 15px;
}

.apply_job_title{
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  scolor: #C98226;
  padding: 8px 0px;
}

.apply_job_details {
  padding: 2px 0px;
}
.apply_job_details_item {  
  color: #2A4A93;
  margin-top: 10px;
  font-size: 12px;  
}

.apply_job_item_name {
  float: left;
  width: 150px;
}
.apply_job_item_value {
  padding-left: 10px;
  color: #222;
  cbackground: url('../images/arrowIcon.gif') no-repeat 0px 4px;
}
.apply_job_item_value input {
  border: 1px solid #ccc;
  width: 250px;
  font-size: 13px;  
  color: #2A4A93;
}




/* navbar */
.bar_pagination {
	text-align:right;
	margin-top: 10px;
	padding:5px;
	border-top: 1px solid #e9e9e5;
	border-bottom: 1px solid #e9e9e5;	
}
a.pagination {
	margin:2px;
	padding-left:3px;
	padding-right:3px;
	font-size: 12px;
	color:#F35C3D;
}
a.pagination:hover {
	padding:3px;
    background: #F35C3D;
	color: #fff;
}
.nopagination {
	margin:2px;
	padding:3px;
	font-size: 12px;
	background: #F35C3D;
	color: #fff;
}


/*News Items*/

.newsItem {
  border-bottom: 1px solid #E0E0D0;
  margin: 15px 0px;

}
.newsItemFirst {
  margin-top: 10px;
}
.newsDate {
  float: right;
  width: 60px;
  color: #7F7F7E; 
}
#newsDisclaimer {
  font-weight: bold;
  padding-left: 8px;
  font-size: 90%;
}

/*Search Container*/

#searchContainer {
  background: url('../images/search_form_bg.png') no-repeat top left;
  width: 462px;
  height: 307px;
  padding-top: 55px;
  padding-left: 20px; 

  /* IE6 */
  _background: url('../images/search_form_bg.gif') no-repeat;
}
#searchContainerSmall {
  background: url('../images/search_form_small_bg.gif') no-repeat top left;
  width: 222px;
  _width: 200px;
  height: 307px;
  padding-top: 25px;
  padding-left: 25px; 
}

.buttonMargin {
  margin-left: 10px;
}



.formRow {
  padding-bottom: 8px;
}
#searchContainerSmall .formRow {
  padding-bottom: 8px;
  width: 180px;
}
.formLabel {
  float: left;
  width: 115px;
}
.formOption {
  width: 160px;
  background: #FFF;
  font-size: 13px;
  border: 0px;
  border-top: 1px solid #ACADB2;
}
.formInput {
  width: 158px;  
  border: 0px;
  border-top: 1px solid #ACADB2;
}


.info{
  margin: 20px; 
  font-size: 12px;
}
.info_img {
 float: left;
 width: 25px; 
 height: 40px;
}



/*etc*/
.linkButton, .formButton {
  width: 203px;
  height: 28px;
  margin: 10px 0px; 
  background: url('../images/button_bg_out.jpg') repeat-x top left;  
  display: block;
  color: #FFF;
  text-align: center;
  padding-top: 5px;
  text-decoration: none;
  font-size: 17px;
  font-weight: bold;
  cursor: pointer;
}

.linkButton:hover, .formButton:hover{
 background: url('../images/button_bg_over.jpg') repeat-x top left;  
}

.formButton {
  width: 124px; 
  margin-left: 115px;
  cursor: pointer;
}

.buttonHighlight {
  width: 203px;
  height: 28px; 
  background: url('../images/button_bg_over.jpg') repeat-x top left;  
  display: block;
  color: #FFF;
  text-align: center;
  padding-top: 5px;
  text-decoration: none;
  font-size: 17px;
  font-weight: bold;
  cursor: pointer;   
}

.sectionDescription {
  padding-top: 3px;
  padding-bottom: 5px;
  margin-bottom: 25px;
 
}

/* Map*/

#mapContainer {
  margin-left: 10px; 

}
#mapDetails {
  width: 170px; 
  float: right;
}
#contactEmail {
  display: block;
  padding-top: 3px;
}
#gmap {
  width: 450px; 
  height: 350px;
  border:1px solid #ccc;
}


/*Footer*/
#footer {
  clear: both;
  width: 950px;
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 30px;
  border-top: 1px solid #d4d4b9;
}
#copyright {
  padding-top: 3px;
  padding-left: 10px;
}
#rec_logo {
  float: right;
  background: url('../images/rec_logo.gif') no-repeat top left;  
  width: 52px;
  height: 40px;

}



/*Useful classes*/
.alignRight{  
  float:  right;
}
.alignLeft{
  float:  left;
}
.noLeftMargin {
  margin-left: 0px;
}
.noTopMargin {
  margin-top: 0px;
}
.noBottomMargin {
  margin-top: 0px;
}
.noBorder {
  border: 0px;
}
.spacer{
  clear: both;
  height: 20px;
}

/** Job Title List */
ul#jobtitles {
	margin: 0 0 0 10px;
	list-style: none;
}
ul#jobtitles li ul {
	list-style: none;
	margin: 0 0 5px 0;
	border-top: 1px dotted #ccc;
}
ul#jobtitles li ul li {
	margin: 0 0 0 20px;
	padding: 3px;
	border-bottom: none;
	position: relative;
}
ul#jobtitles li ul li:hover {background: #ccc}
ul#jobtitles li ul li span {
	position: absolute;
	right: 0;
}
#titlesForm fieldset {
	padding: 5px;
}
#titlesForm fieldset, #titlesForm fieldset legend {border: 1px solid #AFC5DD}
#titlesForm fieldset legend {
	background-color: #AFC5DD;
	color: #fff;
	padding: 4px;
	font-size: 12px;
	font-weight: 600;
}