body {
	background: 	#BABBC0;
	font:		76%/1.4em Arial,Helvetica,sans-serif
}


h1 { 
	font-size:	1.75em; 
	line-height:	1em; 
	margin:		0 0 .5em 0; 
}
h2 { 
	font-size:	1.5em; 
	margin:		.8em 0 .5em 0; 
	color:		#347C70; 
}
h3 { 
	font-size:	1.25em; 
}

#title {
}

#waypointsArea {
	width:		35%;
}

#map { 	
	float: right;
	width: 60%;	
	height: 550px;
	border: 1px solid black;
	z-index: 1;
}

#loadingMessage {
	position: absolute;
	top: 200px;
	left: 55%;
	width: 250px;
	padding: 10px;
	z-index: 10;
	color: black;
	background-color: #cdd;
	opacity: .75;
	filter: alpha(opacity=75);
        font: 24px/24px bold xx-large;
	text-align: center;
}

#navArea {
	width:		100%;
	margin:		5px 5px 5px 5px;
}

dl.waypointsListClass { 
	line-height:	2.2em; 
	border-bottom:	1px solid #ddd; 
	width:		300px; 
	border-bottom:	1px solid #ddd;
}

dt.waypoint-item {	
	position: relative; 
	width: 300px; 
	height: 50px;
	border-top:	1px solid #ddd;
}
/* Place all of the following in the enclosing dt box */
.waypoint-icon {position: absolute; top: 10px; left: 5px; }
.where         {position: absolute; top: 5px; left: 40px; }
.date          {position: absolute; top: 21px; left: 40px; font-weight: lighter; }


/* created by Javascript */
.marker {
	font-size: small;
	width: 200px;
}