@charset "UTF-8";
body {
	font: Helvetica, Arial;
	background: #e0edf8;
	margin: 0;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333333;
}
.ifpBookletWebpage #container {
	width: 820px;
	background: #FFFFFF;
	margin: 25px auto 0; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.ifpBookletWebpage #mainContent {
	padding: 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

.carouselContainer {
    width: 800px;
    height: 634px;
}

.carouselContainer img.prev {
    cursor: pointer;
}

.carouselContainer img.next {
    cursor: pointer;
}

.carousel {
/*    text-align:left; */
	margin: 0;
    padding: 0;
}
.carousel ul {
    margin: 0;
    padding: 0;
}

.carousel ul li {
    width: 800px;
    height: 600px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.carousel ul li img {
    width: 800px;
    height: 600px;
    z-index: 100;
}

.carousel ul li p.descriptions {
    font: normal 0.875em Helvetica, Arial;
    color: #333333;
	line-height: 140%;
    width: 500px;
    padding: 0;
    margin: -525px 0 0 45px;
    z-index: 200;
}

.carousel ul li p.descriptions a {
    font: underline;
	color: #333333;
}

.carousel ul li p.credits {
    font: normal 0.75em Helvetica, Arial;
    color: #333333;
	text-align: right;
	line-height: 140%;
    width: 150px;
    padding: 0;
    margin: -190px 0 0 610px;
    z-index: 300;
}

.carousel ul li p.credits a {
    text-decoration: none;
	color: #333333;
}

.carousel ul li p.notationWhite {
    font: normal 0.875em Helvetica, Arial;
    color: #cccccc;
	text-align: right;
	line-height: 140%;
    width: 150px;
	height: 25px;
    padding: 0;
    margin: -595px 0 0 645px;
    z-index: 400;
}

.carousel ul li p.notationBlack {
    font: normal 0.875em Helvetica, Arial;
    color: #333333;
	text-align: right;
	line-height: 140%;
    width: 150px;
	height: 25px;
    padding: 0;
    margin: -595px 0 0 645px;
    z-index: 400;
}

.footnote {
    width: 820px;
	margin: 10px auto;
	border: 0 solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
    font: normal 0.75em Helvetica, Arial;
    color: #333333;
	line-height: 140%;
    padding: 10px;
}

.footnote a {
    font: underline;
	color: #333333;
}