/* logo and page top */

#logo {
	margin-top: 50px;
	display: block;
	height: 67px;
	width: 223px;
	background: url(images/logo.png) top left no-repeat;
	text-indent: -9999px;
	float: left;
	padding: 0px 20px 0 0;
}

#login_callout {
	float: right;
	padding-top: 10px;
	padding-right: 5px;
}

	#login_callout .logged-in {
		padding: 10px 0 0 0;
	}

#login_callout a {
	background-image: url(images/sprites.png);
	background-repeat: no-repeat;
	display: block;
	background-position: 0px 0px;
	text-indent: -9999px;
	text-align: left;
}

	a#login_key {
		width: 89px;
		height: 18px;
		background-position: 0px -408px;
		float: right;
		margin-bottom: 5px;
	}
	
	a#login_key:hover {
		background-position: 0px -431px;
	}
	
	a#login_key:active {
		background-position: 0px -454px;
	}
	
	a#logout_key {
		background-image: url(images/user_sprites.png);
		width: 103px;
		height: 18px;
		background-position: 0px -483px;
		float: right;
		margin-bottom: 5px;
		clear: right;
	}
	
	a#logout_key:hover {
		background-position: 0px -506px;
	}
	
	a#logout_key:active {
		background-position: 0px -529px;
	}
	
	a#btn_view_profile {
		background-image: url(images/user_sprites.png);
		width: 103px;
		height: 18px;
		background-position: 0px -552px;
		float: right;
	}
	
	a#btn_view_profile:hover {
		background-position: 0px -575px;
	}
	
	a#btn_view_profile:active {
		background-position: 0px -598px;
	}
	
	span#btn_new_messages {
		display: block;
		height: 18px;
		width: 64px;
		background-image: url(images/user_sprites.png);
		background-position: 0px -621px;
		text-indent: -9999px;
		float: left;
	}
	
	a#forgot_password {
		clear: right;
		float: right;
		width: 98px;
		height: 9px;
		background-position: 0px -476px;
		_background-position: 0px -474px;
	}
	
	a#forgot_password:hover {
		background-position: 0px -488px;
		_background-position: 0px -486px;
	}
	
	a#forgot_password:active {
		background-position: 0px -500px;
		_background-position: 0px -498px;
	}

#top_callout {
	display: block;
	height: 31px;
	width: 431px;
	background: url(images/class_availability.png) top left no-repeat;
	text-indent: -9999px;
	text-align: left;
	margin-top: 28px;
	margin-right: 10px;
}

/* navigational */

#navigation {
	position: absolute;
	top: 70px;
	left: 260px;
}

	#navigation ul.navigation_ul {
		float: left;
	}
	
		#navigation ul.navigation_ul li.top_level {
			float: left;
			display: block;
			padding: 5px;
			position: relative;
		}	
	
	#course_navigation {
		display: block;
	}
	
	#content_navigation {
		display: block;
		padding-left: 3px;
		clear: left;
	}

#course_navigation li a.top_level {
	display: block;
	height: 21px;
	text-indent: -9999px;
	background-image: url(images/sprites.png);
	background-repeat: no-repeat;
}

	#course_navigation li#nav_for-companies a.top_level:hover, #course_navigation li#nav_for-companies.active a.top_level {
		background-position: 0 -26px;
	}
	
	#nav_for-companies .subnavigation li {
		width: 200px;
	}

#course_navigation li#nav_for-companies a.top_level, #course_navigation li#nav_for-companies a.top_level:active {
	background-position: 0 0;
	width: 107px;
}
	
	li#nav_for-companies ul.subnavigation {
		left: 50%;
	}


	#course_navigation li#nav_for-schools a.top_level:hover, #course_navigation li#nav_for-schools.active a.top_level {
		background-position: 0 -78px;
	}

#course_navigation li#nav_for-schools a.top_level, #course_navigation li#nav_for-schools a.top_level:active {
	background-position: 0 -52px;
	width: 95px;
}

	#nav_for-schools ul.subnavigation {
		left: 50%;
	}

	#course_navigation li#nav_courses-for-adults a.top_level:hover, #course_navigation li#nav_courses-for-adults.active a.top_level {
		background-position: 0 -130px;
	}

#course_navigation li#nav_courses-for-adults a.top_level, #course_navigation li#nav_courses-for-adults a.top_level:active {
	width: 85px;
	background-position: 0 -104px;
}

	#nav_courses-for-adults ul.subnavigation {
		left: 50%;
	}

	#course_navigation li#nav_courses-for-teens a.top_level:hover, #course_navigation li#nav_courses-for-teens.active a.top_level {
		background-position: 0 -182px;
	}

