/* CSS Document - National Building Museum */


/*-------------homepage design feature styles-------------*/

#homeCont p, #homeCont h1, #homeCont h2, #homeCont h3 {
	margin-top:0px;
}

#homeCont a:link, #homeCont a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#E19600;
}

a img,:link img,:visited img { border:none }

/* (left news area block) */

#homeCont #news {
	position:relative;
	width:288px;
	height:453px;
}

#homeCont #news .newsText {
	position:absolute;
	top:15px;
	left:10px;
	padding:1px;
	z-index:20;
	width:265px;
	height:430px;
}

#homeCont #news h1 {
	font-family:Garamond, Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	line-height:24px;
	color:#107195;
	font-weight:normal;
	margin-bottom:6px;
}

#homeCont #news .smallHead, #homeCont #news .smallHead a:link, #homeCont 

#news .smallHead a:visited {
	font-size:11px;
	color:#107195;
	text-decoration:none;
}

#homeCont #news .smallHead a:hover {
	text-decoration:underline;
}

#homeCont #news p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#979487;
	margin-bottom:8px;
}

#homeCont #news img.enews {
	position:absolute;
	bottom:0px;
	right:0px;
	z-index:30;
}

#homeCont #news .rule {
	border-bottom:1px solid #e3decb;
	margin:10px 0px 10px 0px;
	padding:0px;
}

/* (right feature area block) */

#homeCont #features {
	position:relative;
	width:600px;
	height:453px;
	background-image:url(/assets/images/homepage/otherfeatures_jul_28_10.jpg);
	background-position:189px top;
	background-repeat:no-repeat;
}

#homeCont #features h2, #homeCont #features h2 a:link, #homeCont #features 

h2 a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#107195;
	font-weight:normal;
	margin-bottom:6px;
	text-decoration:none;
}

#homeCont #features h2 a:hover {
	text-decoration:underline;
}

#homeCont #features h3, #homeCont #features h3 a:link, #homeCont #features 

h3 a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#107195;
	font-weight:normal;
	margin-bottom:6px;
	text-decoration:none;
}

#homeCont #features h3 a:hover {
	text-decoration:underline;
}

#homeCont #features p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#787777;
        line-height:11px;
}

#homeCont #features strong {
	font-size:11px;
}

/* (individual feature texts and containers) */

#homeCont #features .video {
	position:absolute;
	top:0px;
	right:0px;
	width:256px;
	height:265px;
	background-image:url(/assets/images/wrpr/home_video.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
}

#homeCont #features .video #player {
	position:absolute;
	top:8px;
	left:8px;
}

#homeCont #features .video #audioPlayer {
	position:absolute;
	top:197px;
	left:18px;
}

#homeCont #features img.audioIcon {
	position:absolute;
	top:202px;
	left:10px;
}

#homeCont #features .video p.audioLink {
	position:absolute;
	top:230px;
	left:16px;
	border-top:1px solid #dcdcdc;
	padding:6px 4px 0px 0px;
	color:#E19600;
}

.video ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	width:170px;
	position:absolute;
	top:205px;
	left:9px;
}

.video li.top {
	padding:0px 0px 3px 0px;
	border-bottom:1px solid #dcdcdc;
	background-image:url(/assets/images/wrpr/icon_speaker.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

.video li.bot {
	padding:5px 0px 0px 0px;
	background-image:url(/assets/images/wrpr/icon_film.gif);
	background-position:left 5px;
	background-repeat:no-repeat;
}

#homeCont #features .video li.bot a, #homeCont #features .video li.top a, 

#homeCont #features .video li.bot a:visited, #homeCont #features .video 

li.top a:visited  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#787777;
	text-decoration:none;
	padding-left:30px;
}

#homeCont #features .video li.bot a:hover, #homeCont #features .video li.top 

a:hover {
	text-decoration:underline;
}

#homeCont #features img.podcast {
	position:absolute;
	bottom:0px;
	right:0px;
	z-index:30;
}

/*#homeCont #features .exhibit {
	position:absolute;
	top:18px;
	left:17px;
	width:162px;
	height:87px;
}*/

/* (Exhibitions area, set to load a random version of this div on 

refresh...naming scheme/class must conform to JS) */
#homeCont #features .randomcontent  {
	position:absolute;
	top:0px;
	left:0px;
	width:189px;
	height:453px;
}

#homeCont #features .randomcontent h2 {
	padding:18px 0px 0px 17px;
}

#homeCont #features .randomcontent p {
	padding-left:17px;
}

#homeCont #features .program {
	position:absolute;
	top:156px;
	left:207px;
	width:120px;
	height:120px;
}

#homeCont #features .member {
	position:absolute;
	top:291px;
	left:207px;
	width: 188px;
	height: 54px;
}

#homeCont #features .family {
	position:absolute;
	top:291px;
	right:28px;
	width:110px;
	height:54px;
}

#homeCont #features .celebrate {
	position:absolute;
	top:380px;
	left:200px;
	width:130px;
	height:54px;
}

#homeCont #features .shop {
	position:absolute;
	top:380px;
	left:350px;
	width:240px;
	height:54px;
}

/* note that shop header/link is orange 

#homeCont #features .shop {
	position:absolute;
	bottom:13px;
	right:209px;
	width:184px;
	height:54px;
}

#homeCont #features .shop h2 {
	color:#ee800d;
}

*/

#homeCont #features .shop h2, #homeCont #features .shop h2 a:link, #homeCont #features .shop h2 a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#c1131e;
	font-weight:normal;
	margin-bottom:6px;
	text-decoration:none;
}

#homeCont #features .shop h2 a:hover {
	text-decoration:underline;
}

#homeCont #features .shop h3, #homeCont #features .shop h3 a:link, #homeCont 

#features .shop h3 a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#c1131e;
	font-weight:normal;
	margin-bottom:6px;
	text-decoration:none;
}

#homeCont #features .shop h3 a:hover {
	text-decoration:underline;
}


/* ###IMPORTANT!!!### */

#contentDiv {
	padding:0px 0px 20px 0px;
}