* {	margin: 0; padding: 0; }
html, body { margin: 0; padding: 0; width: 100%; height: 100%; }
table {	border-collapse: collapse; border-spacing: 0; border: 0 hidden; empty-cells: show; }
td, th { border: none; text-align: left; vertical-align: top; }
img { border: none; }
#container { padding-bottom: 56px; }
#issuu { margin-bottom: 10px; }
.border { border-top: 1px dashed #4d2a9c; margin-top: 10px; padding-top: 10px; }
.margin { margin-top: 10px; padding: 10px 0 0 150px; }
.minimargin { margin: 10px 0 0 30px; }
.marginBorder { border-top: 1px dashed #4d2a9c; margin-top: 10px; padding: 10px 0 0 150px; }
.caps { letter-spacing: 2px; text-transform: uppercase; }
#content.years p { text-indent: -37px; padding-left: 37px; padding-bottom: 0; }
#content.years p b { padding-right: 5px; }
#content.years p.noyears { text-indent: 0; padding-left: 0; padding-bottom: 10px; }
#content img { margin-bottom: 8px; }
.float { float: left; }
.clear { clear: left; }

body {
	background: white;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1.8em;
	color: #4d2a9c;
	position: relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	}

a { color: #4d2a9c; cursor: pointer; }
a:hover { color: red; }

#screenCenter {
   position: absolute;
   top: 55%;
   left: 50%;
   width: 320px;
   height: 320px;
   margin-left: -160px;
   margin-top: -160px;
}

#screenCenter img {
	border: 5px solid white;
	}

#language {
	position: absolute;
	top: 10px;
	left: 760px;
	letter-spacing: 2px;
	font-size: 1em;
	}

#nextBook {
	position: absolute;
	top: 155px;
	left: 700px;
	letter-spacing: 2px;
	font-size: 1em;
	}

/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
MENU
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	}

#menu ul {
	width: 150px;
	letter-spacing: 2px;
	font-size: 13px;
	line-height: 24px;
	text-align: right;
	list-style-type: none;
	}

#inside { display: block; }
#inside.closed { display: none; }
#menu li:hover #inside.closed { display: block; }

#menu a {
	background: black;
	color: #adadad;
	text-decoration: none;
	padding-right: 5px;
	border-top: 1px solid white;
	display: inline-block;
	display: block;
	}

#menu li:hover span,
#menu a:hover,
#menu a.current,
#menu span.current,
#menu li span.current a {
	background: #372272;
	color: white;
	}

#menu li li a {
	background: #99000B;
	color: #E51F2D;
	}

#menu li ul a:hover,
#menu li ul span.current {
	background: #D92128;
	color: white;
	}

#menu span.current,
#menu li ul span.current {
	display: block;
	padding-right: 5px;
	border-top: 1px solid white;
	}

/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
CONTENT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

#content {
	width: 600px;
	padding: 155px 0 100px 198px;
	}

h1 {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom: 10px;
	}

#content ul {
	margin-bottom: 10px;
	padding-left: 18px;
	}

#content ol {
	padding-left: 32px;
	}

#content ol li, #content p {
	padding-bottom: 10px;
	}

#content ul.nolist {
	list-style-type: none;
	padding-left: 0;
}

a.bookname { border-bottom: 1px dotted #4d2a9c; }
a:hover.bookname { border-bottom: 1px dotted red; }

ol .hidden {
	margin-top: 10px;
	}

#content ol p {
	padding-bottom: 0;
	}

#MKlogo {
	background: url(../Images/logo_MK.png) left top no-repeat;
	padding: 65px 0 0 100px;
	height: 45px;
	}

#info {
	width: 600px;
	display: none;
	padding-top: 10px;
	}

#portrait {
	background: url(../Images/MK_portrait.jpg) top left no-repeat;
	padding-left: 200px;
	min-height: 300px;
	}

/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
GALLERY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

#gallery {
	margin-bottom: 20px;
	width: 650px;
	}

#line { clear: left; }
#item { float: left; }

#item img {
	padding: 3px 6px 0 3px;
	}

#item p {
	font-size: 1em;
	line-height: 1.1em;
	padding: 2px 0 20px 3px
	}

#item a {
	text-decoration: none;
	}

.fest1 { position: relative; width: 600px; height: 405px; }
.fest2 { position: relative; width: 600px; height: 428px; }
.fest3 { position: relative; width: 600px; height: 420px; }
.fest4 { position: relative; width: 600px; height: 388px; }
.fest5 { position: relative; width: 600px; height: 414px; }
.exhibitions { position: relative; width: 600px; height: 437px; }
.slideshow1 { position: relative; width: 600px; height: 330px; }
.slideshow2 { position: relative; width: 600px; height: 370px; }
.slideshow3 { position: relative; width: 600px; height: 308px; }
.fest1 img, .fest2 img, .fest3 img, .fest4 img, .fest5 img, .exhibitions img, .slideshow1 img, .slideshow2 img, .slideshow3 img {
	position: absolute; left: 0; top: 0;
	}

/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
FOOTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/


#footer {
	position: absolute;
	bottom: 0;
	height: 28px;
	width: 600px;
	border-top: 1px dashed #4d2a9c;
	margin-left: 198px;
	padding-top: 5px;
	}