/* CSS Document */

* {
	padding: 0;
	margin: 0;
}

body {
	background: #3674b3 url(../images/page_bg.gif) top repeat-x;
	font: 100% "Trebuchet MS" Arial, Helvetica, sans-serif
}

h1,h2,h3,h4,h5,h6 {
	color: #000080;
	font-size: 1.2em;
	padding: 0.5em 0;
	margin-bottom: 0.5em;
	border-bottom: 1px solid #ccc;
}

h2 {
	color: #000080;
	font-size: 1.0em;
	padding: 0.5em 0;
	margin-bottom: 0.5em;
	border-bottom: none;	
}

h3 {
	color: #000080;
	font-size: 0.8em;
	padding: 0.5em 0;
	margin-bottom: 0.5em;
	border-bottom: none;	
}

p {
	font-size: 1.0em;
	padding: 0.5em 0;
}


#content ul {
	font-size: 1.0em;
	padding:0 0 1.0em 2.0em;
}

#content ul li{
	font-size: 1.0em;

}

object {
	display: block;
}


/* Layout Divs */

#container {
	background: #fff;
	width: 955px;
	overflow: hidden;
	margin: 0 auto;	
}

	#header {
		background: url(../images/header_bg.jpg);
		height: 200px;
	}
	
	#navContainer {
		background: url(../images/nav_bg.gif);
		height: 35px;
	}
	
	#content {
		padding: 1em 2em;
		background: url(../images/content_bg.gif) top repeat-x;
		float:left;
		display:block;
		width:891px;
	}
		#content #jobVacancies {
			float:left;
			display:block;
			width:885px;
			clear:none;
		}	
		#content #jobVacancies .vacancyLeft {
			float:left;
			display:block;
			width:430px;
			background-color:#CCCCFF;
			clear:left;
			margin:2px;
			overflow:hidden;
		}			
		#content #jobVacancies .vacancyLeft p, #content #jobVacancies .vacancyLeft ul {
			font-size: 1.0em;
			margin-left:5px;
			float:left;
			width:420px;
		}

		#content #jobVacancies .vacancyLeft p.heading1 {
			font-size: 1.1em;
			color:#000080;
		}
		#content #jobVacancies .vacancyLeft p.title1 {
			font-size: 1.0em;
			font-weight:bold;
			color:#000080;
		}	
		#content #jobVacancies .vacancyRight {
			float:right;
			display:block;
			width:430px;
			background-color:#CCCCFF;
			clear:right;
			margin:2px;
			overflow:hidden;
		}			
		#content #jobVacancies .vacancyRight p, #content #jobVacancies .vacancyRight ul {
			font-size: 1.0em;
			margin-left:5px;
			float:left;		
			width:420px;	
		}

		#content #jobVacancies .vacancyRight p.heading1 {
			font-size: 1.1em;
			color:#000080;
		}
		#content #jobVacancies .vacancyRight p.title1 {
			font-size: 1.0em;
			font-weight:bold;
			color:#000080;
		}				
		#content #colRight {
			float: right;
			width: 420px;
			overflow: hidden;
			display:block;
			clear:none;
		}
		
		#content img.training{
			float:right;
			display:block;
			border-style:solid;
			border-color:#3674B3;
			border-width:medium;
			clear:right;
			margin-bottom:10px;
		}
		#content img.single{
			float:right;
			display:block;
			border-style:solid;
			border-color:#3674B3;
			border-width:medium;
		}
		
		#content #colRight img{
			padding-left:5px;
		}	

		#content #colRight h2 {
			color: #000080;
			font-size: 1.2em;
			padding: 0.5em 0;
			margin-bottom: 0.5em;
			border-bottom: 1px solid #ccc;
			text-align:center;
		}
		
		#container #content p.news {
			height:80px;
			color: #000080;
			overflow:hidden;
			width:450px;
		}
		
		#container #content p.news span{
			display:block;
			float:left;
			width:340px;
			margin-left:10px;
			height:20px;
			line-height:20px;
			overflow:hidden;
		}
		
		#container #content p.news span.bold{
			font-weight:bold;
		}

		#container #content p.news img{
			display:block;
			float:left;
			width:100px;
		
		}		

/* fourImages */
	#colRight #fourImages {
		display:block;
		float:left;
		width:430px;
	}	
	#colRight #fourImages img{
		display:block;
		float:right;
		margin:0px 1px 1px 0px;
		padding:0px;
		clear:none;
	}		
	
/* home buttons */
	
	#homeButtons a {
		display: block;
		width: 208px;
		height: 153px;
		float: left;
		font-size: 0.8em;
		color: #fff;
		text-decoration: none;
	}
	
		#homeButtons a span {
			display: block;
			background: #FF0000;
			margin: 104px 19px 18px 19px;
			padding: 0 0 0 0.3em;
		}
		
		#homeButtons a:hover span {
			background: #000088;
		}
	
	a.butone {
		background: url(../images/button_apprentice.jpg);
	}
	
	a.buttwo {
		background: url(../images/button_training.jpg);
	}
	
	a.butthree {
		background: url(../images/button_ausapprent.jpg);
	}
	
	a.butfour {
		background: url(../images/button_asbt.jpg);
	}

	/* Page Buttons */
	#pageButtons, #pageButtons ul { /* all lists */
		padding: 5px 0;
		margin-left:100px;
		list-style: none;
		line-height: 1;
		clear:both;
		width:800px;
	}

	#pageButtons a {
		display: block;
		height: 25px;
		line-height: 25px;
		color: #fff;
		text-decoration: none;
		text-align: center;
		background-color:#FF0000;
	}
	
	#pageButtons a:hover {
		text-decoration: underline;
	}
	
	#pageButtons li { /* all list items */
		float:left;
		margin-left:10px;
		width: 220px; /* width needed or else Opera goes nuts */
	}
	
/* Footer */
	
#footer {
	width: 955px;
	margin: 0 auto;
	text-align: center;
	color: #CCC;
	font-size: 0.75em;
	padding: 1em 0;
	letter-spacing: 0.2em;
	
}