#questcontainer {
	margin: 0px;
	padding: 0px;
	position: absolute;
	margin-top: 60px;
	left: 50%;
	margin-left: -370px;
	/*margin-right: 0;
	margin-bottom: 0;
	padding: 0;
	width: 744px;*/
	height: 550px;
	z-index: 200;
	}


#questbox {
	margin: 0;
	padding: 315px 0 0 283px; /*only way I could find to make Javascript work!*/
	position: absolute;
	top: 0:
	left: 0;
	width: 265px;
	height: 180px;
	}


#questbox h2 {
	font-size: 1.1em;
	text-align: center;
	font-family: 'Comic Sans MS', Arial, sans-serif;
	padding-top: 10px;
	}

#questbox p 	{
	padding: 0 10px 0;
	text-align: center;
	font-style: italic;
	font-size: 11px;
	}

a:link {
	white-space: nowrap;
	}

.popUp {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #fef url(greenpin.png) no-repeat 50% 0px;
	visibility: hidden;
	position: absolute;
	width: 145px;
	border-left: solid 1px #fff;
	border-top: solid 1px #fff;
	border-right: solid 1px #656;
	border-bottom: solid 1px #656;
	padding-top: 25px;
	margin-left: -50px;
	}

.popUpLink {
	color: #f00;
	text-decoration: underline;
	cursor: pointer; /* I prefer this to Teague's nw-resize */
	}

a.menuLink {
	color: #f00;
	display: block;
	text-decoration: none;
	padding: 4px 0 4px 4px;
	border-bottom: 1px solid #ccc;
	}

a.menuLink:hover {
	background-color: #ccc;
	}