/*	
	CSS for  Career Fit Website
	************************************
	Author: Richard (Development/Design/Programming)
	Company: dmwcreative / dmwdigital
	Website: www.careerfit.com.au
*/

body, html {
	height: 100%;
	background: #FFFFFF;
}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;		
}

H1 {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	color: #00415F;
	margin-bottom: 10px;
}
H2 {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 18px;
	font-weight: normal;
	color: #888888;
	padding-top: 10px;
	margin-bottom: 5px;
	clear: both;
}

p {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}

td.data_table{
	border-spacing: 0;
	border: 1px solid #D6D6D6;
}

ul {
	margin-top: 0;
}

/* Container to encapsulate the whole site */
.container {
	position: relative;
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	clear: both;
	margin: 0;
	padding: 0;	
}

.site {
	position: relative;
	width: 760px;
	height: auto;
	margin: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	background: #FFFFFF;
}

.header {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 750px;
	height: 100px;
	background: #FFFFFF url(../images/bkg_header.gif) top left no-repeat;
	border-top: 0px solid #E39A00;
	border-bottom: 0px solid #999999;
	margin-bottom: 15px;
	clear: both;
	overflow: hidden;
}

	.headbar {
		position: absolute;
		width: 300px;
		bottom: 0;
		right: 0;
		text-align: right;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 11px;
		color: #063348;	
	}
		.headbar A:LINK , .headbar A:VISITED {
			/*color: #063348;*/
			color: #888888;
			text-decoration: none;
		}
		.headbar A:HOVER , .headbar A:FOCUS {
			color: #000000;
			text-decoration: none;
		}
	.headbar_row1 {
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		padding-bottom: 8px;
		height: 20px;
		clear: both;
	}
	.headbar_row2 {
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		height: 15px;
		clear: both;
	}

.topnav {
	position: relative;	
	z-index: 666;
	display: block;
	margin: 0;
	padding: 0;
	width: 735px;
	height: 23px;
	/*padding-top: 6px;*/
	padding-left: 15px;
	background: #FFFFFF url(../images/bkg_topnav.gif) bottom left no-repeat;
	border-top: 0px solid #E39A00;
	border-bottom: 0px solid #999999;
	clear: both;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-align: left;
}
	/*.topnav ul {
		width: 750px;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.topnav ul li {
		display: inline;
		padding: 0;
		padding-left: 20px;
		padding-right: 70px;
	}
	.topnav A:LINK, .topnav A:VISITED {
		color: #FFFFFF;
		text-decoration: none;
	}
	.topnav A:HOVER, .topnav A:FOCUS {
		color: #8CDAE6;
		text-decoration: none;;
	}*/

.display {
	position: relative;
	z-index: 99;
	margin: 0;
	padding: 0;
	width: 750px;
	height: 215px;
	/*background: #FFFFFF url(../images/bkg_display.gif) top left no-repeat;*/
	border-top: 0px solid #E39A00;
	border-bottom: 0px solid #999999;
	margin-bottom: 15px;
	clear: both;
}