#course_navigation li#nav_courses-for-teens a.top_level, #course_navigation li#nav_courses-for-teens a.top_level:active {
	background-position: 0 -156px;
	width: 77px;
}

	#nav_courses-for-teens ul.subnavigation {
		left: 50%;
	}

	#course_navigation li#nav_courses-for-children a.top_level:hover, #course_navigation li#nav_courses-for-children.active a.top_level {
		background-position: 0 -234px;
	}

#course_navigation li#nav_courses-for-children a.top_level, #course_navigation li#nav_courses-for-children a.top_level:active {
	background-position: 0 -208px;
	width: 97px;
}

	#nav_courses-for-children ul.subnavigation {
		left: 50%;
	}

#content_navigation a.top_level {
	display: block;
	height: 11px;
	background-image: url(images/sprites.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	background-position: 0 0;
}

	#content_navigation li#nav_photos a.top_level:hover, #content_navigation li#nav_photos.active a.top_level {
		background-position: 0 -274px;
	}

#content_navigation li#nav_photos a.top_level, #content_navigation li#nav_photos a.top_level:active {
	background-position: 0 -259px;
	width: 47px;
}

	#nav_photos ul.subnavigation {
		left: 50%;
	}

	#content_navigation li#nav_the-institute a.top_level:hover, #content_navigation li#nav_the-institute.active a.top_level {
		background-position: 0 -304px;
	}

#content_navigation li#nav_the-institute a.top_level, #content_navigation li#nav_the-institute a.top_level:active {
	background-position: 0 -289px;
	width: 84px;
}

	#nav_the-institute ul.subnavigation {
		left: 50%;
	}
	
#content_navigation li#nav_events-and-specials a.top_level:hover, #content_navigation li#nav_events-and-specials.active a.top_level {
		background-position: 0 -334px;
	}

#content_navigation li#nav_events-and-specials a.top_level, #content_navigation li#nav_events-and-specials a.top_level:active {
	background-position: 0 -319px;
	width: 113px;
}

	#nav_events-and-specials ul.subnavigation {
		left: 50%;
	}

#content_navigation li#nav_travel-and-learn a.top_level:hover, #content_navigation li#nav_travel-and-learn.active a.top_level {
		background-position: 0 -364px;
	}

#content_navigation li#nav_travel-and-learn a.top_level, #content_navigation li#nav_travel-and-learn a.top_level:active {
	background-position: 0 -349px;
	width: 95px;
}

	#nav_travel-and-learn ul.subnavigation {
		left: 50%;
	}

#content_navigation li#nav_contact-us a.top_level:hover, #content_navigation li#nav_contact-us.active a.top_level {
		background-position: 0 -393px;
	}

#content_navigation li#nav_contact-us a.top_level, #content_navigation li#nav_contact-us a.top_level:active {
	background-position: 0 -378px;
	width: 70px;
}

	#nav_contact-us ul.subnavigation {
		left: 50%;
	}

ul.navigation_ul li ul.subnavigation {
	background-image: url(images/sprites.png);
	background-repeat: no-repeat;
	background-position: 0 -1150px;
	z-index: 99999;
	padding: 6px 0 12px 12px;
	display: none;
	position: absolute;
	left: 50%;
}

#course_navigation li ul.subnavigation {
	top: 25px;
}

#content_navigation li ul.subnavigation {
	top: 15px;
}

ul.navigation_ul li ul.subnavigation li {
	display: block;
	width: 77px;
	padding: 2px 5px 2px 20px;
	background: #0081ae;
}

	ul.navigation_ul li ul.subnavigation li.li_0 {
		padding-top: 10px;
	}

ul.navigation_ul li ul.subnavigation li.last {
	padding-bottom: 10px;
}

ul.navigation_ul li ul.subnavigation li a, ul.navigation_ul li ul.subnavigation li a:active {
	color: #00435a;
	font-style: italic;
}

ul.navigation_ul li ul.subnavigation li.active a, ul.navigation_ul li ul.subnavigation li a:hover {
	color: white;
	text-decoration: none;
}

