/*    
 
Copyright 2005 Fortis Ltd. All rights reserved.


*/



/* ================================================================= */
/* [COMMON PAGE STYLES (Body, Text Areas, etc...) ]                  */
/* ----------------------------------------------------------------- */

body, select, input, textarea {
	color: #333333;
	font-family: Arial, Verdana, sans-serif;
	}

body {
	font-size: 11px;
	background-color: #E1EDDE;
	text-align: center;
	margin: 0px auto;
	padding: 0px;
	width: 98%;
	}

td {
	font-size: 11px;
	}


a, a:link, a:active, a:visited {
	text-decoration: none;
	color: #807E68;
	}
	
a:hover {
	color: #000000;
	}

.textfield {
	border: 1px #CCCCCC solid;
	background: #FFFFFF;
	font-size: 10px;
	padding-bottom: 0px;
	padding-left: 2px;
	height: 16px;
	vertical-align: top;
	}

div.dottedLine {
	width: 100%;
	line-height: 1px;
	margin: 10px 0px;
	border-top: 1px #CCCCCC dotted;
	}


div.solidLine {
	width: 100%;
	line-height: 1px;
	margin: 10px 0px;
	border-top: 1px #CCCCCC solid;
	}

/* ================================================================= */



/* ================================================================= */
/* [ HEADLINE STYLES ]                                               */
/* ----------------------------------------------------------------- */

h1 a, h2 a, h3 a, h4 a, h5 a {
	text-decoration: none;
	}

h1, h1 a {
	font-size: 20px;
	color: #666666;	
	}

h2, h2 a {
	font-size: 16px;
	color: #999999;
	}

h3, h3 a {
	font-size: 14px;
	color: #48562A;
	}

h4, h4 a {
	font-size: 13px;
	color: #333333;
	}

h5, h5 a {
	font-size: 11px;
	color: #1A9431;
	}
	
/* ================================================================= */




/* ================================================================= */
/* PAGE STRUCTURE STYLES                                             */
/* ----------------------------------------------------------------- */

#bodyDiv {
	width: 750px;
	margin: 0px auto;
	padding: 0px;
	border-left: 10px #FFFFFF solid;
	border-right: 10px #FFFFFF solid;
	background: #FFFFFF;
	}

table#maintable, table#maintableIndex {
	width: 750px;
	margin-top: 10px;
	}

table#maintableIndex {
	}

table#maintable td, table#maintableIndex td {
	vertical-align: top;
	text-align: left;
	}

table#maintableIndex th.title {
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	color: #999999;
	padding-bottom: 5px;
	padding-left: 10px;
	}

table#maintableIndex td.leftColumn {
	width: 180px;
	border-right: 1px #CCCCCC solid;
	/*padding-right: 10px; */
	}

table#maintableIndex td.centerColumn {
	width: 372px;
	padding-left: 10px;
	padding-right: 10px;
	}

table#maintableIndex td.jobslist {
	width: 400px;
	padding: 0px 10px 150px 10px;
	}

table#maintableIndex td.rightColumn {
	width: 176px;
	border-left: 1px #CCCCCC solid;
	/*padding-left: 16px;*/
	padding-right: 0px; 
	}

	
table#maintable td.leftColumn {	
	width: 180px;
	border-right: 1px #CCCCCC solid;
	}

table#maintable td.centerColumn {
	width: 394px;
	padding-left: 10px;
	}

table#maintable td.rightColumn {
	width: 176px;
	border-left: 1px #CCCCCC solid;
	}
	
div#contentDiv {
	width: 380px;
	text-align: left;
	}

/* ================================================================= */






/* ================================================================= */
/* HEADER SECTION STYLES                                                 */
/* ----------------------------------------------------------------- */

#headerGraphic {
	width: 750px;
	padding-top: 25px;
	background-image: url(../logo.gif);
	background-repeat: no-repeat;
	}

#headerimage {
	margin-top: 25px;
	text-align: center;
	color: #FFFFFF;
	font-size: 30px;
	}
	
#flashArea {
	margin-top: 25px;
	text-align: center;
	color: #FFFFFF;
	font-size: 30px;
	}


/* ================================================================= */




/* ================================================================= */
/* TOP NAV 1ST LEVEL SPECIFIC\                                       */
/* ----------------------------------------------------------------- */

.topnavOne {
	width: auto;
	text-align: left;
	margin-left: 220px;
	border-bottom: 1px #EFEEEE solid;
	}

.topnavOne ul {
	padding: 0px;
	margin: 0px;
	margin-left: 0px;
	}

.topnavOne li {
	display: inline;
	list-style-type: none;
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	margin-left: 0px;
	}

