/* ---------------------------------------------------------------------------------- */
/* CSS Document - last updated: 22/10/2008																						*/

/* speakfirst																																					*/
/* Author: Webnetism (www.webnetism.co.uk)																						*/

/* layout_control.css																																	*/
/* Media: screen																																			*/
/* ---------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------- */
/* Main layout properties																															*/
/* ---------------------------------------------------------------------------------- */

html, body {
	height: 100%;
	min-width: 1000px;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: "trebuchet MS", Arial, Helvetica, "Sans Serif";
	color: #323232;
	background-image: url(../images/general/back_grad.gif); background-repeat: repeat-x;
	background-color: #645384;
}

#header {
	position: relative;
	margin: 0px 0px 0px 0px;
	height: 162px;
	width: 1000px;
	left: 0px;
	float: left;
	z-index: 1000;
}

#main_container {
	margin: 0 auto;
	position: relative;
	width: 1000px;
	height: auto;
	padding-bottom:0px;
}

#main_content {
	position: relative;
	top: 0px;
	left: 0px;
	width: 1000px;
	height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	z-index: 1;
	background-image: url(../images/general/back_grad_full.png); background-repeat: repeat-y; background-position: center;
}

#bottom_grad {
	position: relative;
	top: 0px;
	left: 0px;
	width: 1000px;
	height: 14px;
	padding: 0px 0px 0px 0px;
	margin-bottom: 20px;
	float: left;
	z-index: 1;
	background-image: url(../images/general/bottom_grad.png); background-repeat: no-repeat; background-position: center;
}

#left_nav_main {
	position: relative;
	left: 0px;
	width: 214px;
	height: auto;
	float: left;
	padding: 10px 0px 10px 0px;
}

#left_nav_courses {
	position: relative;
	left: 0px;
	width: 214px;
	height: auto;
	float: left;
	padding: 10px 0px 10px 0px;
}

#left_column {
	position: relative;
	top: 0px;
	left: 0px;
	width: 265px;
	height: 100%;
	float: left;
	margin: 0px 0px 0px 15px;
	border-right: solid 2px #fff;
	z-index:100;
}

#left_column_width { width: 15px; }
#right_column_width { width: 15px; }

.left_nav_container {
	position: relative;
	left: 0px;
	width: 245px;
	height: auto;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 20px;
	background-image: url(../images/general/left_nav_back.gif); background-repeat: repeat-y;
	border-bottom: solid 1px #cccccc;
}

.left_info_box {
	position: relative;
	left: 0px;
	width: 250px;
	height: auto;
	float: left;
	margin: 15px 0px 0px 0px;
	padding: 0px 15px 15px 0px;
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	background-color: #eee;
}

#right_column {
	position: relative;
	top: 0px;
	left: 0px;
	width: 673px;
	height: auto;
	float: left;
	z-index:10;
	background-color: #fff;
	padding: 15px;
}

.purple_back {
	background-color: #44306b;
	padding: 3px 0px 5px 10px;
}

#tab_uk {
	position: relative;
	width: 105px;
	height: 22px;
	padding: 7px 10px 0px 25px;
	margin-right: 2px;
	float: left;
	background-image: url(../images/contact_us/tab_on.gif); background-repeat: no-repeat;	
}

#tab_nz {
	position: relative;
	width: 110px;
	height: 22px;
	padding: 7px 10px 0px 20px;
	margin-right: 2px;
	float: left;
	background-image: url(../images/contact_us/tab_off.gif); background-repeat: no-repeat;	
}

#tab_nz_training {
	position: relative;
	width: 143px;
	height: 22px;
	padding: 7px 5px 0px 13px;
	margin-right: 2px;
	float: left;
	background-image: url(../images/contact_us/tab_off.gif); background-repeat: no-repeat;	
}

#uk_map { display: block; }
#nz_map { display: none; }
#nz_training_map { display: none; }

#tab_uk_courses {
	position: relative;
	width: 127px;
	height: 22px;
	padding: 10px 5px 0px 8px;
	margin-right: 2px;
	float: left;
	background-image: url(../images/contact_us/tab_on.gif); background-repeat: no-repeat;	
}

