@charset "utf-8";
/* Resets browser specific styles */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
img {margin: 0;}

html, body { height: 100%; }
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	background: #d8d9db; 
}

#container {
	height: 100%;
	width: 960px;
	position: relative;
	margin: auto;
}

#left {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 127px;
	background: url(/imgs/leftbg.jpg) no-repeat top left #d8d9db;
}

#left p { display: none; }/* Don't display anything in the left div */
#left p.visible { display: block; text-align: center; margin-top: 480px; font-size: 0.7em; }
#left p.visible a { color: #939598; }

#right {
	position: absolute;
	top: 0px;
	left: 127px;
	clear: both;
	width: 783px;
	min-height: 553px;
	height: auto !important;
	height: 553px;
	background: url(/imgs/rightbg.jpg) no-repeat top left #fff;
}

#head {
	height: 200px;
	width: 660px;
	margin-left: 123px;
	background: url(/imgs/headbg.jpg) no-repeat top left #d8d9db;
}

#content {
	margin-left: 123px;
	width: 600px;
	padding: 10px 30px 30px 30px;
}

#menu {
	/* margin: 100px 0 0 100px; */
	padding-left: 100px;
}

#menu li { 
	height: 50px;
	float: left;
	margin: 100px 50px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #0054A4;
}

#menu a, #menu a:visited, #menu a:active, #menu a:link {
	text-decoration: none;
	color: #0054A4;
}

#menu a:hover {
	text-decoration: underline;
}

#movie { width: 524px; margin: 50px auto 10px auto;}

#caption { width: 400px; margin: auto; font-family:"Times New Roman", Times, serif; font-size: 2em; color: #777; font-style: italic; overflow: visible; }
#caption span { margin-left: 40px; }

h1 { text-align: center; margin: 15px 5px 15px 5px; font-size: 2.3em; font-weight: bold; color: #497798; }
p { margin: 0 5px 15px 5px; font-size: .8em; }

#content a { color: #036; font-weight: bold; text-decoration: none; }
#content a:hover { text-decoration: underline; }

#transcript { width: 524px; text-align: right; margin: 0 auto 10px auto; }
#transcript a { font-size: 0.6em; }
sup { font-size-adjust: none; }