body {
	background: #fff url("../images/body_bg.png") repeat-x;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 0.75em;
	color: #000;
	margin: 0;
	padding: 0;
}

a img {
	border: 0;	
}

#mama {
	width: 921px;
	margin: 0 auto;
}

#header {
	height: 44px;
	background-color: #333;
	color: #fff;
	text-align: right;
	font-family: Georgia,serif; /* TODO */
	font-size: 1.125em;
	font-weight: bold;
	padding: 12px 22px 0 0;
}

#subheader {
	position: relative; /* so we can absolutely position #polaroid */
	height: 155px;
	padding: 16px 0 0 16px;
}

#logo {
	width: 200px;
	height: 53px;
	margin: 0 0 20px 4px;	
}

h1 {
	text-indent: -9999px;
	width: 569px;
	height: 44px;
	margin: 0;
	background: url("../images/h1_vht.gif");	
}

#polaroid {
	width: 187px;
	height: 183px;
	display: block;
	position: absolute;
	left: 647px;
	top: -12px;
}

#welcome {
	float: left;
	width: 270px;
	padding: 0 30px 0 20px;
	margin: 0 0 18px 0;
}

#welcome .first-child {
	margin-top: 5px;	
}

#welcome .last-child {
	margin-bottom: 0;	
}

#video-container {
	float: left;
	width: 432px;
	height: 295px;
	/*background: url("../images/video_container_bg.png");*/
	padding: 0px 0px 0px 0px;
	margin: 0 0 18px 0;
}

#playlist {
	float: left;
	width: 153px;
	height: 295px;
	margin: 0 0 0 16px;
	overflow-y: scroll;
}

#playlist a {
	color: #99291f;
}

#playlist ul {
	list-style-type: none;
	margin: 0;
	padding: 0;	
}

#playlist li {
	margin: 0 0 16px 0;	
}

#playlist img {
	width: 128px;
	height: 72px;	
}

#noflash {
	width: 451px;
	height: 263px;
	background-color: #fff;
	text-align: center;
	padding: 16px;
	font-weight: bold;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1.25em;
}

#noflash .first-child {
	margin-top: 56px;	
}

#resources {
	clear: left;
	background: url("../images/resources_bg.png");
	padding: 31px 24px 16px 24px;
}

#resources h2 {
	width: 106px;
	height: 18px;
	margin: 0;
	text-indent: -9999px;
	font-size: 1px; /* to placate IE6 */
	background: url("../images/h2_resources.gif");
}

#share {
	float: right;
	width: 170px;
	padding: 0 0 0 51px;
	margin: 0 0 30px 0;
	background: url("../images/icon_share.png") no-repeat;
}

#share a {
	color: #99291f;
	font-weight: bold;
	font-family: Georgia,serif; /* TODO */
	font-size: 1.25em;
	border-bottom: 1px #99291f dotted;
	text-decoration: none;
}

#share p {
	margin: 6px 0 0 0;	
}

a.download {
	color: #534b48;
	text-decoration: none;
	text-transform: uppercase;	
}

#resources-primary {
	clear: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#resources-primary li {
	color: #010000;
	width: 260px;
	float: left;
	margin: 0 0 30px 10px;
	font-family: Georgia,sans-serif; /* TODO */
	font-weight: bold;
	border: 0px #F00 solid;
}

#resources-primary li.first-child {
	margin-left: 0;	
}

#resources-primary img {
	width: 46px;
	height: 48px;
	float: left;
	margin: 0 12px 0 0;	
}

#resources-primary p {
	width: 201px;
	float: left;
	margin: 0;	
}

.resources-primary-item-end {
	clear: left;	
}

#resources-secondary {
	clear: left;
	list-style-type: none;
	margin: 0;
	padding: 0;	
}

#resources-secondary li {
	background: url("../images/resources_bullet.gif") 0 2px no-repeat;
	padding: 0 0 16px 18px;	
}

#resources-secondary a {
	color: #99291f;
	font-weight: bold;
	text-decoration: none;
	font-size: 1.125em;	
}

#footer {
	font-family: Georgia,serif; /* TODO */
	font-size: 11px;
	color: #333;
	padding: 24px 48px;
	border-top: 1px #e2e0dd solid;
}

#footer .first-child {
	margin-top: 0;	
}

#footer .last-child {
	margin-bottom: 0;	
}

#footer a {
	color: #333;	
}

#footer-coverage {
	font-weight: bold;	
}

