/* CSS Styles for the Provenance at Harvard site, IE and NN6+ browsers */

body
	{
	margin					: 0px;
	padding				: 0px;
	background-color: #CCCC99;
	color					: #000000;
	background-image:  url("../images/bg-Provenance1.gif");
	padding-top: 0px;
	font-size: 85%;
	background-repeat: repeat-x;
	}

.body
	{
	font-size: 85%;
	}

div
	{
	border				: none;
	margin				: 0px;
	padding				: 0px;
	}
img
	{
	border: 0px;
	}
	
a:link, a:visited, a:hover {
	color: #990000;
	text-decoration: none;
}
a:hover {
	color: #FF0000;
}		

h1
	{
	color:#FFFFCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	text-transform: uppercase;
	}
h2
	{
	color:#FFFFCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	}
h4
	{
	color:#996600;
	}

p
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height:140%;
	}
        
.Container {
	width:740px;
	margin:0px auto;
	padding:0px;
	border:0px;
	vertical-align: top;
        }


.flushRight
	{
	float: right;
	margin: 0px;
	border: 0px none;

	}

.flushLeft
	{
	float: left;
	margin-right: 15px;
	}
		
	
.header
	{
	margin: 0px 0px 0px 0px;
	/*padding				: 0px;
	vertical-align: top;
	background-color: #999999;*/
	}

.pageTitle
	{
	clear: both;
	text-indent: 0px;
	margin: 0px;
	height: 152px;
	}
	
.pageTitle h1
	{
	margin: 50px 0px 0px 30px;
	/*text-indent: 30px;*/
	}

	
.content{
	float: left;
	width: 560px;
	margin: 2px 0px 0px -2px;
	padding: 0px;
}

.contentSmall {  font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; font-size: 10px}
	
.homeContent{
	float: left;
	width: 560px;
	margin: 0px;
	padding: 0px;
}

.siteNav
	{
	float				: left;
	left				: 0px;
	width				: 155px;
	margin				: 0px;
	margin-top			: 0px;
	padding				: 0px;
	color				: #663333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.98em;
	list-style-type: none;
	z-index: 2;
/*background-color: #CCCCCC;*/
	}

.siteNav img {
		margin-bottom: 50px;
}
	
.siteNav h4 {
	color:#663333;
	font-size: 1em;
}
.siteNav  ul 	{
	font-size: 0.9em;
	/*margin: 0px; */
	list-style-type: disc;
	line-height: 1.25em;
}

.siteNav  li {
	margin: 0px 0px 8px -4px;
}

.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;
	}

.column1
	{
	float: left;
	margin: 6px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image: url("../images/dots-left-wide.gif");
	/*background-color: #999933;*/
	width: 250px;
	padding-left: 30px;
	}

.column2
	{
	float				: left;;
	width				: 250px;
	margin				: 6px 0px;
	padding				: 0px;
	color				: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	/*background-color: #CCCC66;*/
	padding-left: 20px;
	}
	
	.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;
	}
	

.homeColumn1
	{
	float: left;
	margin: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*background-color: #999933;*/
	width: 300px;
	}

.homeColumn2
	{
	float				: right;
	width				: 200px;
	margin				: 0px;
	padding				: 0px;
	color				: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	/*background-color: #CCCC66;*/
	padding-left: 20px;
	}
	
	
.searchColumn1
	{
	float: left;
	margin: 6px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image: url("../images/dots-left-wide.gif");
	/*background-color: #999933;*/
	width: 200px;
	padding-left: 30px;
	}

.searchColumn2
	{
	float				: left;
	width				: 300px;
	margin				: 6px 0px;
	padding				: 0px;
	color				: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	/*background-color: #CCCC66;*/
	padding-left: 20px;
	}
.wideColumn
	{
	float: left;
	margin: 6px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image: url("../images/dots-left-wide.gif");
	/*background-color: #999933;*/
	width: 450px;
	padding-left: 30px;
	}

.wideColumn td
	{
	color:#333333;
	vertical-align: top;
	font-size: 0.85em;
}
	.wideColumn td img
	{
	padding-bottom: 6px;
	}
		
.bottomWideColumn
	{
	clear: both;	
	margin: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image: url("../images/dots-left-wide.gif");
	/*background-color: #999933;*/
	width: 450px;
	padding: 0px 0px 0px 30px;
	}
.bottomWideColumn2
	{
	clear: both;	
	margin: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image: url("../images/dots-left-wide.gif");
	/*background-color: #999933;*/
	width: 500px;
	padding: 0px 0px 0px 30px;
	}
	
.footer
	{
	margin: 20px 0px 20px;
	padding: 20px 0px 20px 0px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	clear: both;
	width: 400px;
	height: 20px;
	}
.footer a
	{
	color: #FFFFFF;
	}

.clear { clear : both; font-size: 1px; line-height: 0px; }

/*********** #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;
	/*left: 16px;*/
}

#globalMenu2{
	left: 93px;
	/*left:105px;*/
}

#globalMenu3{
	left: 181px;
	/*left: 199px;*/
}