/*---------------------------------Wacko background image centered-------------------*/
#centered-background-image{
	width: 100%;
	height: 800px;
	background-image: url(../images/background-image.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	}


/*----------------------------------------Position Main Interface-------------------*/

#interface {
	margin: 0px auto;
	width: 960px;
	}
	
	#container {
		float: left;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		width: 960px;
	}
	/*----------------------------------------Header-------------------------------*/	
		#header {
			float: left;
			width: 960px;
			}
		
	
	/*--------------------------------------Content width-----------------------------*/
	#content-width{
		float: left;
		width: 960px;
		background: url(../images/content-width-bg-repeat.gif) left top repeat-y #fff;
		}
		#content-container{
			float: left;
			width: 960px;
			background: url(../images/content-container-bg.jpg) left top no-repeat transparent;
			}
		
		#content-bottom{
			float: left;
			width: 960px;
			background: url(../images/content-bottom.gif) left top no-repeat;
			height: 16px;
			font-size: 0;
			}
	/*------------------------------------Search-box----------------------*/
	#search-box{
		float: left;
		width: 350px;
		}
		#search-box form{
			float: left;
			margin: 40px 0 0 25px;
			display: inline;
			width: 325px;
			}
			#search-box li{
				float: left;
				}
			#search-box label{
				float: left;
				width: 60px;
				text-align: right;
				padding: 2px 5px 0 0;
				font-weight: bold;
				color: #735744;
				}
			#search-box input{
				float: left;
				width: 125px;
				border: 1px solid #735744;
				background: #f8efb3;
				padding: 1px;
				margin: 0 5px 0 0;
				}
				#search-box #search_button{
					border: none;
					background: transparent;
					width: 39px;
					height: 20px;
					padding: 0;
					}
		#search-box #advanced-search{
			clear: both;
			color: #735744;
			font-size: 80%;
			text-decoration: underline;
			margin: 0 0 0 90px;
			display: inline;
			}
	
	/*------------------------------------top nav--------------------------*/
	#top-nav{
		float: right;
		width: 597px;
		margin: 30px 0 0 0;
		}
		#top-nav li{
			float: left;
			
			}
			#top-nav li a{
				background-color: #1b4665;
				color: #fff;
				font-weight: bold;
				display: block;
				float: left;
				}
	
	/*-----------------------------main content container---------------------*/
	#main-content-container{
		float: left;
		width: 960px;
		margin: 43px 0 0 0;
		}
	* html #main-content-container{
		float: left;
		width: 960px;
		margin: 39px 0 0 0;
		}
	
	/*------------------------------left menu----------------------*/
	#left-menu{
		float: left;
		width:	260px;
		background: url(../images/menu-left-bg-repeat.jpg) left top repeat-y transparent;
		margin: 0 0 0 5px;
		display: inline;
		color: #fff;
		}
		#left-menu-top{
			float: left;
			width: 260px;
			background: url(../images/menu-left-top.jpg) left top no-repeat;
			}
			#left-menu-top .left-menu-boxes{
				float: left;
				width: 225px;
				margin: 0 0 10px 10px;
				display: inline;
				background: #878061;
				}
				#left-menu-top .left-menu-boxes-titles{
					float: left;
					width: 205px;
					background: url(../images/left-menu-boxes-title.jpg) left top no-repeat #352419;
					color: #ffc273;
					padding: 5px 10px 5px 10px;
					font-size: 100%;
					font-weight: bold;
					}
				#left-menu-top .left-menu-boxes-top{
					float: left;
					width: 225px;
					display: inline;
					background: url(../images/left-menu-boxes-top.jpg) left top no-repeat #878061;
					}
					#left-menu-top .left-menu-boxes-top ul{
						float: left;
						width: 205px;
						margin: 10px 10px 0 10px;
						display: inline;
						padding: 0;
						}
					#left-menu-top .left-menu-boxes-top .separator{
						float: left;
						width: 205px;
						background: url(../images/separator.gif) left top no-repeat;
						height: 8px;
						font-size: 0;
						margin: 10px 10px 0 10px;
						display: inline;
						padding: 0;
						}
						#left-menu-top .left-menu-boxes-top ul li{
							float: left;
							width: 205px;
							font-size: 80%;
							}
						#left-menu-top .left-menu-boxes-top ul .lessons{
							float: left;
							width: 205px;
							font-size: 80%;
							padding: 0 0 5px 0;
							margin: 0 0 5px 0;
							border-bottom: 1px dashed #a29d87;
							}
							#left-menu-top .left-menu-boxes-top ul li a{
								color: #fff;
								text-decoration: none;
								}
								#left-menu-top .left-menu-boxes-top ul li a:hover, #left-menu-top .left-menu-boxes-top ul li a:focus{
									color: #ffc273;
									text-decoration: underline;
									}
						#left-menu-top .left-menu-boxes-top ul .topic{
							float: left;
							width: 205px;
							font-weight: bold;
							font-size: 85%;
							}
						#left-menu-top .left-menu-boxes-top ul .learning-objectives{
							float: left;
							width: 205px;
							font-weight: bold;
							font-size: 100%;
							padding: 1px 0 1px 0;
							}
						#left-menu-top .left-menu-boxes-top ul .archives-involved{
							float: left;
							width: 205px;
							font-weight: bold;
							font-size: 70%;
							padding: 2px 0 2px 0;
							}
						
						/*-----------Sources gallery search-----------*/
						#left-menu-top .left-menu-boxes-top form{
							float: left;
							width: 225px;
							}
							#left-menu-top .left-menu-boxes-top form li{
								clear: both;
								width: 205px;
								padding: 2px 0 2px 0;
								}
							#left-menu-top .left-menu-boxes-top label{
								float: left;
								width: 55px;
								text-align: right;
								padding: 3px 2px 0 0;
								font-weight: bold;
								}
							#left-menu-top .left-menu-boxes-top #source_keyword{
								float: left;
								width: 142px;
								border: 1px solid #735744;
								background: #fff;
								padding: 2px;
								}
							#left-menu-top .left-menu-boxes-top #view-source-button{
								float: right;
								margin: 2px 13px 5px 0;
								display: inline;
								}
						
				#left-menu-top .left-menu-boxes-bottom{
					float: left;
					width: 225px;
					display: inline;
					height: 10px;
					background: url(../images/left-menu-boxes-bottom.jpg) left top no-repeat;
					font-size: 0;
					}
				
		#left-menu-bottom{
			float: left;
			width: 260px;
			height: 78px;
			background: url(../images/menu-left-bottom.jpg) no-repeat left top;
			}
	/*----------------------Archives involved----------------*/
	.archives-wrapper{
		float: left;
		width: 615px;
		background: url(../images/archives-wrapper-bg.jpg) left top repeat-x;
		padding: 10px;
		margin: 0 0 10px 10px;
		display: inline;
		}
		.archives-container{
			float: left;
			width: 605px;
			background: #d1ccb4;
			padding: 5px;
			}
			.archives-container .zone-image{
				float: left;
				width: 228px;
				height: 142px;
				background: #fff;
				}
			.archives-container .zone-description{
				float: right;
				width: 362px;
				background: #fff;
				padding: 5px;
				}
				#content .archives-container .zone-description p{
					clear: both;
					width: 362px;
					background: #fff;
					padding: 0 0 5px 0;
					line-height: 1.2;
					}
				#content .archives-container .zone-description strong{
					color: #624836;
					}
				#content .archives-container .zone-description a{
					font-weight: bold;
					}
					
					
	/*---------------Schools involved---------------*/
	.schools-container{
		float: left;
		width: 613px;
		margin: 20px 0 10px 10px;
		display: inline;
		border: 1px solid #5f4533;
		color: #2e2620;
		background: url(../images/schools-involved-bg-repeat.jpg) left top repeat-x;
		padding: 0 0 5px 0;
		}
		.schools-container .title{
			float: left;
			width: 606px;
			display: inline;
			color: #fff;
			font-weight: bold;
			background-color: #5f4533;
			margin: 1px;
			padding: 2px 0 2px 5px;
			}
			.schools-container .zone-image{
				float: left;
				margin: 5px 0 0 5px;
				width: 100px;
				height: 100px;
				background-color: #ccc;
				display: inline;
				}
			.schools-container .zone-description{
				margin: 5px 0 0 5px;
				display: inline;
				}
				#content .schools-container .zone-description p{
					float: left;
					padding: 0 0 0 5px;
					width: 495px;
					font-size: 100%;
					}
				#content .schools-container .zone-description-long p{
					float: left;
					padding: 0 0 0 5px;
					width: 600px;
					font-size: 100%;
					}
					#content .schools-container .zone-description a{
						font-weight: bold;
						}
		
			
	
	/*-----------------------content------------------------*/
	#content{
		float: right;
		margin: 0 5px 0 0;
		width: 675px;
		}
		#content p{
			float: left;
			width: 635px;
			}
		
			#content #list-resources-container{
				float: left;
				width: 645px;
				margin: 0 0 0 5px;
				display: inline;
				}
				#content .resources-containers{
					float: left;
					width: 320px;
					background: url(../images/resources-container-bottom.jpg) left bottom no-repeat;
					margin: 0 0 10px 0;
					}
				#content .resources-containers-top{
					float: left;
					width: 288px;
					background: url(../images/resources-container-top.jpg) left top no-repeat;
					padding: 11px 16px 22px 16px;
					}
					#content .resources-containers-top .zone-image{
						float: left;
						width: 75px;
						height: 75px;
						padding: 1px;
						background-color: #fff;
						padding: 0 0 15px 0;
						}
					#content .resources-containers-top .zone-description{
						float: right;
						width: 190px;
						padding: 5px;
						background-color: #fff;
						}
						#content .resources-containers-top .zone-description ul{
							float: left;
							width: 194px;
							}
							#content .resources-containers-top .zone-description ul li{
								float: left;
								width: 179px;
								font-size: 80%;
								padding: 1px 0 1px 15px;
								background: url(../images/icons/list-item.gif) left center no-repeat;
								}
								#content .resources-containers-top .zone-description ul li a{
									color: #8c835d;
									}
							#content .resources-containers-top .zone-description ul .topic-name{
								float: left;
								width: 184px;
								padding: 0 0 1px 0;
								background: none;
								}
								#content .resources-containers-top .zone-description ul .topic-name a{
									font-weight: bold;
									color: #ff9000;
									}
	
	
	/*-------------------------List resources----------------------------*/
	.view-all-topic-images{
		float: left;
		width: 635px;
		margin: 0 0 2px 0;
		}
	.list-resources-wrapper{
		float: left;
		width: 656px;
		background: url(../images/list-resources-bg-top.jpg) left top no-repeat;
		margin: 0 0 10px 0;
		}
		.list-resources-container{
			float: left;
			width: 656px;
			background: url(../images/list-resources-bg-bottom.jpg) left bottom no-repeat;
			padding: 0 0 22px 0;
			}
			.list-resources-dark-bg{
				float: left;
				width: 624px;
				background-color: #d1ccb4;
				margin: 12px 0 0 17px;
				display: inline;
				}
			.list-resources-drama-bg{
				float: left;
				width: 624px;
				background-color: #b4d1cc;
				margin: 12px 0 0 17px;
				display: inline;
				}
				.list-resources-dark-bg .titles, 
				.list-resources-drama-bg .titles{
					float: left;
					font-weight: bold;
					color: #624836;
					padding: 5px;
					}
				.list-resources-dark-bg .activities, 
				.list-resources-drama-bg .activities{
					float: right;
					color: #624836;
					padding: 5px;
					font-size: 85%;
					}
				.list-resources-dark-bg img, 
				.list-resources-drama-bg img {
					float: left;
					margin: 0;
					padding: 2px;
					}
				
				.list-resources-dark-bg .zone-image-description, 
				.list-resources-drama-bg .zone-image-description{
					float: left;
					width: 614px;
					margin: 0 0 0 5px;
					display: inline;
					background: url(../images/zone-image-description-bg.gif) left top repeat-y;
					}
					.list-resources-dark-bg .zone-image-description .zone-description, 
					.list-resources-drama-bg .zone-image-description .zone-description{
						float: left;
						width: 312px;
						margin: 0 0 0 4px;
						display: inline;
						padding: 5px;
						}
					.list-resources-dark-bg .zone-image-description .zone-description .learning-objectives-title, 
					.list-resources-drama-bg .zone-image-description .zone-description .learning-objectives-title{
						clear: both;
						font-weight: bold;
						color: #ff9000;
						width: 312px;
						font-size: 75%;
						}
						.list-resources-dark-bg .zone-image-description .zone-description li,
						.list-resources-drama-bg .zone-image-description .zone-description li
						{
							clear: both;
							font-size: 85%;
							padding: 0;
							}
						.list-resources-dark-bg .zone-image-description .zone-description .learning-objectives,
						.list-resources-drama-bg .zone-image-description .zone-description .learning-objectives
						{
							clear: both;
							font-weight: bold;
							color: #624836;
							margin: 5px 0 0 0;
							}
						.list-resources-dark-bg .zone-image-description .zone-description li img,
						.list-resources-drama-bg .zone-image-description .zone-description li img
						{
							float: none;
							clear: none;
							padding: 0;
							}
				
				.list-resources-dark-bg .text-links,
				.list-resources-drama-bg .text-links
				{
					float: left;
					width: 180px;
				}
				.list-resources-dark-bg .buttons,
				.list-resources-drama-bg .buttons
				{
					float: right;
					width: 394px;
					padding: 4px;
				}
				/*.list-resources-dark-bg .download-zip-buttons,
				.list-resources-drama-bg .download-zip-buttons
				{
					float: right;
					margin: 5px;
					display: inline;
					}*/
					.list-resources-dark-bg .download-zip-buttons img, 
					.list-resources-drama-bg .download-zip-buttons img{
						padding: 0;
						background: transparent;
						}
					.list-resources-dark-bg .related-sources,
					.list-resources-drama-bg .related-sources
					{
						float: left;
						margin: 0 0 0 5px;
						display: inline;
						color: #765d46;
						font-size: 85%;
						padding: 5px 0 0 0;
						}
					.list-resources-dark-bg .resource-feedback,
					.list-resources-drama-bg .resource-feedback
					{
						/*float: right;*/
						margin: 0 0 0 5px;
						display: inline;
						color: #765d46;
						font-size: 85%;
						padding: 5px 0 0 0;
						}
					.list-resources-dark-bg .resource-feedback:hover, .list-resources-dark-bg .resource-feedback:focus,
					.list-resources-drama-bg .resource-feedback:hover, .list-resources-drama-bg .resource-feedback:focus
					{
						color: #433022;
						}
	
	
	/*----------------Advanced Search-------------------------------*/
	.advanced-search-wrapper{
		float: left;
		width: 656px;
		background: url(../images/advanced-search-bg-top.jpg) left top no-repeat;
		margin: 0 0 40px 0;
		}
		.advanced-search-container{
			float: left;
			width: 656px;
			background: url(../images/advanced-search-bg-bottom.jpg) left bottom no-repeat;
			padding: 0 0 22px 0;
			}
			.advanced-search-dark-bg{
				float: left;
				width: 624px;
				background-color: #d1ccb4;
				margin: 12px 0 0 17px;
				display: inline;
				}
			.advanced-search-dark-bg form{
				float: left;
				width: 544px;
				background-color: #d1ccb4;
				margin: 30px 0 0 40px;
				display: inline;
				}
			.advanced-search-dark-bg form li{
				clear: both;
				width: 544px;
				padding: 2px 0 2px 0;
				}
			.advanced-search-dark-bg form label{
				float: left;
				width: 175px;
				font-weight: bold;
				color: #765d46;
				font-size: 85%;
				padding: 4px 3px 0 0;
				text-align: right;
				}
			.advanced-search-dark-bg form select{
				float: left;
				width: 366px;
				border: 1px solid #765d46;
				}
			
			.advanced-search-dark-bg form #search-learning-resources{
				margin: 3px 0 30px 178px;
				display: inline;
				}
				
						
	/*---------------------Sources gallery------------------------*/
	.paging{
		clear: both;
		width: 635px;
		margin: 0 0 0 10px;
		font-size: 85%;
		}
		.matching-results{
			float: left;
			width: 400px;
			}
		.pagging{
			float: right;
			}
		
		
		.sources-container{	
			float: left;
			width: 306px;
			margin: 10px 5px 10px 10px;
			display: inline;
			background-color: #e7e3cf;
			color: #2e2620;
			font-size: 85%;
			padding: 5px;
			}
		.sources-container a img{
			float: left;
			padding: 0 0 55px 0;
			}
		
		.sources-container .thumbnails{	
			float: left;
			width: 76px;
			height: 76px;
			background: #735744;
			padding: 1px 0 0 1px;
			}
			.sources-container .thumbnails img{	
				float: left;
				display: block;
				font-size: 0;
				}
			.sources-container-description{
				float: left;
				width: 224px;
				margin: 0 0 0 5px;
				display: inline;
				}
				.sources-container-description a{
					clear: both;
					color: #2e2620;
					font-weight: bold;
					font-size: 95%;
					}
				.sources-container-description ul{
					clear: both;
					color: #2e2620;
					font-size: 95%;
					padding: 5px 0 0 0;
					}
	
	
		.overlib-bg-container{
			border: 1px solid #c8d2e6;
			background-color: #d8e2f6;
			padding: 10px;
			font-size: 85%;
			}
	/*------------Source details description----------------*/
	.source-details-image{
		float: left;
		margin: 0 0 10px 10px;
		display: inline;
		width: 613px;
		padding: 10px;
		background: #928b6d;
		border: 1px solid #765d46;
		}
	
	.source-details-description{
		float: left;
		margin: 0 0 0 10px;
		display: inline;
		width: 373px;
		color: #2e2620;
		font-size: 85%;
		}
		.source-details-description .title{
			font-size: 100%;
			font-weight: bold;
			padding: 0 0 10px 0;
			}
	#download-lesson-button{
		float: right;
		margin: 0 30px 0 0;
		display: inline;
		}
	/*------------------CMS pages------------------------*/
	#content #cms-pages ul{
			float: left;
			width: 600px;
			margin: 0 0 10px 45px;
			display: inline;
			font-size: 85%;
			}
			#content #cms-pages ul li{
				float: left;
				width: 520px;
				padding: 0 0 10px 10px;
				display: block;
				background: url(../images/icons/list-item-small.gif) left 5px no-repeat;
				}
				
	/*----------------FAQS----------------------*/

	#content #cms-pages #faqs{
		float: left;
		width: 620px;
		padding: 10px 0 10px 0;
		margin: 0 0 30px 0;
		border-bottom: 1px solid #f2f2f2;
		}
	
		
	
		#content #cms-pages .question-answer{
			float: left;
			width: 640px;
			padding: 10px;
			margin: 0 0 30px 0;
			border-bottom: 1px solid #bfbaa5;
			background: #efecdf;
			}
		#content #cms-pages .question-answer h2{
			clear: both;
			font-size: 100%;
			font-weight: bold;
			}
	
	/*--------------list-logo-bottom-------------------*/
	#list-logos-bottom{
		float: left;
		width: 920px;
		background: url(../images/list-logos-bottom-separator.gif) left top repeat-x;
		margin: 60px 0 0 10px;
		padding: 10px 10px 0 10px;
		display: inline;
		}

