/* 
	INDEX of CSS elements
	
	1. top level things that apply to a wide variety of things. body tag, general links, header, footer
	2. Home page specific styles
	3. left navigation styles
	4. content related styles
	5. content-sidebar related styles
	6. slideshow related styles
	7. transcript related styles
*/

body 
{
	margin:0 0 0 0; 
	background-color:#000; 
	text-align:center;
	font-family:Verdana,Arial,sans-serif;
	font-size:62.5%;
}
table {
font-family:Verdana,Arial,sans-serif;
font-size:100%;
margin:0;
padding:0;
}


img {
border:0;
padding:0;
margin:0;
}
#container 
{
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	width: 760px;
	text-align:left;
	font-size:1.2em;
}
.replace {
position:relative;
/* Start Mac IE5 filter \*/
overflow:hidden;
/* End Mac IE5 filter */
padding:0;
margin:0;
}
.replace em {
display: block;
position: absolute;
top: 0px; left: 0px;
z-index:1; /*for Opera 5 and 6*/
}
#header {
width:760px;
height:205px;
font-size:1.6em;
}
#header em {
background: url(../images/harlem_hospital_wpa_murals.jpg) top right no-repeat; 
width:760px;
height:205px;
}
#CUHomeRow
{
	background-color: #A53900; 
	width:760px; 
	height:20px; 
}


#content
{
	background-color:#fff;
	margin:0;
	padding:0;
	width:597px;
}

#headerBorder {
background:url(../images/border_brown.gif) top left repeat-x; 
height:14px;
}
#footer
{
	color:#fff;
	text-align: center;
	line-height:200%;
}



/******************************
	Homepage specific styles
*******************************/ 
div#homePageLinks
{
	background:url(../images/home_stripes.gif); 
	background-repeat:repeat-x; 
	width:760px; 
	height:50px;
}
a.homePageLinks, a.homePageLinks:hover, a.homePageLinks:visited, a.homePageLinks:link
{
	color: #636;
	font-size:16px;
	font-weight:bold; 
	padding-left:15px;
	padding-right:15px;
}



/******************************
	Left Nav Styles
*******************************/ 
a.navSubLink, a.navSubLink:link, a.navSubLink:visited
{
	color:#000629;
	font-size:1em;
}

#navContainer #subNav li  {
}
#selectedNav
{
	font-weight:bold;
	color:#000;	
	border-bottom: 0px solid #afaec2 !important;
	font-size:1em;
}
li#current_subsection img {
	border-bottom: 0px solid #afaec2 !important;
}
ul#navContainer
{
	list-style: none;
	margin: 0;
	padding: 0; 
	display:block;
	width:163px;
}
ul#navContainer li { 
	display:inline;
	padding:0;
	margin:0;
	
}
ul#navContainer li img {
	display:inline;
	border-bottom: 1px solid #afaec2;
	padding:0;
	margin:0;
	height:27px;
	float: left; 
	overflow:hidden;
}
ul#subNav
{
	margin:0;
}

ul#navContainer ul 
{
	display:block;
	padding:0;
	margin:0;
	list-style-type:none;

}
ul#navContainer ul li {
display:block;
padding:0px 0 10px 10px;
float:left;
width:153px;	
	background-image: url(../images/nav_bgcolor_lite.gif);
}

/******************************
	Main body of the content
******************************/

.thumbText
{
	line-height:125%;
}


#sectionHeader
{
	color:#3A3C55;
	font-weight:bold; 
	padding-left:15px; 
	font-size:16px;
	background-color:#FCEDD2;
	width:582px;
	height:27px;
	line-height:170%;
}
h1 {
margin:0;
font-size:16px;
}


#sectionContent
{
	width:340px;
	float:left;
	margin:0;
	padding: 24px 13px 0 10px;
}
#sectionContent2
{
	width:570px;
	float:left;
	margin:0;
	padding: 0px 13px 0 10px;
}

