/* (c) Essential Software 2009
    www.essential.co.nz
----------------------------------------------- */

body{
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color:#def1f5;
padding: 0;
margin: 0;
font-size: 11px;
text-align: center;
color:#333;
}	


/* Layout Divs
------------------------------------------------*/

#wrapper	{
	background:#fff url("images/edge-tr.gif") no-repeat right top;
	margin: 40px auto;
	padding-top: 5px;
	width: 905px; 
	text-align:left; 
	}
	
#page-a	{
	background: #fff url("images/edge-b3.gif") no-repeat right bottom;
	padding: 0px 0px 15px 0px;
	}

#page-b	{
	background:  #fff url("images/edge-r.gif") repeat-y right top;
	padding:0 15px 15px 0px;
	}
	
#background-fill
{
	background:  transparent url("images/rhs-back.gif") repeat-y right top;
	padding: 0 0 50px 0;
}

#letterhead
{
	background:  transparent url("images/letterhead.gif") no-repeat left top;
}


/* General content setup.
------------------------------------------------*/	
#content{
	color:#333;
	background-color:#fff;
	margin:20px 40px 40px 40px;
	}
	
/* Home page styles
------------------------------------------------*/


#home-content-left
{
	color:#333;
	margin: 10px 20px 20px 50px;
	line-height: 1.6em;
	}

#home-content-right{
	color:#333;
	margin: 10px 0 20px 0;
	line-height: 1.6em;
	}	
	
/* "Letterhead" styles
------------------------------------------------*/

/* Clickable region over the logo */
#header a 
{
  float:right;
  display: block;
  height: 75px;
  width: 200px;
  background: #fff url(images/mel-logo.gif) no-repeat;
}
#header a span {
  visibility: hidden;
}

h1.for-candidates
{
	background-image: url("images/h1-for-candidates.gif");
	background-repeat: no-repeat;
	margin-left:20px;
	height:80px;
	text-indent: -1000em; /* Don't show the text, but leave it there for crawlers etc */
	width:600px;
}

h1.for-clients
{
	background-image: url("images/h1-for-clients.gif");
	background-repeat: no-repeat;
	margin-left:20px;
	height:80px;
	text-indent: -1000em; /* Don't show the text, but leave it there for crawlers etc */
	width:600px;
}

h1.about
{
	background-image: url("images/h1-about.gif");
	background-repeat: no-repeat;
	margin-left:20px;
	height:80px;
	text-indent: -1000em; /* Don't show the text, but leave it there for crawlers etc */
	width:600px;
}

h1.articles
{
	background-image: url("images/h1-articles.gif");
	background-repeat: no-repeat;
	margin-left:20px;
	height:80px;
	text-indent: -1000em; /* Don't show the text, but leave it there for crawlers etc */
	width:600px;
}

h1.contact
{
	background-image: url("images/h1-contact.gif");
	background-repeat: no-repeat;
	margin-left:20px;
	height:80px;
	text-indent: -1000em; /* Don't show the text, but leave it there for crawlers etc */
	width:600px;
}

h1.available-jobs
{
	background-image: url("images/h1-available-jobs.gif");
	background-repeat: no-repeat;
	margin-left:20px;
	height:80px;
	text-indent: -1000em; /* Don't show the text, but leave it there for crawlers etc */
	width:600px;
}

h1.register
{
	background-image: url("images/h1-register.gif");
	background-repeat: no-repeat;
	margin-left:20px;
	height:80px;
	text-indent: -1000em; /* Don't show the text, but leave it there for crawlers etc */
	width:600px;
}

h1.declaration
{
	background-image: url("images/h1-declaration.gif");
	background-repeat: no-repeat;
	margin-left:20px;
	height:80px;
	text-indent: -1000em; /* Don't show the text, but leave it there for crawlers etc */
	width:600px;
}

h1.thanks
{
	background-image: url("images/h1-thanks.gif");
	background-repeat: no-repeat;
	margin-left:20px;
	height:80px;
	text-indent: -1000em; /* Don't show the text, but leave it there for crawlers etc */
	width:600px;
}


#content-left
{
	color:#333;
	margin: 20px 20px 0 50px;
	line-height: 1.6em;
	width:500px;
	float:left;
	display:inline; /* IE6 fix */
	}

#content-right{
	color:#333;
	margin: 120px 0 0 0;
	line-height: 1.6em;
	float:right;
	width:300px;
	}
	
#footer 
{clear:both;
 width:890px;
}
	
#content-left p {
	line-height: 1.6em;
	margin:5px 5px 5px 0px;
	}
		
#content-left ul{
	/*list-style:circle;*/
	list-style-position:inside;
	margin:0;
	padding:0;
	
}
	
#content-left li{
	line-height: 1.6em;
	}


/* "About us" styles
------------------------------------------------*/	
#about-jp{
	background: #fff url(images/jill.gif) top right no-repeat;
	margin: 0;
	padding: 10px 0 0 0;
	width: 890px;
	height:220px;
	}	
	
#about-jp-content{
margin:20px 40px 20px 40px;
width:600px;
}	

#about-jp-content p {
	line-height: 1.6em;
	margin:5px 5px 5px 0px;
	}
	
#about-jm{
	margin:0px;
	padding: 10px 0 0 0;
	background: #fff url(images/jackie.gif) top right no-repeat;
	width: 890px;
	height:220px;
	}	
	
