/* Hide from IE-Mac \*/
html {
     overflow: -moz-scrollbars-vertical;
     overflow: scroll;
}
/* End hide */ 

body {
	margin-top: 25px;
	margin-right: 30px;
	margin-bottom: 30px;
	margin-left: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
a {
	color: #000000;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
	color: #000000;
}
p {
	margin: 0px;
	padding: 0px;
}
#site {
	width: 819px;
	padding-left: 15px;
}
#top {
	height: 75px;
	margin-bottom: 90px;
	width: 636px;
	text-align: left;
	float: right;
}
html>body #top {
	width: 652px;
	/* Hide from IE-Mac \*/
	width: 644px;
	/* End hide */	
}
#top img {
	margin-top: 18px;
}
#top #artwork {
	width: 445px;
	float: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	vertical-align: bottom;
	height: 80px;
	padding-left: 20px;
	overflow: hidden;
}
#left #buttons {
	margin-bottom: 10px;
}
#buttons img {
	border-style: none;
	padding: 0px;
	margin: 0px;
	margin-left: 7px;
}
#submenu {
	margin-top: 122px;
}
html>body #submenu {
	/* Hide from IE-Mac \*/
	margin-top: 147px;
	/* End hide */
}
#chronology {
	margin-left: 335px;
	width: 119px;
	float: left;
	border: 2px solid #000000;
	border-bottom-width: 1px;
}

html>body #chronology {
	margin-left: 326px;
	/* Hide from IE-Mac \*/
	margin-left: 350px;
	width: 115px; 
	/* End hide */
}
#submenu td {
	width: 1OO%;
	height:21px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size:12px;
	border-bottom: 1px solid #000000;
}
#submenu a {
	text-decoration: none;
}
#submenu a:hover {
	text-decoration: none;
	color:#666;
}
#left {
	width: 168px;
	float: left;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
html>body #left {
	width: 153px;
	/* Hide from IE-Mac \*/
	width: 175px;
	/* End hide */
}
#left a{
	text-decoration:none;
}
#right {
	float: left;
	width: 624px;
	padding-left: 20px;
	text-align:left;
}
#right img {
	float: left;
	margin-bottom: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#right .thumb {
	margin-right: 10px;
}
#content {
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	width: 819px;
	margin-bottom: 20px;
}
#content .caption {
	width: 420px;
	text-align: left;
	float: left;
	margin-left: 168px;
}
html>body #content .caption {
	margin-left: 153px;
	/* Hide from IE-Mac \*/
	margin-left: 176px;
	/* End hide */
}
#content .caption2 {
	text-align: left;
	float: left;
	width: 624px;
}
#content #image {
	float: left;
	margin-bottom: 10px;
	margin-left: 168px;
}
html>body #content #image {
	margin-left: 153px;
	/* Hide from IE-Mac \*/
	margin-left: 176px;
	/* End hide */
}
#right .newsitem {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.clear {
	clear: both;
	height:1px;
	font-size:1px;
}

/* CoolMenus 4 - default styles - do not edit */
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
/* CoolMenus 4 - default styles - end */


/*Styles for level 0*/
.clLevel0,.clLevel0over{position:absolute; z-index:200; padding-top: 3px; padding-bottom: 4px; text-align: center; }
.clLevel0{background-color:#FFF; layer-background-color:#FFF; }
.clLevel0over{background-color:#FFF; layer-background-color:#FFF; color:#666; cursor:pointer; cursor:hand; }
.clLevel0overbis{background-color:#FFF; layer-background-color:#FFF; color:#000; }
.clLevel0border{position:absolute; visibility:hidden; background-color:#000; layer-background-color:#000 }

/*Styles for level 1*/
.clLevel1, .clLevel1over{position:absolute; z-index:200; padding:3px; text-align: left;}
.clLevel1{background-color:#FFF; layer-background-color:#FFF;}
.clLevel1over{background-color:#FFF; layer-background-color:#FFF; color:#666; cursor:pointer; cursor:hand; }
.clLevel1border{position:absolute; visibility:hidden; background-color:#000; layer-background-color:#000;}

/* 
/* for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn */
div#hold	{ 
	position:relative;
	overflow:hidden;
	float: left;
	width:310px;
	z-index:10;
	border: 2px solid #000000;
	}
div#wn	{ 
	position:relative; 
	overflow:hidden;
	width:310px; 
	z-index:1; 
	}
div.scrollcontent { 
	position:absolute; 
	visibility:hidden;
	margin-left:0px; 
	margin-top:0px; 
	z-index:1; 
	}
#scroller {
	float: left;	
}
div#scrollbar { 
  	position:relative; 
  	width:15px; 
	height:293px; 
  	font-size:0px; 
	z-index:1;
  	}
div#up { position:absolute; z-index:2 }  
div#down { position:absolute; bottom:0; z-index:3 }  
.layerhide {
	display: none;
}

@media print {
body {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#site {
	width: 100%;
	padding-left: 0px;
}
#top {
	margin-bottom: 10px;
	float: left;
	width: 1000px;
}
#top #artwork {
	padding-left: 0px;
	width: 1000px;
}
#top #buttons {
	display:none;
}
#left {
	display:none;
}
#right {
	padding-left: 0px;
	width: 1000px;
}
#content {
	width: 100%;
	margin-bottom: 0px;
	text-align: left;
}
.clLevel0,.clLevel0over{display:none}
.clLevel0overbis{display:none}
.clLevel0border{display:none}
.clLevel1,.clLevel1over{display:none}
.clLevel1over{display:none}
.clLevel1border{display:none}
}
