@charset "UTF-8";
/* CSS Document */

/*************************************
*
* Living in Toronto styles
*
*************************************/

/*Note: a custom CSS will need to be created for each site.  This item is a sample navigation graphic for this template*/
.livingintoronto .nav_graphic_sample { 
	background:url(../images/placeholders/nav_bluegraphic.gif) no-repeat 0px 0px; 
	cursor: pointer; 
	padding-top: 19px;
	width: 138px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

.livingintoronto .nav_transportation { 
	background: url(/transportation/images/nav_transportation.gif) no-repeat 0px 0px; 
	cursor: pointer; 
	padding-top: 34px;
	width: 138px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}


.livingintoronto .nav_special_events { 
	background:url(/special_events/images/sp_evside_specialevents.gif) no-repeat 0px 0px; 
	cursor: pointer; 
	padding-top: 19px;
	width: 138px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

.livingintoronto .nav_clean_toronto_together { 
	background:url(/cleantorontotogether/images/nav_clean_toronto_together.gif) no-repeat 0px 0px; 
	cursor: pointer; 
	padding-top: 34px;
	width: 138px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

.livingintoronto .nav_cityservices { 
	background:url(/images/lvl2-section1_leftnav1.gif) no-repeat 0px 0px; 
	cursor: pointer; 
	padding-top: 19px;
	width: 138px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

.livingintoronto .nav_yourcity { 
	background:url(/images/lvl2-section1_leftnav2.gif) no-repeat 0px 0px; 
	cursor: pointer; 
	padding-top: 19px;
	width: 138px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

.livingintoronto .nav_gettingaround { 
	background:url(/images/lvl2-section1_leftnav3.gif) no-repeat 0px 0px; 
	cursor: pointer; 
	padding-top: 19px;
	width: 138px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

.livingintoronto .nav_thingstodo { 
	background:url(/images/lvl2-section1_leftnav4.gif) no-repeat 0px 0px; 
	cursor: pointer; 
	padding-top: 19px;
	width: 138px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

.livingintoronto .nav_environment { 
	background:url(/images/lvl2-section1_leftnav5.gif) no-repeat 0px 0px; 
	cursor: pointer; 
	padding-top: 19px;
	width: 138px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

.livingintoronto .nav_health { 
	background:url(/images/lvl2-section1_leftnav6.gif) no-repeat 0px 0px; 
	cursor: pointer; 
	padding-top: 19px;
	width: 138px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

.livingintoronto .nav_awards { 
	background:url(/images/awards.gif) no-repeat 0px 0px; 
	cursor: pointer; 
	padding-top: 19px;
	width: 138px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

.livingintoronto .nav_grants { 
	background:url(/images/grants.gif) no-repeat 0px 0px; 
	cursor: pointer; 
	padding-top: 19px;
	width: 138px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

.livingintoronto .nav_signbylaw { 
	background: url(/signbylawunit/images/nav_signbylaw.gif) no-repeat 0px 0px; 
	cursor: pointer; 
	padding-top: 19px;
	width: 138px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

.livingintoronto .nav_culturehome { 
	background: url(/culture/images/nav_culturehome.gif) no-repeat 0px 0px; 
	cursor: pointer; 
	padding-top: 19px;
	width: 138px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

.livingintoronto .nav_graffiti { 
	background:url(/graffiti/images/nav_graffiti.gif) no-repeat 0px 0px; 
	cursor: pointer; 
	padding-top: 19px;
	width: 138px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}
	
.livingintoronto .question { background: url(../images/q_blue.gif) no-repeat 0px 2px; font-weight:bold; }
.livingintoronto .answer { background: url(../images/a_blue.gif) no-repeat 0px 2px; padding-bottom: 1em; }

.livingintoronto .darkblue {color:#064E80;}

.livingintoronto #nav #translate {
	background:url("/shared/assets/images/blue_ggltrnslt.gif") no-repeat scroll 0 0 transparent;
	float:left;
	height:45px;
	padding-top:20px;
	width:138px;
}

.livingintoronto #nav #translate select {
	margin:0 0 0 8px;
	width:125px;
}

.livingintoronto #nav #translate input {
	display:none;
}





/*************************************
*
* Doing Buisness styles
*
*************************************/

.doingbusiness .nav_graphic_sample { 
	background:url(../images/placeholders/nav_purplegraphic.gif) no-repeat 0px 0px; 
	cursor: pointer; 
	padding-top: 19px;
	width: 138px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0px 0px 0px 0px !important;
    text-decoration: none;
	display:block;
}

.doingbusiness .nav_investintoronto { 
	background:url(/images/lvl2-investintoronto.gif) no-repeat 0px 0px; 
	cursor: pointer; 
	padding-top: 19px;
	width: 138px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0px 0px 0px 0px !important;
    text-decoration: none;
	display:block;
}

.doingbusiness .nav_resourcesforbusinesses { 
	background:url(/images/lvl2-section2_leftnav7.gif) no-repeat 0px 0px; 
	cursor: pointer; 
	padding-top: 38px;
	width: 138px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0px 0px 0px 0px !important;
    text-decoration: none;
	display:block;
}

.doingbusiness .nav_publicationsandreports { 
	background:url(/images/lvl2-section2_leftnav5.gif) no-repeat 0px 0px; 
	cursor: pointer; 
	padding-top: 19px;
	width: 138px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0px 0px 0px 0px !important;
    text-decoration: none;
	display:block;
}

.doingbusiness .nav_cityinitiatives { 
	background:url(/images/lvl2-section2_leftnav4.gif) no-repeat 0px 0px; 
	cursor: pointer; 
	padding-top: 19px;
	width: 138px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0px 0px 0px 0px !important;
    text-decoration: none;
	display:block;
}

.doingbusiness .nav_calldocuments { 
	background:url(/images/lvl2-section2_leftnav6.gif) no-repeat 0px 0px; 
	cursor: pointer; 
	padding-top: 19px;
	width: 138px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0px 0px 0px 0px !important;
    text-decoration: none;
	display:block;
}

.doingbusiness .nav_services { 
	background:url(/images/lvl2-section2_leftnav8.gif) no-repeat 0px 0px; 
	cursor: pointer; 
	padding-top: 19px;
	width: 138px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0px 0px 0px 0px !important;
    text-decoration: none;
	display:block;
}

.doingbusiness .nav_business_opportunity { 
	background:url(/assets/images/business_opportunities.gif) no-repeat 0px 0px; 
	cursor: pointer; 
	padding-top: 19px;
	width: 138px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0px 0px 0px 0px !important;
    text-decoration: none;
	display:block;
}

.business .question { background: url(../images/q_purple.gif) no-repeat 0px 2px; font-weight:bold; }
.business .answer { background: url(../images/a_purple.gif) no-repeat 0px 2px; padding-bottom: 1em; }


/*************************************
*
* Visiting Toronto styles
*
*************************************/

/*Note: a custom CSS will need to be created for each site.  This item is a sample navigation graphic for this template*/
.visitingtoronto .nav_graphic_sample { 
	background:url(../images/placeholders/nav_yellowgraphic.gif) no-repeat 0px 0px; 
	cursor: pointer; 
	padding-top: 19px;
	width: 138px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

.visitingtoronto .nav_abouttoronto { 
	background:url(/images/lvl2-section3_leftnav1.gif) no-repeat 0px 0px; 
	cursor: pointer; 
	padding-top: 19px;
	width: 138px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

.visitingtoronto .nav_attractions { 
	background:url(/images/lvl2-section3_leftnav2.gif) no-repeat 0px 0px; 
	cursor: pointer; 
	padding-top: 19px;
	width: 138px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

.visitingtoronto .nav_gettingaround { 
	background:url(/images/lvl2-section3_leftnav3.gif) no-repeat 0px 0px; 
	cursor: pointer; 
	padding-top: 19px;
	width: 138px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

.visitingtoronto .nav_services { 
	background:url(/images/lvl2-section3_leftnav4.gif) no-repeat 0px 0px; 
	cursor: pointer; 
	padding-top: 19px;
	width: 138px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

.visitingtoronto .question { background: url(../images/q_yellow.gif) no-repeat 0px 2px; font-weight:bold; }
.visitingtoronto .answer { background: url(../images/a_yellow.gif) no-repeat 0px 2px; padding-bottom: 1em; }


/*************************************
*
* Accessing City Hall styles
*
*************************************/

/*Note: a custom CSS will need to be created for each site.  This item is a sample navigation graphic for this template*/
.accessingcityhall .nav_graphic_sample { 
	background:url(../images/placeholders/nav_greengraphic.gif) no-repeat 0px 0px; 
	cursor: pointer; 
	padding-top: 19px;
	width: 138px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

.accessingcityhall .nav_accessibility {
	background: url(/assets/images/nav_accessibility.gif) no-repeat 0px 0px !important; 
	cursor: pointer; 
	padding-top: 19px !important;
	width: 138px !important;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

.accessingcityhall .nav_newsroom { 
	background: url(/newsroom/assets/images/nav_newsroom.gif) no-repeat 0px 0px; 
	cursor: pointer; 
	padding-top: 19px;
	width: 138px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

.accessingcityhall .nav_g20 { 
	background:url(/G20/assets/images/nav_g20.gif) no-repeat 0px 0px; 
	cursor: pointer; 
	padding-top: 19px;
	width: 138px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

.accessingcityhall .nav_cityclerks { 
	background:url(/city_clerk/images/leftnav_1.gif) no-repeat 0px 0px; 
	cursor: pointer; 
	padding-top: 19px;
	width: 138px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

.accessingcityhall .nav_protocol { 
	background:url(/protocol/images/protocol-leftnav.gif) no-repeat 0px 0px; 
	cursor: pointer; 
	padding-top: 19px;
	width: 138px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

.accessingcityhall .nav_mayor { 
	background:url(/protocol/images/mayor-leftnav.gif) no-repeat 0px 0px; 
	cursor: pointer; 
	padding-top: 19px;
	width: 138px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

.accessingcityhall .nav_sdfa { 
	background:url(/sdfa/assets/images/nav_sdfa.gif) no-repeat 0px 0px; 
	cursor: pointer; 
	padding-top: 46px;
	width: 138px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

.accessingcityhall .nav_citycouncil { 
	background:url(/images/lvl2-section4_leftnav1.gif) no-repeat 0px 0px; 
	cursor: pointer; 
	padding-top: 20px;
	width: 138px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

.accessingcityhall .nav_councillors { 
	background: url(/assets/images/nav_councillors.gif) no-repeat 0px 0px; 
	cursor: pointer; 
	padding-top: 20px;
	width: 138px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

.accessingcityhall .nav_committees { 
	background:url(/committees/images/committees_task_forces.gif) no-repeat 0px 0px; 
	padding-top: 20px;
	width: 138px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

.accessingcityhall .nav_abccs { 
	background:url(/images/lvl2-section4_leftnav5.gif) no-repeat 0px 0px; 
	padding-top: 34px;
	width: 138px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

.accessingcityhall .nav_cityinitiatives { 
	background:url(/images/lvl2-section4_leftnav2.gif) no-repeat 0px 0px; 
	padding-top: 20px;
	width: 138px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

.accessingcityhall .nav_divisions { 
	background:url(/images/section4_divisions.gif) no-repeat 0px 0px; 
	padding-top: 20px;
	width: 138px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

.accessingcityhall .nav_yourcity { 
	background:url(/images/lvl2-section4_leftnav7.gif) no-repeat 0px 0px; 
	padding-top: 20px;
	width: 138px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

.accessingcityhall .nav_services { 
	background:url(/images/lvl2-section4_leftnav10.gif) no-repeat 0px 0px; 
	padding-top: 20px;
	width: 138px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

.accessingcityhall .nav_cityperformance { 
	background: url(/assets/images/nav_city_preformance.gif) no-repeat 0px 0px; 
	padding-top: 20px;
	width: 138px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

.accessingcityhall .nav_2011citybudget { 
	background: url(/budget2011/Images/nav_2011citybudget.gif) no-repeat 0px 0px; 
	padding-top: 20px;
	width: 138px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}
	
.accessingcityhall .question { background: url(../images/q_green.gif) no-repeat 0px 2px; font-weight:bold; }
.accessingcityhall .answer { background: url(../images/a_green.gif) no-repeat 0px 2px; padding-bottom: 1em; }


/*************************************
*
* Image placement and margins
*
*************************************/

/*Right aligned images*/
.image_right {
	margin: 0 0 10px 10px;
}

/*Left aligned images*/
.image_left {
	margin: 0 10px 10px 0;
}

.margin_bottom_0 {
	margin-bottom:0 !important;
}



/*************************************
*
* Browse aloud
*
*************************************/

.browse_aloud {
	width:138px;
	min-height:32px;
	height:auto !important;
	height:32px;
	margin-top: 10px;
	background: url(/images/browsealoud-32.gif) no-repeat;
}

.browse_aloud p {
	padding: 6px 0 0 37px;
}


/*************************************
*
* Page Columns
*
*************************************/


.two_column, .three_column, .two_column_large_right, .two_column_large_left, .four_column  {
	width:407px;
	float:left;
	display:block;
	margin:0 0 10px 0 !important;
	clear:both;
	overflow:hidden;
}

.two_column div {
	display:block;
	width:198px;
	float:left;
	margin:0 10px 0 0;
}

.three_column div {
	width:128px;
	float:left;
	margin:0px 10px 0 0;
}

.four_column div {
	width:93px;
	float:left;
	margin:0px 10px 0 0;
}

.two_column_large_right div, .two_column_large_left div {
	float:left;
	margin: 0px 10px 0 0;
}

.two_column_large_right .left, .two_column_large_left .right {
	width:128px;
	margin:0px 10px 0 0;
}

.two_column_large_right .right, .two_column_large_left .left  {
	width:268px;
}

.last {
	margin-right:0 !important;
}


/*************************************
*
* Social media links - left nav
*
*************************************/

/*facebook*/
#nav .facebook {
	clear:both;
	float:left;
	min-height:32px;
	height:auto !important;
	height:32px;
	width:138px;
	margin-top: 10px;
	background: url(/images/facebook_32.gif) no-repeat 0px 3px;
}

#nav .facebook p {
	padding: 6px 0 0 37px;
}


/*twitter*/
#nav .twitter {
	clear:both;
	float:left;
	min-height:32px;
	height:auto !important;
	height:32px;
	width:138px;
	margin-top: 10px;
	background: url(/images/twitter_32.gif) no-repeat 0px 3px;
}

#nav .twitter p {
	padding: 6px 0 0 37px;
}

/*************************************
*
* Language styles
*
*************************************/

.language_translated, .language_english {
	float:left;
	overflow: hidden;
}


.language_translated {
	margin:0 !important; 
	border-bottom:#cccccc solid 1px; 
	text-align:center;
	font-weight:bold;
}

.language_english {
	margin:0 !important; 
	text-align:center;
	color:#666 !important;
}

.language_translated a, .language_english a {
	text-decoration:none;
}

.language_english a {
	color:#666;
}

.language_translated a:hover, .language_english a:hover {
	text-decoration:underline;
}

/*************************************
*
* Top highlight
*
*************************************/

.top_highlight { 
	border:#CCC 1px solid; 
	margin: 0 0 5px 0px !important; 
	background-color:#E5EDF5; 
	height:11em; 
	overflow:hidden; 
}

.top_highlight_text {
	 width:334px; 
	 float:left;
	 margin: 0 0 0 6px !important;
}

.margin_wrapper {
	margin:6px 6px 6px 8px !important;
	padding:0 !important;
	
}


/*************************************
*
* Heading styles
*
*************************************/

.greytitlebar {clear:both; background-color:#ccc; padding: 2px 0 2px 8px; font-size: 1em; line-height: 1.15em; margin-bottom:1em; }

/*************************************
*
* Get Adobe Acrobat
*
*************************************/

.get_adobe_acrobat { 
	background:url(/assets/images/get_adobe_reader.gif) no-repeat 0px 0px; 
	cursor: pointer; 
	padding-top: 33px;
	width: 112px;
	float: left;
	height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    text-decoration: none;
	display:block;
}

/*************************************
*
* Banners
*
*************************************/

/* 

Note - The styles that create a dropshadow and rounded edges for the banner do not appear in Internet Explorer.  Internet Explorer 8 is fully compliant with the CSS, Level 2 Revision 1 (CSS 2.1) specification and only supports some features of CSS Level 3 (CSS3).

*/

.banner {
	margin-bottom:5px; 
	padding:4px !important; 
	vertical-align:middle;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.banner_homepage {
	padding:4px !important; 
	vertical-align:middle !important;
	text-align:center;
	-webkit-border-radius: .5em !important;
	-moz-border-radius: .5em !important;
	border-radius: .5em !important;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2) !important;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2) !important;
	box-shadow: 0 1px 2px rgba(0,0,0,.2) !important;
	clear:both;
}

.banner p, .banner_homepage p {
	margin-bottom:5px; 
}

/* 

Very important - Place the folowing code with-in your banner's div and adjust the colours as you like.

style="background-color:#e8e78e; border:#d9c400 solid 1px;"


*/

/*************************************
*
* A to Z banner
*
*************************************/

#atoz_banner {
	margin: 0 0 0 0 !important;
	padding: 5px 5px 5px 5px !important;
	background:#E5EDF5 !important;
	color:#000;
	font-size: 1em;
	text-align:left;
	border: solid 1px #CCC;
}

#atoz_banner img {
	margin: 0 10px 0 0;
}

#atoz_banner a {
	color:#000;
	font-weight:bold;
}

#atoz_banner p {
	margin:0 !important;
}


/*************************************
*
* borders index
*
*************************************/

.border_full {
	border:solid 1px #CCC;
	float:left;
}

.border_top {
	border-top:solid 1px #CCC;
}

.border_bottom_dashed { 
	border-bottom: 1px dashed #CCC; 
}

.border_right_dashed { 
	border-right: 1px dashed #CCC; 
}


/*************************************
*
* Text resize widget
*
*************************************/

#text-resize {
	background:none repeat scroll 0 0 #EEEEEE;
	border:1px solid #CCCCCC;
	display:block;
	float:right;
	margin:0 4px 5px 5px !important;
	padding:3px !important;
	text-align:center;
	width:90px;
}

#text-resize a {
	padding:0 4px;
	text-decoration:none;
}

/*************************************
*
* Tables
*
*************************************/

#content table {  
	margin:5px 0 5px 0;  
}

#mapDiv td {
	padding:0 !important; 
}

#content table th, #content td {      
	text-align:left;      
	padding:5px; 
}
 
#content table .alt-bg {
     background-color:#f3f2f1; }
 
#content table .row-highlight:hover {
     background-color: #f9f8f7;      
	 color: #000; 
}

caption p {
	margin:0 !important;
	padding:0 5px 5px 0;
}

/* Table sample 01 */

#table-style-01 {
	border-left:1px #ccc solid !important;
	border-bottom:1px #ccc solid !important;
}

#table-style-01 td, #table-style-01 th {
	border-top:1px #ccc solid;
	border-right:1px #ccc solid !important;
}

.livingintoronto #table-style-01 thead th {
	background-color:#064e80;
	color:#FFF;
}

.livingintoronto #table-style-01 tfoot {
	background-color:#6699cc;
	color:#FFF;
}

.doingbusiness #table-style-01 thead th {
	background-color:#663366;
	color:#FFF;
}

.doingbusiness #table-style-01 tfoot {
	background-color:#996699;
	color:#FFF;
}

.visitingtoronto #table-style-01 thead th {
	background-color:#CC9900;
	color:#FFF;
}

.visitingtoronto #table-style-01 tfoot {
	background-color:#FFCC33;
	color:#000;
}

.accessingcityhall #table-style-01 thead th {
	background-color: #336633;
	color:#FFF;
}

.accessingcityhall #table-style-01 tfoot {
	background-color:#669966;
	color:#FFF;
}

/* Table sample 02 */

#table-style-02 td, #table-style-02 th {
	border-top:1px #ccc solid;
}

.livingintoronto #table-style-02 .table-horizontal-rule {
	border-top:2px #064e80 solid !important;
}

.doingbusiness #table-style-02 .table-horizontal-rule {
	border-top:2px #663366 solid !important;
}

.visitingtoronto #table-style-02 .table-horizontal-rule {
	border-top:2px #CC9900 solid !important;
}

.accessingcityhall #table-style-02 .table-horizontal-rule {
	border-top:2px #336633 solid !important;
}
	

/***********************
	
	Survey Notice
	
***********************/

#theNotice {
	background: #1d5892 url(/images/survey_stretchy.gif) bottom left repeat-x;
	height:4.188em;
	float:left;
	width:100%;
	position: relative;
	margin-bottom:10px;
}

#theNotice .arrow {
	height:3.75em;
	float:left;
	position: relative
}

#theNotice .first {
	color:#FFFFFF;
	float:left;
	font-size:1.875em;
	padding: 3px 0 0 10px;
	position: relative
}

#theNotice .small {
	margin-top:-5px; 
	text-align:right; 
	font-size:.4em;
}

