Rodrigo Twister

Então, o meu código ainda está cru e resultando da forma acima, gostaria que fosse primeiro TODOS OS REGISTROS DE UMA CIDADE e depois TODOS OS REGISTROS DA OUTRA CIDADE, mas sempre com o título na frente. Segue o código hoje:

mysql_select_db($database_conn, $conn); 
	  $sql   =   mysql_query("select *,date_format(hora_inicio,'%H:%m') as hora_inicio,date_format(hora_fim,'%H:%m') as hora_fim from compromissos inner join cores on cores.cod_label=compromissos.cod_label WHERE data = '".$date."' order by compromissos.cod_label,hora_inicio") 
					   or die("ERRO NO COMANDO SQL");
	  $row   =  mysql_num_rows($sql);
	  
	  /*$sqlLabel   =   mysql_query("select * from label WHERE dataInicio = '".$date."' order by datahora") 
					   or die("ERRO NO COMANDO SQL");
	  $rowLabel   =  mysql_num_rows($sqlLabel);*/
     
	  if(mysql_num_rows($sql)){
	  
      ?>
            <td width="180" align="right" valign="top" bgcolor="#E5E5E5" title="visualizar"><a href="../admin/add_compromisso.php" rel="gb_page_center[690, 300]" title="Agendão - Amil"><?=$d?></a>
            
			<?
			while ($reg=mysql_fetch_array($sql))
			{
				$cod_compromisso=$reg['cod_compromisso'];
				$titulo=$reg['titulo'];
				$cidade=$reg['cidade'];
				$bgcolor=$reg['bgcolor'];
				$cor=$reg['cor'];
				$label=$reg['label'];
				$hora_inicio=$reg['hora_inicio'];
				$hora_fim=$reg['hora_fim'];
				$estado=$reg['estado'];
		   ?>
			
			<table width=100% border=0 cellspacing=0 cellpadding=0>
            <tr>
            <td bgcolor=<? echo $bgcolor; ?> height=16><b>&nbsp;<? echo $label; ?></b></td>
            </tr>
            <tr>
            <td height=5></td>
            </tr>
            </table>
			
			<table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td valign="top"><a href="evento.php?cod_compromisso=<? echo $cod_compromisso; ?>" rel="gb_page_center[690, 300]" title="Agendão - Amil" style="color:<? echo $cor; ?>">&nbsp;<? echo $hora_inicio; ?> - <? echo $hora_fim; ?> - <? echo $titulo; ?></a></td>
			    
              </tr>
			  <tr>
                <td height="5" colspan="2"></td>
              </tr>
            </table>
		  <? } ?>