div.col-1 a:hover, div.col-2 a:hover {
	background: #ff5c01;
}
a.external{
	background: url('/images/icons/icon_ext_edu.gif')no-repeat right center;
}
div.header-block a:hover {
	color: #ff5c01;
}
ul.rightnav li a:hover {
	background: #ff5c01;
} 

div#header div#header-image {
	background: url(/images/top_nav_education.jpg) no-repeat;
}

div#header div#header-image blockquote {
	background: #ff5c01 url(/images/header_quote_bg_education.gif) no-repeat;
}
div#header div#header-image blockquote div.author {
	background-image: url(/images/header_close_quote_education.gif);
}


div#header ul#top-nav {
	border-bottom-color: #ff5c01;
}

div#header ul#top-nav li a#nav-education, div#header ul#top-nav li a#nav-education:hover {
	background-position: 0 -70px;
}

div#side-nav ul.level-1 li a {
	background-image: url(/images/sidenav_orange.gif)
}
div#side-nav ul.level-1 li a.active {
	color: #ff5c01;
	background-image: url(/images/sidenav_orange_on.gif);
}
div#side-nav ul.level-2 li a {
	background: none;
}
div#side-nav ul.level-2 li a.active {
	background-image: url(/images/sidenav_sub_orange.gif);
}
div#side-nav div.alternate-link {
	background-image: url(/images/alternate_link_education.gif);
}
div#side-nav div.alternate-link a:hover {
	background: #ff5c01;
}
div#side-nav dd a:hover {
	background: #ff5c01;
}
div#side-nav dd a.active {
	color: #ff5c01;
}
ul.rightnav li {
	background-image: url(/images/link_arrow_box_education.gif);
}
ul#footer {
	border-top-color: #ff5c01;
}
div.header-block, .layout-d .module h2, .col-1 .module h2, div.layout-search div.head-form, div.layout-a div.head-form, .layout-c .module h2, div.layout-d div.module h3 a:hover   {
	background-color:  #ff5c01;
}


div.filled {
	background-color: #ff5c01;
}

div#content div.col-1 blockquote {
	background: #ff5c01;
}
div#content div.col-1 blockquote p.quotee {
	background-image: url(/images/inline_quote_education.gif);
}

ul.pagination li a {
	background-image:URL(/images/but_pagination_education.gif); 
}

ul.pagination li a.active, ul.pagination li a:hover {
	background: #ff5c01 URL(/images/but_pagination_education.gif) no-repeat 0 -20px;
}

ul.pagination li.next{
	background-image:URL(/images/but_cal_next_education.gif);
}
ul.pagination li.prev{
	background-image:URL(/images/but_cal_prev_education.gif);
}

ul.pagination li.next a:hover, ul.pagination li.prev a:hover {
	background-color: #ff5c01;
}

div#content a.icon-zoom {
	background-image: url(/images/icon_zoom_education.gif);
}
div#content a.icon-zoom:hover, div#content a.icon-pop:hover {
	color: #ff5c01; 
}
div#content a.icon-pop {
	background-image: url(/images/icon_pop_education.gif);
}
div#content a.arrow-link {
	background-image: url(/images/but_arrow_link_education.gif);
}
div#content a.arrow-link:hover {
	background-color: #ff5c01;
}

div#content a.rss {
	background-image: url(/images/but_rss_education.gif);
}

div#content a.launch {
	background-image: url(/images/but_launch_education.gif);
}

div.related-content-module {
	background: #ff5c01;
}
div.related-content-module a:hover {
	color: #ff5c01;
}

ul.tagcloud a, ul.my-tags a {
	color: #ff5c01; 
}
ul.tagcloud a:hover, ul.my-tags a:hover {
	background-color: #ff5c01; 
}
ul.my-tags li a {
	background-image: url(/images/but_remove_tag_education.gif) !important;
}

button.submit {
	background: #ff5c01 url(/images/but_submit_education.gif) no-repeat;
}
a.date-picker , .col-1 a.date-picker {
	background: url(/images/but_calendar_education.gif) no-repeat 5px 0 !important;
}

div.popup-calendar div.link-close a, div.popup-calendar div.link-close a:hover {
	background-image: url(/images/but_cal_close_education.gif);
}
div.popup-calendar div.link-prev a, div.popup-calendar div.link-prev a:hover {
	background-image: url(/images/but_cal_prev_education.gif);
}
div.popup-calendar div.link-next a, div.popup-calendar div.link-next a:hover {
	background-image: url(/images/but_cal_next_education.gif);
}
div.popup-calendar table td a.selected, div.popup-calendar table td a:hover {
	background: #ff5c01;
}
.highlight{
	color: #ff5c01;
}

