/* structure.css are the styles for the DIVs in a website and should not contain
any typographic or content-related styles for a site. The styles within are strictly
used to create the layout/structure of the website and, as such, this style sheet 
will (almost) never need to be altered by the client or back-end programmers. */

/* ----- comment styles well for better reference later! ----- */
/* ----- try to lay this out in the following sections and from top to bottom on pages ----- */

/* 
=======================
STYLES FOR ALL PAGES 
=======================
*/
/* Main Wrapper*/
#Uber{
	width:950px; margin: auto auto;
}

/*Navigation*/
#Nav{
	width:950px; height:35px; background-color:#006699; z-index:10000;
}


/*Generic styles*/
.marginRight6{margin-right:3px;}

.padBottom4{padding-bottom:4px;}
.padBottom6{padding-bottom:6px;}
.padBottom9{padding-bottom:9px;}
.padBottom17{padding-bottom:9px;}
.Border1px{padding:1px; border:#000 1px solid;}

/* 
=======================
STYLES HOME PAGE ONLY 
=======================
*/


/*Header Style */
#HeaderHomepage{
	width:950px; height:106px; background:url(/en/images/hdr_Homepage.jpg) no-repeat;
}
#HeaderHomepage_FR{
	width:950px; height:106px; background:url(/fr/images/hdr_Homepage.jpg) no-repeat;
}

/* Top links (home, contact us, etc)  */
#HeaderHomepage #topNav, #HeaderHomepage_FR #topNav{float:right; color:#000000; margin: 13px 103px 0 0; display:inline}
#HeaderHomepage #topNav a, #HeaderHomepage_FR #topNav a{font-weight:bold;}
/* search Area  */
#HeaderHomepage #searchBox, #HeaderHomepage_FR #searchBox{clear:right;float:right; margin: 23px 106px 0 0; display:inline; width:442px; text-align: right;}
#HeaderHomepage #searchBox select, #HeaderHomepage_FR #searchBox select{font-size:11px; width: 165px;vertical-align:middle; margin-right:5px;}
#HeaderHomepage #searchBox .inputBox, #HeaderHomepage_FR #searchBox .inputBox{font-size:11px; width: 93px; padding:1px;vertical-align:middle; margin-right:5px;}
#HeaderHomepage #searchBox .submitButton, #HeaderHomepage_FR #searchBox .submitButton{padding-top:0px; vertical-align:middle}

/* content area for homepage  */
#HomepageContent{
	background-color:#FFF; width:950px; float:left;
}	

/* "Welcome" Title  */
#HomepageContent #TitleHeading{
float:left;
width:950px;
background-color:#AAC54B;
}

#HomepageContent #TitleHeading h1{
float:left; padding: 8px 0px 8px 16px;
font-size:12px; text-transform:uppercase; width:513px;
}

#HomepageContent #TitleHeading .Breadcrumb{
float:left; padding: 8px 0px 10px 16px; height:13px; line-height:18px;
font-size:11px; text-transform:uppercase; width:513px;overflow:hidden;
}


/* "Email, Printing, RSS Feeds buttons  */
#HomepageContent #TitleHeading #ContentActions{
	float:right;width:350px; text-align:right; margin-top:6px; padding-right: 141px;
}
#HomepageContent #TitleHeading #ContentActions img{
	margin-left:0px !important;
}
/* "Email, Printing, RSS Feeds buttons  */
#HomepageContent #TitleHeading #ContentActions2{
	float:right;width:350px; text-align:right; margin-top:6px; padding-right: 14px;
}
#HomepageContent #TitleHeading #ContentActions2 img{
	margin-left:0px !important;
}


/* left side content (Events Calendar, maps, Faqs, etc)  */
#HomepageContent #HomepageLeftContent{
	float:left;width:151px; padding-top:19px; 
}


/* right content top (green part)  */
#HomepagerightContentTop{
	float:left;width:799px;background: url(/images/bg_HomepageTopBG.gif) #AAC54B repeat-y;
}

/*main white background content area*/
#HomepagerightContentTop #topLeftContent{
	float:left;width:612px; background-color:#FFF; padding: 19px 22px 0px 22px;
}