#sectionContent2 h2, #sectionContent2 h3
{
	font-size:14px;
	margin:0;
	padding: 10px 0px 0 0px;
}
#sectionContent2 p
{
	
	margin:0;
	padding-bottom:10px;
}
#sectionContent p
{
	width:340px;
	margin:0;
	padding-bottom:10px;
}

/* commented backslash hack. hide from mac ie \*/
#sectionContent ul
{
	
}
/* end hack */

.muralimages {
margin-top:15px;
text-align:center;
}

#groupimage {
margin:3px 0 10px 0;
}


/******************************
	Sidebar portion of the content
******************************/

#sectionSidebar
{

	background-color:#ECCD97;
	width:210px;
	float:left;
	margin-top:26px;
	text-align:center;
}

#sectionSidebar p
{
	padding: 5px 25px 15px 25px;
	margin:0;
	text-align:left;
}


div.brownBorderWrapper
{
	background:url(../images/th_mural_video_bg.gif) no-repeat; 
	width:172px; 
	float: none;
	margin-top:10px;
	margin-left: auto;
	margin-right:auto; 
	margin-bottom:0px;
	padding:0px;	
}
div.brownBorderWrapper img {
	padding:8px 8px 7px 8px;	
}
#sectionSidebar a, #sectionSidebar a:link, #sectionSidebar a:visited, #sectionSidebar a:active
{
	font-size:1em;
	text-decoration:none;
	color:#945208;
}

#sectionSidebar a:hover
{
font-size:1em;
	color:#000;
	text-decoration:underline;
}

div.imageContainer
{
	float:left;	
	padding:26px 0px 0 10px;
}
div.imageContainer2
{
	width:400px;
	float:right;	
	padding:6px 0px 0 10px;
}


div.imageContainer h3, h4, .imageContainer2 h3
{
	float:left;
	clear:both;
	font-size:0.8em;
	line-height:1.3em;
	padding: 0 0 0 0px;
	margin:2px auto;
}

div.imageContainer2 p.caption, div.imageContainer2 h4 {
	
	font-weight:bold;
	font-size:0.8em;
	line-height:1.3em;
	padding: 0 !important;
	margin:2px auto;
}
div.imageContainer2 img {
margin-bottom:4px;
}
div.imageContainer h4, 
div.imageContainer2 h4
{
	
	color:#666;
	font-weight:normal;
	margin:2px auto 10px auto;
	}

/******************************
	Slideshow Window
******************************/

body#slideShow
{
	background: #fff;
	padding:0;
	margin:0;
	text-align:left;
	font-size:62.5%;
}

body#slideShow div#container
{
	width:710px;
	padding:10px 10px 0 10px;
	margin:0;
}

body#slideShow p.closeWindow
{
	width:100px;
	padding-right:10px;
	margin:0;
	float:right;
	text-align:right;
}

ul#slideShowNav
{
	width:260px;
	padding:10px;
	margin:0;
	text-align:left;
	display:block;	
	clear:both; 
	position:absolute;
	margin:0;
	left:470px;
	top:360px;
}

ul#slideShowNav li
{
	list-style:none;
	display:inline;
	margin:0;
	padding:0;
}

ul#slideShowNav a, ul#slideShowNav a:link, ul#slideShowNav a:visited
{
	color:#000; 
	font-size:1em;	
	padding:3px;
	text-decoration:underline;
}

ul#slideShowNav a:hover
{
	text-decoration:underline;
}

body#slideShow p.caption
{
	padding:0;
	margin:0;
	color:#000;  
	display:block;
	vertical-align:top;
}

body#slideShow #picture
{
	margin:0;
	padding-right:10px;
	width:450px;
	float:left;
}

body#slideShow #caption
{
	margin:0;
	padding:0;
	width:250px;
	float:left;
}

body#slideShow .mural
{
	position:absolute;
	clear:both; 
	left:470px;
	top:280px;
	width:250px;

 }
 
body#slideShow .mural2
{
	position:absolute;
	clear:both; 
	left:470px;
	top:100px;
	width:250px;

 } 