div.header-block .breadcrumb li{
	background-image:URL(/images/sidenav_orange.gif);
}
div.header-block .gallerynav a.active{
	background:#ff5c01 URL(/images/sidenav_orange.gif) no-repeat 3px 8px;
}

div.header-block .gallerynav a.active:hover{
	background:#ff5c01 URL(/images/sidenav_orange.gif) no-repeat 3px 8px !important;
}
div#content div.module ul.boxed li blockquote p{
	color: #ff5c01;
}
ul.inlinelinks li {
	background-image: url(/images/link_arrow_box_education.gif);
}

ul.inlinelinks li a:hover {
	background: #ff5c01;
} 
a.bookvisit, div.header-block a.bookvisit{
	background-image:URL(/images/but_bookvisit_education.gif);
}
a.subscribe, div.header-block a.subscribe{
	background-image:URL(/images/but_subscribe_education.gif);
}
a.booknow, div.header-block a.booknow{
	background-image:URL(/images/but_booknow_education.gif) !important;
}
table.events p.eventtitle a{
	color: #ff5c01;
}
table.events a:hover{
	background-color: #ff5c01;
}

.permanent-calendar
{
background-color: #EEEEEE;
border: 2px solid;
border-color: #EEEEEE;
}

.permanent-calendar td
{
    border-color: #EEEEEE;
}



.permanent-calendar td.selected
{
    color: White;
	background: #ff5c01;
}

/* Events Calendar Styles */
.event-calendar
{
    background-color: White;
    border: 2px solid;
}

.event-calendar .title
{
    background-color: #ff5c01;
    font-weight: bold;
    color: White;
    border-width: 0px;
    font-size: 10pt;
}

.event-calendar .navigate
{
    border-color: #EEEEEE;
    color: White;
    border-width: 2px;
    font-size: 8pt;
}

.event-calendar .navigate a
{
    color: White !important;
}

.event-calendar td
{
    border-color: #EEEEEE;
}

.event-calendar td.selected
{
    color: White;
	background: #ff5c01;
}

/* --------------------------------------------
site: Science Museum rebranding - EDUCATORS
author: patu tifinger
ver: 1.2
updated: 24/06/2010
----------------------------------------------- */

div#header div#header-image {
	background: url(new_educators_header.jpg) no-repeat;
}

ul.top-nav li#nav-search button { background-position: 0 -50px; }

/* visit only #top-nav: */

div#header ul#top-nav li a#nav-home { background-position: 0 -156px; }
div#header ul#top-nav li a#nav-home:hover { background-position: 0 -182px; }

div#header ul#top-nav li a#nav-visit { background-position: -100px -156px; }
div#header ul#top-nav li a#nav-visit:hover { background-position: -100px -182px; }

div#header ul#top-nav li a#nav-online { background-position: -199px -156px; }
div#header ul#top-nav li a#nav-online:hover { background-position: -199px -182px; }

div#header ul#top-nav li a#nav-education { background-position: -299px -156px; }
div#header ul#top-nav li a#nav-education:hover { background-position: -299px -182px; }

div#header ul#top-nav li a#nav-shop { background-position: -398px -156px; }
div#header ul#top-nav li a#nav-shop:hover { background-position: -398px -182px; }

div#header ul#top-nav li a#nav-about { background-position: -498px -156px; }
div#header ul#top-nav li a#nav-about:hover { background-position: -498px -182px; }

div#header ul#top-nav li a#nav-education, div#header ul#top-nav li a#nav-education:hover {
	background-position: -299px -182px !important;
}


/* ========================================================================================
SM - EDUCATORS AREA
DATE ADDED: 30 SEPT 2010
Author: L Kennedy
=========================================================================================== */

/* SIDE NAV AREAS ON EACH TEMPLATE
=========================================================================================== */
.clearer{
	height:0px;
}

/*override false column div background*/
div#faux-cols.listing-grey{
	background:url(/images/faux_cols_grey.gif);
}