/* breadcrumbs */


	#breadcrumbs ul, breadcrumbs li {
		list-style-type:none;
		padding:0;
		margin:0;
	}		
	
	#breadcrumbs {
		padding: 10px 0;
		color: white;
		font-family: Helvetica;
	}
	
	#breadcrumbs a {
		color: white;
	}
	
	#breadcrumbs a:hover {
	
	}
	
	#breadcrumbs li {
		float:left;
		padding: 3px 10px 2px 5px;
		*padding: 1px 10px 4px 5px;
		_padding-bottom: 1px;
		background: #79acba url(images/inactive_inactive.jpg) top right no-repeat;
		display: block;
		height: 11px;
	}
	
	#breadcrumbs li.second_last {
		background: #79acba url(images/inactive_active.jpg) top right no-repeat;
	}
	
	#breadcrumbs li.last {
		background: #006078 url(images/active.jpg) top right no-repeat;
		padding-right: 15px;
}			
	
/* links */

a.view_all {
	background-image: url(images/sprites.png);
	background-position: 0px -894px;
	display: block;
	height: 18px;
	width: 103px;
	text-indent: -9999px;
	float: right;
}

	a.view_all:hover {
		background-position: 0px -917px;
	}

	a.view_all:active {
		background-position: 0px -940px;
	}
	
a.read_more {
	background-image: url(images/sprites.png);
	background-position: 0px -825px;
	display: block;
	height: 18px;
	width: 62px;
	text-indent: -9999px;
	float: left;
	cursor: pointer;
	border: none;
}

	a.read_more:hover {
		background-position: 0 -848px;
	}
	
	a.read_more:active {
		background-position: 0 -871px;
	}
	
#right_column a.read_more, #content div.inner_left_column div.category_callout a.read_more {
	background-position: 0 -963px;
}

	#right_column a.read_more:hover, #content div.inner_left_column div.category_callout a.read_more:hover {
		background-position: 0 -986px;
	}
	
	#right_column a.read_more:active, #content div.inner_left_column div.category_callout a.read_more:active {
		background-position: 0 -1009px;
	}

.more_information, .more_schedule, .more_tuition_fees {
	background-image: url(images/sprites.png);
	display: block;
	height: 18px;
	float: left;
	text-indent: -9999px;
	margin-left: 10px;
}

.more_information {
	width: 122px;
	background-position: 0 -651px;
}
	
	.more_information:hover {
		background-position: 0 -674px;
	}
	
	.more_information:active {
		background-position: 0 -697px;
	}

.more_schedule {
	width: 79px;
	background-position: 0 -513px;
}
	
	.more_schedule:hover {
		background-position: 0 -536px;
	}
	
	.more_schedule:active {
		background-position: 0 -559px;
	}

.more_tuition_fees {
	width: 94px;
	background-position: 0 -582px;
}

	.more_tuition_fees:hover {
		background-position: 0 -605px;
	}
	
	.more_tuition_fees:active {
		background-position: 0 -628px;
	}	
	
#press_materials a {
	background-image: url(images/sprites.png);
	background-position: 0px -1032px;
	display: block;
	height: 38px;
	width: 133px;
	text-indent: -9999px;
}
	
	#press_materials a:hover {
		background-position: 0px -1073px;
	}
	
	#press_materials a:active {
		background-position: 0px -1114px;
	}
	
#view_past_newsletters {
	background-image: url(images/sprites.png);
	background-position: 0px -788px;
	_background-position: 0px -786px;
	display: block;
	height: 9px;
	width: 122px;
	text-indent: -9999px;
}

	#view_past_newsletters:hover {
		background-position: 0px -800px;
		_background-position: 0px -798px;
	}
	
	#view_past_newsletters:active {
		background-position: 0px -812px;
		_background-position: 0px -810px;
	}
	
a.submit, input.submit, button.submit {
	border: none;
	background: url(images/sprites.png) 0px -720px;
	display: block;
	height: 18px;
	width: 61px;
	text-indent: -9999px;
	cursor: pointer;
	margin: 10px 0 0 0;
}

	a.submit:hover, input.submit:hover, button.submit:hover {
		background-position: 0px -743px;
	}
	
	a.submit:active, input.submit:active, button.submit:active {
		background-position: 0px -766px;
	}
	

/* course overview page */

.caption, .course_subnavigation h3, .course_subnavigation li .indicator, .course_subnavigation li, .course_endcap, .course_overview_endcap, .non_nav_endcap, div.non-navigation {
	background-image: url(images/courses.png);
	background-repeat: no-repeat;
	display: block;
}

#content .course_subnavigation {
	display: block;
	width: 253px;
}

	#content .course_subnavigation li.li_0 {
		padding-top: 10px;
	}

