/* CSS Styles for the Ben Shahn at Harvard site, IE and NN6+ browsers */



div
	{
	border				: none;
	margin				: 0px;
	padding				: 0px;
	}
img
	{
	border: 0px;
	}
a:link, a:visited, a:hover {
	color: #990000;
	text-decoration: none;
}

a:visited {
	color: #993333;
}
a:hover {
	color: #660000;
}	

h1
	{
	color: #666699;
	font-size: 1.5em;
	}
h2
	{
	color: #666699;
	font-size: 1.3em;
	padding-top: 30px;
	}
h4
	{
	color: #333366;
	}

p
	{
	font-size: 1em;
	line-height: 133%
	}
	
/*ol
	{
	margin: 18px 0px;
	}

li
	{
	margin: 4px 0px 4px;
	line-height: 135%;
	}
*/
td
	{
	vertical-align: top;
	}
.homepagetd
	{
	vertical-align: middle;
	}
	
 img
	{
	border: 0px none;
	}
	
 .bold
 {
 font-weight: bold;
 }      
	
	.normal
 {
 font-weight: normal;
 } 
            
.Container 
	{
	width: 740px;
	margin: 0px auto;
	padding: 0px;
	border: 0px;
	vertical-align: top;
        }


.flushRight
	{
	float: right;
	margin: 0px;
	}

.flushLeft
	{
	float: left;
	margin-right: 15px;
	}
		
	
.header
	{
	margin: 0px;
	/*position: absolute;
	padding: 0px;
	vertical-align: top;
	background-color: #999999;*/
	}
#siteImg
	{
	margin: 20px 0px 0px 0px;
	}

.pageTitle
	{
	padding: 24px 0px 10px 0px	}
	
.pageTitle h4
	{
	margin-left: -30px;
	}
	
#showID {
	margin: 26px 0px;
	}
	
.content{
	width: 730px;
	margin: 2px 0px 0px -2px;
	padding: 0px;
}
	
.homeContent{
	float: left;
	width: 560px;
	margin: 0px;
	padding: 0px;
}

.column1
	{
	float: left;
	margin: 0px 0px 10px;
	width: 280px;
	padding-left: 30px;
	}

.column2
	{
	float				: right;
	width				: 380px;
	margin				: 0px 0px 10px;
	padding-left: 20px;
	}
	
.sideColumn
	{
	float: right;
	width: 250px;
	margin: 6px 0px;
	padding: 0px 0px 0px 20px;
	vertical-align: top;
	background-image: url(images/dots-left-wide.gif)
	}
	
.midcolumn1
	{
	float: left;
	margin: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*background-image: url(images/dots-left-wide.gif);
	background-color: #999933;*/
	width: 250px;
	padding-left: 30px;
	}
	
.midcolumn2
	{
	float				: right;
	width				: 250px;
	margin				: 0px;
	padding				: 0px;
	color				: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	/*background-color: #CCCC66;*/
	padding-left: 20px;
	}
	
.fullWidth 
	{
	width: 600px;
	padding: 0px 0px 10px 30px;
	}
	
.fullWidth td
	{
	vertical-align: top;
	font-size: 0.85em;
	padding: 0px 0px 16px 0px;
	
	}
	
.fullWidth td img
	{
	border: 0px none;
	padding-bottom: 6px;
	}
		
	
.homeColumn1
	{
	float: left;
	margin: 100px 0px 0px 10px;
	width: 300px;
	}

.homeColumn2
	{
	float: right;
	width: 320px;
	margin: -10px 0px 20px;
	padding: 0px;
	}
	
	
.searchColumn1
	{
	float: left;
	margin: 6px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*background-color: #999933;*/
	width: 300px;
	padding-left: 30px;
	}

.searchColumn2
	{
	float				: right;
	width				: 300px;
	margin				: 6px 0px;
	padding				: 0px;
	color				: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	background-image: url(images/dots-left-wide.gif);
	padding-left: 20px;
	}
.wideColumn
	{
	float: left;
	margin: 6px 0px;
	padding-left: 30px;
	width: 420px;
	}


.bottomWideColumn
	{
	clear: both;	
	margin: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width: 450px;
	padding: 0px 0px 0px 30px;
	}
	
.footer
	{
	display:block;
	margin: 20px 0px 2px;
	padding: 20px 0px 0px 30px;
	color: #990000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
	clear: both;
	background-image:url('../images/horizontal-dots.gif');
	width: 100%;
	height: 40px;
	}
.footer a
	{
	color: #990000;
	}

.divider {
	clear: both;
	background-image:url('../images/horizontal-dots.gif');
	width: 100%;
	height: 24px;
	margin-top: 16px;
}

.clear { 
	clear : both; 
	width: 100%;
	height: 4px;
}
.credits {
	font-style: italic;
	font-size: 0.9em;
}



/************* site Navigation *************/


#siteNav
	{
	width: 456px;
	/*height: 26px;*/
	margin: 0px 0px 0px 280px;
	text-align: left;
	z-index: 4;
	position: absolute;
	top: 44px;
	color: #663333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	letter-spacing: 0.1ex;
	line-height: 130%;
	vertical-align: bottom;
	}
#siteNav p
	{
	line-height: 120%;
		margin: 8px 0px;
	}
#siteNav h4 {
	color:#663333;
	font-size: 1em;
}
#siteNav  ul {
	/*font-size: 0.8em; */
	margin: 0px;
	list-style-type: none;
/*	line-height: 1.25em;*/
}

#siteNav  li {
	margin: 0px 0px 8px 6px;
}

#siteNav a 
	{
	color: #990000;
	}
#siteNav a:hover 
	{
	color: #000000;
	}
/*
#subMenu1,#subMenu2,#subMenu3 {
	margin: 0px;
	padding: 6px;
	background-color: #FFFFFF;
	position: absolute;
	z-index: 5;
	width: 175px;
	top: 27px;
	visibility: hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#subMenu1 {
	left: 0px;
}

#subMenu2 {
	left: 60px;
}

#subMenu3{
	left: 237px;
}
*/

.homeNav
	{
	float				: left;
	left				: 0px;
	width				: 150px;
	margin				: 0px;
	margin-top			: 19px;
	padding				: 0px;
	color				: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 0.98em;*/
	list-style-type: none;
	/*background-image: url(images/dots-left.gif);*/
	padding-left: 16px;
	}


/*********** #globalMenu  styles ***********/


#globalNav
	{
	width: 344px;
	text-align: left;
	/*z-index: 4;
	*/
	z-index: 6;
	position: absolute;
	top: 0px;
	color: #FFCC66;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: normal;
	height : 19px;
}


#globalNav img
	{
 border: 0px;
	}

#globalNav a 
	{
	color: #000000;
	}
#globalNav a:hover 
	{
	color: #990000;
	}
#globalNav p
	{
	line-height: 120%;
		margin: 8px 0px;
	}
	
	
#globalMenu1,#globalMenu2,#globalMenu3 
	{
	padding: 6px;
	background-color: #FF9966;
	position: absolute;
	z-index: 6;
	/*z-index: 5;*/
	width: 125px;
	top: 19px;
	/*left: 0px;*/
	visibility: hidden;
	}

#globalMenu1 {
	left: 10px;
}

#globalMenu2{
	left: 93px;
}

#globalMenu3{
	left: 181px;
}