/* intro / welcome text area*/
#HomepagerightContentTop #topLeftContent #InnerLeft{
	float:left; width:307px; height:318px; overflow:hidden;
}
#HomepagerightContentTop #topLeftContent #InnerLeft img{
	float:left; margin-bottom: 10px;
	padding:1px; border:#000 1px solid; display:block;
}
#HomepagerightContentTop #topLeftContent #InnerLeft h1{
	font-size:16px; color:#003366; padding: 8px 0 10px 0; line-height:20px;
}

/* links / Media Room link*/
#HomepagerightContentTop #topLeftContent #InnerRight{
	float:left; width:284px; padding-left:21px;
}

#HomepagerightContentTop #topLeftContent #InnerRight #NewsItems{
	height:280px; overflow:hidden;
}

#HomepagerightContentTop #topLeftContent #InnerRight ul{
	width:284px; list-style-type:none; margin: 0 0 0 0; padding: 0 0 0 0;
	border-top: #D1D1D1 1px solid;
}
#HomepagerightContentTop #topLeftContent #InnerRight ul li{
	border-bottom: #D1D1D1 1px solid; padding: 7px 14px 7px 14px;
}
/* odd numbered links*/
#HomepagerightContentTop #topLeftContent #InnerRight ul li.Odd{
	background-color:#ECECEC;
}
#HomepagerightContentTop #topLeftContent #InnerRight ul li a{
	font-weight:bold;
}
#HomepagerightContentTop #topLeftContent #InnerRight .BoxLink{
	float:left;width:136px; text-align:center; font-size: 11px; border: #D1D1D1 1px solid; margin-top:12px; display:inline;
	font-weight:bold; line-height:25px; vertical-align:middle;
}
#HomepagerightContentTop #topLeftContent #InnerRight .BoxLinkMarginLeft4{
	float:left;width:136px; text-align:center; font-size: 11px; border: #D1D1D1 1px solid; margin-top:12px; display:inline;
	font-weight:bold; line-height:25px; vertical-align:middle;margin-left:5px;
}
#HomepagerightContentTop #topLeftContent #InnerRight .BoxLinkOneLink{
	float:left;width:282px; text-align:center; font-size: 11px; border: #D1D1D1 1px solid; margin-top:12px; display:inline;
	font-weight:bold; line-height:25px; vertical-align:middle;
}


/*side Green area with quicklinks*/
#HomepagerightContentTop #topRightContent{
	float:left;width:112px; background:url(/images/bg_TopGreenCorner.gif) no-repeat top left; 
	height:340px; overflow:hidden; padding-left:19px; padding-right:5px;
}
#HomepagerightContentTop #topRightContent ul{
	margin:0px; padding:0px; list-style-type:none;
}
#HomepagerightContentTop #topRightContent h2{
	text-transform:uppercase; color:#0C4500; width: 110px; 
	border-bottom: #859A3B solid 1px;
}

#HomepagerightContentTop #topRightContent a{
	color:#0C4500; width: 111px; font-weight:bold; display:block;
	padding: 4px 0 4px 0; 
}


#HomepagerightContentTop #topRightContent p{
	padding:0;margin:0;
}


/*
Depreciated

#HomepagerightContentTop #topRightContent ul ul{
	margin-left:19px; color:#0C4500; width: 113px; padding-top: 6px; 
	border-top: #859A3B solid 1px; font-weight:bold;
}
#HomepagerightContentTop #topRightContent ul ul li{
	padding-bottom: 6px;
}
*/

#HomepagerightContentTop #topRightContent a{
	color:#0C4500; 
}




/* Bottom content (orange) features, Project links*/
#HomepageContent #HomepagerightContentBottom{
	float:left;width:799px;background: url(/images/bg_HomepageBottomBG.gif) #FF9933 repeat-y; margin-top:26px;
	
}