.topnavOne li a {
	color: #666666;
	padding: 2px 11px 3px 11px;
	line-height: 20px;
	border-left: 1px #FFFFFF solid;
	border-right: 1px #FFFFFF solid;
	border-top: 1px #FFFFFF solid;
	}

.topnavOne li a:hover {
	border-left: 1px #EFEEEE solid;
	border-right: 1px #EFEEEE solid;
	border-top: 1px #EFEEEE solid;
	}


.topnavOne li a#tabOn {
	border-left: 1px #EFEEEE solid;
	border-right: 1px #EFEEEE solid;
	border-top: 1px #EFEEEE solid;
	background: #EFEEEE;
	}

#topnavIndex {
	border-bottom: none;
	left: 37px;
	top: 16px;
	}

#topnavIndex li a {
	padding: 2px 11px 2px 11px;
	}

#topnavIndex li a:hover {
	border-left: 1px #EFEEEE solid;
	border-right: 1px #EFEEEE solid;
	border-top: 1px #EFEEEE solid;
	border-bottom: 1px #EFEEEE solid;
	}

/* ================================================================= */







/* ================================================================= */
/* INTERIOR PAGES SIDE NAVIGATION STYLES                             */
/* ----------------------------------------------------------------- */

.sideNav div {
	width: 168px;
	margin-bottom: 1px;
	}

.sideNav div#onTab {
	/*opacity: .5;
	filter: alpha(opacity=50);*/
	}

.subNav {
	border: 1px #EEEEEE solid;
	font-size: 11px;
	}

.subNav ul {
	padding: 0px;
	margin: 0px;
	}

.subNav li {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	margin-left: 0px;
	}

.subNav li.levelTwo a {
	font-weight: bold;
	margin: 1px;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	display: block;
	width: 156px;
	vertical-align: bottom;
	}

.subNav li.levelTwo a:hover {
	}
	
	
.subNav li.levelThree a {
	display: block;
	margin: 8px;
	margin-left: 8px;
	padding-left: 12px;
	width: 130px;
	vertical-align: bottom;
	opacity: .9;
	filter: alpha(opacity=50);
	}

.subNav li.levelThree a:hover {
	}

/* Employers Side Nav Specific */
#EmployersNav {
	border: 1px #D8C4E0 solid;
	}

.subNav li#Employers a {
	color: #811788;
	}

.subNav li#Employers a:hover {
	background: #EFE7F3;
	}

/* Jobseekers Side Nav Specific */
#JobseekersNav {
	border: 1px #FDBFB4 solid;
	}
	
.subNav li#Jobseekers a {
	color: #CA0014;
	}

.subNav li#Jobseekers a:hover {
	background: #FEE6E1;
	}

/* Abroad Management Side Nav Specific */
#AbroadNav {
	border: 1px #BFE7F0 solid;
	}
	
.subNav li#Abroad a {
	color: #00A0C6;
	}

.subNav li#Abroad a:hover {
	background: #E6F5F9;
	}

/* aboutus Side Nav Specific */
#ContactsNav {
	border: 1px #FEDC9A solid;
	}
	
.subNav li#Contacts a {
	color: #F26400;
	}

.subNav li#Contacts a:hover {
	background: #FFF1D7;
	}

/* contacts Side Nav Specific */
#AboutusNav {
	border: 1px #7FE5CC solid;
	}
	
.subNav li#Aboutus a {
	color: #009966;
	}

.subNav li#Aboutus a:hover {
	background: #CCF5EB;
	}

/* ================================================================= */


/* ================================================================= */
/* RIGHT COLUMN STYLES				                                 */
/* ----------------------------------------------------------------- */

.rightTile {	
	width: 174px;
	margin-left: 5px;
	display: block;
	padding-bottom: 2px;
	margin-bottom: 5px;
	}



.rightTile ul {
	padding: 0px;
	margin: 0px;
	}

.rightTile li {

	list-style-type: none;
	padding-bottom: 5px;
	margin: 0px;
	margin-left: 0px;
	}
	

/* ================================================================= */



/* ================================================================= */
/* FOOTER SECTION STYLES                                             */
/* ----------------------------------------------------------------- */

.footer {
	color: #999999;
	font-size: 10px;
	width: 750px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 0px;
	text-align: left; 
	}
.footer a, .footer a:active, footer a:link, .footer a:visited {
	text-decoration: none;
	color: #999999;
	}

.footer a:hover {
	color: #333333;
	}

.footer div {
	font-size: 10px;
	display: block;
	border-bottom: 1px #CCCCCC solid;
	padding-top: 3px;
	padding-bottom: 4px;
	}

.footer div#right {
	float: right; 
	border-bottom: none;
	margin: 0px;
	line-height: 10px;
	}

.footer div#bottom {
	text-align: right;
	border-bottom: none;
	}

/* ================================================================= */