/* CSS Document */

/* ============================== VIDEO ALBUM =========================== */

.VideoAlbum {
	background: #c7cad0;
	/* background: url("images/background.gif") repeat-x top #d5d5d4 fixed; */
	padding: 12px;
}

.VideoAlbum #Interface {
	width: 760px;
	margin: 0 auto;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	background-color:#004990
}

#Interface a:link, #Interface a:visited {
 color:#333;
 text-decoration: underline;
}

#Interface a:hover, #Interface a:active {
 color: red;
 text-decoration: none;
 border-bottom: 1px dashed red;
}

#Interface div #header {
 clear: both;
 width: 700px;
 margin: 0 auto;
 margin-top: 8px;
}

#Interface #header #logo{
 float: left;
 margin-bottom: 8px;
}

#Interface #header h1{
	clear:left;
	text-align: left;
	margin: 0;
	font-size: 2.0em;
	color:#004990;
}

#Interface #header h2{
	text-align: left;
	margin: 0;
	font-size: 1.4em;
	font-weight: normal;
}

#Interface #header hr{
	margin-left: 8px;
	margin-right: 8px;
	height: 1px;
	color: #002A5F;
	background: #002A5F;
}

#Interface #VideoMenu {
	clear: left;
	float: left;
	width: 330px;
	margin-top:12px;
	margin-right: 4px;
	padding-left: 8px;
}

#VideoMenu h3 {
	margin: 0;
	margin-bottom: 4px;
	padding: 3px;
	padding-left: 6px;
	text-align: left;
	font-size: 1.8em;
	font-weight: bold;
	color: #004990;
}

#VideoMenu h4 {
 margin: 2px 0 4px 0;
 padding-left: 10px;
 padding-right: 6px;
 font-size: 1.6em;
 line-height:1.2em;
}

#VideoMenu p {
 margin: 0;
 margin-top: 0px;
 margin-bottom: 14px;
 padding-left: 10px;
 padding-right: 6px;
 text-align: left;
 font-weight: normal;
 font-size: 1.2em;
}

#VideoMenu ul {
 font-size: 1.2em;
 margin-top:6px;
}

#VideoMenu a:link, #VideoMenu a:visited, #VideoMenu a:hover, #VideoMenu a:active  {
	text-decoration: none;
	border-bottom:1px dashed;
}

#Interface #EmbeddedPlayer {
	float: right;
	width: 330px;
	margin-top:12px;
	padding-right: 8px;	
}

#EmbeddedPlayer h3 {
	margin: 0;
	margin-bottom: 4px;
	padding: 3px;
	text-align: left;
	font-size: 1.8em;
	font-weight: bold;
	color: #004990;
}

#EmbeddedPlayer p {
 clear: left;
 margin: 0;
 margin-top: 6px;
 padding-left: 10px;
 font-size: 1.2em;
}

#EmbeddedPlayer #caption p {
 margin: 0;
 margin-top: 6px;
 margin-bottom: 4px;
 padding-left: 10px;
 font-size: 1.4em;
 font-weight: bold;
}

#EmbeddedPlayer #RelatedMaterials h3 {
	margin: 0;
	margin-top: 12px;
	margin-bottom: 4px;
	padding: 3px;
	text-align: left;
	font-size: 1.8em;
	font-weight: bold;
	color: #004990;
}

#EmbeddedPlayer #RelatedMaterials p {
 clear: left;
 margin: 0;
 margin-top: 6px;
 padding-left: 10px;
 font-size: 1.2em;
}