/* matthew css*/
body {
	color:#000;
 	font-size: 72.5%; 
 	margin-bottom: 40px;
	font-family: Verdana, Lucida, sans-serif; 
}

	
	
	
	#right {
	top:10px;
	width:180px;
	z-index:1;
	float: right;
	background-color:#FFFFFF;
	margin-top: 5px;
}
#bussign {
	background-image:url(../images/buscolor.gif);
	height:55px;
	color:#FFFFFF;
}
#tramsign {
	background-image:url(../images/tramcolor.gif);
	height:55px;
	color:#FFFFFF;
}
#tramleft {
	background-image:url(../images/tramsignleft.png);
	float:left;
	height:55px;
	width:55px;
}
#tramright {
	background-image:url(../images/tramsignright.gif);
	float:right;
	height:55px;
	width:15px;
}
#trainsign {
	background-image:url(../images/traincolor.gif);
	height:55px;
	color:#FFFFFF;
}
#trainleft {
	background-image:url(../images/trainsignleft.gif);
	float:left;
	height:55px;
	width:55px;
}
#trainright {
	background-image:url(../images/trainsignright.gif);
	float:right;
	height:55px;
	width:15px;
}
#trainreplacementleft {
	background-image:url(../image/trainbusreplamentsignleft.gif);
	float:left;
	height:55px;
	width:55px;
}
#trainsign {
	background-image:url(../images/traincolor.gif);
	height:55px;
	color:#FFFFFF;
}
#tramleft {
	background-image:url(../images/tramsignleft.png);
	float:left;
	height:55px;
	width:55px;
}
#tramright {
	background-image:url(../images/tramsignright.gif);
	float:right;
	height:55px;
	width:15px;
}
#vlinesign {
	background-image:url(../images/vlinecolor.gif);
	height:55px;
	color:#FFFFFF;
}
#vlineleft {
	background-image:url(../images/vlinesignleft.png);
	float:left;
	height:55px;
	width:110px;
}
#vlineright {
	background-image:url(../images/vlinesignright.gif);
	float:right;
	height:55px;
	width:15px;
}
#carsign {
	background-image:url(../images/carcolor.gif);
	height:55px;
	color:#FFFFFF;
}
#tickets {
	background-image:url(../images/tickets.gif);
	float:left;
	height:55px;
	width:55px;
}
#carsign {
	background-image:url(../images/carcolor.gif);
	height:55px;
	color:#FFFFFF;
}
#carleft {
	background-image:url(../images/carsignleft.png);
	float:left;
	height:55px;
	width:55px;
}
#carright {
	background-image:url(../images/carsignright.gif);
	float:right;
	height:55px;
	width:15px;
}
#bikesign {
	background-image:url(../images/bikecolor.gif);
	height:55px;
	color:#FFFFFF;
}
#bikeleft {
	background-image:url(../images/bikesignleft.png);
	float:left;
	height:55px;
	width:55px;
}
#bikeright {
	background-image:url(../images/bikesignright.gif);
	float:right;
	height:55px;
	width:15px;
}
#taxisign {
	background-image:url(../images/taxicolor.gif);
	height:55px;
	color:#FFFFFF;
}
#taxileft {
	background-image:url(../images/taxisignleft.png);
	float:left;
	height:55px;
	width:55px;
}
#taxiright {
	background-image:url(../images/taxisignright.gif);
	float:right;
	height:55px;
	width:15px;
}
#ferrysign {
	background-image:url(../images/ferrycolor.gif);
	height:55px;
	color:#FFFFFF;
}
#ferryleft {
	background-image:url(../images/ferrysignleft.png);
	float:left;
	height:55px;
	width:55px;
}
#ferryright {
	background-image:url(../images/ferrysignright.gif);
	float:right;
	height:55px;
	width:15px;
}
#traveltime {
	background-image:url(../images/carsig1.gif);
	background-repeat:no-repeat;
	height:40px;
	padding-top:10px;
	padding-left:45px;
	padding-top:13px;
	width:160px;
	margin-left:5px;
	margin-bottom:2px;
}
#mykibuses {
	background-image:url(../images/zones/bus.gif);
	background-repeat:no-repeat;
	height:39px;
	padding-left:50px;
	padding-top:10px;
}
#mykitrains {
	background-image:url(../images/zones/train.gif);
	background-repeat:no-repeat;
	height:39px;
	padding-left:50px;
	padding-top:10px;
}
#mykitrams {
	background-image:url(../images/zones/tram.gif);
	background-repeat:no-repeat;
	height:39px;
	padding-left:50px;
	padding-top:10px;
}
#newstext {
	color:#FFFFFF;
	padding-left:20px;
	font-size:20px;
	text-align:center;
	padding-top:15px;
}
#body {
	margin-right:190px;
	margin-top: 3px;
}
#helpinfo {
	background-image:url(../images/Info2.gif);
	background-repeat:no-repeat;
	height:50px;
	padding-left:50px;
	padding-top:15px;
	color:#000066;
}
#nosmoking {
	background-image:url(../images/nosmoking.gif);
	background-repeat:no-repeat;
	height:40px;
	padding-left:50px;
	padding-top:15px;
	color:#000066;
}
#nofood {
	background-image:url(../images/food.gif);
	background-repeat:no-repeat;
	height:40px;
	padding-left:45px;
	padding-top:15px;
	color:#000066;
}
#ticket {
	background-image:url(../images/ticket.gif);
	background-repeat:no-repeat;
	height:70px;
	padding-left:50px;
	color:#000000;
	font-weight: bold;
	margin-bottom: 5px;
}
.ticket {
	background-image:url(../images/ticket.gif);
	background-repeat:no-repeat;
	height:70px;
	padding-left:50px;
	color:#000000;
	font-weight: bold;
	margin-bottom: 5px;
}
#busleft {
	background-image:url(../images/bussignleft.png);
	float:left;
	height:55px;
	width:55px;
}
#busright {
	background-image:url(../images/bussignright.gif);
	float:right;
	height:55px;
	width:15px;
}
#bussign {
	background-image:url(../images/buscolor.gif);
	height:55px;
	color:#FFFFFF;
}
#tramsign {
	background-image:url(../images/tramcolor.gif);
	height:55px;
	color:#FFFFFF;
}
#tramleft {
	background-image:url(../images/tramsignleft.png);
	float:left;
	height:55px;
	width:55px;
}
#tramright {
	background-image:url(../images/tramsignright.gif);
	float:right;
	height:55px;
	width:15px;
}
#trainsign {
	background-image:url(../images/traincolor.gif);
	height:55px;
	color:#FFFFFF;
}
#trainleft {
	background-image:url(../images/trainsignleft.png);
	float:left;
	height:55px;
	width:55px;
}
#trainright {
	background-image:url(../images/trainsignright.gif);
	float:right;
	height:55px;
	width:15px;
}
#trainsign {
	background-image:url(../images/traincolor.gif);
	height:55px;
	color:#FFFFFF;
}
#tramleft {
	background-image:url(../images/tramsignleft.png);
	float:left;
	height:55px;
	width:55px;
}
#tramright {
	background-image:url(../images/tramsignright.gif);
	float:right;
	height:55px;
	width:15px;
}
#vlinesign {
	background-image:url(../images/vlinecolor.gif);
	height:55px;
	color:#FFFFFF;
}
#vlineleft {
	background-image:url(../images/vlinesignleft.png);
	float:left;
	height:55px;
	width:110px;
}
#vlineright {
	background-image:url(../images/vlinesignright.gif);
	float:right;
	height:55px;
	width:15px;
}
#carsign {
	background-image:url(../images/carcolor.gif);
	height:55px;
	color:#FFFFFF;
}
#tickets {
	background-image:url(../images/tickets.gif);
	float:left;
	height:55px;
	width:55px;
}
#carsign {
	background-image:url(../images/carcolor.gif);
	height:55px;
	color:#FFFFFF;
}
#carleft {
	background-image:url(../images/carsignleft.png);
	float:left;
	height:55px;
	width:55px;
}
#carright {
	background-image:url(../images/carsignright.gif);
	float:right;
	height:55px;
	width:15px;
}
#bikesign {
	background-image:url(../images/bikecolor.gif);
	height:55px;
	color:#FFFFFF;
}
#bikeleft {
	background-image:url(../images/bikesignleft.png);
	float:left;
	height:55px;
	width:55px;
}
#bikeright {
	background-image:url(../images/bikesignright.gif);
	float:right;
	height:55px;
	width:15px;
}
#taxisign {
	background-image:url(../image/taxicolor.gif);
	height:55px;
	color:#FFFFFF;
}
#taxileft {
	background-image:url(../images/taxisignleft.png);
	float:left;
	height:55px;
	width:55px;
}
#taxiright {
	background-image:url(../images/taxisignright.gif);
	float:right;
	height:55px;
	width:15px;
}
#ferrysign {
	background-image:url(../images/ferrycolor.gif);
	height:55px;
	color:#FFFFFF;
}
#ferryleft {
	background-image:url(../images/ferrysignleft.png);
	float:left;
	height:55px;
	width:55px;
}
#ferryright {
	background-image:url(../images/ferrysignright.gif);
	float:right;
	height:55px;
	width:15px;
}
.bus {
	color:#FF6600;
	font-size: 16px;
	font-weight: bold;
}
.tram {
	color:#006600;
	font-size: 16px;
	font-weight: bold;
}
.train {
	color:#000099;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}
.vline {
	color:#9c3f9d;
	font-size: 16px;
	font-weight: bold;
}
.walk {
	color:#FF0000;
	font-size: 16px;
	font-weight: bold;
}
.black {
	color:#000000;
	font-size: 16px;
	font-weight: bold;
}
.white {
	color:#FFFFFF;
	font-size: 16px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#homebody1 {
	margin-left: 180px;
	;
	margin-right:220px;
	margin-top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#homeleft {
	left:0px;
	top:10px;
	width:160px;
	float:left;
	margin-top: 10px;
}
#homeright {
	top:10px;
	width:200px;
	z-index:1;
	float: right;
	background-color:#FFFFFF;
	margin-top: 10px;
}
/* home page*/



