/*

stylesheet for Sounds Like Teen Spirit

*/



body {
width:100%; 
height:100%;
position:relative;
background: #66ccff;
color: #000000;
margin: 0;
font-family:Arial, Helvetica, sans-serif;	
font-weight: normal;
line-height: 1.2em;
font-size: 0.9em;
}



#wrapper {
width: 955px;
margin: 0 auto 3em auto;
background: #ffffff;
text-align: left;	
position: relative;
}	


#header{
width: 955px;
height: 300px;
margin: 0 auto 1.5em auto;
background: #ffffff;

}	


#content	 {
margin: 0;
clear: both;
padding: 35px 20px 20px 20px;
overflow: auto;

}




#content_spacer {
margin: 0;
float: left;
width: 1px;
height: 500px;
}

.left_col	 {
margin: 0;
width: 490px;

}




#video_player {
position: absolute;
margin: 0;

width: 410px;
top: 375px;
left: 525px;

text-align: center;
}



/* general */

a {
color: #3baccc;
text-decoration: underline;
}

a:visited {
color: #3baccc;
}

a:hover {
color: #3baccc;
}


/* headings */

h2#slts_title {

background: transparent url(images/banner.jpg) top left no-repeat;
width: 955px;
height:324px;	
margin:0;

}	

h2#slts_title a {
position: absolute;
height: 270px;
width: 430px;
top: 50px;
left: 40px;
margin: 0;
}




/* navigation */

#main_nav {
position: absolute;
margin: 0;
height: 300px;
width: 450px;
top: 10px;
left: 490px;
}


#main_nav ul li, ul#sub_nav li {
margin: 0;
list-style: none;
display: inline;
}


a#teachers {
float: left;

width: 240px;
height: 35px;
margin: 0.5em 0 7px 0;
background: transparent url(images/nav/teachers_notes.gif) top left no-repeat;

}

a#nation {
float: left;

width: 272px;
height: 36px;
margin: 7px 0 7px 80px;
background: transparent url(images/nav/nation_and_identity.gif) top left no-repeat;

}

a#culture {
float: left;

width: 351px;
height: 38px;
margin: 7px 0 7px 50px;
background: transparent url(images/nav/culture_and_community.gif) top left no-repeat;

}


a#creativity {
float: left;

width: 386px;
height: 28px;
margin: 20px 0 7px 15px;
background: transparent url(images/nav/creativity_and_collaboration.gif) top left no-repeat;

}


a#making {
float: left;

width: 287px;
height: 49px;
margin: 10px 0 7px 65px;
background: transparent url(images/nav/making_the_film.gif) top left no-repeat;

}

	a#teachers:hover, a#teachers.current {
	background-position: 0 -35px;
	}
	
	a#nation:hover, a#nation.current  {
	background-position: 0 -36px;
	}

	a#culture:hover, a#culture.current  {
	background-position: 0 -38px;
	}

	a#creativity:hover, a#creativity.current  {
	background-position: 0 -28px;
	}

	a#making:hover, a#making.current  {
	background-position: 0 -49px;
	}


ul#sub_nav  {
position: absolute;
margin: 0;
padding: 0;

top: 325px;
left: -470px;
width: 900px;

}



ul#sub_nav li a {
margin: 0;
padding: 0;
float: left;
}


a#sub_teachers {
width: 283px;
height: 26px;
background: transparent url(images/nav/sub_teachers_notes.gif) top left no-repeat;
display: block;

}


a#sub_nation {
width: 142px;
height: 34px;
background: transparent url(images/nav/sub_nation.gif) top left no-repeat;
background-position: 0 -34px;
}


a#sub_identity {
width: 164px;
height: 34px;
background: transparent url(images/nav/sub_identity.gif) top left no-repeat;
background-position: 0 -34px;
}


a#sub_culture {
width: 160px;
height: 34px;
background: transparent url(images/nav/sub_culture.gif) top left no-repeat;
background-position: 0 -34px;
}


a#sub_community {
width: 237px;
height: 34px;
background: transparent url(images/nav/sub_community.gif) top left no-repeat;
background-position: 0 -34px;
}

a#sub_collaboration {
width: 473px;
height: 34px;
background: transparent url(images/nav/sub_collaboration.gif) top left no-repeat;
background-position: 0 -34px;
}


a#sub_creativity {
width: 312px;
height: 34px;
background: transparent url(images/nav/sub_creative.gif) top left no-repeat;
background-position: 0 -34px;
}


a#sub_documentary {
width: 271px;
height: 34px;
background: transparent url(images/nav/sub_documentary.gif) top left no-repeat;
background-position: 0 -34px;
}


a#sub_music {
width: 210px;
height: 34px;
background: transparent url(images/nav/sub_music.gif) top left no-repeat;
background-position: 0 -34px;
}



#sub_nav a:hover, #sub_nav a.current  {
background-position: 0 0;

}






.sub_nav a {

text-decoration: none;
}



.sub_nav a:hover  {

text-decoration: underline;
}

*/





/* general */

a {
color: #3baccc;
text-decoration: underline;
}

a:visited {
color: #3baccc;
}

a:hover {
color: #3baccc;
}

img {
margin: 0;
float: right;
}


.hide {
display: none;
}


#content ul, #content_sub ul
{
margin-top: 1em;	
margin-left: 0;
padding-left: 0;
list-style: none;
}

#content  	li, #content_sub li
{
padding-left: 25px;
background-image: url(images/bullet.gif);
background-repeat: no-repeat;
background-position: 0 2px;
margin-bottom: 1em;	
}







/* production */

table {
width: 490px;
padding: 0;
margin:0;
border: none;
}

th, td {

height: 1em;
width: 260px;
}

td {
height: 2em;
}

/* titles */



h2 span, h3 span {
margin: 0;
display: none;	
}



h3.questions {
margin: 1.25em 0 0 0;
width: 197px;
height: 21px;
background: transparent url(images/nav/questions.gif) top left no-repeat;
display: block;
}

h3.extension_question {
margin: 1.25em 0 0 0;
width: 209px;
height: 21px;
background: transparent url(images/nav/extension_questions.gif) top left no-repeat;
display: block;

}

h3.extension_questions {
margin: 1.25em 0 0 0;
width: 219px;
height: 21px;
background: transparent url(images/nav/extension_questions.gif) top left no-repeat;
display: block;

}

h3.extension_activity {
margin: 1.25em 0 0 0;
width: 197px;
height: 21px;
background: transparent url(images/nav/extension_activity.gif) top left no-repeat;
display: block;

}


h3.task {
margin: 1.25em 0 0 0;
width: 197px;
height: 21px;
background: transparent url(images/nav/task.gif) top left no-repeat;
display: block;

}






p.name {

margin-top: 0.2em;
}