/*FOR OTHER CSS STYLES */

#Wrapper {
margin: 0 auto;
width: 996px;
}

#InsidePageWrapper{
margin: 0 auto;
width: 996px;
min-height: 100%;
}


.hide {
display:none;
}

/* INDEX */

	#Clapper {
	position:absolute;
	top: 50%;
	left: 50%;
	height: 560px;
	width: 996px;
	margin-top: -280px;
	margin-left: -498px;
	}

		#iHeader, iMenu, iFlash, iFooter, iFooter_01 {
		width: 100%;
		background-repeat:no-repeat;
		}
	
		#iHeader {
		background-image:url(../images/indx_header_01.png);
		height: 185px;
		}
		
		#iMenu {
		background-image:url(../images/indx_menu_guide.png);
		height: 26px;
		padding-left: 28px;
		}
			
			ul#Menu,
			ul#ipMenu {
			list-style: none;
			padding: 0;
			margin: 0;
			}
			
				li#iMenuItemHome,
				li#iMenuItemStudentCreations,
				li#iMenuItemResources,
				li#iMenuItemTeamMembers,
				li#iMenuItemClap {
				height: 26px;
				float: left;
				text-indent: -9999em;
				}
					
					li#iMenuItemHome a, 
					li#iMenuItemStudentCreations a,
					li#iMenuItemResources a, 
					li#iMenuItemTeamMembers a,
					li#iMenuItemClap a {
					background-repeat: no-repeat;
					height: 26px;
					display: block;
					} 
	
					li#iMenuItemHome a {
					background-image:url(../images/indx_menu_home.jpg);
					width:122px;
					}
	
					li#iMenuItemStudentCreations a {
					background-image:url(../images/indx_menu_sc.jpg);
					width:230px;
					}
					
					li#iMenuItemResources a {
					background-image:url(../images/indx_menu_resources.jpg);
					width:159px;
					}
					
					li#iMenuItemTeamMembers a {
					background-image:url(../images/indx_menu_tm.jpg);
					width:226px;
					}
					
					li#iMenuItemClap a {
					background-image:url(../images/indx_menu_about.jpg);
					width:172px;
					}
					
						li#iMenuItemHome a:hover,
						li#iMenuItemStudentCreations a:hover,
						li#iMenuItemResources a:hover,
						li#iMenuItemTeamMembers a:hover,
						li#iMenuItemClap a:hover {
						background-position: 0 -26px;
						}
	
	
		#iFlash {
		background-image:url(../images/indx_flash_guide.png);
		padding-left: 28px;
		padding-right:59px;
		height: 255px;
		}

		#iFooter_01 {
		background-image:url(../images/indx_footer_01.png);
		height: 35px;
		}

		#iFooter {
		background-image:url(../images/indx_footer_02.png);
		height: 60px;
		}
		