/* features section*/
#HomepagerightContentBottom #BottomLeftContent{
	float:left;width:635px; background-color:#FFF; padding: 12px 0px 0px 0px;
	border-top: #E7832F 4px solid; margin-left: 21px; display:inline;
}
#HomepagerightContentBottom #BottomLeftContent h1{
	color:#AF430E; font-size: 12px;
}
#HomepagerightContentBottom #BottomLeftContent .topFeatures{
	float:left;clear:Both; border-bottom: #A6A6A6 1px solid; margin-bottom: 15px; margin-top:10px;
}
#HomepagerightContentBottom #BottomLeftContent .bottomFeatures{
	clear:Both;
}
#HomepagerightContentBottom #BottomLeftContent .Feature{
	width:308px; float:left;
}
#HomepagerightContentBottom #BottomLeftContent .Feature a{
	color:#003366; font-size:11px; padding: 0 18px 0 18px;
	width: 210px; float:left; font-weight:bold;
}
#HomepagerightContentBottom #BottomLeftContent .Feature p{
	float:left;width: 210px; font-size:11px; padding: 0 18px 19px 18px;
}
#HomepagerightContentBottom #BottomLeftContent .Feature img{
	border: #B8B7B4 2px solid; float: left;
}


/*right side Orange area with project links*/
#HomepagerightContentBottom  #BottomRightContent{
	float:left;width:112px; padding-left:19px; padding-right:5px; padding-top:12px;
}

#HomepagerightContentBottom  #BottomRightContent h2{
	text-transform:uppercase; color:#993300; width: 110px; 
	border-bottom: #993300 solid 1px;
}

#HomepagerightContentBottom  #BottomRightContent a{
	color:#993300; width: 111px; font-weight:bold; display:block;
	padding: 4px 0 4px 0; 
}
#HomepagerightContentBottom  #BottomRightContent a.underlinegreen{
border-bottom: #993300 solid 1px;
}

#HomepagerightContentBottom  #BottomRightContent p{
	padding:0;margin:0;
}

/*

#HomepagerightContentBottom  #BottomRightContent ul{
	margin:0px; padding:16px 0 0 0; list-style-type:none;
}
#HomepagerightContentBottom  #BottomRightContent ul ul{
	margin-left:19px; color:#993300; width: 113px; padding-top: 6px; 
	border-top: #C77728 solid 1px; font-weight:bold;
}
#HomepagerightContentBottom  #BottomRightContent a{
	color:#993300; 
}
#HomepagerightContentBottom  #BottomRightContent ul ul li{
	padding-bottom: 6px;
}
*/

/* homepage Footer */
#homepageFooter {
	width:950px; height: 40px; float:left; padding-top: 28px;
	background:url(/images/ftr_BottomPiece_Homepage.gif) no-repeat;
}
#homepageFooter p{float:left; /*width:400px;*/ padding-top:8px;}
#homepageFooter a{font-weight:bold;}
#homepageFooter #Iso{float:left; padding-right:10px;}
#homepageFooter #W3C{float:left; padding-right: 10px; padding-left: 15px;}
#homepageFooter #eSolutions{float:left;}


/* 
=================================
STYLES FOR CONTENT PAGES ONLY 
=================================
*/


/*Header Style */
#HeaderInterior{
	position:relative;width:950px; height:106px; 
}

#HeaderInterior img{
	display:block;
}

/* Top links (home, contact us, etc)  */
#HeaderInterior #topNav{
	position:absolute;
	color:#000000;
	right: 96px;
	top: 13px;
	text-align: right;
	width:300px;
	padding-left: 7px;
	padding-right: 7px;
}

#HeaderInterior #topNav a{font-weight:bold;}

/* search box  */
#HeaderInterior #searchBox{
	position:absolute;
	left: 545px;
	top: 50px;
}
#searchBox select{font-size:11px; width: 165px;vertical-align:middle; margin-right:5px;}
#searchBox .inputBox{font-size:11px; width: 93px; padding:1px;vertical-align:middle; margin-right:5px;}
#searchBox .submitButton{padding-top:0px; vertical-align:middle}




/* main Interior section  */
#Interior{
	background:url(/images/bg_InteriorBG.gif) repeat-y #AAC54B; width:950px; float:left;
}



/* sectiontitle i.e.  "Recreation & Leisure"  with course actions*/
#Interior #TitleHeading{
float:left;
width:950px;
background-color:#AAC54B;
}
#Interior #TitleHeading h1{
float:left; padding: 8px 0px 8px 16px;
font-size:12px; text-transform:uppercase; width:513px;
}

/* "Email, Printing, RSS Feeds buttons  */
#Interior #TitleHeading #ContentActions{
	float:right;width:350px; text-align:right; margin-top:6px; padding-right: 15px;
}

