html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	border: none;
	text-align: center;
}
#main {
	padding: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 960px;
	height: 560px;	/* 80 + 360 + 120 */
	margin-top: -280px; /* half of the height */
	margin-left: -480px; /* half of the width */
	border: 1px solid #dee2c7;
}

/* div { border: 1px solid black; } */

body { background: white; }

body, td, th, a, h1, h2, h3, h4, h5 {
	color: #666666;
	font: normal normal 10px Arial,Helvetica,sans-serif;
}

p { margin: 2px; }
p.caption { margin-top: 4px; text-align: center; }

a { text-decoration: none; }
a:hover { color: black; }

h1 {
	font-size: 10px; 
	font-weight: normal;
	padding-right: 16px;
	width: 99%;
	margin: 0; border: 0; padding: 0;
}
h2 { font-size: 10px; }
h3 {
	font-size: 10px;
	margin: 0; /* 0 4px 0; */
	border: 0px solid gray;
	color: #757a57; /*910506;*/
	font-weight: normal;
	text-align: right; 
/*	width: 100%; */
	padding: 0;
}
h4 {
	font-size: 10px; 
	text-align: right; 
	font-weight: normal;
	margin: 0; 
	padding: 0;
	border: 0px solid gray;
}
h5 {
	font-weight: normal;
	font-size: 10px;
	text-align: right; 
	margin: 0; padding: 0;
	border: 0px solid gray;
}
h6 {
	/* font-variant:small-caps; */
	font-size: 11px;
}

#header {
	height: 80px;
/*	padding: 10px; */
	vertical-align: bottom;
	text-align: right;
/*	border: 1px solid green; */
	background: white;
/*	background: white url(logox80.png) no-repeat top right; */
}
#header #name {
	color: black; 
	letter-spacing: 4px;
}

#imgDiv {
	background-repeat: no-repeat;
	background-position: top left;
	vertical-align: top;
	text-align: left;
/*	border: 1px solid red; */
}
#imgId {
	border: 0 none;
	opacity: 0;
}

#content {
	height: 360px;
	text-align: left;
	vertical-align: top;
}
#contentImages {
	text-align: right;
	vertical-align: bottom;
/*	width: 560px; */
	height: 360px;
}
#contentImages #divImage {
/*	width: 560px; */
	height: 340px;
	overflow: hidden;
/*	line-height: 300px; *//* image centering */
	text-align: right;
	vertical-align: bottom;
        background-repeat: no-repeat;
	background-position: bottom right;
/*	display: table-cell; */
}
#contentImages #imgImage {
	border: 0;
/*	opacity: 0; */
}

#contentPager {
	text-align: right;
/* 	margin: 0;*/
	height: 20px;
	vertical-align: middle;
}

#contentText {
	text-align: left;
	vertical-align: top; 
	height: 360px;
/*	border: 1px solid red;*/
}
#contentText #container {
/*	border: 1px solid red;*/
	padding: 10px;
}

#contentText p {
	margin: 8px 0 8px 0;
	text-indent: 8px;
}

#void {
	height: 0px;
}

#footer {
	padding: 10px;
	height: 100px;
}

#menu {
	width: 100%;
}

#menu0, #menu1, #menu2, #menu3 {
	top: 0; left: 0; 
	height: 100px; 
	position: relative; 
/*	background: yellow; */
/*	border: 1px solid red; */
}
#menu div.visible,
#menu div.oculto {
/* 	top: 0; left: 0; */
	position: absolute; 
	height: 100px; 
	overflow: hidden; 
/*	border: 1px solid green; */
/*	direction: rtl; */
/*	padding: 5px; */
}
/* #menu2 div.oculto { overflow: visible; }  */

#menu0, #menu0 .visible { width: 150px; text-align: left; vertical-align: top; }
#menu1, #menu1 .visible { width: 200px; text-align: left; vertical-align: top; }
#menu2, #menu2 .visible { width: 400px; text-align: left; vertical-align: top; }
#menu3, #menu3 .visible { width: 210px; text-align: center; vertical-align: middle; }

#menu2 .container { padding-right: 8px; padding-left: 8px; }

#menuImg { opacity: 50; }

.year { letter-spacing: 3px; }

#menu .visible {
/*	display: block; */
	visibility: visible; 
}
#menu .oculto {
/*	display: none; */
 	visibility: hidden; 
}

#menu a.selected { color: black; }
#menu a.inactive { color: #666666; }

#contentPager a.selected { color: black; }
#contentPager a.inactive { color: #666666; }

.scroll-track{
	border: 0px solid #c56e6e; /*dee2c7; */
	height: 10px;
	width: 3px; 
	background: #dee2c7;
/*	background-image: url(); */
}
.scroll-handle{
/*	height: 8px; */
	width: 3px; 
	background: #c0c5a3;
/*	background-image: url(); */
	cursor: pointer;
}
/* .scroll-innerBox { border: 1px solid green; } */