/* THE INSIDE PAGES  
=============================================================
*/
.insidePages {
margin:  0 20px 0 14px;
float:left;
}

	.insidePageHeader {
	float: left;
	width: 100%;
	clear: both;
	height: 178px;
	}
	
		#insidePageLogo,
		#insidePageLogo a {
		text-indent: -9999px;
		display:block;
		width: 254px;
		height:178px;
		}
	
		#insidePageLogo {
		background-image: url(../images/ip_logo_clap.png);
		background-repeat:no-repeat;
		float: left;
		}
		
		#insidePageHeaders, 
		#insidePageHeadersMenu,
		#insidePageHeaders_2 {
		float: left;
		}
		
		#insidePageHeaders {
		background-image:url(../images/ip_header_1.png);
		width: 708px;
		height:106px;
		}
		
		#insidePageHeadersMenu {
		background-image:url(../images/ip_header_menuguide.png);
		width: 708px;
		height:16px;
		}

			
				li#ipMenuItemHome,
				li#ipMenuItemStudentCreations,
				li#ipMenuItemResources,
				li#ipMenuItemTeamMembers,
				li#ipMenuItemClap {
				height: 16px;
				float: left;
				text-indent: -9999em;
				}

					
					li#ipMenuItemHome a, 
					li#ipMenuItemStudentCreations a,
					li#ipMenuItemResources a, 
					li#ipMenuItemTeamMembers a,
					li#ipMenuItemClap a {
					background-repeat: no-repeat;
					height: 16px;
					display: block;
					} 
	
					li#ipMenuItemHome a {
					background-image:url(../images/ip_menu_home.gif);
					width:72px;
					}
	
					li#ipMenuItemStudentCreations a {
					background-image:url(../images/ip_menu_sc.gif);
					width:192px;
					}
					
					li#ipMenuItemResources a {
					background-image:url(../images/ip_menu_resources.gif);
					width:114px;
					}
					
					li#ipMenuItemTeamMembers a {
					background-image:url(../images/ip_menu_tm.gif);
					width:175px;
					}
					
					li#ipMenuItemClap a {
					background-image:url(../images/ip_menu_about.gif);
					width:119px;
					}
					
						li#ipMenuItemHome a:hover,
						li#ipMenuItemStudentCreations a:hover,
						li#ipMenuItemResources a:hover,
						li#ipMenuItemTeamMembers a:hover,
						li#ipMenuItemClap a:hover {
						background-position: 0 -16px;
						}
	

		#insidePageHeaders_2 {
		background-image:url(../images/ip_header_2.png);
		width: 708px;
		height: 56px;
		}
		
	.insidePageBody {
	background-image:url(../images/ip_bg_body.png);
	background-repeat: repeat-y;
	width:818px;
	float: left;
	clear: both;
	padding: 0 35px  15px 106px;
	}
	
	ul#vpMenu {
	float: right;
	list-style: none;
	padding: 0;
	margin-top: -50px;
	}
	
		li#vpVideo ,
		li#vpStoryboard,
		li#vpCorporate,
		li#menuSpace {
		background-color: #FFA800;
		float: left;
		margin-right: 3px;
		text-align: center;
		}
		
		li#vpVideo {
		width: 152px;
		}
		
		li#vpStoryboard {
		width: 123px;
		}
		
		li#vpCorporate {
		width: 173px;
		}
		
		li#menuSpace {
		width: 0px;
		background: #FFA800;
		height: 22px;
		text-indent: -9999px;
		}

				li#vpVideo a, 
				li#vpStoryboard a, 
				li#vpCorporate a{ 
				color: #FFFFFF;
				font-weight: bold;
				font-size: 12px;
				text-decoration: none;
				display:block;
				padding: 6px 30px 6px 30px;
				}
				
				li#vpVideo a:hover,
				li#vpStoryboard a:hover, 
				li#vpCorporate a:hover {
				background-color:#000000;
				}
					
	.insidePageFooter {
	/*background-image:url(../images/ip_footer.png);*/
	float: left;
	clear: both;
	width: 951px;
	height: 53px;
	}
	
		
#VideoPage {
}

	#videoWrapper {
	margin-top: 10px;
	}
	
	.videoThumbnail {
	padding: 6px;
	margin-right: 10px;
	margin-bottom: 30px;
	background-color:#E5E5E5;
	width: 138px;
	float: left;
	height: 150px;
	}
	
#storyboardWrapper {
float: left;
width: 100%;
}

	table#storyBoard tr {
	background-color:#eee2db;
	}

	table#storyBoard tr.alt {
	background-color:#FFFFFF;
	}
	
	table#storyBoard tr td,
	table#storyBoard tr.alt td {
	padding: 5px;
	width: 33%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	vertical-align:middle;
	color:#999999;
	}
		
	table#storyBoard tr td.left {
	text-align: left;
	}
		
	/*
	ABOUT CLAP	
	====================================
	*/