.midbar { /* Contains 4 columns */
	position: relative;
	margin: 0;
	padding: 0;
	width: 750px;
	height: 100px;
	overflow: hidden;
	background: #FFFFFF;
	border-top: 0px solid #E39A00;
	border-bottom: 0px solid #999999;
	margin-bottom: 15px;
	clear: both;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
	.midbar A:LINK, .midbar A:VISITED {
		color: #00B5CB;
		text-decoration: none;
	}
	.midbar A:HOVER, .midbar A:FOCUS {
		color: #84CDD8;
		text-decoration: none;
	}
	.midbar_col1 {
		position: relative;
		float: left;
		margin: 0;
		padding: 0;
		width: 170px;
		height: 70px;
		background: #FFFFFF url(../images/bkg_midbar_col1.gif) top left no-repeat;
		padding-top: 30px;
		padding-left: 10px;
		padding-right: 10px;
		clear: left;
	}
	.midbar_col1b {
		position: relative;
		float: left;
		margin: 0;
		padding: 0;
		width: 160px;
		height: 66px;
		background: #FFFFFF url(../images/bkg_midbar_col1b.gif) top left no-repeat;
		padding-top: 52px;
		padding-left: 15px;
		padding-right: 15px;
		clear: left;
		font-weight: bold;
		text-align: center;
		font-size: 14px;
	}
		.sidebar2 A, .midbar_col1b A:LINK, .midbar_col1b A:VISITED {
			color: #063348;
		}
		.midbar_col1b A:HOVER, .midbar_col1b A:FOCUS {
			color: #84CDD8;
			text-decoration: none;
		}
	.midbar_col2 {
		position: relative;
		float: left;
		margin: 0;
		padding: 0;
		width: 140px;
		height: 88px;
		background: #FFFFFF url(../images/bkg_midbar_col2.gif) top left no-repeat;
		padding-top: 6px;
		padding-bottom: 6px;
		padding-left: 17px;
		padding-right: 10px; 
	}
	.midbar_col3 {
		position: relative;
		float: left;
		margin: 0;
		padding: 0;
		width: 144px;
		height: 88px;
		background: #FFFFFF url(../images/bkg_midbar_col3.gif) top left no-repeat;
		padding-top: 6px;
		padding-bottom: 6px;
		padding-left: 13px;
		padding-right: 10px; 
	}
	.midbar_col4 {
		position: relative;
		float: left;
		margin: 0;
		padding: 0;
		width: 202px;
		height: 88px;
		background: #FFFFFF url(../images/bkg_midbar_col4.gif) top left no-repeat;
		padding-top: 6px;
		padding-bottom: 6px;
		padding-left: 13px;
		padding-right: 10px; 
		clear: right;
	}
	
.content {
	position: relative;
	margin: 0;
	padding: 0;
	width: 535px;
	height: auto;
	padding-top: 10px;
	padding-left: 205px;
	overflow: hidden;
	background: #FFFFFF;
	border-top: 0px solid #E39A00;
	border-bottom: 0px solid #999999;
	clear: both;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #000000;
	background: #FFFFFF url(../images/bkg_content.gif) bottom right no-repeat;
}
	.content A:LINK, .content A:VISITED {
		color: #00B5CB;
		text-decoration: none;
	}
	.content A:HOVER, .content A:FOCUS {
		color: #000000;
		text-decoration: none;
	}

.div_pusher {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	height: 40px;
	clear: both;
}

.sidebar1 { /* Home page only version */
	position: absolute;
	top: 0;
	left: 0;
	width: 190px;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #00B5CB url(../images/bkg_sidebar_top.gif) top left repeat-y;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
.sidebar2 { /* Sub pages only version (deep blue, next accreditation notice) */
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 190px;
	height: 100px;
	background: #FFFFFF;
}
.sidebar3 { /* Sub pages only version (light blue, navigation) */
	position: absolute;
	top: 115px;
	left: 0;
	width: 190px;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #00B5CB url(../images/bkg_sidebar_top.gif) top left repeat-y;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

	.sidebar1 A:LINK, .sidebar1 A:VISITED, .sidebar3 A:LINK, .sidebar3 A:VISITED {
		color: #FFFFFF;
		text-decoration: none;
	}
	.sidebar1 A:HOVER, .sidebar1 A:FOCUS, .sidebar3 A:HOVER, .sidebar3 A:FOCUS {
		color: #063348;
		text-decoration: none;
	}
	.sidebar_bottom {
		position: absolute;
		bottom: 0px;
		left: 0;
		height: 8px;
		width: 190px;
		background: #FFFFFF url(../images/bkg_sidebar_bottom.gif) bottom left no-repeat;
	}
	.sidebar_items {
		position: relative;
		margin: 0;
		padding: 0;
		margin-left: auto;
		margin-right: auto;
		width: 166px;
		padding-top: 5px;
		padding-bottom: 5px;
		clear: both;
		border-bottom: 1px solid #33C4D5;
	}

.userbar {
	position: absolute;
	top: 0;
	left: 0;
	width: 190px;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #FFFFFF url(../images/bkg_userbar_top.gif) top left no-repeat;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
	.userbar A:LINK, .userbar A:VISITED {
		color: #FFFFFF;
		text-decoration: none;
	}
	.userbar A:HOVER, .userbar A:FOCUS {
		color: #063348;
		text-decoration: none;
	}
	.userbar_bottom {
		position: absolute;
		bottom: 0px;
		left: 0;
		height: 8px;
		width: 190px;
		background: #FFFFFF url(../images/bkg_userbar_bottom.gif) bottom left no-repeat;
	}
	.userbar_items {
		position: relative;
		margin: 0;
		padding: 0;
		margin-left: auto;
		margin-right: auto;
		width: 166px;
		padding-top: 5px;
		padding-bottom: 5px;
		clear: both;
		border-bottom: 1px solid #CCCCCC;
	}

.clear {
	position: relative;
	display: block;
	clear: both;
}
	
.footer {
	position: relative;
	margin: 0;
	padding: 0;
	width: 730px;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 15px;
	background: #FFFFFF url(../images/bkg_topnav.gif) top left no-repeat;
	border-top: 0px solid #E39A00;
	border-bottom: 0px solid #999999;
	clear: both;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: normal;
	text-align: right;
}
	.footer A:LINK, .footer A:VISITED {
		color: #FFFFFF;
		text-decoration: none;
	}
	.footer A:HOVER, .footer A:FOCUS {
		color: #8CDAE6;
		text-decoration: none;;
	}
	
/***** FORM ELEMENTS *****/
fieldset {
	padding: 10px;
	margin: 0;
	margin-left: 0px;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
	background: #EEEEEE;
}
legend {
	margin: 0;
	padding: 3px;
	margin-left: 3px;
	margin-right: 3px;
	color: #00B5CB;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}
* html fieldset {
	position: relative;
	margin-top:1em;
	padding-top:.75em;
}
* html legend {
	position: absolute;
	top: -.5em;
	left: .5em;
}

.textfield_1 { /*normal with smaller font*/
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding: 2px;
	padding-left: 2px; padding-right: 2px;
	width: 155px;
	background: #FFFFFF;
	border: 1px solid #B4B4B4;
}
	.textfield_2:HOVER, .textfield_2:FOCUS  {
		border: 1px solid #00B5CB;
	}
.textfield_2 {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding: 2px;
	padding-left: 2px; padding-right: 2px;
	width: 200px;
	background: #FFFFFF;
	border: 1px solid #B4B4B4;
}
	.textfield_2:HOVER, .textfield_2:FOCUS  {
		border: 1px solid #00B5CB;
	}
.textfield_3 { 
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding: 2px;
	padding-left: 2px; padding-right: 2px;
	width: 65px;
	background: #FFFFFF;
	border: 1px solid #B4B4B4;
}
	.textfield_3:HOVER, .textfield_3:FOCUS  {
		border: 1px solid #00B5CB;
	}
.textarea_1 {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding: 2px;
	padding-left: 2px; padding-right: 2px;
	width: 380px;
	height: 120px;
	background: #FFFFFF;
	border: 1px solid #B4B4B4;
}
	.textarea_1:HOVER, .textarea_1:FOCUS  {
		border: 1px solid #00B5CB;
	}
.textarea_2 {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding: 2px;
	padding-left: 2px; padding-right: 2px;
	width: 420px;
	height: 120px;
	background: #FFFFFF;
	border: 1px solid #B4B4B4;
}
	.textarea_1:HOVER, .textarea_1:FOCUS  {
		border: 1px solid #00B5CB;
	}
.button_2 {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	background-color: #0084BA;
	background: url(../images/bkg_button1.gif);
	background-repeat: repeat-x;
	background-position: left center;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 1px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 3px;
	height: 22px;
	margin-left: 0px;
	margin-right: 0px;
	border: 1px solid #000000;
	/*border: solid #CCCCCC;
	border-width: 1px;*/
}
.button_2:HOVER {
	border: 1px solid #000000;
	text-decoration: underline;
	cursor: pointer;	
}