* { margin:0; padding:0; }
	
	body { background:#333333; font-family:Verdana, Arial, Helvetica, sans-serif; color:#d1e1f1; }
	
	h1 { font-size:0.9em; color:#d1e1f1; }
	h2 { font-size:0.7em; color:#d1e1f1; }

	h3 { font-size:.7em; color:#fff; }
	h4 { font-size:.7em; color:#000; }
	 
	img { border:none; }
	table { font-size:.7em; }
	input { font-size:.8em; margin:0 0 2px 0; width:24em; border:1px solid #000; background:#d1e1f1 }
	textarea { font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:0 0 3px 0; width:23.4em; height:4em; border:1px solid #000; background:#d1e1f1}
	input:hover, textarea:hover { border:1px solid #3876D0; }
	.submit { width:auto; padding:1px; }
	.checkbox { width:2em; padding:0; margin-bottom:-2px; border:none; background:#fff;}
	
	.smallText { font-size: .8em; }
	
	a { color:#003a84; text-decoration:none; font-weight:bold; font-size: .9em;}
	a:hover { color:#003a84; text-decoration:none; }
	
	#outer_container { margin:0 auto; width:843px; }
	#container { float:left; width:843px; height:556px; margin:10px; background:url(../images/cc_background.gif) no-repeat #fff; }
	
	#left { float: left; height: 556px; width: 351px; }
	#logo { position: relative; height: 72px; width: 138px; left: 10px; top: 10px; }
	#introText { position: relative; left: 10px; top: 28px; height: auto; width: 318px; }
	#chapters { position: relative; left: 10px; top: 36px; width: 320px; height: 280px; overflow:auto; }
	#back_to_movie { position: relative; left: 10px; top: 36px; width: 320px; height: 300px }
	#back_to_movie a { color:#fff; text-decoration:underline; }
	.mainLeft { padding:0; }
	
	.mainLeft li { border-top:1px solid #fff; list-style:none; }
	.mainLeft li a { color:#333333; display:block; padding:8px 4px 8px 10px; }
	.mainLeft li a:hover { background:#ccc; color:70a9b4; }
	
	.mainLeft li a span.heading { color:#d1e1f1; font-size:0.7em; text-transform:uppercase; }
	.mainLeft li a:hover span.heading { color:#00459d; font-size:0.7em; text-transform:uppercase; }
	.mainLeft li a span.text, .mainLeft li a:hover span.text{ color:#fff; font-size:.7em; font-weight:bold; }
	
	#right { position:relative; float: left; height: 556px; width: 492px; }
	#leaveFeedbackBtn { position: relative; height: 24px; width: 225px; left: 249px; top: 25px; }
	#OpenChannelPlayer, #openchannel { position: relative; height: 422px; width: 480px; top: 50px; background-color: #000000; left: 2px; }
	#feedback { position: relative; height: 422px; width: 480px; top: 42px; background-color: #fff; left: 2px; color:#000; }
	a.button_lf  { position:absolute; display:block; top:0; left:0; width:225px; height:24px; background:url(../images/leave_feedback.gif) no-repeat; background-position: 0 0; overflow: hidden}
	a.button_lf:hover { background-position: 0 -24px}	
	#dlPresentationBtn { position: absolute; height: 25px; width: 227px; right: 15px; bottom: 6px; }
	a.button_dlP  { position:absolute; display:block; width:225px; height:24px; background:url(../images/close_window.gif) no-repeat; background-position: 0 0; overflow: hidden; left: 0; top: 0; }	
	a.button_dlP:hover { background-position: 0 -25px}
	
	a.close_window  { position:absolute; display:block; width:227px; height:24px; background:url(../images/close_window.gif) no-repeat; background-position: 0 0; overflow: hidden; left: 0; top: 0; }	
	a.close_window:hover { background-position: 0 -25px}
	
	.tableBottom { font-size:1em; }