@charset "utf-8";
/* CSS Document */

body {
	background-color: #FFFFCC;
}

strong {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	color: #0000FF;
}
#logo {
	position:absolute;
	left:22px;
	top:362px;
	width:201px;
	height:199px;
	z-index:6;
	background-image: url(assets/Pooh-logo.gif);
}

#pic1 {
	position:absolute;
	left:234px;
	top:21px;
	width:153px;
	height:196px;
	z-index:2;
}


#pic2 {
	position:absolute;
	left:737px;
	top:17px;
	width:139px;
	height:195px;
	z-index:3;
}
#sidebar {
	position:absolute;
	left:21px;
	top:21px;
	width:153px;
	height:329px;
	z-index:1;
}

#text {
	position:absolute;
	left:233px;
	top:225px;
	width:684px;
	height:411px;
	z-index:4;
}
#title {
	position:absolute;
	left:409px;
	top:62px;
	width:314px;
	height:82px;
	z-index:5;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: normal;
	color: #0000FF;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: bolder;
	color: #0000FF;
}


h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bold;
	color: #0066FF;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bolder;
	color: #0033CC;
}

#secret {
	visibility : hidden;
	position : absolute;
	left : 200px;
	top :300px;
	width : 450px;
	height : 250px;
	z-index : 5;
	background-image: url("tigger3.jpg");
        background-color: #cccccc; /* Used if the image is unavailable */
  	background-repeat: no-repeat;
	background-size : cover;
}