body {
	background-image: url(background.png);
	margin: 0px;
	padding: 0px;
	background-color: #b11d8b;
}
*, * focus {
	outline: none;
	margin: 0;
	padding: 0;
}

/* Menu */

#menu-container {margin-left:0px; width: 230px; height: 420px; position: fixed; z-index: 9998;}

#menu-container a { 
  display:block;
  width:230px;
	height: 0; 
	width:230px;
	overflow: hidden;
	padding: 40px 0 0 0; 
	margin: 0;
	background-image: url(graphics.png); 
	background-repeat: no-repeat; 
	}
	
#menu-container #menuArrowUp {color: white; background-position: -230px -471px;}
#menu-container #menuChapter1 {background-position: -230px -511px;}
#menu-container #menuChapter2 {background-position: -230px -551px;}
#menu-container #menuChapter3 {background-position: -230px -591px;}
#menu-container #menuChapter4 {background-position: -230px -631px;}
#menu-container #menuChapter5 {background-position: -230px -671px;}
#menu-container #menuArrowDown {background-position: -230px -711px;}

#menu-container #menuArrowUp:hover {background-position: 0px -471px;}
#menu-container #menuChapter1:hover {background-position: 0px -511px;}
#menu-container #menuChapter2:hover {background-position: 0px -551px;}
#menu-container #menuChapter3:hover {background-position: 0px -591px;}
#menu-container #menuChapter4:hover {background-position: 0px -631px;}
#menu-container #menuChapter5:hover {background-position: 0px -671px;}
#menu-container #menuArrowDown:hover {background-position: 0px -711px;}

#menu-container.chap1 #menuChapter1 {background-position: 0px -511px;}
#menu-container.chap2 #menuChapter2 {background-position: 0px -551px;}
#menu-container.chap3 #menuChapter3 {background-position: 0px -591px;}
#menu-container.chap4 #menuChapter4 {background-position: 0px -631px;}
#menu-container.chap5 #menuChapter5 {background-position: 0px -671px;}


/* Buttons */
#menu-container #menuTop {
	width: 230px;
	height: 51px;
	background-repeat: no-repeat;
	background-image: url(graphics.png);
	background-position: -230px -420px;
}

#menu-container #menuBottom {
	width: 230px;
	height: 89px;
	background-repeat: no-repeat;
	background-image: url(graphics.png);
	background-position: -230px -751px;
}

.main {
    position: relative;
	left: 230px;
	width: 730px;
	z-index: 0;
}

#milkCurtain {
	z-index: 1;
	margin: 0px;
	padding: 0px;
	position: fixed;
	left: 230px;
	height: 290px;
	width: 730px;
	background-position: 0px -3470px;
	background-image: url(milk_flow.png);
}

		
#wrapContent {
	z-index: 10;
	position: relative;
}

#header {
	z-index: 11;
	width: 730px;
	height: 420px;
	background-image: url(graphics.png);
}

.odd {
	z-index: 10;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	background-repeat: no-repeat;
	padding: 0px;
	background-position: 0 0px;
	height: 1600px;
	width: 730px;
	background-image: url(milk_flow.png);
}

.even {
	z-index: 10;
	background-repeat: no-repeat;
	padding: 0px;
	background-position: 0 -1600px;
	width: 730px;
	height: 1600px;
	background-image: url(milk_flow.png);
}

.lastSplash {
	z-index: 10;
	padding: 0px;
	background-repeat: repeat-y;
	background-image: url(milk_flow.png);
	height: 220px;
	width: 730px;
	background-position: 0px -3200px;
}

#chapter1 {
	height: 305px;
	width: 730px;
	background-repeat: no-repeat;
	background-position: 0 -840px;
	background-image: url(graphics.png);
}

#chapter2 {
	height: 305px;
	width: 730px;
	background-repeat: no-repeat;
	background-position: 0 -1145px;
	background-image: url(graphics.png);
}