/* left side content (Events Calendar, maps, Faqs, etc)  */
#Interior #InteriorLeftContent{
	float:left;width:151px; padding-top:19px; 
}

/* breadcrumb and Email, Printing, RSS Feeds buttons */
#Breadcrumb {
	position: relative; width:935px; height: 24px; padding:13px 0px 0px 15px; background-color:#AAC54B;
	font:11px Arial,Helvetica,sans-serif; text-transform:uppercase; color: #0C4500; 
}
#Breadcrumb #Buttons {position: absolute; top: 8px; right: 13px;}
#Breadcrumb #Buttons a {padding-left: 10px;}

/*three columns of the content pages*/
#topofcontent {width:950px; height: 16px; background: url(/images/bkgnd_topofcontent.gif) top left no-repeat;}
#c_left {float: left; width: 151px; padding-top:9px; background: url(/en/images/c_left_top.gif) top left no-repeat;}
#c_left #items {padding: 0px 15px 14px 14px; background: url(/images/bottom_c_left_items.gif) bottom left no-repeat #ECECEC; margin-top: 0;}
#c_left #items a {font:11px/14px Arial,Helvetica,sans-serif; font-weight:bold; padding: 0px 0px 8px 0px; width: 122px; margin: 0; margin-top: -5px; border-bottom: 1px solid #B6B6B6; text-decoration: none; display:block;}
#c_left #items a:hover {text-decoration: underline;}


#c_centre {float: left; width: 549px; padding:0px 22px 0px 23px;}
#c_centre h1 {font:21px Arial,Helvetica,sans-serif; padding-bottom: 15px;}
#c_centre .Banner {width:539px; height:176px; overflow: hidden; margin-bottom:24px;}

#c_right {float: left; width: 177px; padding-top: 14px;}
#c_right h1 {font:12px Arial,Helvetica,sans-serif; font-weight: bold; text-transform: uppercase; padding-bottom: 15px; color: #343434;}
#c_right a {font:11px/14px Arial,Helvetica,sans-serif; font-weight:bold; padding: 0px 0px 8px 0px; width: 177px; margin: 0; margin-top: -5px; border-bottom: 1px solid #B6B6B6; text-decoration: none; display:block;}
#c_right a:hover {text-decoration: underline;}


/* FOOTER  */
#contentFooter {
	clear:both;
	width:950px; height: 40px; float:left; padding-top: 28px;
	background:url(/images/ftr_BottomPiece_Content.gif) no-repeat;
}
#contentFooter p{float:left; /*width:400px;*/ padding-top:8px;}
#contentFooter a{font-weight:bold;}
#contentFooter #Iso{float:left; padding-right:10px;}
#contentFooter #W3C{float:left; padding-right: 10px; padding-left: 15px;}
#contentFooter #eSolutions{float:left;}


/*
===========================
50/50 content page
===========================
*/

#InteriorRightContent{
	float:left; padding-bottom:13px;
}

/* left side of interior content */
#fiftyFiftyLeft
{
	width:396px; padding-right:21px; float:left; padding-left:24px; padding-top:19px;
}

/* Introduction section*/
#fiftyFiftyLeft #Intro 
{
	width:396px; float:left;height:290px; overflow:hidden;
}
#fiftyFiftyLeft #Intro img
{
	float:left; margin-right: 15px; margin-bottom: 10px;
	padding:1px; border:#000 1px solid; display:block;
	
}
#fiftyFiftyLeft #Intro h1
{
	font-size:16px; color:#003366; padding: 0px 0 10px 0; line-height:20px;
}


/* list of links section (2nd down) */
#fiftyFiftyLeft #Links{ 
	float:left; 
	/*
	height:173px; overflow:hidden;
	*/
	}
#fiftyFiftyLeft #Links ul{
	width:396px; list-style-type:none; margin: 0; padding: 0;
	border-top: #D1D1D1 1px solid;
}
#fiftyFiftyLeft #Links ul li{
	border-bottom: #D1D1D1 1px solid; padding: 7px 0px 7px 14px;
}
/* odd numbered links*/
#fiftyFiftyLeft #Links ul li.Odd{
	background-color:#ECECEC;
}
#fiftyFiftyLeft #Links ul li a{
	font-weight:bold; 
}