#theNotice .help {
	float:left;
	padding:10px 0 0 24px;
}

#theNotice .help a {
	padding-top: 41px; /* height of the replacement image */
	float:left;
	height: 0px !important;
	width:155px;
	overflow: hidden;
	background: transparent url(/images/survey_help.gif)  no-repeat 0 0;
}

#theNotice .help a:hover {
	background: transparent url(/images/survey_help.gif) no-repeat 0 -41px;
}

.no-thanks {
	float:left;
	padding:20px 0 0 10px;
}

.no-thanks a {
	color:#ffffff;
}

/***********************
	
	Gallery
	
***********************/
	
.gallery .gallery_item {
	display:block;
	width:120px;
	float:left;
	margin:0 8px 0 0;
}

.gallery .gallery_item_407 {
	display:block;
	width:120px;
	float:left;
	margin:0 22px 0 0;
}

.gallery .gallery_image_div {
	width:118px;
	height:119px;
	overflow:hidden;
	border:#CCC solid 1px;
	margin:0 !important;
}

.gallery img {
	border:#f5f5f5 10px solid;
}

.gallery img:hover {
	border:#CCC 10px solid;
}


/***********************
	
	Pagination
	
***********************/

.pagination {
	width: auto; 
	border: solid 1px #CCC; 
	padding:6px; 
	background-color:#f3f3f3;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
}

