body {
	background: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: 0;
	padding: 0;
}

#container {
	width: 1000px;
	margin: 0 auto;
}

#header {
	width: 800px;
	margin-left: 100px;
	float: left;
	clear: none;
	height: 130px;
}

#logo {
	width: 400px;
	height: 90px;
	margin-top: 30px;
	float: left;
	clear: none;
}

#top_nav {
	width: 360px;
	height: 25px;
	margin-top: 15px;
	margin-right: 10px;
	background: #eb008b;
	float: right;
	clear: none;
	font-size: 10pt;
}
	
	#left {
		width: 10px;
		height: 25px;
		float: left;
		clear: none;
		background: #eb008b url("../img/topnav_left.gif") top left no-repeat;
	}
	
	#middle {
		width: 340px;
		height: 21px;
		padding-top: 4px;
		float: left;
		clear: none;
		text-align: center;
	}
	
	#right {
		width: 10px;
		height: 25px;
		float: left;
		clear: none;
		background: #eb008b url("../img/topnav_right.gif") top left no-repeat;
	}
	
	#top_nav a {
		color: #000000;
		text-decoration: none;
		padding: 0 3px 0 3px;
	}
	#top_nav a:hover {
		color: #ffffff;
		text-decoration: none;
	}
	

#home_panel {
	float: left;
	clear: none;
	width: 800px;
	margin-left: 100px;
	height: 34px;
	color: #ffffff;
	font-size: 16pt;
	font-weight: bold;
	text-align: center;
	padding-top: 6px;
	background: #ffffff url("../img/home_panel_bg.gif") top left no-repeat;
}

#home_panel a {
	color: #ffffff;
	text-decoration: none;
}

#courses_panel {
	float: left;
	clear: none;
	width: 800px;
	margin-left: 100px;
	height: 32px;
	color: #b2b3b6;
	font-size: 14pt;
	text-align: center;
	padding-top: 8px;
	background: #ffffff url("../img/courses_panel_bg.gif") top left no-repeat;
}

#content {
	float: left;
	clear: none;
	width: 800px;
	margin-left: 100px;
}

#home_grid {
	float: left;
	clear: none;
	width: 800px;
}

#grid_row {
	float: left;
	clear: none;
	width: 800px;
	margin-top: 25px;
	margin-bottom: 5px;
}

#button {
	float: left;
	clear: none;
	width: 200px;
	height: 130px;
	margin-right: 100px;
}

#button_last {
	float: left;
	clear: none;
	width: 200px;
	height: 130px;
}

#home_left {
	float: left;
	clear: none;
	width: 350px;
	padding-left: 10px;
	margin-top: 40px;
	margin-right: 110px;
	margin-bottom: 20px;
	font-size: 9pt;
}

#home_left h1 {
	font-size: 19pt;
	color: #eb008b;
}

#home_left img {
	margin: 5px 0 5px 0;
}

#home_right {
	float: left;
	clear: none;
	width: 330px;
	margin-top: 40px;
	margin-bottom: 20px;
	font-size: 9pt;
}


#lesson_left {
	float: left;
	clear: none;
	width: 460px;
	margin-right: 15px;
	margin-bottom: 20px;
	font-size: 9pt;
}

#lesson_left #header {
	float: left;
	clear: none;
	width: 460px;
	height: 120px;
	margin-left: 0px;
}

#lesson_left #main {
	float: left;
	clear: none;
	width: 440px;
	padding: 0 10px 0 10px;
}

#lesson_left #main #image {
	float: left;
	clear: none;
	width: 400px;
	padding: 20px 20px 20px 20px;
}

