/* CSS Styles for the Sargent at Harvard site, IE and NN6+ browsers */

body {
	margin				: 0px;
	padding				: 0px;
	background-color: #DCD8B3;
	color				: #000000;
	background-image:  url("../images/bg-Sargent.gif");
	padding-top: 0px;
	font-size: 85%;
	background-repeat: repeat-x;
}
div {
	border: none;
	margin: 0px;
	padding: 0px;
}
img {
	border: 0px;
}
img.topmargin {
	margin-top: 10px;
}
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;
	}
h2
	{
	color:#FFFFCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding-top: 30px;
	}
h4
	{
	color:#996600;
	}

p
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 140%	}

.Container {
	text-align: left;
	font-size: 85%;
    margin-left: auto;    
    margin-right: auto;
	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;
	}

.pageTitle
	{
	clear: both;
	text-indent: 0px;
	margin: 0px;
	height: 152px;
	}
	
.pageTitle h1
	{
	margin: 50px 0px 0px 30px;
	/*text-indent: 30px;*/
	}

.homeTitle
	{
	clear: both;
	text-indent: 0px;
	margin: 0px;
	height: 90px;
	}
		
.content{
	float: left;
	width: 560px;
	margin: 2px 0px 0px -2px;
	padding: 0px;
}
	
.homeContent{
	float: left;
	width: 560px;
	margin: 0px;
	padding: 0px;
}

.siteNav
	{
	float				: left;
	left				: 0px;
	width				: 150px;
	margin				: 0px;
	margin-top			: 19px;
	padding				: 0px;
	color				: #663333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.98em;
	list-style-type: none;
	z-index: 2;
	}
	
.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				: right;
	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				: right;
	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;
	padding-bottom: 16px;
	background-color: #CCCC99 ;
	}
	.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;
	}
	
.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: 0.8em;
	letter-spacing: 0.1ex;
	}


#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;
}