/*set up newsletter form in sidenav*/
div#side-nav form.newsletter{
	margin:0px;
	padding:50px 10px 12px;
	border-bottom:2px solid #D2D2D2;
}

	div#side-nav form.newsletter fieldset{
		border:none;
		margin:0px;
		padding:0px;
	}

		div#side-nav form.newsletter legend{
			font-size:1.3em;
			font-weight:bold;
			color:#000;
			line-height: 1.4em;
			margin:0px;
			padding:0px;
		}
			/*don't normally do hacks,
			but as no IE only CSS files on current educators website having to target IE7 + 6 only to stop them indenting legend text*/
			*:first-child+html div#side-nav form.newsletter legend{
				margin-left:-8px;
			}
			* html div#side-nav form.newsletter legend{
				margin-left:-8px;
			}

		div#side-nav form.newsletter label{
		line-height: 1.4em;
		}

		/*CSS targets ID on INPUT field,
		if ID in HTML changes change below also*/
		div#side-nav form.newsletter input#sidenav-enewsletter{
			width:145px;
			background:#fff;
			border:1px solid #FF5C01;
			margin-top:.6em;
			margin-right:5px;
			padding:3px 2px;
			vertical-align:bottom;
		}

		/*CSS targets ID on INPUT field,
		if ID in HTML changes change below also*/
		div#side-nav form.newsletter input.sidenav-enewsletter{
			width:145px;
			background:#fff;
			border:1px solid #FF5C01;
			margin-top:.6em;
			margin-right:3px;
			padding:3px 2px;
			vertical-align:bottom;
		}

		/*SUBMIT BUTTON*/
		div#side-nav form.newsletter input.sidenav-enewsletter_button{
			position:relative;
			cursor:pointer;
			overflow:hidden;
			width:11px;
			height:22px;
			color:#000000;
			background:transparent url(/images/sidenav_submitbutton.gif) no-repeat;
			border:none;
			font-weight:bold;
			margin:0;
			padding:0;
			vertical-align:bottom;
		}
		
		/*SUBMIT BUTTON*/
		div#side-nav form.newsletter button{
			position:relative;
			cursor:pointer;
			overflow:hidden;
			width:11px;
			height:22px;
			color:#000000;
			background:transparent url(/images/sidenav_submitbutton.gif) no-repeat;
			border:none;
			font-weight:bold;
			margin:0;
			padding:0;
			vertical-align:bottom;
		}

			div#side-nav form.newsletter button span {
				left:-2000px;
				position:absolute;
			}

	div#side-nav div.teacher-panel{
		padding:10px;
		border-bottom:2px solid #D2D2D2;
	}

		div#side-nav div.teacher-panel h2{
			font-size:1.3em;
			font-weight:bold;
			color:#000;
			line-height: 1.4em;
		}

			div#side-nav div.teacher-panel h2 a,
			div#side-nav div.teacher-panel h2 a:visited,
			div#side-nav div.teacher-panel h2 a:hover{
				text-decoration:none;
			}

			div#side-nav div.teacher-panel ul.rightnav li{
				margin-left:0px;
			}

/* MAIN CONTENT AREAS
=========================================================================================== */

/*general classes used*/
.hide,
.hide span{
	left:-2000px;
	position:absolute;
}

/*remove padding on module*/
.remove-padding{
	padding-bottom:0px !important;
}

/*read adjust grey bottom border on module*/
.border-bottom5px{
	border-bottom-width:5px;
}

/*things to do in the museum page*/
table.things-to-do{
	width:546px;
	border-collapse:collapse;
}

	/*main caption to table*/
	table.things-to-do caption{
		font-size:1.3em;
		font-weight:bold;
		color:#fff;
		text-align:center;
		background:#FF5C01;
		padding:5px;
	}

		/*SET BORDERS FOR COMMON TD/TH'S*/
		table.things-to-do thead th,
		table.things-to-do tbody td,
		table.things-to-do tfoot td{
			border-right:1px solid #ffc0a1;
		}

		/*REMOVE BORDER-RIGHT ON LAST TH/TD'S*/
		table.things-to-do thead th:last-child,
		table.things-to-do tbody td:last-child,
		table.things-to-do tfoot td:last-child{
			border-right:none;
		}

		/*TABLE HEADER*/
		table.things-to-do thead th{
			width:40%;
			font-size:1.3em;
			font-weight:bold;
			color:#FF5C01;
			border-bottom:1px solid #ffc0a1;
			padding:8px 14px;
		}

			/*adjust age column width*/
			table.things-to-do thead th.age{
				width:20%;
			}

		/*TABLE BODY*/
		table.things-to-do tbody td{
			padding:4px 8px;
		}

		table.things-to-do tbody a,
		table.things-to-do tbody a:visited{
			padding:2px 6px;
			text-decoration:none;
		}

			table.things-to-do tbody a:hover,
			table.things-to-do tbody a.active{
				font-weight:bold;
				background:#ffc0a1;
				text-decoration:none;
				-moz-border-radius: 5px;/*FF*/
				-webkit-border-radius: 5px;/*SF*/
				border-radius: 5px;/*css3 capable*/
			}

	/*TABLE FOOTER*/
	table.things-to-do tfoot td{
		padding:5px 14px;
	}

		/*grey border*/
		table.things-to-do tfoot tr.grey-boundry td{
			height:10px;
			background:#D2D2D2;
			padding:0px !important;
			border-right:none;
		}

		/*browse options link*/
		table.things-to-do tfoot tr.browse-options td{
			font-size:1.3em;
			font-weight:bold;
			color:#fff;
			text-align:center;
			background:#FF5C01;
			padding:5px;
		}

			table.things-to-do tfoot tr.browse-options td a,
			table.things-to-do tfoot tr.browse-options td a:visited,
			table.things-to-do tfoot tr.browse-options td a:hover{
			color:#fff;
				text-decoration:none;
			}

