/*========================================================
 @site    Nationa Galleries of Scotland
 @title   Presentation layer for specific sections
 @company Keepthinking LTD
 @address http://keepthinking.it
 @author  Oskar Krawczyk (o.krawczyk@keepthinking.it)
 @rev     01/03/2007
 ========================================================*/

#education .submit {
	background: #fff url(../../img/arr-right-5.gif) 10px 50% no-repeat;
}

/* banner image for the section home page */
#education #section-info {
	display: block; 
	background-image: url(../../img/header-bg-5.jpg);
}

/* banner image for the section home page - IE FIX */
#education #section-info-fix {
	display: block; 
}

/* colored links with the arrow  */
#education .func {
	background: url(../../img/arr-right-5.gif) 0 1px no-repeat;
}

/* active navigation item - level 1 */
#education #sub-navigation li.active a {
	background: url(../../img/nav-spacer-active-5.gif) 0 100% no-repeat;
}

/* active navigation item - level 2 */
#education #sub-navigation li.active li a {
	background: url(../../img/nav-spacer-s-5.gif) 0 100% no-repeat;
}	
	
/* active navigation item - level 3 */
#education #sub-navigation li.active li li a {
	background: url(../../img/nav-spacer-s-s-5.gif) 0 100% no-repeat;
}

/* line dividing sub-nav and section-search form */
#education #search-nav p {
	border-top: solid 1px #8ED502;
}

/* section-search */
#education #search-nav #nav-search-text {
	background: #E3F5C0;
	border: solid 1px #8ED502;
}

/* section-search focused */
#education #search-nav #nav-search-text:focus {
	background: #F2FBE3;
}

/* section-search submit */
#education #search-nav #nav-search-submit {
	background: #fff url(../../img/arr-right-5.gif) 10px 50% no-repeat;
}

#banner-top {
	float: right;
}

#education .ieArrowFix {
	background: url(../../img/arr-right-5.gif) 100% 50% no-repeat;
	padding: 1px 4px;
	text-decoration: none;
}

#education #page-navigation li a.nv {
	background: url(../../img/arr-right-5.gif) 100% 49% no-repeat;
}

.imageContainer {
	clear: both;
	padding: 10px 0 0 0;
}

.imageContainer img {
	float: left;
	margin: 0 10px 0 0;
}


/*   
 ========================================================*/
#education #content-wide {
	width: 765px;
	float: right;
	margin: 20px 0 0 0;
}

	#education .content-wide-item {
		margin: 0 0 10px 0;
		height: 100%;
		overflow: hidden;
		width: 765px;
	}
	
/*
	#education .content-wide-item .relatedContainer {
		line-height: 130%;
	}
*/
	
	#education .content-wide-item .relatedContainer h4 {
		line-height: 120%;
		margin: 0 0 4px 0;
	}

	#education .content-wide-item .content-alt {
		width: 550px;
		float: left;
	}
	
		#education .content-wide-item .relatedContainer {
		}		
		
		#education .content-wide-item .imageContainer {
			text-align: center;
		}

	#education .content-wide-item .side-alt {
		width: 195px;
		float: right;
	}
	
/*   
 ========================================================*/	
#fhi {
	padding: 0;
}

#fhi .imageHomeFeature {
	width: 245px;
}
	#fhi .imageHomeContainer img {
		border: none;
	}

	#fhi .imageHomeContainer .fhiDesc {
		background: #fff;
	}
	
	#fhi .rDesc {
		background: #DADADA;
		margin: 0;
		padding: 4px;
		font-size: 90%;
		font-style: italic;
	}
	
	#fhi .rmCont {
		position: relative;
		height: 250px;
	}
	
	#fhi .rCont {
		position: absolute;
		top: 0;
		left: 0;
	}
	


/*   
 ========================================================*/	
	
.linkDetails {
	border-bottom: solid 12px #fff;
}
	


#content-wide {
	width: 550px;
	float: right;
	margin: 40px 0 0;
}
	
	#education #content-wide a img {
		border: none;
	}
	
	#education #content-wide .projectMiniBanner {
		display: block;
		position: relative;
		height: 75px;
		width: 550px;
		text-decoration: none;
	}
	
	#education #content-wide .projectMiniBanner em {
		position: absolute;
		top: 50px;
		right: 10px;
		color: #fff;
		font-style: normal;
		font-size: 1.3em;
		padding: 0 14px 0 0;
		background: url(../../img/arr-right-complex-1.gif) 100% 5px no-repeat;
	}
	
	#education #content-wide .projectDefaultLink {
		padding: 0 14px 0 0;
		background: url(../../img/arr-right-5.gif) 100% 3px no-repeat;
	}
	
	#education #content-wide .projectDefaultLink:hover {
		text-decoration: none;
	}
	
	#content-banner {

	}

.inlineMedia .imMoreInfo {
	background: #F6F6F7;
}

.inlineMedia .imOpenclose li a {
	background: url(../../img/arr-right-5.gif) 0 3px no-repeat;
}

.video .imActions li.imaName {
	background: url(../../img/ico_video.png) 0 3px no-repeat;
}

.audio .imActions li.imaName {
	background: url(../../img/ico_audio.png) 0 3px no-repeat;
}

.inlineMedia .imActions .imaEnlarge a {
	background: url(../../img/enlarge.png) 0 3px no-repeat;
}