/* features section (3rd down) */
#fiftyFiftyLeft #Features{
	width: 396px; border-top: #E7832F 4px solid; margin-top: 15px; padding-top:8px; float:left;
}
#fiftyFiftyLeft #Features h1{
	font-size:12px;color:#CF6002; float:left; text-transform:uppercase;
}
#fiftyFiftyLeft #Features h2{
	font-size:12px; color:#CF6002;float:right;
}
#fiftyFiftyLeft #Features h2 a{
	color:#CF6002;
}
#fiftyFiftyLeft #Features .topFeatureBox{
	border-bottom:#A6A6A6 1px solid;
	float:left;
	padding-right: 6px;
	padding-bottom: 13px;
	margin-top: 8px;
	clear:left;	
	width: 390px;
}
#fiftyFiftyLeft #Features .FeatureBox{
	clear:left; 
	float:left;width: 390px; margin-top: 17px;padding-bottom: 17px; padding-right: 6px;
	
}
#fiftyFiftyLeft #Features .topFeatureBox a, #fiftyFiftyLeft #Features .FeatureBox a{
	color:#003366; font-size:11px; padding: 0 0px 0 0px;
	 font-weight:bold;
	
}
#fiftyFiftyLeft #Features p{
	font-size:11px;
}
#fiftyFiftyLeft #Features img{
	float:left; margin-right: 10px; margin-bottom: 5px;
	padding:1px; border:#000 1px solid; display:block;
}


/*
==================
Services Menu
==================
*/


#fiftyFiftyRight{width:322px; float:left; background: url(/images/greyRoundedBottom.gif) no-repeat left bottom #ECECEC; padding: 0 0 15px 0;margin-top:19px;}


#fiftyFiftyRight h2{background:url(/images/greyRoundedTop.gif) no-repeat left top; padding:25px 25px 10px 25px; text-transform:uppercase; color:#6C6C6C; font-size:12px;
}

#fiftyFiftyRight a{font-size:11px;}


#fiftyFiftyRight ul{
margin:0; padding:0; list-style-type:none;
}

#fiftyFiftyRight li{display:inline;}

#ServicesWrapper{
	position:relative; width:322px;
}

/*individual service*/
.Service{
	float:left; width: 284px; background:url(/images/GreyInset.gif) bottom repeat-x; 
	padding:8px 0 8px 0; margin-left: 20px; display:inline;position:relative;
}


.Service img{float:left;margin: 0 15px 0 0; padding:2px; background:#FFF;
	border:#B3B3B3 1px solid;
}

.Service h3{
	float:right; width:224px; color:#09508E; font-size:11px; margin-top:0px; padding-top:0px;
}

.ServicesMenu{
	margin:0; padding:0; background-color:#FF0000;
	float:right; width:224px; 
}






/* remove all the bullets, borders and padding from the default list styling */
.ServicesMenu ul {
padding:0;
margin:0;
list-style-type:none;
width:224px;
position:relative;
}


/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.ServicesMenu li {
float:left;
width:224px;
}