#chapter3 {
	height: 305px;
	width: 730px;
	background-repeat: no-repeat;
	background-position: 0 -1450px;
	background-image: url(graphics.png);
}

#chapter4 {
	height: 305px;
	width: 730px;
	background-repeat: no-repeat;
	background-position: 0 -1755px;
	background-image: url(graphics.png);
}

#chapter5 {
	height: 305px;
	width: 730px;
	background-repeat: no-repeat;
	background-position: 0 -2060px;
	background-image: url(graphics.png);
}

.boxOdd {
	z-index: 20;
	margin-right: 120px;
	min-width: 1px;
	width: 610px;
	background-color: white;
}

.boxEven {
	z-index: 20;
	margin-left: 120px;
	min-width: 1px;
	width: 610px;
	background-color: white;
}

.boxLast {
	min-height: 500px;
	background-color: white;
	position: relative;
	z-index: 20;
	min-width: 1px;
	width: 730px;
}

.boxOddBottom {
	height: 45px;
	margin-right: 120px;
	width: 610px;
	background-position: 0 -2365px;
	background-image: url(graphics.png);
}

.boxEvenBottom {
	margin-left: 120px;
	height: 45px;
	width: 610px;
	background-position: -120px -2410px;
	background-image: url(graphics.png);
}

.boxLastBottom {
	margin-bottom: 50px;
	height: 45px;
	width: 730px;
	background-position: 0px -2455px;
	background-image: url(graphics.png);
}

.last {
	min-height: 100%;
	position: relative;
	z-index: 10;
	background-color: white;
}

#shopPic1 {
	margin-top: -10px;
	margin-right: 70px;
	float: right;
}

#shopPic2 {
	margin-right: 20px;
	float: right;
}

h2 {
	margin-left: 15px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	text-align: left;
	padding-bottom: 15px;
	color: #d652a6;
	font-size: 1.2em;
	font-family: georgia,palatino,"palatino linotype",times,"times new roman",serif;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
}

h3 {
	font-style: italic;
	font-weight: bold;
	margin-left: 30px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-bottom: 10px;
	color: #d652a6;
	font-size: 1em;
	font-family: georgia,palatino,"palatino linotype",times,"times new roman",serif;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
}

p {
	padding-bottom: 10px;
	color: #797979;
	font-size: 1em;
	font-family: georgia,palatino,"palatino linotype",times,"times new roman",serif;
	margin: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-left: 20px;
}

.textHighlite {
	font-weight: bold;
	color: #9bce3f;
	font-size: 1em;
	font-style: italic;
	font-family: georgia,palatino,"palatino linotype",times,"times new roman",serif;
}

table {
	border-spacing: 0px;
	color: #797979;
	font-size: 1em;
	font-family: georgia,palatino,"palatino linotype",times,"times new roman",serif;
	margin: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-left: 20px;
}


.info-label {
	padding-top: 5px;
	display: block;
	font-weight: bold;
	color: #9bce3f;
	font-size: 1em;
	font-style: italic;
	font-family: georgia,palatino,"palatino linotype",times,"times new roman",serif;
}
.info-content {
	padding-bottom: 5px;
	padding-top: 2px;
	display: inline;
	text-align: left;
	width: 250px;
	margin-left: 15px;
}
#legend {
	margin-left: 15px;
	font-style: italic;
	color: #60a5ce;
	font-size: 1em;
	font-family: georgia,palatino,"palatino linotype",times,"times new roman",serif;
}
#map {
	margin-top: 15px;
}
#map a {
	text-decoration: none;
}
.signature {
	text-align: center;
	padding-top: 5px;
	color: #c0c0c0;
	font-size: 0.8em;
	font-family: georgia,palatino,"palatino linotype",times,"times new roman",serif;
}
.signature a {
	text-decoration: underline;
	font-weight: bold;
	color: #b1b1b1;
	font-style: italic;
}