/* CSS for Maths and Movies */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd,  fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


body {
	width:100%;
	height:100%;
	color: #525252; /*#2d4049;*/
	font-family: Arial, Helvetica, sans-serif;
	font-weight: light;
	font-size: 90%;
	letter-spacing: 0.01em;
	line-height: 1.1em;
	margin: 0;
	position: relative;
	background: black;


}


#wrapper  {
	margin: 0 auto 20px auto;
	padding: 1px;
	width:960px;
	min-height: 820px;
	border-top: 3px white solid;
	background: black url(../images/bg.jpg) center 1px no-repeat;



}



#header {
	margin: 0 auto 0 auto;
	width: 965px;	
}


#header h1 a {
	width: 340px;
	height: 180px;
	display: block;
}


a.heading {
margin-left: 300px
}


/* navigation */



#navigation {
margin: 6px auto 0 auto;
width: 485px;
height: 26px;
list-style: none;
text-indent: -3000px;
}


#navigation ul {
margin: 0 0 0 -2px;
padding: 0;
text-indent: 0;
text-indent: none;

}

#navigation ul li {
margin: 0;
text-indent: none;
float: left;
position: relative;
}

#navigation ul li ul {
	display: block;
	position: absolute;
	top: 20px;
	margin: 0;
	padding: 14px 14px 0 14px;
	left: -10px;
	visibility: hidden;
	min-width: 100px;
	z-index:999;
}

#navigation ul li ul li {
	padding-bottom: 5px;
}
#navigation ul li:hover > ul {
	display: block;
	position: absolute;
	visibility: visible;
	background: transparent url(../images/navigation_sub_bg.png) top left repeat;
}

#navigation a {
height: 23px;
margin-right: 15px;
}


a.nav_study_guide {
background: transparent url(../images/navigation.png) top left no-repeat;
background-position: -12px -48px;
width: 122px;
float: left;
}


a.nav_study_guide:hover, a.nav_study_guide#current {
background-position: -189px -48px;
}


a.nav_q_and_a {
background: transparent url(../images/navigation.png) top left no-repeat;
background-position: -12px -26px;
width: 100px;
float: left;
}

a.nav_q_and_a:hover, a.nav_q_and_a#current {
background-position: -189px -26px;
}


a.clip_activity {
background: transparent url(../images/navigation.png) top left no-repeat;
background-position: -12px -70px;
width: 130px;
float: left;
}

a.clip_activity:hover, a.clip_activity#current {
background-position: -189px -70px;
}


a.clip_one {
background: transparent url(../images/navigation.png) top left no-repeat;
background-position: -12px -92px;
width: 84px;
float: left;
}

a.clip_one:hover, a.clip_one#current {
background-position: -189px -92px;
}

a.clip_two {
background: transparent url(../images/navigation.png) top left no-repeat;
background-position: -12px -114px;
width: 90px;
float: left;
}

a.clip_two:hover, a.clip_two#current {
background-position: -189px -114px;
}


a.clip_three {
background: transparent url(../images/navigation.png) top left no-repeat;
background-position: -12px -136px;
width: 102px;
float: left;
}

a.clip_three:hover, a.clip_three#current {
background-position: -189px -136px;
}


#navigation a.rhetoric {
background: transparent url(../images/navigation.png) top left no-repeat;
background-position: -12px -158px;
margin-right: 0;
width: 85px;
float: right;
}

#navigation a.rhetoric:hover, #navigation a.rhetoric#current {
background-position: -189px -158px;
}


a.nav_teachers_notes {
background: transparent url(../images/navigation.png) top left no-repeat;
background-position: -12px -4px;
width: 175px;
float: left;
margin-right: 30px;
}

a.nav_teachers_notes:hover, a.nav_teachers_notes#current {
background-position: -189px -4px;
}

a.henry_v {
background: transparent url(../images/navigation.png) top left no-repeat;
background-position: -12px -180px;
width: 80px;
float: left;
margin-right: 30px;
}

a.henry_v:hover, a.henry_v#current {
background-position: -189px -180px;
}

a.great_orators {
background: transparent url(../images/navigation.png) top left no-repeat;
background-position: -12px -202px;
width: 155px;
float: left;
margin-right: 30px;
}

a.great_orators:hover, a.great_orators#current {
background-position: -189px -202px;
}

a.making_a_speech {
background: transparent url(../images/navigation.png) top left no-repeat;
background-position: -12px -224px;
width: 155px;
float: left;
margin-right: 30px;
}

a.making_a_speech:hover, a.making_a_speech#current {
background-position: -189px -224px;
}




#navigation li {
display: inline;
margin: 0 30px 0 0;
}


.hide_text {
text-indent: -3000px;	
}




/* main */


#content {
width: 470px;	
margin: 15px auto 0 auto;
color: #e7e7e7;
position: relative;
}

#content p {
padding: 0;
margin: 0.25em 0 0.75em 0;
}

#content ul {
margin-top: 0.3em;
padding-left: 2em;
}

#content ul li, #content ol li {
margin: 0.1em 0 0.2em 0;
}


p.no_bottom_margin {
margin-bottom: 0;
}


/* general */


a {
color: #e7e7e7;	
text-decoration: underline;
}

a:hover {
text-decoration: underline;	
}




#content p.pdf {
	background: transparent url(../images/pdf_icon.png) no-repeat;
	padding-left:40px;
	padding-top:8px;
	list-style:none;
	height:48px;
	display:block;
	margin: 0;
}

.left {
	float:left;
}

#dvd_credit {
	width:340px;
	height:80px;
	margin:10px auto;
	padding: 30px 10px 10px 85px;
	background:#000 url(../images/3dpackshot.png) 10px 10px no-repeat;
	text-align:center;
	font-size:1.1em;
	line-height:1.2em;
	border: #EFB94C solid 2px;
	position:relative;}



/* video player */

.video_player {
width:465px;
height: 290px;
position:relative;
margin:10px auto;
}

.transcript_link {
float: right;
margin: 10px;
font-size: 0.8em;
text-align: left;
}

#transcript {
	padding:20px;
	color:#FFF;}

.image_right {
float: right;	
margin: 5px;
}


/* accordian */

.accordionButton {
font-size: 1.1em;
width: 10em;
line-height: 1.1em;
text-decoration: underline;
padding: 0;
}

h4, .clip_links {
font-size: 1.1em;
line-height: 1.1em;
margin: 0.5em 0 0.5em 0;	
padding: 0;
text-decoration: underline;
}

h2 {
font-size: 1.1em;	
}

.previous_event_quote_source:hover {
	cursor: pointer;
	
}

.clip_links a {
margin: 0 0 1em 0;
font-weight: bold;
}



#myOnPageContent  {
margin: 0;	
font-size: 2em;
}

.question_box {
margin: 0 0 1em 0;	
width: 460px;
}

object {
margin: 0.5em 0 0 0;	
}






/* facebook like */

#facebook_like_div, #facebook_like_div_wide {
float: right;
padding: 0;
margin: 10px 15px 0 0;
border:none; 
overflow:hidden; 
width:50px; 
height:25px;
text-align: left;
}

#like_button {
float: left;
padding: 0;
margin: 0;
border:none; 
height:25px; 
}

#facebook_like_div_wide {
width: 150px;	
}