/* CSS Document */

body#synopsis {
width: 100%;
height:100%;
margin: 0;
background-color: #86491F;
position: relative;
}

	#synopsis_wrapper {
background-color: transparent;
width: 800px;
margin: 0 auto 0 auto;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size:0.9em;


}

body#teachers {
width: 100%;
height:100%;
margin: 0;
background-color: #CBD6EC;
position: relative;
}


#teachers_wrapper {
background-color: transparent;
width: 800px;
margin: 0 auto 0 auto;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size:0.9em;


}

body#sound {
width: 100%;
height:100%;
margin: 0;
background-color: #A0ACBE;
position: relative;
}

#sound_wrapper {
background-color: transparent;
width: 800px;
margin: 0 auto 0 auto;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size:0.9em;


}

body#cinema {
width: 100%;
height:100%;
margin: 0;
background-color: #563628;
position: relative;
}

#cinema_wrapper {
background-color: transparent;
width: 800px;
margin: 0 auto 0 auto;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size:0.9em;


}

body#families {
width: 100%;
height:100%;
margin: 0;
background-color: #12244C;
position: relative;
}


#families_wrapper {
background-color: transparent;
width: 800px;
margin: 0 auto 0 auto;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size:0.9em;


}

body#creative {
width: 100%;
height:100%;
margin: 0;
background-color: #8C6E5A;
position: relative;
}

#creative_wrapper {
background-color: transparent;
width: 800px;
margin: 0 auto 0 auto;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size:0.9em;


}

body#creative1 {
width: 100%;
height:100%;
margin: 0;
background-color: #575822;
position: relative;
}


#creative1_wrapper {
background-color: transparent;
width: 800px;
margin: 0 auto 0 auto;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size:0.9em;


}




#content_index {
color: #ffffff;
background: transparent url("imgs/bg1.jpg") top center no-repeat;
margin: 0 0 40px 0;
padding: 0;

}

#content_teachers {
color: #ffffff;
background: transparent url("imgs/bg2.jpg") top center no-repeat;
margin: 0 0 40px 0;
padding: 0;

}

#content_sound {
color: #ffffff;
background: transparent url("imgs/bg3.jpg") top center no-repeat;
margin: 0 0 40px 0;
padding: 0;

}


#content_cinema {
color: #ffffff;
background: transparent url("imgs/bg4.jpg") top center no-repeat;
margin: 0 0 40px 0;
padding: 0;

}

#content_families {
color: #ffffff;
background: transparent url("imgs/bg5.jpg") top center no-repeat;
margin: 0 0 40px 0;
padding: 0;

}

#content_creative {
color: #ffffff;
background: transparent url("imgs/bg6.jpg") top center no-repeat;
margin: 0 0 40px 0;
padding: 0;

}

#content_creative1 {
color: #ffffff;
background: transparent url("imgs/bg7.jpg") top center no-repeat;
margin: 0 0 40px 0;
padding: 0;

}



/* top content - large image */


#top_content {
height: 230px;
padding: 220px 0 0 60px;
margin: 0 auto 0 auto;

}

#top_content_index {
height: 320px;
padding: 130px 0 0 60px;
margin: 0 auto 0 auto;

}




/* columns over image */


#left_col {

float: left;
width: 300px;
margin: 0 30px 0 0;

vertical-align: top;
}


#right_col {

float: right;
width: 300px;
margin: 0 60px 0 0 !important;
margin: 0 40px 0 0;

vertical-align: top;
}

#left_col p, #right_col p {
margin: 0 0 15px 0;
}

h2 {
	margin-top: -10;
}

h2#top {
color: #20609d;

margin: -20px 0 10px 0;
font-size:1.2em;
}

h2#top_teachers {
color: #000000;
margin: 10px 0 10px 0;
font-size:1.2em;
}





/*  nav */

#nav_holder {
	position: absolute;
	top: 500px;
	width: 800px;
	margin: 0 auto 0 auto;

	text-align: center;
}


#nav {
	padding: 0;

	margin: 0;

	
	
}

#nav li {
	display: inline;
	font-size: 0.95em;
	font-weight: normal;
	margin: 0;
}

#nav li a {
	color: #ffffff;
	text-decoration: none;
	padding: 0 6px 0 0;
	margin: 0 2px 0 2px;
	border-right: solid 1px #ffffff;
	font-weight: normal;	
	
}

#nav li a {
	color: #ffffff;
	text-decoration: none;
	padding: 0 6px 0 0;
	margin: 0 2px 0 2px;
	border-right: solid 1px #ffffff;
	font-weight: normal;	
	
}

#nav li#last a {

	border: none;
}

#nav li a:hover {

	text-decoration: underline;
	
	
}

#nav li  span a {

	font-weight: bold;


}

#nav li span a:hover {


	text-decoration: underline;

}





#nav_black {

	padding: 0;

	margin: 0;

	
}

#nav_black li {
	display: inline;
	font-size: 0.95em;
	font-weight: normal;
		
}

#nav_black li a {
	color: #000000;
	text-decoration: none;
	padding: 0 6px 0 0;
	margin: 0 2px 0 2px;
	border-right: solid 1px #000000;
	font-weight: normal;	
	
}

#nav_black li#last a {

	border: none;
}

#nav_black li a:hover {

	text-decoration: underline;
	
	
}

#nav_black li  span a {

	font-weight: bold;


}

#nav_black li span a:hover {


	text-decoration: underline;

}


/* main content */


#main_content {
width: 700px;
color: #000000;
font-size: 1em;
padding: 0 0px 10px 40px;
margin:0;
}


#main_content_white {
width: 700px;
color: #ffffff;
font-size: 1em;
padding: 0 0px 10px 40px;
margin:0;
}



/* general bits */

h1 {

margin: 0;
}

h2 {
	margin: 0;
	
}

h3, h4 {
	margin: 0.5em 0 0 0;
}

.hide {
display: none;

}

img {
border: 0;

}

a {
color: #ffffff;
}

a.black {
color: #000000;
}

#main_content_white a {
color:#6399b6;
}


p.black {
color: #000000;
}

.white {
color: #ffffff;
}





/* footer */

#footer {

text-align: center;
padding: 40px 0 30px 0;
}




/* bullet lists in main content */

#main_content ul, #main_content_white ul {

	margin: 10px 0 0 20px;
	padding: 0;
}

#main_content ul li, #main_content_white ul li {


padding-bottom: 0.4em;


}