#tab_nz_courses {
	position: relative;
	width: 129px;
	height: 22px;
	padding: 10px 5px 0px 9px;
	margin-right: 2px;
	float: left;
	background-image: url(../images/contact_us/tab_off.gif); background-repeat: no-repeat;	
}

#uk_courses { display: block; }
#nz_courses { display: none; }

.tab_bottom_line {
	position: relative;
	width: 560px;
	height: 6px;
	margin: 0px;
	float: left;
	background-color: #44306b;
}

.purple_line_spacer {
	position: relative;
	width: 560px;
	height: 6px;
	margin: 15px 0px 15px 0px;
	float: left;
	background-color: #44306b
}

/* hide from incapable browsers */
#sizer { display: none }

#text_size { 
	position: relative;
	width: 53px;
	height: 20px;
	padding: 1px 0px 0px 0px;
	margin-right: 3px;
	float: left;
}

#reset_font { 
	position: relative;
	width: 17px;
	height: 17px;
	padding: 0px 0px 0px 0px;
	margin-right: 19px;
	float: left;
}

#decrease_font {
	position: relative;
	width: 17px;
	height: 17px;
	padding: 0px 0px 0px 0px;
	margin-right: 3px;
	float: left;
}

#increase_font {
	position: relative;
	width: 17px;
	height: 17px;
	padding: 0px 0px 0px 0px;
	margin-right: 3px;
	float: left;
}

#print_page { 
	position: relative;
	width: 59px;
	height: 22px;
	padding: 2px 0px 0px 0px;
	margin-right: 0px;
	float: left;
}

#map_info {
	position: relative;
	width: 190px;
	height: auto;
	float: left;
	text-align: right;
}

#homepage_image { display: block; }
#homepage_image_2 { display: none; }

/* ---------------------------------------------------------------------------------- */
/* Header layout properties																														*/
/* ---------------------------------------------------------------------------------- */

#mast_head {
	position: relative;
	width: 1000px;
	height: 98px;
	float: left;
}

#top_nav_left_shadow {
	position: relative;
	margin: 0px 0px 0px 0px;
	height: 33px;
	width: 15px;
	left: 0px;
	float: left;
	padding: 0px;
	text-align: left;
	background-image: url(../images/general/top_left_shadow.gif); background-repeat: no-repeat;
}

#top_nav_right_shadow {
	position: relative;
	margin: 0px 0px 0px 0px;
	height: 33px;
	width: 15px;
	left: 0px;
	float: left;
	padding: 0px;
	text-align: left;
	background-image: url(../images/general/top_right_shadow.gif); background-repeat: no-repeat;
}

#top_nav {
	position: relative;
	margin: 0px 0px 0px 0px;
	height: 33px;
	width: 785px;
	left: 0px;
	float: left;
	padding: 0px;
	text-align: left;
	z-index: 1000;
}

#logo {
	position: relative;
	top: 0px;
	margin: 24px 0px 0px 16px;
	width: 262px;
	height: 58px;
	left: 0px;
	float: left;
}

#world_map {
	position: relative;
	top: 0px;
	margin: 30px 0px 0px 10px;
	width: 191px;
	height: 111px;
	left: 305px;
	float: left;
}

#top_right_nav {
	position: relative;
	top: 0px;
	margin: 10px 0px 0px 10px;
	width: 191px;
	height: 111px;
	left: 305px;
	float: left;
}

#search_box {
	position: relative;
	top: 0px;
	margin:0px 0px 0px 0px;
	width: 185px;
	height: 33px;
	left: 0px;
	float: left;
	background-image: url(../images/navigation/top_nav_back.gif); background-repeat: repeat-x;
}

#search_field {
	position: relative;
	top: 6px;
	margin:0px 0px 0px 0px;
	width: 132px;
	height: 16px;
	left: 19px;
	float: left;
}

#search_button {
	position: relative;
	top: 6px;
	margin:0px 0px 0px 0px;
	width: 18px;
	height: 18px;
	left: 21px;
	float: left;
}