/*things to do detail listing (STEM)*/
ul.things-to-do-detail{
	float:left;
	display:block;
	width:541px;
	background:#fff url(/images/bg_content_list_options.gif) repeat-y;
	margin-bottom:10px;
}

	ul.things-to-do-detail li{
		list-style:none;
		float:left;
		display:inline;
		padding:0px;
	}

		ul.things-to-do-detail li.image{
			width:178px;
			height:93px;
			padding:0px;
		}

		ul.things-to-do-detail li.content{
			width:230px;
		}

			ul.things-to-do-detail li.content h2{
				font-size:1em !important;
				line-height: 1.3em !important;
				font-weight: bold !important;
				background: #fff url(/images/link_arrow_box_education.gif) no-repeat 0 3px !important;
				margin: 7px 10px 5px 10px !important;
				padding:0px 0px 0px 14px !important;
			}

				ul.things-to-do-detail li.content h2 a{
					color: #000;
				}

				ul.things-to-do-detail li.content h2 a:hover{
					color:#fff;
					background:#FF5C01;
					text-decoration:none;
				}

			ul.things-to-do-detail li.content p{
				margin:0px 10px 5px !important;
			}

	ul.things-to-do-detail li.type{
		width:34px;
		color:#FF5C01;
		font-weight:bold;
		text-align:center;
		padding:5px;
	}

	ul.things-to-do-detail li.book{
		width:34px;
		color:#FF5C01;
		font-weight:bold;
		text-align:center;
		padding:5px;
	}

	ul.things-to-do-detail li.cost{
		width:34px;
		color:#FF5C01;
		font-weight:bold;
		text-align:center;
		padding:5px;
	}

		/*remove default P margins incase used*/
		ul.things-to-do-detail li.type p,
		ul.things-to-do-detail li.book p,
		ul.things-to-do-detail li.cost p{
			margin:0px !important;
		}

		/*set link colour incase used*/
		ul.things-to-do-detail li.type a,
		ul.things-to-do-detail li.book a,
		ul.things-to-do-detail li.cost a{
			color:#FF5C01;
			text-decoration:none;
		}

			ul.things-to-do-detail li.type a:hover,
			ul.things-to-do-detail li.book a:hover,
			ul.things-to-do-detail li.cost a:hover{
				text-decoration:underline;
			}

/*visit practacalities*/
ul.event-listing{
	float:left;
	display:block;
	width:541px;
	background:#fff;
	margin-bottom:10px;
}

	ul.event-listing li{
		list-style:none;
		float:left;
		display:inline;
		padding:0px;
	}

	ul.event-listing li.image{
		width:178px;
		height:93px;
		padding:0px;
	}

	ul.event-listing li.content{
		width:363px;
	}

		ul.event-listing li.content h2{
			font-size:1em !important;
			line-height: 1.3em !important;
			font-weight: bold !important;
			background: #fff url(/images/link_arrow_box_education.gif) no-repeat 0 3px !important;
			margin: 7px 10px 5px 10px !important;
			padding:0px 0px 0px 14px !important;
		}

			ul.event-listing li.content h2 a{
				color: #000;
			}

				ul.event-listing li.content h2 a:hover{
					color:#fff;
					background:#FF5C01;
					text-decoration:none;
				}

		ul.event-listing li.content p{
			margin:0px 10px 5px !important;
		}

/*practacal activities detail*/
ul.bullet-list{
	list-style:disc;
	margin:auto 13px auto 45px;
	/*padding:5px auto 15px;*/
	padding-top:5px;
	padding-bottom:15px;
}	

ul.tab-list{
	float:left;
	display:block;
	width:546px;
	list-style:none;
	background:#7e7e7e;
	margin-bottom:15px;
}
	ul.tab-list li{
		float:left;
		display:inline;
	}
	
	ul.tab-list li a,
	ul.tab-list li a:visited{
		display:block;
		color:#fff;
		text-align:center;
		font-weight:bold;
		background:#7e7e7e;
		border-right:1px solid #fff;
		text-decoration:none;
		padding:8px 12px;
	}
	
		ul.tab-list li a.active,
		ul.tab-list li a:hover{
			color:#fff;
			background:#FF5C01;
			text-decoration:none;
		}
	
			ul.tab-list li.last a{
				border-right-color:#7e7e7e;
			}