#lesson_left #footer {
	float: left;
	clear: none;
	width: 460px;
	height: 50px;
}


	#lesson_left .header_lesson1 {
		background: #ffffff url("../img/heading_lesson1.gif") top left no-repeat;
	}
	#lesson_left .main_lesson1 {
		background: #ffffff url("../img/tile_lesson1.gif") top left repeat-y;
	}
	#lesson_left .footer_lesson1 {
		background: #ffffff url("../img/footer_lesson1.gif") top left no-repeat;
	}
	#lesson_left .main_lesson1 h1 {
		color: #fdc17d;
	}
	#lesson_left .main_lesson1 h1 a {
		color: #fdc17d;
	}
	
	#lesson_left .header_lesson2 {
		background: #ffffff url("../img/heading_lesson2.gif") top left no-repeat;
	}
	#lesson_left .main_lesson2 {
		background: #ffffff url("../img/tile_lesson2.gif") top left repeat-y;
	}
	#lesson_left .footer_lesson2 {
		background: #ffffff url("../img/footer_lesson2.gif") top left no-repeat;
	}
	#lesson_left .main_lesson2 h1 {
		color: #00aeef;
	}
	#lesson_left .main_lesson2 h1 a {
		color: #00aeef;
	}
	
	#lesson_left .header_lesson3 {
		background: #ffffff url("../img/heading_lesson3.gif") top left no-repeat;
	}
	#lesson_left .main_lesson3 {
		background: #ffffff url("../img/tile_lesson3.gif") top left repeat-y;
	}
	#lesson_left .footer_lesson3 {
		background: #ffffff url("../img/footer_lesson3.gif") top left no-repeat;
	}
	#lesson_left .main_lesson3 h1 {
		color: #9ccb3b;
	}
	#lesson_left .main_lesson3 h1 a {
		color: #9ccb3b;
	}
	
	#lesson_left .header_lesson4 {
		background: #ffffff url("../img/heading_lesson4.gif") top left no-repeat;
	}
	#lesson_left .main_lesson4 {
		background: #ffffff url("../img/tile_lesson4.gif") top left repeat-y;
	}
	#lesson_left .footer_lesson4 {
		background: #ffffff url("../img/footer_lesson4.gif") top left no-repeat;
	}
	#lesson_left .main_lesson4 h1 {
		color: #ec008c;
	}
	#lesson_left .main_lesson4 h1 a {
		color: #ec008c;
	}
	
	#lesson_left .header_lesson5 {
		background: #ffffff url("../img/heading_lesson5.gif") top left no-repeat;
	}
	#lesson_left .main_lesson5 {
		background: #ffffff url("../img/tile_lesson5.gif") top left repeat-y;
	}
	#lesson_left .footer_lesson5 {
		background: #ffffff url("../img/footer_lesson5.gif") top left no-repeat;
	}
	#lesson_left .main_lesson5 h1 {
		color: #f7931e;
	}
	#lesson_left .main_lesson5 h1 a {
		color: #f7931e;
	}
	
	#lesson_left .header_lesson6 {
		background: #ffffff url("../img/heading_lesson6.gif") top left no-repeat;
	}
	#lesson_left .main_lesson6 {
		background: #ffffff url("../img/tile_lesson6.gif") top left repeat-y;
	}
	#lesson_left .footer_lesson6 {
		background: #ffffff url("../img/footer_lesson6.gif") top left no-repeat;
	}
	#lesson_left .main_lesson6 h1 {
		color: #9b54a0;
	}
	#lesson_left .main_lesson6 h1 a {
		color: #9b54a0;
	}
	
	#lesson_left .header_lesson7 {
		background: #ffffff url("../img/heading_lesson7.gif") top left no-repeat;
	}
	#lesson_left .main_lesson7 {
		background: #ffffff url("../img/tile_lesson7.gif") top left repeat-y;
	}
	#lesson_left .footer_lesson7 {
		background: #ffffff url("../img/footer_lesson7.gif") top left no-repeat;
	}
	#lesson_left .main_lesson7 h1 {
		color: #1081c4;
	}
	#lesson_left .main_lesson7 h1 a {
		color: #1081c4;
	}
	
	#lesson_left .header_lesson8 {
		background: #ffffff url("../img/heading_lesson8.gif") top left no-repeat;
	}
	#lesson_left .main_lesson8 {
		background: #ffffff url("../img/tile_lesson8.gif") top left repeat-y;
	}
	#lesson_left .footer_lesson8 {
		background: #ffffff url("../img/footer_lesson8.gif") top left no-repeat;
	}
	#lesson_left .main_lesson8 h1 {
		color: #ed1c24;
	}
	#lesson_left .main_lesson8 h1 a {
		color: #ed1c24;
	}
	
	#lesson_left .header_lesson9 {
		background: #ffffff url("../img/heading_lesson9.gif") top left no-repeat;
	}
	#lesson_left .main_lesson9 {
		background: #ffffff url("../img/tile_lesson9.gif") top left repeat-y;
	}
	#lesson_left .footer_lesson9 {
		background: #ffffff url("../img/footer_lesson9.gif") top left no-repeat;
	}
	#lesson_left .main_lesson9 h1 {
		color: #00a651;
	}
	#lesson_left .main_lesson9 h1 a {
		color: #00a651;
	}
	
	#lesson_left .header_downloads {
		background: #ffffff url("../img/heading_downloads.gif") top left no-repeat;
	}
	#lesson_left .header_contact {
		background: #ffffff url("../img/heading_contact.gif") top left no-repeat;
	}
	#lesson_left .main_grey {
		background: #ffffff url("../img/tile_grey.gif") top left repeat-y;
	}
	#lesson_left .footer_grey {
		background: #ffffff url("../img/footer_grey.gif") top left no-repeat;
	}
	#lesson_left .main_grey h1 {
		color: #999999;
	}
	#lesson_left .main_grey h1 a {
		color: #999999;
	}
	
	
	#video_nav #one_column {
		margin-left: 320px;
		margin-top: 25px;
	}
	#video_nav #two_column {
		margin-left: 220px;
		margin-top: 25px;
	}
	#video_nav #duo_column {
		margin-left: 260px;
		margin-top: 25px;
	}
	#video_nav #column {
		width: 120px;
		float: left;
		clear: none;
		color: #2dabe1;
	}
	#video_nav #duo_column #column {
		width: 240px;
		float: left;
		clear: none;
		color: #2dabe1;
	}
	#video_nav a {
		color: #eb008b;
		text-decoration: none;
	}
	#video_nav a:hover {
		color: #2dabe1;
		text-decoration: none;
	}
	
	#footer #prev_link {
		width: 200px;
		float: left;
		clear: none;
		text-align: left;
		margin-top: 20px;
		margin-left: 20px;
	}
	#footer #next_link {
		width: 200px;
		float: right;
		clear: none;
		text-align: right;
		margin-top: 20px;
		margin-right: 20px;
	}
	#footer a {
		color: #eb008b;
		font-weight: bold;
		text-decoration: none;
	}
	#footer a:hover {
		color: #2dabe1;
		text-decoration: none;
	}