.info_bar { background-color: #343530; height: 37px; }

/* ---------------------------------------------------------------------------------- */
/* Body layout properties																															*/
/* ---------------------------------------------------------------------------------- */

.menu_bullet { float:left; padding: 4px 8px 0px 0px; }

.column_spacer_5 { padding: 0px 5px 0px 5px; }
.column_spacer_10_top { padding: 5px 10px 0px 10px; }
.column_spacer_10_left { padding: 0px 0px 0px 10px; }
.column_spacer_10_right { padding: 0px 10px 0px 0px; }
.column_spacer_10_bottom { padding: 0px 10px 5px 10px; }

.padding_10 { padding:10px; }

.dashed_grey_line_courses { margin: 0px 10px 0px 10px; border-bottom: dashed 1px #333333; }

.width_2 { width: 2px; }
.width_10 { width: 10px; }
.width_15 { width: 15px; }
.height_10 { height: 10px; }
.margin_bottom_10 { margin-bottom: 10px; }

input.search {
	display: block;
	float: left;
	width: 127px;
	height: 16px;
	border: 0px;
	padding: 3px 0px 0px 5px;
	font-size: 11px;
	border: solid 1px #afabaa;
}

.padding_left_5 { padding-left: 5px; }
.padding_right_5 { padding-right: 5px; }
.padding_left_10 { padding-left: 10px; }
.padding_right_10 { padding-right: 10px; }

.height_5 { height: 5px; }
.height_10 { height: 10px; }

.open_padding { padding-right: 3px; }
.close_padding { padding-left: 15px; }
.newsletter_icon { padding: 2px 0px 0px 5px; }

.main_people_image { padding: 10px; }

/* ---------------------------------------------------------------------------------- */
/* Other style / layout properties																										*/
/* ---------------------------------------------------------------------------------- */

img { border:none }

label {
	width: 4em;
	float: left;
	text-align: left;
	margin-right: 0.5em;
	display: block; border: solid 1px red;
}

.clear { clear:both; height:0; }

.sitemap_line { margin-top: 5px; margin-bottom: 5px; margin-right: 16px; border-top: solid 2px #436976; }

#homepage_more {
	display: none;
	position: relative;
	left: 0px;
	width: 632px;
	height: 100%;
	clear: both;
}

.home_course_tables_left { margin-left: 10px; width: 155px; height: 242px; }
.home_course_tables { height: 242px; }
.home_course_tables_right { margin-right: 10px; width: 155px; height: 242px; }

.colour_tabs {
	width: 145px;
	height: 30px;
	padding: 0px 0px 0px 10px;
}

.colour_tabs_middle {
	width: 145px;
	height: 100px;
	padding: 5px 5px 0px 10px;
}

.colour_tabs_bottom {
	width: 145px;
	height: 20px;
	padding: 5px 0px 10px 10px;
}

.course_home_image {
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
}

.trainer_image { padding-top: 6px; }

/* ---------------------------------------------------------------------------------- */
/* Form properties																																		*/
/* ---------------------------------------------------------------------------------- */

form { margin: 0px; }
.form_ddl_who_are_you { margin-right: 15px; width: 135px; }
.form_ddl_course { width: 135px; }
.form_ddl_which_newsletter { width: 154px; font-size: 11px; }

.field300 { width: 300px; font-size: 11px; }
.field150 { width: 150px; font-size: 11px; }

.what_am_i_spacer { margin-right: 38px; }

/* ---------------------------------------------------------------------------------- */
/* Footer properties																																	*/
/* ---------------------------------------------------------------------------------- */

#footer_container {
	margin: 0 auto;
	position: relative;
	width: 970px;
	height: auto;
}

#footer {
	position: relative;
	bottom: 0px;
	margin: 0px 0px 0px 0px;
	height: 80px;
	width: 100%;
	left: 0px;
	float: left;
	padding: 25px 0px 0px 0px;
	background-color: #232323;
	text-align: center;
	border-top: solid 1px #fff;
}

#webnetism {
	position: relative;
	margin: 0px 0px 5px 0px;
	height: 15px;
	width: 150px;
	left: 0px;
	float: left;
	padding: 0px 0px 0px 0px;
}