div#aboutWrapper {
margin-top: 20px;
float: left;
}
	
	div#aboutFieldwork {
	background-image:url(../images/title_about_fieldwork.jpg);
	background-repeat:no-repeat;
	}

	div#aboutStoryboard {
	background-image:url(../images/title_about_storyboard.jpg);
	background-repeat:no-repeat;
	}
	
	div#aboutCast {
	background-image:url(../images/title_about_cast.jpg);
	background-repeat:no-repeat;
	}
	
	div#aboutEdit {
	background-image:url(../images/title_about_edit.jpg);
	background-repeat:no-repeat;
	}
	
	div#aboutFilm {
	background-image:url(../images/title_about_film.jpg);
	background-repeat:no-repeat;
	}
	
	div.aboutContainer {
	float: left;
	width: 143px;
	margin-right: 5px;
	padding: 6px;
	padding-top: 90px;
	border-left: thin #FFA800 solid;
	}
	
div#insidePageTeamMembers {
background-image:url(../images/bg_tm.jpg);
background-position:50% 50%;
background-repeat:no-repeat;
background-color:white;
}

div#insidePageTeamMembersHeader {
background-image:url(../images/title_teammembers.jpg);
background-repeat: no-repeat;
height: 127px;
width: 810px;
}

	ul#tmMenu {
	float: right;
	list-style: none;
	padding: 0;
	margin-top: 114px;
	}

		li#tmPrincipal,
		li#tmVicePrincipal,
		li#tmMasterTeacher,
		li#tmTeamMembers,
		li#tmmenuSpace {
		background-color: #FFA800;
		float: left;
		margin-right: 3px;
		text-align: center;
		}
		
		li#tmPrincipal {
		width: 100px;
		}
		
		li#tmVicePrincipal {
		width: 150px;
		}
		
		li#tmMasterTeacher {
		width: 150px;
		}
		
		li#tmTeamMembers {
		width: 200px;
		}
		
		li#tmmenuSpace {
		background: #FFA800;
		height: 25px;
		text-indent: -9999px;
		width: 233px;
		}

				li#tmPrincipal a,
				li#tmVicePrincipal a,
				li#tmMasterTeacher a, 
				li#tmTeamMembers a {
				color: #FFFFFF;
				font-weight: bold;
				font-size: 12px;
				text-decoration: none;
				display:block;
				padding: 6px 30px 6px 25px;
				line-height: 13px;
				}
				
				li#tmPrincipal a:hover,
				li#tmVicePrincipal a:hover,
				li#tmMasterTeacher a:hover,
				li#tmTeamMembers a:hover {
				background-color:#000000;
				}
					
/*RESOURCES 
================================
*/

div#studentReflections {
width: 450px;
float: left;
margin-right: 15px;
}


div#teacherReflections {
width: 300px;
float: right;
}

div#itemsToDownload {
margin-top: 15px;
width: 300px;
float: right;
}

.testimony img {
float: right;
}

/*TEAM MEMBERS BY LINE
================================
*/

#TeamMembersByline
{
text-align: right;
margin-top: 15px;
}

#TeamMembersByline img {
margin-left: 15px; 
float:right;
}

#MasterTeacherByline
{
text-align: left;
margin-top: 15px;
}

#MasterTeacherByline img {
margin-right: 15px; 
float:left;
}


table#TeamMembersList {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 10px;
	color: #333333;
}

table#TeamMembersList tr td{
margin:5px;
padding: 5px;
}

table#TeamMembersList tr.alt {
background-image:url(../images/tm_bg.png);
}

div#TeamMemberPicture {
	float: left; 
	height: 150px; 
	width:111px; 
	margin: 0 15px 0 0; 
	padding:9px 0 0 0;
}

/*
RESOURCES
==============================================
*/

ul.resourceDownload {
list-style:none;
}

ul.resourceDownload li{
margin: 2px 0 4px 0;
}

ul.resourceDownload li.alt{
margin: 2px 0 2px 0;
background-color:#fce9c4;
padding:1px 0 3px; 0;
}

ul.resourceDownload img {
position: relative;
top: 3px;
left: 3px;
margin:0 8px 0 0;
}