#lesson_right {
	float: left;
	clear: none;
	width: 325px;
}

	#lesson_right #instruction {
		font-size: 11pt;
		font-weight: bold;
		color: #b2b3b6;
		margin-bottom: 20px;
	}
	#lesson_right #instruction a {
		color: #2dabe1;
		text-decoration: none;
		
	}
	#lesson_right #instruction a:hover {
		color: #eb008b;
	}
	
	#lesson_right #video_player {
		
	}
	
	#lesson_right #video_title {
		margin-bottom: 10px;
	}
	
	#lesson_right #video_playlist {
		width: 328px;
		float: left;
		clear: none;
		margin-left: -4px;
	}
	
	#lesson_left #video_playlist {
		width: 428px;
		float: left;
		clear: none;
	}
	
	#video_playlist #thumb {
		width: 74px;
		margin: 4px;
		text-align: center;
		float: left;
		clear: none;
	}
	
	#video_playlist #thumb img {
		border: 1px solid #1281c4;
	}
	#video_playlist #thumb img:hover {
		border: 1px solid #eb008b;
	}


#home_footer {
	float: left;
	clear: none;
	width: 1000px;
	background-color: #1281c4;
	color: #ffffff;
}

#home_footer #foot_left {
	float: left;
	clear: none;
	width: 200px;
	margin-left: 50px;
	height: 110px;
	text-align: center;
	font-size: 15pt;
	padding-top: 10px;
}

#home_footer #top_bar {
	float: left;
	clear: none;
	width: 650px;
	height: 30px;
	text-align: center;
	font-size: 15pt;
	padding-top: 10px;
}

#home_footer #logos {
	float: left;
	clear: none;
	width: 650px;
	height:80px;
}


h1 {
	margin: 15px 0 5px 0;
	padding: 0;
	font-size: 11pt;
	font-weight: bold;
}

a {
	color: #eb008b;
	text-decoration: none;
}

a:hover {
	color: #1281c4;
	text-decoration: none;
}


/*css overlays for courses page*/

a.lessonpic{
  width:200px;
  height:130px;
  position:relative;
  display:block;
  float:left;
}

a.lessonpic span.complete{
  position:absolute;
  right:0;
  top:0;
}

/*css colours for media centre*/
#media_head {
	float: left;
	clear: none;
	width: 430px;
	font-size: 24pt;
	margin-bottom: 8px;
	margin-top: 15px;
}
#media_head.head1 {	color: #fdc17d; }
#media_head.head2 {	color: #00aeef; }
#media_head.head3 {	color: #9ccb3b; }
#media_head.head4 {	color: #ec008c; }
#media_head.head5 {	color: #f7931e; }
#media_head.head6 {	color: #a371b0; }
#media_head.head7 {	color: #1081c4; }
#media_head.head8 {	color: #ed1c24; }


#small {
	font-size: 7pt;
	color: #ec008c;
}


img.ipad {
	float: left;
	width: 175px;
	border: none;
}


img.iphone {
	float: left;
		width: 175px;
		border: none;
}

img.spider {
	margin-top: 90px;
	float: right;
}

#footer {
	float: left;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}

#footer a {
	font-size: 11px;
}