/* CSS Document */
.Heading {
	font-size: 18px;
	color: #FFFF00;
	margin-left: 9px;
	margin-top: 9px;
}

.Title {
	font-size: 15px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FFFF00;
	font-weight: bold;
	margin-top:9px;
}

.p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFF00;
	margin-left: 12px;
	margin-right: 6px;
	margin-top: 9px;
}

.link {
	color: #FFFF00;
	display: block;
	background-color:#FF3300;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
}

#container {
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -400;
	margin-right: -300;
	z-index: 1;
}

#Links {
	position:absolute;
	left:0px;
	top:0px;
	width:120px;
	height:120px;
	z-index:2;
	background-image: url(images/TARDISon.gif);
}
.LinksRO {
	background-image: url(images/TARDISoff.gif);
	background-repeat: no-repeat;
	display: block;
	width: 120px;
	height: 120px;
}
a.LinksRO:hover {background-image: url(images/TARDISon.gif);}

#Logo {
	position:absolute;
	left:120px;
	top:0px;
	width:680px;
	height:120px;
	z-index:2;
	background-image: url(images/Logo.jpg);
}

#Monsters {
	position:absolute;
	left:680px;
	top:0px;
	width:120px;
	height:120px;
	z-index:1;
	background-image: url(images/TARDISon.gif);
}
.MonstersRO {
	background-image: url(images/TARDISoff.gif);
	background-repeat: no-repeat;
	display: block;
	width: 120px;
	height: 120px;
}
a.MonstersRO:hover {background-image: url(images/TARDISon.gif);}

#DoctorPicture {
	position:absolute;
	left:0px;
	top:120px;
	width:320px;
	height:400px;
	z-index:4;
	background-image: url(images/DoctorPictureB.jpg);
}

#Content {
	position:absolute;
	left:320px;
	top:120px;
	width:480px;
	height:400px;
	z-index:4;
	background-image: url(images/ContentB.jpg);
}

#Next {
	position:absolute;
	left:733px;
	top:481px;
	width:61px;
	height:34px;
	z-index:6;
	background-image: url(images/nextbutton.gif);
}
.NextRO {
	background-image: url(images/nextbuttonoff.gif);
	background-repeat: no-repeat;
	display: block;
	width: 61px;
	height: 34px;
}
a.NextRO:hover {background-image: url(images/nextbutton.gif);}

#Doc1 {
	position:absolute;
	left:0px;
	top:520px;
	width:80px;
	height:80px;
	z-index:5;
	background-image: url(images/D01on.gif);
}
.Doc1RO {
	background-image: url(images/D01off.gif);
	background-repeat: no-repeat;
	display: block;
	width: 80px;
	height: 80px;
}
a.Doc1RO:hover {background-image: url(images/D01on.gif);}

#Doc2 {
	position:absolute;
	left:80px;
	top:520px;
	width:80px;
	height:80px;
	z-index:5;
	background-image: url(images/D02on.gif);
}
.Doc2RO {
	background-image: url(images/D02off.gif);
	background-repeat: no-repeat;
	display: block;
	width: 80px;
	height: 80px;
}
a.Doc2RO:hover {background-image: url(images/D02on.gif);}

#Doc3 {
	position:absolute;
	left:160px;
	top:520px;
	width:80px;
	height:80px;
	z-index:5;
	background-image: url(images/D03on.gif);
}
.Doc3RO {
	background-image: url(images/D03off.gif);
	background-repeat: no-repeat;
	display: block;
	width: 80px;
	height: 80px;
}

a.Doc3RO:hover {background-image: url(images/D03on.gif);}

#Doc4 {
	position:absolute;
	left:240px;
	top:520px;
	width:80px;
	height:80px;
	z-index:5;
	background-image: url(images/D04on.gif);
}
.Doc4RO {
	background-image: url(images/D04off.gif);
	background-repeat: no-repeat;
	display: block;
	width: 80px;
	height: 80px;
}

a.Doc4RO:hover {background-image: url(images/D04on.gif);}

#Doc5 {
	position:absolute;
	left:320px;
	top:520px;
	width:80px;
	height:80px;
	z-index:5;
	background-image: url(images/D05on.gif);
}
.Doc5RO {
	background-image: url(images/D05off.gif);
	background-repeat: no-repeat;
	display: block;
	width: 80px;
	height: 80px;
}

a.Doc5RO:hover {background-image: url(images/D05on.gif);}

#Doc6 {
	position:absolute;
	left:400px;
	top:520px;
	width:80px;
	height:80px;
	z-index:5;
	background-image: url(images/D06on.gif);
}
.Doc6RO {
	background-image: url(images/D06off.gif);
	background-repeat: no-repeat;
	display: block;
	width: 80px;
	height: 80px;
}

a.Doc6RO:hover {background-image: url(images/D06on.gif);}

#Doc7 {
	position:absolute;
	left:480px;
	top:520px;
	width:80px;
	height:80px;
	z-index:5;
	background-image: url(images/D07on.gif);
}
.Doc7RO {
	background-image: url(images/D07off.gif);
	background-repeat: no-repeat;
	display: block;
	width: 80px;
	height: 80px;
}

a.Doc7RO:hover {background-image: url(images/D07on.gif);}

#Doc8 {
	position:absolute;
	left:560px;
	top:520px;
	width:80px;
	height:80px;
	z-index:5;
	background-image: url(images/D08on.gif);
}
.Doc8RO {
	background-image: url(images/D08off.gif);
	background-repeat: no-repeat;
	display: block;
	width: 80px;
	height: 80px;
}

a.Doc8RO:hover {background-image: url(images/D08on.gif);}

#Doc9 {
	position:absolute;
	left:640px;
	top:520px;
	width:80px;
	height:80px;
	z-index:5;
	background-image: url(images/D09on.gif);
}
.Doc9RO {
	background-image: url(images/D09off.gif);
	background-repeat: no-repeat;
	display: block;
	width: 80px;
	height: 80px;
}

a.Doc9RO:hover {background-image: url(images/D09on.gif);}

#Doc10 {
	position:absolute;
	left:720px;
	top:520;
	width:80px;
	height:80px;
	z-index:5;
	background-image: url(images/D10on.gif);
}
.Doc10RO {
	background-image: url(images/D10off.gif);
	background-repeat: no-repeat;
	display: block;
	width: 80px;
	height: 80px;
}

a.Doc10RO:hover {background-image: url(images/D10on.gif);}

#container {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -400;
	margin-top: -300;
	z-index: 1;
}