/* style the links for the top level */
.ServicesMenu a, .ServicesMenu a:visited {
display:block;
font-size:11px;
text-decoration:none; 
color:#fff; 
width:214px;
height:25px; 
background:url(/images/bg_greyArrowRight.gif); 
padding-left:10px; 
line-height:25px;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .ServicesMenu a, * html .ServicesMenu a:visited {
width:224px;
w\idth:214px;
}

.ServicesMenu ul li {
position:relative;
}


/* hide the sub level and give them a positon absolute so that they take up no room */
.ServicesMenu ul ul {
visibility:hidden;
position:absolute;
z-index:999;
height:0;
top:25px;
left:0; 
width:220px;
}


/* another hack for IE5.5 */
* html .ServicesMenu ul ul {
top:25px;
t\op:25px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.ServicesMenu table {position:absolute; top:0; left:0;}

/* style the second level links */
.ServicesMenu ul ul a, .ServicesMenu ul ul a:visited {
	border-top:#6599CB 1px solid;
	background:#09508E; 
	color:#FFF; 
	height:auto; 
	line-height:1em; 
	padding:10px 10px; 
	width:204px;
}

.ServicesMenu ul ul a:hover{
	color:#F3F3F3; background-color:#0D61AA;
}

/* yet another hack for IE5.5 */
* html .ServicesMenu ul ul a{
	width:224px;w\idth:204px;
}


.ServicesMenu .chooseService{
	position:absolute;
}

/* style the top level hover */
.ServicesMenu a.chooseService:hover , .ServicesMenu ul ul a.chooseService:hover{
	color:#fff; background:#CCCCCC url(/images/bg_greyArrowRight.gif) 0px -25px no-repeat; 
}

/*firefox*/
.ServicesMenu :hover > a.chooseService, .ServicesMenu ul ul :hover > a.chooseService {
color:#fff;background:#CCCCCC url(/images/bg_greyArrowRight.gif) 0px -25px no-repeat; 
}

/* make the second level visible when hover on first level list OR link */
.ServicesMenu ul li:hover ul,
.ServicesMenu ul a:hover ul{
visibility:visible; 
}



/*
====================
ENGLISH MENU
====================
*/

/*Main navigation wrapper*/
.Menu {clear:left;display:block;width:950px;height:35px;position:relative;margin:0;font-size:11px;margin:0px 0 0px 0;
background:#7EA756;position:relative;}
.Menu ul {padding:0; margin:0; list-style-type: none;}
.Menu ul li {float:left; position:relative;}

.Menu ul li a, .Menu ul li a:visited {display:block;  text-decoration:none; padding:0 0 0 0;  color:#FFFFFF;}

.Menu table {border-collapse:collapse; margin:0; padding:0; font-size:1em;}

.Menu ul li ul {visibility:hidden; position:absolute; top:35px; left:0; list-style-image:none; list-style-type:none; display:block;background-color:#09508E; border-top:#6599CB 1px solid;}


.Menu ul li:hover a,
.Menu ul li a:hover {background:none;}
.Menu ul li:hover ul,
.Menu ul li a:hover ul {visibility:visible; width:190px;}

/*style of 2nd level list*/
.Menu ul li ul li{float:left;font-size:12px;padding:5px 15px 5px 15px;border-bottom:#6599CB 1px solid; width:160px;}


.Menu ul li ul li a:hover{color:#FFFFFF; text-decoration:underline;}
.Menu ul li ul li a{color:#FFFFFF;line-height:14px; }

/* City Government*/
#Navtab1, #Navtab1on {float:left;width: 123px}
#Navtab1 img {
	float:left;display: block; width: 123px; height: 35px; margin: 0; padding: 0;
	background: url(/en/images/btn_CityGovernment.gif) 0 0 no-repeat; text-decoration: none;
}
#Navtab1 a:hover img, #Navtab1on img{	
	display: block; width: 123px; height: 35px; margin: 0; padding: 0; float: left;
	background: url(/en/images/btn_CityGovernment.gif) 0px -35px no-repeat; text-decoration: none; cursor:pointer;
}

/* Community & Culture */
#Navtab2, #Navtab2on {float:left;width: 149px}
#Navtab2 img {
	float:left;display: block; width: 149px; height: 35px; margin: 0; padding: 0;
	background: url(/en/images/btn_Community.gif) 0 0 no-repeat; text-decoration: none;
}
#Navtab2 a:hover img, #Navtab2on img{	
	display: block; width: 149px; height: 35px; margin: 0; padding: 0; float: left;
	background: url(/en/images/btn_Community.gif) 0px -35px no-repeat; text-decoration: none; cursor:pointer;
}

/* Recreation & Leisure */
#Navtab3, #Navtab3on {float:left;width: 143px}
#Navtab3 img {
	float:left;display: block; width: 143px; height: 35px; margin: 0; padding: 0;
	background: url(/en/images/btn_Recreation.gif) 0 0 no-repeat; text-decoration: none;
}
#Navtab3 a:hover img, #Navtab3on img{	
	display: block; width: 143px; height: 35px; margin: 0; padding: 0; float: left;
	background: url(/en/images/btn_Recreation.gif) 0px -35px no-repeat; text-decoration: none; cursor:pointer;
}

/* Transportation */
#Navtab4, #Navtab4on {float:left;width: 109px}
#Navtab4 img {
	float:left;display: block; width: 109px; height: 35px; margin: 0; padding: 0;
	background: url(/en/images/btn_Transportation.gif) 0 0 no-repeat; text-decoration: none;
}
#Navtab4 a:hover img, #Navtab4on img{	
	display: block; width: 109px; height: 35px; margin: 0; padding: 0; float: left;
	background: url(/en/images/btn_Transportation.gif) 0px -35px no-repeat; text-decoration: none; cursor:pointer;
}