.pagination_right {
	margin:3px 0 10px 10px; 
	float:right;
}

.pagination_centre {
	margin:3px 10px 0 10px;
	/* Note: align the div containing the pagination to centre */
}

.pagination p {
	 margin:0;
}

.pagination ul {
	 margin:0 !important;
}

.pagination ul li {
	 margin:0 !important;
	 display:inline;
}

.pagination .page {
	background:none !important;
	padding:3px .5em 3px .5em !important;
}

.pagination .back_to_collection {
	background:none !important;
	padding:3px .5em 3px 1em !important;
}

.pagination .highlighted_page {
	background-image:none !important;
	background-color:#FFF !important;
	border:solid #CCC 1px;
	padding:3px .5em 3px .5em !important;
}

.pagination .next {
	background:url(/assets/images/right_arrow_bullet.gif) no-repeat 35px 5px !important;
	padding:3px 1em 3px .5em !important;
}

.pagination .previous {
	background:url(/assets/images/left_arrow_bullet.gif) no-repeat 0px 5px !important;
	padding:3px .5em 3px 1em !important;
}

.pagination .audio {
	background: url(/assets/images/audio_icon.gif) no-repeat 68px 3px !important;
	padding:3px 2em 3px .5em !important;
}

/*************************************
*
* Mobile styles
*
*************************************/