/*---------------------------------------Footer-----------------------------*/
		#footer{
			float: left;
			width: 920px;
			margin: 0 0 0 0;
			padding: 20px 20px 150px 20px;
			background: url(../images/footer-bg.jpg) left top no-repeat;
			color: #28d2b4;
			font-size: 70%;
			text-align: left;
		}
		#footer-left{
			float: left;
			width: 700px;
			}
		#footer-right{
			float: right;
			}
		#footer a{
			text-decoration: none;
			color: #fff;
		}
		#footer a:hover, #footer a:focus{
			text-decoration: underline;
		}
		


/*--------------------Holding page--------------*/
#centered-background-image-holding{
	width: 100%;
	height: 800px;
	background-image: url(../images/holding-page-bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	}


#holding-content-container{
			float: left;
			width: 960px;
			background: url(../images/holding-content-container-bg.jpg) left top no-repeat transparent;
			}
		
		#content-holding{
			float: left;
			width: 426px;
			margin: 40px 0 0 15px;
			padding: 0;
			display: inline;
			color: #544232;
			}
			#content-holding h1{
				float: left;
				width: 426px;
				padding: 0 0 15px 10px;
				}
		
		#photos-school{
			float: right;
			width: 484px;
			margin: 40px 15px 0 0;
			display: inline;
			}
		
		#list-logos-bottom-holding{
		float: left;
		width: 920px;
		background: url(../images/list-logos-bottom-separator.gif) left top repeat-x;
		margin: 0 0 0 10px;
		padding: 10px 10px 0 10px;
		display: inline;
		}