/* Public Safety */
#Navtab5, #Navtab5on {float:left;width: 100px}
#Navtab5 img {
	float:left;display: block; width: 100px; height: 35px; margin: 0; padding: 0;
	background: url(/en/images/btn_PublicSafety.gif) 0 0 no-repeat; text-decoration: none;
}
#Navtab5 a:hover img, #Navtab5on img{	
	display: block; width: 100px; height: 35px; margin: 0; padding: 0; float: left;
	background: url(/en/images/btn_PublicSafety.gif) 0px -35px no-repeat; text-decoration: none; cursor:pointer;
}

/* Environment */
#Navtab6, #Navtab6on {float:left;width: 98px}
#Navtab6 img {
	float:left;display: block; width: 98px; height: 35px; margin: 0; padding: 0;
	background: url(/en/images/btn_Environment.gif) 0 0 no-repeat; text-decoration: none;
}
#Navtab6 a:hover img, #Navtab6on img{	
	display: block; width: 98px; height: 35px; margin: 0; padding: 0; float: left;
	background: url(/en/images/btn_Environment.gif) 0px -35px no-repeat; text-decoration: none; cursor:pointer;
}

/* Economic Development & Tourism */
#Navtab7, #Navtab7on {float:left;width: 161px}
#Navtab7 img {
	float:left;display: block; width: 161px; height: 35px; margin: 0; padding: 0;
	background: url(/en/images/btn_Economic.gif) 0 0 no-repeat; text-decoration: none;
}
#Navtab7 a:hover img, #Navtab7on img{	
	display: block; width: 161px; height: 35px; margin: 0; padding: 0; float: left;
	background: url(/en/images/btn_Economic.gif) 0px -35px no-repeat; text-decoration: none; cursor:pointer;
}

/* Visitors */
#Navtab8, #Navtab8on {float:left;width: 67px}
#Navtab8 img {
	float:left;display: block; width: 67px; height: 35px; margin: 0; padding: 0;
	background: url(/en/images/btn_Visitors.gif) 0 0 no-repeat; text-decoration: none;
}
#Navtab8 a:hover img, #Navtab8on img{	
	display: block; width: 67px; height: 35px; margin: 0; padding: 0; float: left;
	background: url(/en/images/btn_Visitors.gif) 0px -35px no-repeat; text-decoration: none; cursor:pointer;
}

/*
====================
FRENCH MENU
====================
*/

/* City Government*/
#Navtab1_FR, #Navtab1on_FR {float:left;width: 104px;}
#Navtab1_FR img {
	float:left;display: block; width: 104px; height: 35px; margin: 0; padding: 0;
	background: url(/fr/images/btn_CityGovernment.gif) 0 0 no-repeat; text-decoration: none;
}
#Navtab1_FR a:hover img, #Navtab1on_FR img{	
	display: block; width: 104px; height: 35px; margin: 0; padding: 0; float: left;
	background: url(/fr/images/btn_CityGovernment.gif) 0px -35px no-repeat; text-decoration: none; cursor:pointer;
}

/* Community & Culture */
#Navtab2_FR, #Navtab2on_FR {float:left;width: 167px;}
#Navtab2_FR img {
	float:left;display: block; width: 167px; height: 35px; margin: 0; padding: 0;
	background: url(/fr/images/btn_Community.gif) 0 0 no-repeat; text-decoration: none;
}
#Navtab2_FR a:hover img, #Navtab2on_FR img{	
	display: block; width: 167px; height: 35px; margin: 0; padding: 0; float: left;
	background: url(/fr/images/btn_Community.gif) 0px -35px no-repeat; text-decoration: none; cursor:pointer;
}

/* Recreation & Leisure */
#Navtab3_FR, #Navtab3on_FR {float:left;width: 67px;}
#Navtab3_FR img {
	float:left;display: block; width: 67px; height: 35px; margin: 0; padding: 0;
	background: url(/fr/images/btn_Recreation.gif) 0 0 no-repeat; text-decoration: none;
}
#Navtab3_FR a:hover img, #Navtab3on_FR img{	
	display: block; width: 67px; height: 35px; margin: 0; padding: 0; float: left;
	background: url(/fr/images/btn_Recreation.gif) 0px -35px no-repeat; text-decoration: none; cursor:pointer;
}

