html, body
{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}


h2#header
{
	position:absolute;
	margin:0;
	top:2px;
	left:2px;
	padding:50px 0 0 0;
	width:100%;
	height:0;
	overflow:hidden;
	z-index:6;	
	background-image:url('../images/title_ch.png');
	background-repeat:no-repeat;
}

h1
{
	z-index:10;
	margin:0;
	position:absolute;
	right:10px;
	top:5px;
	width:200px;
	height:0;
	overflow:hidden;
	padding-top:140px;
	background-image:url('../images/logo.gif');/*the Univ logo on the top Right */
	background-repeat:no-repeat;
}


#findroute
{
	position:absolute;
	z-index:8;
	left:10px;
	top:50px;
	width:99%;
	height:5em; /*to increase of decrease the width of the white transparent tab was 8em*/
	background:transparent url('../images/white.png');					/* Semi-transparent PNG */
	background:rgba(255,255,255,0.8) none;									/* Replaced with RGBA colour for more modern browsers */
	overflow:visible;
}

#map-container
{
	position:absolute;
	top:10%; /*was 6.5*/
	left:1%;
	width:98%;
	height:84.5%; /*was 88.5*/
	z-index:4;	
}

#head
{
	position:absolute;
	left:1%;
	width:98%;
	height:15%;

}

#info
{
	position:absolute;
	z-index:11;
	color:#FF3300;
	background-color:#fff;
	height:auto;
	bottom:0%;
	margin-top:8em;
	left:1%;
	padding:10px;
}


#panel {

	position: absolute;
	left: 18px;
	top: 150px;
	font-size: 0.8em;
	z-index:7;
	background:transparent url('../images/white.png');					/* Semi-transparent PNG */
	background:rgba(255,255,255,0.8) none;
        
}
#Refreshbutton
{
	position:absolute;
	z-index:11;
	background-color:#FF3300;
	color:#FF3300;
	height:auto;
	bottom:1%;
	margin-top:8em;
	right:1%;
}

#Transportation
{
	position:absolute;
	z-index:11;
	right:2%;
	top:120px;
	height:1em; /*to increase or decrease the width of the white transparent tab was 8em*/

}

#drink
{
	position:absolute;
	z-index:11;
	right:2%;
	top:150px;
	background:transparent url('../images/white.png');					/* Semi-transparent PNG */
	background:rgba(255,255,255,0.8) none;
	height:1em; /*to increase or decrease the width of the white transparent tab was 8em*/

}

#eating
{
	position:absolute;
	z-index:11;
	right:2%;
	top:180px;
	height:1em; /*to increase or decrease the width of the white transparent tab was 8em*/

}

/*
#panel:hover {
display : none;
}*/