@charset "utf-8";
/*

	File Description & Change Log
	-------------------------------------------------------

	Details
	-------

	Title: 		style4Handheld.css
	Author: 	Andy Smith
	Of:			Tsuko
	Creation:	15/04/2008

	Note:		This is the StyleSheet 
				that dictates the style and 
				layout for handheld devices.	

	Edits
	-----

	Author: 	Andy Smith
	Date:		15/04/2008

	Notes:		SPT Maroon	:-: #b60810	
				D.Grey		:-: #a7a8ab
				D.Grey2		:-: #5b595f
				L.Grey		:-: #d7d7d8
				Rail Petrol	:-:	#007382
				Bus Blue	:-:	#004272
				subway yel	:-: #f39909
				Ferry red	:-:	#e31319
				Nightrider	:-: #002c52
				walking		:-: #0066ac
				cycling		:-: #52a024

	-------------------------------------------------------

*/

html{
	background-color:#000000;
	}

p a,
div.ul span.li a,
a{
	color:#b60810;
	}

div#container div.ul{
	line-height:3.5em;
	}

div#container div.ul span.li{
	color:#FFF;
	background-color:#b60810;
	padding:0.5em;
	margin:5px;
	}

p.shazam,
div#container div.ul span.li br{
	display:none;
	}

div#container div.ul span.li a{
	color:#FFF;
	width:8em;
	height:2em;
	}

div#contentDescriptor{
	clear:both;
	}

div#container div#toplinks div.ul,
div#container div#mainContent div.ul{
	line-height:2em;
	}

div#container div#toplinks div.ul span.li,
div#container div#mainContent div.ul span.li{
	color:#b60810;
	background-color:#FFF;
	margin:0;
	padding:0;
	}

div#container div#toplinks div.ul span.li a,
div#container div#mainContent div.ul span.li a{
	color:#b60810;
	background-color:#FFF;
	width:auto;
	height:auto;
	}

div#breadcrumb div.ul span.li a{
	padding-left:1em;
	background-image:url(../images/mobile-specific/arrow.gif);
	background-position:left;
	background-repeat:no-repeat;
	}


div#mainContent h2{
	font-size:16px;
	color:#b60810;
	margin-top:0.5em;
	}

div#mainContent div#centralBlock h3 a{
	font-size:16px;
	color:#b60810;
	}

div#mainContent div#centralBlock p a,
div#mainContent div#centralBlock h4 a{
	color:#b60810;
	text-decoration:none;
	}

div#mainContent div#centralBlock p a:hover,
div#mainContent div#centralBlock h4 a:hover{
	text-decoration:underline;
	}

h4{
	color:#b60810;
	font-size:16px;
	}

div#container div#footer{
	display:none;
	}

div#titleBlock h1{
	width:100%;
	background-color:#B60810;
	padding-top:10px;
	padding-bottom:10px;
	}
	
div#titleBlock h1 a{
	width:100%;
	background-color:#B60810;
	
	}

div#mainContent div#rightHandColumn div.rightHandOptionContent a,
div#mainContent div#rightHandColumn div.rightHandOptionLink a{
	color:#B60810;
	}