/* CSS Document */

/*  Creates the webpage header */

body 
{
	text-align: center;
	background-color: #F7EDD0;
	
} 
#wrapper 
{ 
 position: relative;
 margin-left:auto;
 margin-right:auto;
 text-align:center;
 width: 800px; 
 text-align: left; 
 
} 



.header {
	position:       		absolute;
	top:					1px;
	left:					1px;
	width:					800px;
	height:					100px;
	background-image:		url(/classicfantasyepics/dondraimages/dondraheader.png);
	background-color: #FFFFFF;
}

.mainwindow{
	position:       		absolute;
	top:					101px;
	left:					321px;
	width:					470px;
	height:					489px;
	font-size: 14px;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	padding-left: 10px;	
	background-color: #E8C8A8;
}

.walkthroughmainwindow{
	position:       		absolute;
	top:					101px;
	left:					321px;
	width:					480px;
	height:					489px;
	font-size: 10pt;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
		
}

.hintviewwindow{
	position:       		absolute;
	top:					101px;
	left:					321px;
	width:					480px;
	height:					621px;
	font-size: 10pt;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
		
}


.historymainwindow{
	
	
	position:       		absolute;
	top:					101px;
	left:					222px;
	width:					559px;
	height:					376px;
	background-color: #E8C8A8;
	padding:				10px;
	text-align: justify;
	float: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #49401D;
	z-index: 5;
}


.linksmainwindow{
	position:       		absolute;
	top:					101px;
	left:					321px;
	width:					460px;
	height:					469px;
	font-size: 10px;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	padding: 10px;	
	background-color: #E8C8A8;
}
.linksinfowindow{
	position:				absolute;
	top:					590px;
	left:					0px;
	height:					430px;
	width:					770px;
	padding:				15px;
	font-family: "Times New Roman", Times, serif;
	font-size: 10pt;
	background-image: url(/classicfantasyepics/dondraimages/cavernbg.png);	
	background-repeat: no-repeat;
	background-color: #E8C8A8;
}

.floatimgleft {
float:left;
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
}
.floatimgright {
float:right;
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
}


.homepageinfowindow{
	position:				absolute;
	top:					590px;
	left:					0px;
	height:					430px;
	width:					770px;
	padding:				15px;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	background-image: url(/classicfantasyepics/dondraimages/cavernbg.png);	
	background-repeat: no-repeat;
}

.walkthroughinfowindow{
	position:				absolute;
	top:					590px;
	left:					0px;
	height:					430px;
	width:					770px;
	padding:				15px;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	overflow:				scroll;
	overflow-x: hidden;
	background-color: #E8C8A8;
}

.qfcgraphicwindow{
	position:				absolute;
	top:					590px;
	left:					0px;
	height:					575px;
	width:					790px;
	padding:				5px;
	font-family: "Times New Roman", Times, serif;
	font-size: 10pt;
	
	background-color: #E8C8A8;
}
.qfcfooter {
	position:				absolute;
	top:					1176px;
	height:					136px;
	width:					800px;
	background-image:		url(/classicfantasyepics/dondraimages/dondrafooter.jpg);
	background-repeat:		repeat-x;
	
	
}


.musicwindow{
	position:				absolute;
	top:					498px;
	left:					0px;
	height:					160px;
	width:					221px;
	padding:				10px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}


.messagewindow{
	position:				absolute;
	top:					689px;
	left:					0px;
	height:					300px;
	width:					770px;
	padding:				15px;
		background-color: #E8C8A8;
	text-align: justify;		
}


.footer {
	position:				absolute;
	top:					1050px;
	height:					136px;
	width:					800px;
	background-image:		url(/classicfantasyepics/dondraimages/dondrafooter.jpg);
	background-repeat:		repeat-x;
	
	
}

.elderfooter {
	position:				absolute;
	top:					722px;
	height:					136px;
	width:					800px;
	background-image:		url(/classicfantasyepics/dondraimages/dondrafooter.jpg);
	background-repeat:		repeat-x;
	
	
}



.navbar {
	position:       		absolute;
	top:					101px;
	left:					0px;
	width:					320px;
	height:					489px;
	background-image:		url(/classicfantasyepics/dondraimages/dondranavbar.png);
	background-repeat: no-repeat;
}

.walknavbar {
	position:       		absolute;
	top:					101px;
	left:					0px;
	width:					320px;
	height:					489px;
	background-image:		url(/classicfantasyepics/dondraimages/walkthroughmenu.png);
	background-repeat: no-repeat;
}


.button1rollover a {
display:block;
position: absolute;
top:142px;
left:53px;
width: 99px;
height: 30px;
background:url("/classicfantasyepics/dondraimages/dondrahomebuttonset.png") 0 0 no-repeat;
text-decoration: none;


}
.button1rollover a:hover { 
background-position: 0 -30px;
z-index: 4;
}
.button1rollover a:active {
background-position: 0 -60px;
z-index: 4;
}

.button2rollover a {
display:block;
position: absolute;
top:187px;
left:48px;
width: 180px;
height: 30px;
background:url("/classicfantasyepics/dondraimages/dondrahistorybuttonset.png") 0 0 no-repeat;
text-decoration: none;


}
.button2rollover a:hover { 
background-position: 0 -30px;
z-index: 4;
}
.button2rollover a:active {
background-position: 0 -60px;
z-index: 4;
}