#content .course_subnavigation h3 {
	width: 253px;
	height: 18px;
	background-position: 0 -471px;
	text-align: center;
	color: white;
	font-size: 1.091em;
	padding: 7px 0 0 0;
}

	#content .course_subnavigation li, div.non-navigation {
		padding: 3px 10px;
		width: 233px;
		text-align: left;
		background-position: 0 -520px;
		background-repeat: repeat-y;
	}
	
	#content .course_subnavigation li.endcap, .non_nav_endcap {
		background-position: 0 -578px;
		height: 18px;
		width: 253px;
		padding: 0;
	}
	
	div.non-navigation {
		margin: 0px;
		padding-top: 10px;
	}

	#content .course_subnavigation li a {
		color: #a1a1a1;
		font-family: Helvetica;
		text-transform: uppercase;
		font-weight: bold;
		position: relative;
		padding-left: 18px;
		display: block;
	}
	
	#content .course_subnavigation li span {
		color: #006078;
		font-family: Helvetica;
		font-weight: bold;
		position: relative;
		padding-left: 18px;
		display: block;
	}
	
	#content .course_subnavigation li a:hover, .course_subnavigation li.active a {
		text-decoration: none;
		color: #006078;
	}
	
	#content .course_subnavigation li .indicator {
		top: 0px;
		left: 0px;
		
		height: 13px;
		width: 14px;
		
		position: absolute;
		background-position: 0 -502px;
		display: none;
	}
	
	#content .course_subnavigation li.active .indicator, .course_subnavigation li a:hover .indicator {
		display: block;
	}
	
	#content .course_subnavigation li, #content .course_subnavigation ul {
		list-style-type: none;
		margin: 0px;
	}

	#content .course_endcap, #content .course_overview_endcap, .body_3 .course_endcap {
		height: 20px;
		width: 952px;
		background-position: 0 -445px;
		margin-bottom: 10px;
	}
	
.course_item {
	clear: both;
	font-family: Helvetica;
	margin: 0 0 10px 0;
	line-height: 1.455em;
}

	.course_item table, table.course_overview  {
		width: 952px;
	}
	
	table tbody, table tfoot, table thead {
		background-position: 0 0;
		background-repeat: repeat-y;
		background-image: url(images/table_bg.png);
	}
	
	.course_item td, .course_item th, .course_overview th, .course_overview td {
		padding: 3px 10px;
	}
	
	.course_item th, .course_item .sub_th, .course_overview th, .course_overview .sub_th {
		background: #dfdfdf;
		font-size: 1.091em;
		width: 457px;
	}
	
	.sub_th_first {
		background: #dfdfdf;
		font-size: 1.091em;
		width: 200px;
	}
	
	.course_item th, .course_overview th {
		font-weight: bold;
	}
	
	th.first, td.first {
		border-right: 2px solid white;
	}

	.course_item .links {
		float: right;
	}
	
	.course_item .authorised {
		border: none;
	}
	
	.caption {
		width: 952px;
		height: 21px;
		padding: 15px 0 5px 0;
		font-family: Helvetica;
		font-size: 1.091em;
		letter-spacing: 0.045em;
		color: white;
		text-transform: uppercase;
		text-align: center;
		text-indent: 0px;
		background-position:0 -225px;
	}
	
	.ci_0 .caption {
		background-position: 0 0;
	}
	
	.ci_1 .caption {
		background-position: 0 -45px;
	}
	
	.ci_2 .caption {
		background-position: 0 -90px;
	}
	
	.ci_3 .caption {
		background-position: 0 -135px;
	}
	
	.ci_4 .caption {
		background-position: 0 -180px;
	}
	
	.ci_5 .caption {
		background-position: 0 -225px;
	}
	
	
	

	
/* MESSAGING */

.message_tools {
	float: right;
}

#content .message_tools li {
	list-style-type: none;
	float: left;
	padding-left: 5px;
}

#content .message_tools li a {
	display: block;
	background-image: url(images/user_sprites.png);
	background-repeat: no-repeat;
	height: 18px;
	text-indent: -9999px;
}

	a.expand {
		background-position: 0 -345px;
		width: 61px;
	}
	
	a.expand:hover {
		background-position: 0 -368px;
	}
	
	a.expand:active {
		background-position: 0 -391px;
	}
	
	a.minimise {
		background-position: 0 -414px;
		width: 61px;
	}
	
	a.minimise:hover {
		background-position: 0 -437px;
	}
	
	a.minimise:active {
		background-position: 0 -460px;
	}

	
	a.mark_as_read {
		background-position: 0 -276px;
		width: 98px;
	}
	
	a.mark_as_read:hover {
		background-position: 0 -299px;
	}
	
	a.mark_as_read:active {
		background-position: 0 -322px;
	}
	