.mobilenavlink, .mobilenav {
	display:none;
}

/*************************************
*
* A to Z styles
*
*************************************/

.atoz p {
	font-size:.8em !important;
	letter-spacing:1px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	text-align:center;
	margin-bottom:0;
}

.livingintoronto .atoz  {background: #064E80;}
.doingbusiness .atoz {background: #663366;}
.visitingtoronto .atoz {background: #cc9900;}
.accessingcityhall .atoz {background: #336633;}

.atoz {
	padding:3px;
	margin-bottom:1em;
}

.atoz a {
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}

.atoz a:hover {
	text-decoration:underline;	
}

.atoz_heading {
	padding:2px 13px 2px 13px;
	margin:1em 0 0 0 !important;
	height:22px;
}

.atoz_heading .atoz_alpha {
	margin:0 !important;
	float:left;
}

.atoz_heading .atoz_backtotop {
	margin:2px 0 0 0 !important;
	float:right;
}

.atoz_heading .atoz_backtotop p {
	margin:0 !important;
	color:#FFF;
}

.atoz_heading .atoz_backtotop a {
	font-size:.75em;
	margin:0 !important;
	color:#FFF;
}

.atoz_heading h3 {
	font-size:1em;
	color:#FFF;
}

.livingintoronto .atoz_heading {background:#6699cc}
.doingbusiness .atoz_heading {background:#996699}
.visitingtoronto .atoz_heading {background:#ffcc33}
.accessingcityhall .atoz_heading {background:#669966}

.livingintoronto .atoz_hover { background:url(/assets/images/bg_hover_blue.gif) left top !important; }
.doingbusiness .atoz_hover { background:url(/assets/images/bg_hover_purple.gif) left top !important; }
.visitingtoronto .atoz_hover { background:url(/assets/images/bg_hover_yellow.gif) left top !important; }
.accessingcityhall .atoz_hover { background:url(/assets/images/bg_hover_green.gif) left top !important; }

.livingintoronto .atoz_hover_sub { background:url(/assets/images/bg_hover_sub_blue.gif) left top !important; }
.doingbusiness .atoz_hover_sub { background:url(/assets/images/bg_hover_sub_purple.gif) left top !important; }
.visitingtoronto .atoz_hover_sub { background:url(/assets/images/bg_hover_sub_yellow.gif) left top !important; }
.accessingcityhall .atoz_hover_sub { background:url(/assets/images/bg_hover_sub_green.gif) left top !important; }

.atoz_hover:hover, .atoz_hover_sub:hover {
	background-position:left -100px !important;
}

.atoz_listing, .atoz_listing p, .atoz_listing_sub, .atoz_listing_sub p {
	margin:0 !important;
}


.atoz_listing a {
	display:block;
	padding:8px 8px 8px 25px;
}

.atoz_listing_sub a {
	display:block;
	padding:8px 8px 8px 52px;
}

.atoz_h4 {	
	padding:4px 8px 4px 12px;
	border-top:solid #ccc 1px;
	border-left:#CCC solid 1px;
	border-right:#CCC solid 1px;
	background-color:#E6E6E6;
	font-size:.75em;
}

.atoz_side_borders {
	border-left:#CCC solid 1px;
	border-right:#CCC solid 1px;
}

/*************************************
*
* Web font styles
*
*************************************/

@font-face {
    font-family: 'UniversLTStd65Bold';
    src: url('/assets/web_fonts/universltstd-bold-webfont.eot');
    src: url('/assets/web_fonts/universltstd-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/web_fonts/universltstd-bold-webfont.woff') format('woff'),
         url('/assets/web_fonts/universltstd-bold-webfont.ttf') format('truetype'),
         url('/assets/web_fonts/universltstd-bold-webfont.svg#UniversLTStd65Bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UniversLTStd45Light';
    src: url('/assets/web_fonts/universltstd-light-webfont.eot');
    src: url('/assets/web_fonts/universltstd-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/web_fonts//assets/web_fonts/universltstd-light-webfont.woff') format('woff'),
         url('universltstd-light-webfont.ttf') format('truetype'),
         url('/assets/web_fonts/universltstd-light-webfont.svg#UniversLTStd45Light') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UniversLTStd55Roman';
    src: url('/assets/web_fonts/universltstd-webfont.eot');
    src: url('/assets/web_fonts/universltstd-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/web_fonts/universltstd-webfont.woff') format('woff'),
         url('/assets/web_fonts/universltstd-webfont.ttf') format('truetype'),
         url('/assets/web_fonts/universltstd-webfont.svg#UniversLTStd55Roman') format('svg');
    font-weight: normal;
    font-style: normal;

}                   

@font-face {
    font-family: 'FuturaStdMediumCondensed';
    src: url('/assets/web_fonts/futurastd-condensed-webfont.eot');
    src: url('/assets/web_fonts/futurastd-condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/web_fonts/futurastd-condensed-webfont.woff') format('woff'),
         url('/assets/web_fonts/futurastd-condensed-webfont.ttf') format('truetype'),
         url('/assets/web_fonts/futurastd-condensed-webfont.svg#FuturaStdMediumCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FuturaStdBoldCondensed';
    src: url('/assets/web_fonts/futurastd-condensedbold-webfont.eot');
    src: url('/assets/web_fonts/futurastd-condensedbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/web_fonts/futurastd-condensedbold-webfont.woff') format('woff'),
         url('/assets/web_fonts/futurastd-condensedbold-webfont.ttf') format('truetype'),
         url('/assets/web_fonts/futurastd-condensedbold-webfont.svg#FuturaStdBoldCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FuturaStdLightCondensed';
    src: url('/assets/web_fonts/futurastd-condensedlight-webfont.eot');
    src: url('/assets/web_fonts/futurastd-condensedlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/web_fonts/futurastd-condensedlight-webfont.woff') format('woff'),
         url('/assets/web_fonts/futurastd-condensedlight-webfont.ttf') format('truetype'),
         url('/assets/web_fonts/futurastd-condensedlight-webfont.svg#FuturaStdLightCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*************************************
*
* Nav Headings
*
*************************************/

.livingintoronto .nav_h3, .doingbusiness .nav_h3, .visitingtoronto .nav_h3, .accessingcityhall .nav_h3 {
	margin:0 !important;
	padding:2px 2px 2px 8px !important;
	display:block;
	overflow:hidden;
	font-family:FuturaStdMediumCondensed !important;
	font-size:.75em !important;
	text-transform:uppercase;
}

.livingintoronto .nav_h3 a {
	text-decoration:none;
	display:block;
}

.livingintoronto .nav_h3 { background:#064e80; }

.doingbusiness .nav_h3 { background:#663366; }

.visitingtoronto .nav_h3 { background:#cc9900; }

.accessingcityhall .nav_h3 { background:#336633; }



/*************************************
*
* Checkmarks and Xmarks
*
*************************************/


.checkmark { 
	background: url(/assets/images/checkmark_blue.gif) no-repeat 0px 0px;
	padding-top: 20px;
	width: 20px;
	height: 0 !important;
    overflow: hidden;
    margin: 0 0 0 25px !important;
    text-decoration: none;
	display:block;
}

.x { 
	background: url(/assets/images/x_blue.gif) no-repeat 0px 0px;
	padding-top: 20px;
	width: 20px;
	height: 0 !important;
    overflow: hidden;
    margin: 0 0 0 25px !important;
    text-decoration: none;
	display:block;
}

.x_gray { 
	background: url(/assets/images/x_gray.gif) no-repeat 0px 0px;
	padding-top: 20px;
	width: 20px;
	height: 0 !important;
    overflow: hidden;
    margin: 0 0 0 25px !important;
    text-decoration: none;
	display:block;
}
.rc {
    border-color: #999999;
    border-style: solid;
    border-width: 1px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-khtml-border-radius: 0px 5px 5px 0px;
    height: 100px;
    padding: 15px;
    width: 720px;
}
/*div display styles*/
.prnt_show{ display:none !important;}