body{
	background-color: rgb(43,83,117);
	margin: 0px;
}
#clock{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 130px;
	height: 50px;
	background-color: rgb(13,59,100);
	background-repeat: no-repeat;
	background-image: url("alarm.png");
	background-position: 10px 13px;
	box-shadow: 0px 5px 10px 0px #000;
	color: white;
	text-align: right;
	padding-top: 10px;
	padding-right: 10px;
	font-family: arial;
}
header{
	background-color: red;
}
#menuDiv{
	padding-top: 53px;
	padding-bottom: 14px;
	background-color: rgb(13,59,100);
	border-bottom: 5px white solid;
}
#menuDiv a{
	background-image: url("marker.jpg");
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-left: 10%;
	padding-bottom: 18px;
	color: white;
	font-family: Arial;
}
#menuDiv a:link{
	text-decoration: none;
}
#menuDiv a:hover{
	text-decoration: underline;
}
#canvas{
	background-color: white;
	float: left;
	margin-top: 20px;
}
#out{
	color: white;
	font-family: arial;
	font-size: 150pt;
	text-align: center;
}
#logo{
	background-image: url("logo.jpg");
	width: 149px;
	height: 87px;
	margin-left: 20%;
	float: left;
}
#map{
	clear: both;
	position:relative;
	height: 70%;
	width:100%;
}
.barBreaker{
	font-family: Arial;
	font-size: 40pt;
	width: 100%;
	height: 100px;
	background-color: rgb(13,59,100);
	padding-top: 30px;
	text-align: center;
	color: white;
	box-shadow: 0px 5px 10px 0px #000;
}
#busstops{
	margin-left: 30%;
}
#busstops a{
	display: block;
	color: white;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 22px;
	font-family: Arial;
	text-align: left;	
}
#busstops a:link{
	text-decoration: none;
}
#busstops a:hover{
	text-decoration: underline;
}
#list1{
	float: left;
	width: 20%;
}
#list2{
	float: left;
	width: 20%;
}
#list3{
	float: left;
	width: 20%;
}
.busy{
	background-image: url("markerBusy.png");
	background-repeat: no-repeat;
	background-position: left;
}
.ave{
	background-image: url("markerAve.png");
	background-repeat: no-repeat;
	background-position: left;
}
.good{
	background-image: url("markerGood.png");
	background-repeat: no-repeat;
	background-position: left;
}
.what{
	background-image: url("markerWhat.png");
	background-repeat: no-repeat;
	background-position: left;
}
#story{
	text-align: right;
	color: white;
	font-family: arial;
}