#hometrain {
	background-image:url(../images/traincolor.gif);
	text-align:center;
	padding-top:10px;
	height:35px;
	color:#FFFFFF;
}
#hometram {
	background-image:url(../images/tramcolor.gif);
	text-align:center;
	padding-top:10px;
	height:35px;
	color:#FFFFFF;
}
#homeback, #homeback1 {
	background-color:#000000;
	text-align:center;
	padding-top:10px;
	margin-top:5px;
	height:35px;
	color:#FFFFFF;
}
.contentblock {
	background: #0051A2;
	border: 1px solid #1a2e73;
	margin-top: 5px;
	padding: 3px;
	padding-top: 0;
}
.contentblock h1 {
	color: #FFFFFF;
	font-size: 120%;
	margin-left: 10px;
	margin-top: 15px;
	margin-bottom: 0;
}
.textblock {
	margin-top: 5px;
	padding: 6px;
	background-color: #FFFFFF;
	border: 1px solid #1a2e73;
}
#newszzbox {
	width:180px;
	margin-top:3px;
	margin-bottom:3px
}
.newszzbox {
	width:180px;
	margin-top:3px;
	margin-bottom:3px
}
.newstext1 {
	margin-left:90px;
	padding-top: 2px;
	font-family: Segoe UI, Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FFFFFF;
	font-size: 16px;
	font-weight: bold;
}
#melbtripnewsleft {
	float:left;
	width:80px;
}
.melbtripnews {
	margin-left:90px;
	height:100px;
}
#maintittle {
	background-color:#000000;
	font-family: "Segoe UI", Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 20px;
	padding-left: 20px;
	height: 40px;
	padding-top: 10px;
}
#boxleft {
	width:25%;
	float:left;
	text-align:center;
}
#boxright {
	width:25%;
	float:left;
	text-align: center;
}
.more {
	float:right;
	height:20;
	width:40px;
}
#newsleft {
	background-image:url(../image/newsleft.png);
	float:left;
	height:50px;
	width:10px;
}
#newsright {
	background-image:url(../image/newsright.png);
	float:right;
	height:50px;
	width:10px;
}
#newsbg {
	background-image:url(../image/newsbg.png);
	height:50px;
	margin-bottom:5px;
}
.newstext {
	color:#FFFFFF;
	padding-left:20px;
	font-size:20px;
	text-align:center;
	padding-top:15px;
}
.zone1 {
	background-color:#ffcc00;
	text-align:center;
}
.zone2 {
	background-color:#3D83EC;
	text-align:center;
	color:#FFFFFF;
}
.zone3 {
	background-color:#ff0000;
	text-align:center;
	color:#ffFFFF;
}
.zone4 {
	background-color:#006600;
	text-align:center;
	color:#FFFFFF;
}
.no {
	background-color:#000000;
	text-align:center;
	color:#000000;
}
.zone {
	float:right;
	margin-right:10px;
}
#vlinelink {
	font-size:16px;
}
#vlinelink a:link {
	color: #990099;
}
#vlinelink a:visited {
	color: #990099;
}
#vlinelink a:hover {
	color: #990099;
}
#vlinelink a:active {
	color: #990099;
}
#map {
	width:500px;
	height:300px;
}

#middlea{
	margin-left:10px;
	margin-right:200px;
	font-size:14px;
	
	margin-top:5px;
}