html,body{
	/*background: transparent url(../images/background.png) repeat;*/
	font-family: arial,verdana,tahoma,georgia,sans-serif;
	font-size: 13pt;
	background-color: black;
	text-align: center;
	margin: 0;
	padding: 0;
	}
html#main, body#main{
	background: transparent url(../images/background.png) repeat;
	}
a{
	text-decoration: none;
	}
img{
	border: 0;
	}
ul{list-style-type: none;padding-left: 0;margin-left: 20px;}

.align_left{
	text-align: left;
	}
br{ clear: both; }

div#header{
	text-align: left;
	background-image: url(../images/header_repeat.png);
	background-repeat: repeat-x;
	background-color: #282859;/*#101040;*/
	width: 100%;
	}
	div#header img{
		padding: 0;
		margin: 0;
		}
	div#header div#about{
		font-size: 9pt;
		color: white;
		position: absolute;
		right: 130px;
		top: 20px;
		color: white;
		text-align: left;
		}
	div#header span#location{
		color: white;
		position: absolute;
		top: 33px;
		right: -63px;
		text-align: left;
		}
		div#header div#about a{
			font-family: "bitstream vera sans";
			font-size: 8pt;
			color: white;
			}
		div#header div#about a:hover{
			color: #525986;
			text-decoration: underline;
			}
	div#menu{
		text-align: center;
		padding-left: 100px;
		background-color: transparent;
		width: 400px;
		height: 55px;
		}
		div#menu span#header_text{
			color: #525986;
			margin: 0;
			padding: 0;
			_position: relative;
			_top: -17px;
			}
		div#menu a{
			text-decoration: none;
			color: white;
			}
		div#menu a:hover{
			color: #525986;
			}

div#content{
	background-color: black;
	color: white;
	margin-top: 15px;
}
	div#content div.audio{
		margin-right: 20px;
		}
	div#content div.audio_file{
		width: 100%;
		border-bottom: 1px solid white;
		
		}
	div#content div.audio_file a{
		color: white;
		font-size: 10pt;
		}
	div#content div#submenu{
		float: left;
		border-right: 1px solid white;
		width: 220px;
		height: 400px;
		text-align: left;
		padding-left: 40px;
		margin-right: 30px;
		}
		div#submenu ul.submenu{
			margin-left: 0;
			padding-left: 0px;
			list-style: none;
			}
			ul.submenu li{
				padding-bottom: 7px;
				}
				ul.submenu li a{
					color: white;
					text-decoration: underline;
					}
				ul.submenu li a:hover, ul.submenu li.active a{
					color: #525986;
					}
	div#content div#display{
		text-align: left;
		}
		div#content div.play_image{
			display: table-cell;
			padding-top: 6px;
			_float: left;
			}
			div#content div.play_image a{
				color: white;
				font-size: 8pt;
				text-decoration: underline;
				}
				div#content div.play_image a:hover{
					color: #525986;
					}
		div#content div.play_description{
			display: table-cell;
			_float: left;
			vertical-align: top;
			padding-left: 10px;
			padding-right: 50px;
			}
		div#content div#display div#right{
			_position: absolute;
			_top: 120px;
			_right: 10px;
			_z-index: 0;
			_float: right;
			}
		div#content div#display div#left{
			_position: relative;
			_z-index: 1;
			_float: left;
			_padding-right: 160px;
			}
		div#content div.wrap{
			display: block;
			_display: table;
			_float: none;
			}
			div#content div.wrap br{
				clear: none;
				}
			div#content div#display h1{
				color: #525986;
				padding: 0;
				margin: 0;
				}
			div#content div.play_description div.quote{
				display: table-cell;
				float: left;
				color: #FFFF99;
				border: 1px solid #FFFF99;
				padding: 10px;
				}
				div#content div.play_description div.quote h2{
					margin: 0;
					padding: 0;
					}
	
body#main{
	text-align: center;
	font-size: 1.1em;
	background-color: none;
	background-image: none;
	}
	body#main div.intro{
		width: 720px;
		margin: 0 auto 0 auto;
		}
	body#main div.intro div#header{
		height: 94px;
		width: 720px;
		background-image: none;
		position: relative;
		top: -6px;
		}
	body#main div.intro div#header div#menu{
		padding: 25px 0 0 30px;
		margin: 0;
		text-align: center;
		width: 500px;
		}
	body#main div.intro div#header div#menu span#header_text{
		color: white;
		_position: relative;
		_top: 3px;
		}
	body#main div.intro div#header div#about{
		font-family: "bitstream vera sans";
		font-size: 9pt;
		width: 180px;
		position: absolute;
		top: 27px;
		right: 0px;
		color: white;
		}
	body#main div.intro div#header div#about span#location{
		position: static;
		text-align: left;
		}
		div#header div#about a{
			color: white;
			}
		div#header div#about a:hover{
			color: #525986;
			text-decoration: underline;
			}
body#documentaries div#submenu{
	width: 58%;
	border-right: 0;
	margin-right: 0;
	padding-right: 0;
	padding-left: 30px;
	}
	body#documentaries h1{
		padding-top: 0;
		margin-top: 0;
		font-family: Arial;
		font-weight: normal;
		font-size: 1.5em;
		}
	body#documentaries span.about{
		font-family: "bitstream vera sans";
		font-size: 9pt;
		}
	body#documentaries div#display{
		width:273px;
		text-align: center;
		float: left;
		}
	body#documentaries strong{
		font-family: "Times New Roman";
		}
	body#documentaries a.about{
		color: white;
		}
	body#documentaries a.about:hover{
		color: #525986;
		text-decoration: underline;
		}
	a#qe2
	{
		width: 178px;
		height: 72px;
		display: block;
		background-image: url(../images/documentaries/lecture_qe2_map.png);
		background-repeat: no-repeat;
	}
		a#qe2:hover,a#qe2.active
		{
			background-position: 0 -72px;
		}
	a#nyo
	{
		width: 177px;
		height: 103px;
		display: block;
		background-image: url(../images/documentaries/lecture_new_york_opera_map.png);
		background-repeat: no-repeat;
	}
		a#nyo:hover,a#nyo.active
		{
			background-position: 0 -103px;
		}
	a#hcny
	{
		width: 178px;
		height: 125px;
		display: block;
		background-image: url(../images/documentaries/lecture_harvard_map.png);
		background-repeat: no-repeat;
	}
		a#hcny:hover,a#hcny.active
		{
			background-position: 0 -125px;
		}
	a#mm
	{
		width: 178px;
		height: 94px;
		display: block;
		overflow: hidden;
		background-image: url(../images/documentaries/lecture_metropolitan_map.png);
		background-repeat: no-repeat;
	}
		a#mm:hover,a#mm.active
		{
			background-position: 0 -94px;
		}
	a#ccl
	{
		width: 355px;
		height: 50px;
		display: block;
		background-image: url(../images/documentaries/lecture_crystal_map.png);
		background-repeat: no-repeat;
	}
		a#ccl:hover,a#ccl.active
		{
			background-position: 0 -50px;
		}
	a#mny
	{
		width: 355px;
		height: 86px;
		display: block;
		background-image: url(../images/documentaries/lecture_museum_of_ny_map.png);
		background-repeat: no-repeat;
	}
		a#mny:hover,a#mny.active
		{
			background-position: 0 -86px;
		}
div.small{
	font-size: 0.7em;
	}