/*key stage*/
table.ks-downloads{
	width:auto;
	margin:auto 13px 45px;
}
	
	table.ks-downloads thead th,
	table.ks-downloads thead td{
		text-align:left;
		padding-top:8px;
		padding-bottom:3px;
		border-bottom:1px solid #000;
	}
		table.ks-downloads thead th{
			width:150px;
			padding-right:30px;
		}
		
		table.ks-downloads thead td{
			color:#FF5C01;
			font-weight:bold;
		}
	
	table.ks-downloads tbody tr.titles th{
		text-align:left;
		padding-top:8px;
		padding-bottom:3px;
		border-bottom:1px solid #000;
		padding-right:30px;
	}
	
	table.ks-downloads tbody td{
		padding:2px 1px 3px;
	}
	
	table.ks-downloads tbody a {
		font-weight: bold;
		padding-left: 14px;
		color: #333;
		text-decoration:underline;
		background: url(/images/link_arrow_box_education.gif) no-repeat 0 2px;
	}
		table.ks-downloads tbody a span{
			/*padding:auto 1px;*/
			padding-left:1px;
			padding-right:1px;
			margin:2px 0px;
		}
		
		table.ks-downloads tbody a:hover span {
			color: #fff;
			background: #FF5C01;
			text-decoration: none;
		} 

div.curriculum{
	width:100%;
	background:url(/images/bg_curriculum.gif) repeat-y;
	border-top:1px solid #7f7f7f;
}
	div.curriculum div.left-col{
		float:left;
		width:273px;
	}
	
	div.curriculum div.right-col{
		float:right;
		width:273px;
	}
		div.curriculum div.right-col blockquote{
			font-size:130%;
			font-weight:bold;
			text-align:center;
			padding:20px;
		}

/*jquery image popup*/
ul.images-list{
	list-style:none;
	margin-left:5px;
}

	ul.images-list li{
		float:left;
		display:inline;
	}
		ul.images-list li img{
			margin:0px 13px 10px 0px !important;
		}
		
		ul.images-list li.last img{
			margin-right:0px !important;
		}

/*homepage jquery carousel*/
div#carousel{
	position:relative;
	float:left;
	overflow: hidden;
	width: 546px !important;
	height: 287px !important;
}

ul.carousel-items{
	position:relative;
	list-style:none;
	padding:0px;
}
	ul.carousel-items li{
		display:inline;
	}
		ul.carousel-items li img{
			margin:0px !important;
		}

div.carousel-content{
	padding-bottom:10px;
}
	div.carousel-content p{
		margin-bottom:5px !important;
	}
	
	div.carousel-content a.rightnav{
		display:block;
		font-weight: bold;
		padding-left: 14px;
		color: #333;
		text-decoration:underline;
		background: url(/images/link_arrow_box_education.gif) no-repeat 0 2px;
		margin-bottom:5px !important;
	}
		div.carousel-content a.rightnav span{
			/*padding:auto 1px;*/
			padding-left:1px;
			padding-right:1px;
			margin:2px 0px;
		}
		
		div.carousel-content a.rightnav:hover span {
			color: #fff;
			background: #FF5C01;
			text-decoration: none;
		} 

div.carousel-controls-container{
	margin-bottom:-10px;
}

div#carousel-controls{
	position:relative;
	float:left;
	overflow: hidden;
	width: 480px;
	height: 41px;
}

	img.carousel-prev{
		cursor:pointer;
		float:left;
		background: #FF5C01;
		border-right:1px solid #fff;
		margin:0px !important;
		padding:8px 10px 7px;
	}
	
	img.carousel-next{
		cursor:pointer;
		float:left;
		background: #FF5C01;
		margin:0px !important;
		padding:8px 10px 7px 11px;
	}
	
	ul.carousel-pager{
		position:relative;
		list-style:none;
		padding:0px;
	}
		ul.carousel-pager li{
			display:inline;
			width:160px;
			font-weight:bold;
		}
		ul.carousel-pager li a{
			float:left;
			display:block;
			width:149px;
			color: #fff;
			text-decoration:none;
			background: #FF5C01;
			border-right:1px solid #fff;
			padding:5px;
		}
			ul.carousel-pager li a:hover,
			ul.carousel-pager li a.active{
				color: #000;
				background: #fff;
				text-decoration:none;	
			}