#about-jm-content{
margin:20px 40px 20px 40px;
width:600px;
}	

#about-jm-content p {
	line-height: 1.6em;
	margin:5px 5px 5px 0px;
	}
	
#about-jd{
	margin:0px;
	padding: 10px 0 0 0;
	background: #fff url(images/juanita.gif) top right no-repeat;
	width: 890px;
	height:280px;
	}	
	
#about-jd-content{
margin:20px 40px 20px 40px;
width:600px;
}	

#about-jd-content p {
	line-height: 1.6em;
	margin:5px 5px 5px 0px;
	}	
	
/* Content styles
-------------------------------*/
/* IE5 hack - font-size from body is ignored in a table. */
table{
	font-size:1em;
}

#content p {
	line-height: 1.6em;
	margin:5px 5px 5px 0px;
	}
		
#content ul{
	/*list-style:circle;*/
	list-style-position:inside;
	margin:0;
	padding:0;
	
}
	
#content li{
	line-height: 1.6em;
	}
	
.label{
	font-variant:small-caps;
}
	
a{
	text-decoration: none;
	/*color: #539EBB;*/
	color: #23b1A5
}

a:link{
	text-decoration: none;
}

a:visited{
	text-decoration: none;
}

a:hover{
	text-decoration: none;
	color:#0067ac;
}

strong {
	font-style:normal;
	font-weight:800;
	text-transform: capitalize;
	}
	
h1 {
	font-size:1.3em;
	margin: 10px 0 10px 0;
	padding:0;
}

	
h2 {
	font-size:1em;
	margin: 15px 0 5px 0;
	padding:0;
	color:#78c4bd;
	letter-spacing:1px;
}
h3 {
	font-size: 1em;
	margin: 15px 0 5px 0;
	padding:0;
}

/*
/  Navbar styles
/--------------------------*/
#navbar{

	padding: 20px 20px 0px 0px;
	letter-spacing: 1px;
	font-size:smaller;
	text-align:right;
	font-weight:500;
}

#navbar a{
	margin-left:10px;
	padding: 2px;
	color:#23b1A5;
}

#navbar a:hover{
	color:#0067ac;
}

#navbar-letter{
    clear:both;
	padding-right:20px;
	font-size:9px;
	text-align:right;
	height:10px; /* necessary otherwise the div disappears on short pages */
}

#navbar-letter a{
	margin-left:10px;
	padding: 2px;
	color:#23b1A5;
}

#navbar-letter a:hover{
	color:#0067ac;
}

/* "Available" styles
------------------------------------------------*/
	
	
#available form
{
	padding-left:10px;
}

#available {
margin:40px 10px 40px 10px;
padding: 0 0 20px 0;
}

#available h2 {
color:#78c4bd;
background-color: #e7f5f4;
padding:3px;
margin: 10px 0 5px 0;
font-size:1em;
}

#available p 
{
	padding: 5px;
}

#available ul { 
 list-style: none; 
 margin: 0; 
 padding: 0; 
} 
#available li { 
 border-bottom: 1px solid #fff; 
  color:#78c4bd;
} 
#available li a { 
 display: block; 
 padding: 5px 5px 5px 0.5em; 
 text-decoration: none; 
 font-weight:400;
 letter-spacing:1px;
 color:#78c4bd;
}

#available li a:hover { 
 color: #0067ac; 
}

#available ul ul { 
 margin-left: 12px; 
} 
#available ul ul li { 
 border-bottom: 1px solid #fff; 
 margin:0 0 0 10px; 
 border-left: 2px solid #78c4bd; 
} 
#available ul ul a:link, #available ul ul a:visited { 
 text-decoration:underline;
} 
#available ul ul a:hover { 
 color: #0067ac; 
}

/*
/ Miscellaneous styles and classes
/------------------------*/

blockquote {
	line-height: 1.6em;
	background-image: url(images/quote.gif);
	background-repeat: no-repeat;
	margin:0;
	padding: 15px;
	font-style:italic;
}

.byline 
{
	font-style:italic;
}

.jobtitle {
	
	color:#78c4bd;
	font-weight:700;
	font-size:1.4em;
}

.start {
	
	color:#78c4bd;
	font-weight:700;
	}
	
.experience {
	
	color:#78c4bd;
	font-weight:700;
}

.reference {
	color:#0067ac;
}

	
#curr {
	color:#666;
	background-color:#fff;
}

th {
	font-weight:100;
	}
	
/* Form styles
------------------------------------------------*/
.formtext {
font-family: Verdana, Helvetica, Arial, sans-serif;}

.formlabel {
font-family: Verdana, Helvetica, Arial, sans-serif;}

.formlabelmandatory {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;}

#t1 
{
	margin:20px 10px 10px 20px;}
	
#t1 th {
background: #5b9c98;
/*border: 2px solid;*/
color: #ffffff;
padding: 5px 10px 5px 10px;
margin: 0pt;
}

#t1 td {
	padding: 5px 10px 5px 10px;
	text-align: left;
	/*background-color: #c9dddc;*/
	/*background-color: #e7f5f4;*/
}


#t2
{
	margin:0;
	border:0;}
	
	
#t2 th {
background: #5b9c98;
/*border: 2px solid;*/
color: #ffffff;
padding: 5px 10px 5px 10px;
margin: 0pt;
}

#t2 td {
	padding: 5px;
	text-align: left;
	background-color: #e7f5f4;
	background-color: #e7f5f4;
}