User Friendly Interface Issue, need ideas

Hi everyone,

I am making a complicated form with Adobe Livecycle ES2 and I have an issue regarding the User Friendly Interface.

There is information I need to ask about the work location and I have a few options with regions and cities in the regions

The user can choose any regions and/or metropolitan areas.

The issue is the request of my client, it is wanted too specify which region the metropolitan area is in and the boundaries are specified in a information button "?"

E.g.

National Zone

Regions and Metropolitan Areas ◄ not an option

Antlantic Region

     Halifax

     Moncton

National Capital ◄ not an option, but provides information

     National Capital Region

Quebec Region

     Montreal

     Quebec City

Ontario Region

     Toronto

Pacific Region

     Vancouver

     Victoria

Western Region

     Calgary

     Edmonton

     Saskatoon

     Winnipeg

Thinking of using a dropdownlist is not the best option because of the information provided...

right now I am using checkboxes with the right hierarchy above but it is not user friendly

I am hiding the checkboxes to show the chosen options with a join(", ") into a label

On a click of a button the checkboxes becomes visible and another button appears "Done Selection"

Each options above needs to provide information regarding the boundaries of the regions / metropolitan areas

I am wondering if anyone has any ideas on how to present this information and be easy to use and to see