/* Transportation */
#Navtab4_FR, #Navtab4on_FR {float:left;width: 84px;}
#Navtab4_FR img {
	float:left;display: block; width: 84px; height: 35px; margin: 0; padding: 0;
	background: url(/fr/images/btn_Transportation.gif) 0 0 no-repeat; text-decoration: none;
}
#Navtab4_FR a:hover img, #Navtab4on_FR img{	
	display: block; width: 84px; height: 35px; margin: 0; padding: 0; float: left;
	background: url(/fr/images/btn_Transportation.gif) 0px -35px no-repeat; text-decoration: none; cursor:pointer;
}

/* Public Safety */
#Navtab5_FR, #Navtab5on_FR {float:left;width: 131px;}
#Navtab5_FR img {
	float:left;display: block; width: 131px; height: 35px; margin: 0; padding: 0;
	background: url(/fr/images/btn_PublicSafety.gif) 0 0 no-repeat; text-decoration: none;
}
#Navtab5_FR a:hover img, #Navtab5on_FR img{	
	display: block; width: 131px; height: 35px; margin: 0; padding: 0; float: left;
	background: url(/fr/images/btn_PublicSafety.gif) 0px -35px no-repeat; text-decoration: none; cursor:pointer;
}

/* Environment */
#Navtab6_FR, #Navtab6on_FR {float:left;width: 119px;}
#Navtab6_FR img {
	float:left;display: block; width: 119px; height: 35px; margin: 0; padding: 0;
	background: url(/fr/images/btn_Environment.gif) 0 0 no-repeat; text-decoration: none;
}
#Navtab6_FR a:hover img, #Navtab6on_FR img{	
	display: block; width: 119px; height: 35px; margin: 0; padding: 0; float: left;
	background: url(/fr/images/btn_Environment.gif) 0px -35px no-repeat; text-decoration: none; cursor:pointer;
}

/* Economic Development */
#Navtab7_FR, #Navtab7on_FR {float:left;width: 199px;}
#Navtab7_FR img {
	float:left;display: block; width: 199px; height: 35px; margin: 0; padding: 0;
	background: url(/fr/images/btn_Economic.gif) 0 0 no-repeat; text-decoration: none;
}
#Navtab7_FR a:hover img, #Navtab7on_FR img{	
	display: block; width: 199px; height: 35px; margin: 0; padding: 0; float: left;
	background: url(/fr/images/btn_Economic.gif) 0px -35px no-repeat; text-decoration: none; cursor:pointer;
}
/* Tourism */
#Navtab8_FR, #Navtab8on_FR {float:left;width: 79px;}
#Navtab8_FR img {
	float:left;display: block; width: 79px; height: 35px; margin: 0; padding: 0;
	background: url(/fr/images/btn_Tourism.gif) 0 0 no-repeat; text-decoration: none;
}
#Navtab8_FR a:hover img, #Navtab8on_FR img{	
	display: block; width: 79px; height: 35px; margin: 0; padding: 0; float: left;
	background: url(/fr/images/btn_Tourism.gif) 0px -35px no-repeat; text-decoration: none; cursor:pointer;
}

/* Site Map */
#mainfloater {width: 900px; border-bottom:1px solid #aac54b; margin-bottom: 16px; font: 12px/14px Arial, Helvetica, sans-serif; color: #000;}

#mainfloater a {color:#003366;text-decoration:none;}
#mainfloater a:link, #mainfloater a:visited {text-decoration:none;}
#mainfloater a:hover, #mainfloater a:active {text-decoration:underline; color:#003366;}

#mainholder {width: 900px; float:left;}
#sitemapleft {width:296px; float:left; padding:0px 5px 16px 0px;}
#sitemapcentre {width:296px; float:left; padding:0px 5px 16px 0px;}
#sitemapright {width:296px; float:left; padding-bottom:16px;}
#clear {clear: left; margin: 0; padding: 0; height: 0; overflow: hidden;}

/* ----- end template ----- */