/* MY COURSES / DASHBOARD */

	.caption_course, .caption_title {
		display: block;
		background-image: url(images/course_sprites.jpg);
		background-repeat: no-repeat;
		text-align: left;
		width: 912px;
		height: 21px;
		padding: 15px 20px 5px 20px;
		font-family: Helvetica;
		font-size: 1.091em;
		letter-spacing: 0.045em;
		color: white;
		text-transform: uppercase;
	}
		
	.caption_title {
		text-indent: -9999px;
		background-position: 0 -58px;
		margin-bottom: 10px;
	}
	
	#pending_courses .caption_title {
		background-position: 0 -237px;
	}

	
	.caption_course {
		background-position: 0 -115px;
	}
	
	.message_centre, .course_documents {
		background-image: url(images/user_sprites.png);
		display: block;
		height: 18px;
		float: left;
		text-indent: -9999px;
		margin-left: 10px;
	}
	
	.course_documents {
		width: 127px;
		background-position: 0 -138px;
	}
	
	.course_documents:hover {
		background-position: 0 -161px;
	}
	
	.course_documents:active {
		background-position: 0 -184px;
	}
	
	.course_item_pending .course_documents {
		background-position: 0 -69px;
	}
	
	.message_centre {
		width: 113px;
		background-position: 0 -207px;
	}
	
	.message_centre:hover {
		background-position: 0 -230px;
	}
	
	.message_centre:active {
		background-position: 0 -253px;
	}
	
	.course_item_pending .message_centre {
		background-position: 0 -69px;
	}
	
	.course_item_pending .more_information {
		background-image: url(images/user_sprites.png);
		background-position: 0 0px;
	}
	
	.course_item_pending .more_information:hover {
		background-position: 0 -23px;
	}
	
	.course_item_pending .more_information:active {
		background-position: 0 -46px;
	}
	
	.course_item_pending {
	
	}
	
.page_subnavigation {
	display: block;
	width: 253px;
	float: left;
	margin-right: 10px;
}

	.page_subnavigation .subnav_content {
		padding: 3px 10px;
		width: 233px;
		text-align: left;
		background-position: 0px 0px;
		background-repeat: repeat-y;
		background-image: url(images/subnav_bg.jpg);
		margin-bottom: 0px;
	}

	.page_subnavigation .end_cap {
		background-image: url(images/courses.png);
		background-position: 0 -578px;
		height: 18px;
		width: 253px;
		padding: 0;
	}
	
	#content .page_subnavigation li, #content .page_subnavigation ul {
		padding: 0px;
		margin: 0px;
		list-style-type: none;
	}
	
	#content .page_subnavigation li {
		padding-top: 5px;
	}
		
	.page_subnavigation li a {
		color: #a1a1a1;
		font-family: Helvetica;
		text-transform: uppercase;
		font-weight: bold;
		position: relative;
		padding-left: 18px;
		display: block;
	}
	
	.page_subnavigation li a span.indicator {
		display: none;
		top: -1px;
		left: 0px;
		height: 13px;
		width: 14px;
		position: absolute;
		background-position: 0 -502px;
		display: none;
		background-image: url(images/courses.png);
	}
	
	.page_subnavigation li a:hover {
		text-decoration: none;
	}
	
	.page_subnavigation li a:hover span.indicator, .page_subnavigation li.active a span.indicator {
		display: block;
	}
	
	#content .subnav_subnav, .page_subnavigation .subnav_subnav {
		padding-left: 25px;
		display: block;
	}
	
	#container #content .unStyled {
		padding: 0px;
		display: inline;
		text-transform: none;
		font-size: 1em;
		font-weight: normal;
	}
	
	#container .unStyled:hover {
		color: #02627A;
	}
	
	
	#container .goBold {
		font-weight: bold !important;
		color: #02627A;
	}
	
	.inner_left_column div.hack_subnav {
		margin: 5px 0 0 0;
	}

.page_subnavigation h3 {
	background-image: url(images/courses.png);
	width: 253px;
	height: 18px;
	background-position: 0 -471px;
	text-align: center;
	color: white;
	font-size: 1.091em;
	padding: 7px 0 0 0;
}