.button3rollover a {
display:block;
position: absolute;
top:232px;
left:30px;
width: 180px;
height: 30px;
background:url("/classicfantasyepics/dondraimages/dondracharacterstext.png") 0 0 no-repeat;
text-decoration: none;


}
.button3rollover a:hover { 
background-position: 0 -30px;
z-index: 4;
}
.button3rollover a:active {
background-position: 0 -60px;
z-index: 4;
}

.button4rollover a {
	display:block;
	position: absolute;
	top:277px;
	left:14px;
	width: 180px;
	height: 30px;
	background:url("/classicfantasyepics/dondraimages/dondrawalkthroughbuttonset.png") 0 0 no-repeat;
	text-decoration: none;
	background-image: url(/classicfantasyepics/dondraimages/dondrawalkthroughbuttonset.png);


}
.button4rollover a:hover { 
background-position: 0 -30px;
z-index: 4;
}
.button4rollover a:active {
background-position: 0 -60px;
z-index: 4;
}
.button5rollover a {
display:block;
position: absolute;
top:372px;
left:175px;
width: 180px;
height: 30px;
background:url("/classicfantasyepics/dondraimages/dondramediatext.png") 0 0 no-repeat;
text-decoration: none;


}
.button5rollover a:hover { 
background-position: 0 -30px;
z-index: 4;
}
.button5rollover a:active {
background-position: 0 -60px;
z-index: 4;
}
.button6rollover a {
display:block;
position: absolute;
top:417px;
left:175px;
width: 180px;
height: 30px;
background:url("/classicfantasyepics/dondraimages/dondralinkstext.png") 0 0 no-repeat;
text-decoration: none;


}
.button6rollover a:hover { 
background-position: 0 -30px;
z-index: 4;
}
.button6rollover a:active {
background-position: 0 -60px;
z-index: 4;
}


.button7rollover a {
display:block;
position: absolute;
top:462px;
left:165px;
width: 180px;
height: 30px;
background:url("/classicfantasyepics/dondraimages/dondraforumtext.png") 0 0 no-repeat;
text-decoration: none;


}
.button7rollover a:hover { 
background-position: 0 -30px;
z-index: 4;
}
.button7rollover a:active {
background-position: 0 -60px;
z-index: 4;
}

.button8rollover a {
display:block;
position: absolute;
top:507px;
left:140px;
width: 180px;
height: 30px;
background:url("/classicfantasyepics/dondraimages/dondracontactme.png") 0 0 no-repeat;
text-decoration: none;


}
.button8rollover a:hover { 
background-position: 0 -30px;
z-index: 4;
}
.button8rollover a:active {
background-position: 0 -60px;
z-index: 4;
}


.templerollover a {
display:block;
position: absolute;
top:392px;
left:155px;
width: 180px;
height: 13px;
background:url("/classicfantasyepics/dondraimages/templeofelderstext.png") 0 0 no-repeat;
text-decoration: none;


}
.templerollover a:hover { 
background-position: 0 -13px;
z-index: 4;
}
.templerollover a:active {
background-position: 0 -25px;
z-index: 4;
}


.frontierrollover a {
display:block;
position: absolute;
top:412px;
left:155px;
width: 180px;
height: 13px;
background:url("/classicfantasyepics/dondraimages/thefrontiertext.png") 0 0 no-repeat;
text-decoration: none;


}
.frontierrollover a:hover { 
background-position: 0 -13px;
z-index: 4;
}
.frontierrollover a:active {
background-position: 0 -25px;
z-index: 4;
}

.townrollover a {
display:block;
position: absolute;
top:412px;
left:155px;
width: 180px;
height: 13px;
background:url("/classicfantasyepics/dondraimages/dondratowntext.png") 0 0 no-repeat;
text-decoration: none;


}
.townrollover a:hover { 
background-position: 0 -13px;
z-index: 4;
}
.townrollover a:active {
background-position: 0 -25px;
z-index: 4;
}

.valleyrollover a {
display:block;
position: absolute;
top:432px;
left:155px;
width: 180px;
height: 13px;
background:url("/classicfantasyepics/dondraimages/farmersvalleytext.png") 0 0 no-repeat;
text-decoration: none;


}
.valleyrollover a:hover { 
background-position: 0 -13px;
z-index: 4;
}
.valleyrollover a:active {
background-position: 0 -25px;
z-index: 4;
}

.caverollover a {
display:block;
position: absolute;
top:452px;
left:155px;
width: 180px;
height: 13px;
background:url("/classicfantasyepics/dondraimages/caverncomplextext.png") 0 0 no-repeat;
text-decoration: none;
}

.caverollover a:hover { 
background-position: 0 -13px;
z-index: 4;
}
.caverollover a:active {
background-position: 0 -25px;
z-index: 4;
}


.forestrollover a:hover { 
background-position: 0 -13px;
z-index: 4;
}
.forestrollover a:active {
background-position: 0 -25px;
z-index: 4;
}

.forestrollover a {
display:block;
position: absolute;
top:472px;
left:155px;
width: 180px;
height: 13px;
background:url("/classicfantasyepics/dondraimages/foresttext.png") 0 0 no-repeat;
text-decoration: none;
}

.questrollover a:hover { 
background-position: 0 -13px;
z-index: 4;
}
.questrollover a:active {
background-position: 0 -25px;
z-index: 4;
}

.questrollover a {
display:block;
position: absolute;
top:492px;
left:155px;
width: 180px;
height: 13px;
background:url("/classicfantasyepics/dondraimages/questforcluestext.png") 0 0 no-repeat;
text-decoration: none;
}



}