body#slideShow .mural img, body#slideShow .mural2 img, body#slideShow #picture img
{
	border:1px #000 solid;
}
body#slideShow h2 {
margin:0;
padding-bottom:10px;
}
/******************************
	Transcripts Window
******************************/
body#transcripts
{
	width:465px;
	padding:0;
	margin:0;
	background-color:#fff;
	color:#000;
	font-size:62.5%;
}

body#transcripts div#container
{
	width:465px;
	padding:10px;
	margin:0;
}

body#transcripts p.closeWindow
{
	width:100px;
	padding-right:10px;
	margin:0;
	float:right;
	text-align:right;
}
/******************************
	Enlarge Photo Window
******************************/
body#photoPopup
{
	background: #fff;
	padding:0;
	margin:0;
	text-align:left;

}

body#photoPopup div#caption
{
	padding:0;
	margin:2px auto;
}

body#photoPopup p.credit
{
	font-size:0.8em;
	line-height:1.3em;
	color:#666;
	font-weight:normal;
	margin:2px auto 0px auto;
}

body#photoPopup p.credit2
{

	color:#666;
	font-weight:normal;
	margin:2px auto 0px auto;
}
body#photoPopup p.caption
{
	font-size:0.8em;
	line-height:1.3em;
	color:#000;
	font-weight:bold;
	margin:2px auto 0px auto;
}
body#photoPopup p.caption2
{

	color:#000;
	font-weight:bold;
	margin:2px auto 0px auto;
}
body#photoPopup div#picture
{
	margin:0;
	padding-right:10px;
	width:640px;
	
}

body#photoPopup div#container
{
	width:640px;
	padding:10px 10px 0 10px;
	margin:0;

}
body#photoPopup div#container2
{
	width:420px;
	padding:10px 10px 0 10px;
	margin:0;

}

body#photoPopup p.closeWindow
{
	width:100px;
	padding:0 10px 5px 0;
	margin:0;
	float:right;
	text-align:right;
}


.myr {font-family:"Myriad Web",Verdana, sans-serif;font-weight:bold;font-size:10px;color:#F2F2F2}

.smalltext {font-size:11px; color:#000; line-height:14px; text-decoration:none}

.whitetext {font-size:11px; color:#fff; line-height:14px; text-decoration:none}

a, .bluelink {font-size:12px; color:#369; text-decoration:none}

a:link, .bluelink:link {font-size:12px; color:#369; text-decoration:underline}
a:visited, .bluelink:visited {font-size:12px; color:#369; text-decoration:underline}
a:active, .bluelink:active {font-size:12px; color:#369; text-decoration:underline}
a:hover, .bluelink:hover {font-size:12px; color:#369; text-decoration:none; font-weight: normal;}

.smalllink {font-size:11px; color:#369; text-decoration:none}
.smalllink:link {font-size:11px; color:#369; text-decoration:underline}
.smalllink:visited {font-size:11px; color:#369; text-decoration:underline}
.smalllink:active {font-size:11px; color:#369; text-decoration:underline}
.smalllink:hover {font-size:11px; color:#369; text-decoration:none; font-weight: normal;}


.whitetext, .whitelink {
font-size:11px;
color:#fff;
text-decoration:none;
}

.whitelink:link, .whitelink:visited, .whitelink:hover, .whitelink:active {
text-decoration:underline;font-size:11px;
color:#fff;
}

/*
.whitetext {font-size:11px; color:#fff; text-decoration:none}
.whitelink:link {font-size:11px; color:#fff; text-decoration:underline}
.whitelink:visited {font-size:11px; color:#fff; text-decoration:underline}
.whitelink:active {font-size:11px; color:#fff; text-decoration:underline}
.whitelink:hover {font-size:11px; color:#fff; text-decoration:none; font-weight: normal;}
*/
.bigtext {font-size:18px; color:#000; line-height:24px; text-decoration:none;font-weight:bold}

.titletext {font-size:16px; color:#000; line-height:20px; text-decoration:none;font-weight:bold}

.talltext {font-size:14px; color:#000; line-height:18px; text-decoration:none;font-weight:normal}