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

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* Feedburner CSS */
.headline { font-size:14px; font-weight:bold; }

font.bodytext
{
	font-size: 11px;
	font-family: Verdana;
}

font.subtitle
{
	font-size: 11pt;
        font-weight:bold;
        font-family: Arial;
        color:#3c3c3c;
}
font.whitesub
{
	font-size: 11pt;
        font-weight:bold;
        font-family: Arial;
        color:#ffffff;
}



font.title
{
	font-size: 14pt;
	font-family: Arial;
	font-weight:bold;
}

a:link { color:#0060A9; text-decoration:none; }

a:visited { color:#004981; text-decoration:none; }

a:active { color:#C62B2E; text-decoration:underline; }

a:hover { color:#C62B2E; text-decoration:underline; }


.navText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
}

/*Main Nav Bar */
.menu2 
	{padding:0 0 0 32px; margin:0; list-style:none; height:35px; background:#fff url(images/English/newBrand/button1.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}

.menu2 li 
	{float:left;}

.menu2 li a 
	{display:block; float:left; height:35px; line-height:35px; color:#fff; text-decoration:none; font-size:12px; font-family:verdana, sans-serif; text-align:center; padding:0 0 0 8px; cursor:pointer;}

.menu2 li a:visited, a:active 
	{
		color:white;
		text-decoration:none;
	}
.menu2 li a b 
	{float:left; display:block; padding:0 16px 0 8px;}

.menu2 li.current a 
	{color:#fff; background:url(images/English/newBrand/button3.gif);}

.menu2 li.current a b 
	{background:url(images/English/newBrand/button3.gif) no-repeat right top;}

.menu2 li a:hover 
	{color:#fff; background:#000 url(images/English/newBrand/button4.gif);}

.menu2 li a:hover b 
	{background:url(images/English/newBrand/button4.gif) no-repeat right top;}

.menu2 li.current a:hover 
	{color:#fff; background:#000 url(images/English/newBrand/button3.gif); cursor:default;}

.menu2 li.current a:hover b 
	{background:url(images/English/newBrand/button3.gif) no-repeat right top;}


/*Living Template */


#navcontainer { width: 215px; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
text-indent:10px;
list-style-type: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color: #82C457;
text-transform:lowercase;
font-weight: bold;
}


#navcontainer a
{
display: block;
padding-bottom:2px;
padding-top:2px;
width: 100%;
border: 0px;
font-size:11px;
}

#navcontainer a:link
{
color: #333a33;
text-decoration: none;
}

#navcontainer a:visited
{
color: #333a33;
}

#navcontainer a:hover
{
background-color: #6bb345;
color: #fff;
}

/*Visiting Template */


#V_navcontainer { width: 215px; }

#V_navcontainer ul
{
margin-left: 0;
padding-left: 0;
text-indent:10px;
list-style-type: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
background-color: #f38632;
text-transform:lowercase;
font-weight: bold;
}

#V_navcontainer a
{
display: block;
padding-top: 2px;
padding-bottom: 2px;
width: 100%;
border: 0px;
}

#V_navcontainer a:link
{
color: #FFF;
text-decoration: none;
}

#V_navcontainer a:visited
{
color: #fff;
}

#V_navcontainer a:hover
{
/* background-color: #6bb345; */
background-color: #E46A25;
color: #fff;
}

/*Business Template */


#B_navcontainer { width: 215px; }

#B_navcontainer ul
{
margin-left: 0;
padding-left: 0;
text-indent:10px;
list-style-type: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
background-color: #7679BA;
text-transform:lowercase;
font-weight: bold;
}

#B_navcontainer a
{
display: block;
padding-top: 2px;
padding-bottom: 2px;
width: 100%;
border: 0px;
font-size:11px;
}

#B_navcontainer a:link
{
color: #333a33;
text-decoration: none;
}

#B_navcontainer a:visited
{
color: #333a33;
}

#B_navcontainer a:hover
{
/* background-color: #6bb345; */
background-color: #595AA8;
color: #fff;
}

/*City Hall Template */


#CH_navcontainer { width: 215px; }

#CH_navcontainer ul
{
margin-left: 0;
padding-left: 0;
text-indent:10px;
list-style-type: none;
background-color: #59B7DE;
text-transform:lowercase;
font-weight: bold;
}

#CH_navcontainer a
{
display: block;
padding-top: 2px;
padding-bottom: 2px;
width: 100%;
border: 0px;
font-size:11px;
}

#CH_navcontainer a:link
{
color: #333a33;
text-decoration: none;
}

#CH_navcontainer a:visited
{
color: #333a33;
}

#CH_navcontainer a:hover
{
/* change for each section */
background-color: #4FA7C1;
color: #fff;
}

/*Services Template */


#S_navcontainer { width: 215px; }

#S_navcontainer ul
{
margin-left: 0;
padding-left: 0;
text-indent:10px;
list-style-type: none;
background-color: #DDA9CD;
text-transform:lowercase;
font-weight: bold;
}

#S_navcontainer a
{
display: block;
padding-top: 2px;
padding-bottom: 2px;
width: 100%;
border: 0px;
font-size:11px;
}

#S_navcontainer a:link
{
color: #333a33;
text-decoration: none;
}

#S_navcontainer a:visited
{
color: #333a33;
}

#S_navcontainer a:hover
{
/* change for each section */
background-color: #8C5189;
color: #fff;
}

/*Help Template */


#H_navcontainer { width: 215px; }

#H_navcontainer ul
{
margin-left: 0;
padding-left: 0;
text-indent:10px;
list-style-type: none;
background-color: #E1A453;
text-transform:lowercase;
font-weight: bold;
}

#H_navcontainer a
{
display: block;
padding-top: 2px;
padding-bottom: 2px;
width: 100%;
border: 0px;
font-size:11px;
}

#H_navcontainer a:link
{
color: #333a33;
text-decoration: none;
}

#H_navcontainer a:visited
{
color: #333a33;
}

#H_navcontainer a:hover
{
/* change for each section */
background-color: #C58C4E;
color: #fff;
}


/* All Sub Menus */
#navSUBcontainer { width: 215px; }


#navSUBcontainer a:link
{
color: #000;
text-decoration: none;
}

#navSUBcontainer a:visited
{
color: #000;
}

#navSUBcontainer a:hover
{
color: #fff;
}


/* Homepage News */

.homeNews
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	}
	

.homeNews a
	{
	color:#186a8f; text-decoration:none;
	}
	
.homeNews a:visited
	{
	color:#186a8f; text-decoration:none;
	}
	
	.homeNews a:hover
	{
	color:#186a8f; text-decoration:underline;
	}
	
/* Popular Pages on Homepage */	
.popPages
	{
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
.popPages a
	{
	color:#186a8f; text-decoration:none;
	}
	
.popPages a:visited
	{
	color:#186a8f; text-decoration:none;
	}
	
.popPages a:hover
	{
	color:#186a8f; text-decoration:underline;
	}

/* Footer Text */

.footerText
	{
	padding-top:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:white;
	}
	
.footerText a
	{
	text-decoration:none;
	color:white;
	}
	
.footerText a:visited
	{
	text-decoration:none;
	color:white;
	}
	
.footerText a:hover
	{
	text-decoration:underline;
	color:white;
	}
	
	/* old style sheet transferred over here, there may be duplication */

font.general2 { 
		font-family:verdana, "ms sans serif", arial;
		font-size:11px;
		}

font.calendar { 
		font-family:verdana, "ms sans serif", arial;
		font-size:12px;
		font-weight:bold;
		color:#0060A9;
		}

font.locbar { 
		font-family:verdana, "ms sans serif", arial;
		font-size:10px;
		line-height:15px;
		}

input.formshome { 
		font-family:verdana, "ms sans serif", arial;
		font-size:11px;
		color:#0060A9;
		background:#D9EEFE;
		}

textarea.formshome { 
		font-family:verdana, "ms sans serif", arial;
		font-size:11px;
		color:#0060A9;
		background:#D9EEFE;
		}

select.formshome { 
		font-family:verdana, "ms sans serif", arial;
		font-size:11px;
		color:#0060A9;
		background:#D9EEFE;
		}

input.formsliving { 
		font-family:verdana, "ms sans serif", arial;
		font-size:11px;
		color:#336633;
		background:#C8E0B7;
		}

select.formsliving { 
		font-family:verdana, "ms sans serif", arial;
		font-size:11px;
		color:#336633;
		background:#C8E0B7;
		}

input.formsbusiness { 
		font-family:verdana, "ms sans serif", arial;
		font-size:11px;
		color:#FFFFFF;
		background:#46479A;
		}

select.formsbusiness { 
		font-family:verdana, "ms sans serif", arial;
		font-size:11px;
		color:#FFFFFF;
		background:#46479A;
		}

input.formsservices { 
		font-family:verdana, "ms sans serif", arial;
		font-size:11px;
		color:#FFFFFF;
		background:#0F6575;
		}

select.formsservices { 
		font-family:verdana, "ms sans serif", arial;
		font-size:11px;
		color:#FFFFFF;
		background:#0F6575;
		}

input.formsrequired { 
		font-family:verdana, "ms sans serif", arial;
		font-size:11px;
		color:#FFFFFF;
		background:#0060A9;
		}





/* ADMIN */



	
li.cbc_numbers { 
		font-family:verdana, "ms sans serif", arial;
		font-size:10px;
		line-height:13px;
		list-style:decimal;
		text-indent:0;
		color:#114279;
		}

input.cbc_thetext { 
		font-family:verdana, "ms sans serif", arial;
		font-size:11px;
		background:#11539D;
		color:#ffffff;
		}

input.cbc_thetext2 { 
		font-family:verdana, "ms sans serif", arial;
		font-size:10px;
		background:#C2E0FF;
		color:#114279;
		}

input.thetext { 
		font-family:verdana, "ms sans serif", arial;
		font-size:10px;
		background:#F0DEC4;
		color:#000000;
		}


b.highlighted {background-color:#FFCC33;}

font.admintitle { 
		font-family:arial, "ms sans serif", verdana;
		font-size:12px;
		color:#000000;
		}



font.stat1 { 
		font-family:arial, "ms sans serif", verdana;
		font-size:11px;
		color:#B03920;
		}

font.stat2 { 
		font-family:arial, "ms sans serif", verdana;
		font-size:11px;
		color:#7D2917;
		}

font.adminsmall { 
		font-family:arial, "ms sans serif", verdana;
		font-size:10px;
		color:#626262;
		}

td.hilight { 
		background:#E14323;
		}

font.panlow { 
		font-family:arial, "ms sans serif", verdana;
		font-size:11px;
		color:#000000;
		}

font.panhi { 
		font-family:arial, "ms sans serif", verdana;
		font-size:11px;
		color:#FFFFFF;
		}

font.general { 
		font-family:verdana, "ms sans serif", arial;
		font-size:11px;
		line-height:16px;
		}


font.subhead { 
		font-family:verdana, "ms sans serif", arial;
		font-size:14px;
		line-height:18px;
		font-weight:bold;
		}
font.head { 
		font-family:verdana, "ms sans serif", arial;
		font-size:16px;
		line-height:18px;
		font-weight:bold;
		}

font.thesmaller { 
		font-family:verdana, "ms sans serif", arial;
		font-size:10px;
		line-height:13px;
		}



a:link.eventslink { color:#207A4D; text-decoration:none; }

a:visited.eventslink { color:#0F4E2E; text-decoration:none; }

a:active.eventslink { color:#694092; text-decoration:none; }

a:hover.eventslink { color:#694092; text-decoration:none; }

font.admintitle { 
		font-family:arial, "ms sans serif", verdana;
		font-size:12px;
		color:#000000;
		}

font.adminreg { 
		font-family:arial, "ms sans serif", verdana;
		font-size:11px;
		color:#626262;
		}
font.adminhi { 
		font-family:arial, "ms sans serif", verdana;
		font-size:11px;
		color:#FFFFFF;
		}

font.adminhighlight { 
		font-family:arial, "ms sans serif", verdana;
		font-size:11px;
		color:#FFFFFF;
		}

font.adminsmall { 
		font-family:arial, "ms sans serif", verdana;
		font-size:10px;
		color:#626262;
		}



a:link.panel { color:#000000; text-decoration:none; }

a:link.hipanel { color:#FFFFFF; text-decoration:none; }

a:visited.panel { color:#000000; text-decoration:none; }

a:active.panel { color:#E14323; text-decoration:none; }

a:hover.panel { color:#E14323; text-decoration:none; }

td.hilight { 
		background:#E14323;
		font-family:arial, "ms sans serif", verdana;
		font-size:11px;
		color:#FFFFFF;
		}
		
table {
     border-collapse: collapse;
}
td {
    
}
th, tfoot td {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
tbody td {
    font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
caption {
    font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
td, th, caption {
    font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}


.blueTable {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
border-collapse:collapse;
border-color:#00a6e5;
border-width: 1px;
}

.blueTable th {
background-color:#00a6e5;
color:white;
font-weight:bold;
padding-bottom:5px;
padding-top:5px;
}

font.thefeedback {
font-family:verdana, "ms sans serif", arial; font-size:11px; font-weight:bold; color:#FFFFFF; }

footer
{
	font-size: 11px;
	font-family: Arial;
        font-weight:bold;
        color:#5c993a;
}

font.bodytext
{
	font-size: 11px;
	font-family: Verdana;
}

bodytext table tr td
{
	font-size: 11px;
	font-family: Verdana;
}

td.subtitle
{
	font-size: 11pt;
        font-weight:bold;
        font-family: Arial;
        color:#3c3c3c;
}




	
font.newsroomLink a:active {
	color:#e46a25;
	}



font.contentbody { 
		font-family:verdana, "ms sans serif", arial;
		font-size:11px;
		line-height:14px;
		}	


font.contentbody table tr td { 
		font-family:verdana, "ms sans serif", arial;
		font-size:11px;
		line-height:14px;
		}
	

font.contentsubtitle { 
		font-family:verdana, "ms sans serif", arial;
		font-size:11pt;
		font-weight:bold;
		line-height:14px;
		}		

font.contentfooter { 
		font-family:verdana, "ms sans serif", arial;
		font-size:10px;
		line-height:12px;
		}		

font.general2 a{ 
		color:#fff;
		}
		
		
font.smalltext { 
		font-family:verdana, "ms sans serif", arial;
		font-size:10px;
		line-height:14px;
		}		
		
font.calendar { 
		font-family:verdana, "ms sans serif", arial;
		font-size:12px;
		font-weight:bold;
		color:#0060A9;
		}

font.locbar { 
		font-family:verdana, "ms sans serif", arial;
		font-size:10px;
		line-height:15px;
		}

input.formshome { 
		font-family:verdana, "ms sans serif", arial;
		font-size:11px;
		color:#fff;
		background:#6D6F71;

		}
		
input.formshome:focus { 

		color:#fff;
		background:#6D6F71;

		}

textarea.formshome { 
		font-family:verdana, "ms sans serif", arial;
		font-size:11px;
		color:#000;
		background:#A4D5DC;

		}

select.formshome { 
		font-family:verdana, "ms sans serif", arial;
		font-size:11px;
		color:#fff;
		background:#6D6F71;
		
		}

input.subscribeForm { 
		font-family:verdana, "ms sans serif", arial;
		font-size:11px;
		color:#000;
		background:#fff;

		}
		
input.subscribeForm:focus { 

		color:#000;
		background:#fff;

		}

textarea.subscribeForm { 
		font-family:verdana, "ms sans serif", arial;
		font-size:11px;
		color:#000;
		background:#fff;

		}

select.subscribeForm { 
		font-family:verdana, "ms sans serif", arial;
		font-size:11px;
		color:#000;
		background:#fff;
		
		}


input.formsliving { 
		font-family:verdana, "ms sans serif", arial;
		font-size:11px;
		color:#fff;
		background:#4D4D4D;
		}

select.formsliving { 
		font-family:verdana, "ms sans serif", arial;
		font-size:11px;
		color:#fff;
		background:#4D4D4D;
		}

input.formsbusiness { 
		font-family:verdana, "ms sans serif", arial;
		font-size:11px;
		color:#000;
		background:#B5BBD7;
		}

select.formsbusiness { 
		font-family:verdana, "ms sans serif", arial;
		font-size:11px;
		color:#000;
		background:#B5BBD7;
		}

input.formsservices { 
		font-family:verdana, "ms sans serif", arial;
		font-size:11px;
		color:#000;
		background:#DDA9CD;
		}

select.formsservices { 
		font-family:verdana, "ms sans serif", arial;
		font-size:11px;
		color:#000;
		background:#DDA9CD;
		}

input.formsvisiting { 
		font-family:verdana, "ms sans serif", arial;
		font-size:11px;
		color:#000;
		background:#E9B5AC;
		}

select.formsvisiting { 
		font-family:verdana, "ms sans serif", arial;
		font-size:11px;
		color:#000;
		background:#E9B5AC;
		}
		
input.formscityhall { 
		font-family:verdana, "ms sans serif", arial;
		font-size:11px;
		color:#000;
		background:#A4D5DD;
		}

select.formscityhall { 
		font-family:verdana, "ms sans serif", arial;
		font-size:11px;
		color:#000;
		background:#A4D5DD;
		}
input.formsrequired { 
		font-family:verdana, "ms sans serif", arial;
		font-size:11px;
		color:#000;
		background:#fff;
		}




a:link { color:#0088cc; text-decoration:none; }

a:visited { color:#0088cc; text-decoration:none; }

a:active { color:#0088cc; text-decoration:none; }

a:hover { color:#0088cc; text-decoration:underline; }






a:link.eventslink { color:#207A4D; text-decoration:none; }

a:visited.eventslink { color:#0F4E2E; text-decoration:none; }

a:active.eventslink { color:#694092; text-decoration:none; }

a:hover.eventslink { color:#694092; text-decoration:none; }

		
		
/*hover images for transit maps*/


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 250;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFE0;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -155px;
left: 160px; /*position where enlarged image should offset horizontally */

}



.thumbnailUP{
position: relative;
z-index: 0;
}

.thumbnailUP:hover{
background-color: transparent;
z-index: 250;
}

.thumbnailUP span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFE0;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnailUP span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnailUP:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -255px;
left: 160px; /*position where enlarged image should offset horizontally */

}

/* css for tooltip */
a.info{
    position:relative; /*this is the key*/
    z-index:24;  
	color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#D9EEFE}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:30em;
    border:1px dashed gray;
    background-color:#FFFFE0; color:#000;
	padding:2px;
    text-align: left}

     /* Image Hover CSS */

.PZ3-l { float:left; margin-right:10px; }
.PZ3-r { float:right; margin-left:10px; direction:rtl; }
  [class~=PZ3-r] { position:relative; }

.PZ3zoom { border:1px solid #369; }
.PZ3zoom a,.PZ3zoom a:visited { display:block;
  padding:0; overflow:hidden; text-decoration:none;
  height:100%; width:100%; }
  [class~=PZ3-r]>a { right:0; }
.PZ3zoom a:hover { position:absolute;
  z-index:999; padding:0; background:none; 
  cursor:default; height:auto; width:auto;
  overflow:visible; border:1px solid #369;
  margin:-1px 0 0 -1px; }
  [class~=PZ3-r]>a:hover { margin:-1px -1px 0 0; }

.PZ3zoom a img { border:0; height:100%; width:100%; }
.PZ3zoom a:hover img { height:auto; width:auto;
  border:0; }

a:hover .PZ3cap { display:block;
  padding:2px 5px; margin-top:-5px; 
  direction:ltr; background:#369; color:#fff;
  font:10pt verdana,sans-serif; 
  text-align:left; }

.noCap a:hover .PZ3cap { display:none; }
.noBdr a img,.noBdr a:hover img { border:0; }
.Lnk a:hover { cursor:pointer; }

/* Hover photos section */ 

/* common styling for fire section galleries */
a.gallery1, a.gallery1:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:47px; float:left; margin:4px; z-index:50;}
a.1planninga {background:url(http://guelph.ca/uploads/Planning/GuelphQuest/thumbs/thb_commbydesign1.jpg);}
a.1planningb {background:url(http://guelph.ca/uploads/Planning/GuelphQuest/thumbs/thb_commbydesign2.jpg);}
a.1planningc {background:url(http://guelph.ca/uploads/Planning/GuelphQuest/thumbs/thb_commbydesign3.jpg);}
a.1planningd {background:url(http://guelph.ca/uploads/Planning/GuelphQuest/thumbs/thb_commbydesign4.jpg);}
a.1planninge {background:url(http://guelph.ca/uploads/Planning/GuelphQuest/thumbs/thb_gqworkshop1.jpg);}
a.1planningf {background:url(http://guelph.ca/uploads/Planning/GuelphQuest/thumbs/thb_gqworkshop2.jpg);}
a.1planningg {background:url(http://guelph.ca/uploads/Planning/GuelphQuest/thumbs/thb_gqworkshop3.jpg);}
a.1planningh {background:url(http://guelph.ca/uploads/Planning/GuelphQuest/thumbs/thb_gqworkshop4.jpg);}
a.1planningi {background:url(http://guelph.ca/uploads/Planning/GuelphQuest/thumbs/thb_guelphquest1.jpg);}
a.1planningj {background:url(http://guelph.ca/uploads/Planning/GuelphQuest/thumbs/thb_guelphquest2.jpg);}
a.1planningk {background:url(http://guelph.ca/uploads/Planning/GuelphQuest/thumbs/thb_guelphquest3.jpg);}
a.1planningl {background:url(http://guelph.ca/uploads/Planning/GuelphQuest/thumbs/thb_guelphquest4.jpg);}
a.1planningm {background:url(http://guelph.ca/uploads/Planning/GuelphQuest/thumbs/thb_guelphquest5.jpg);}
a.1planningn {background:url(http://guelph.ca/uploads/Planning/GuelphQuest/thumbs/thb_guelphquest6.jpg);}
a.1planningo {background:url(http://guelph.ca/uploads/Planning/GuelphQuest/thumbs/thb_guelphquest8.jpg);}


a.slidea {background:url(http://guelph.ca/uploads/fire/thmbs/thb_training1.jpg);}
a.slideb {background:url(http://guelph.ca/uploads/fire/thmbs/thb_training2.jpg);}
a.slidec {background:url(http://guelph.ca/uploads/fire/thmbs/thb_training3.jpg);}
a.slided {background:url(http://guelph.ca/uploads/fire/thmbs/thb_training4.jpg);}
a.slidee {background:url(http://guelph.ca/uploads/fire/thmbs/thb_training5.jpg);}
a.slidef {background:url(http://guelph.ca/uploads/fire/thmbs/thb_training6.jpg);}
a.slideg {background:url(http://guelph.ca/uploads/fire/thmbs/thb_fire7.jpg);}
a.slideh {background:url(http://guelph.ca/uploads/fire/thmbs/thb_fire8.jpg);}
a.slidei {background:url(http://guelph.ca/uploads/fire/thmbs/thb_fire9.jpg);}
a.slidej {background:url(http://guelph.ca/uploads/fire/thmbs/thb_fire10.jpg);}
a.slidek {background:url(http://guelph.ca/uploads/fire/thmbs/thb_fire11.jpg);}
a.slidel {background:url(http://guelph.ca/uploads/fire/thmbs/thb_fire12.jpg);}
a.slidem {background:url(http://guelph.ca/uploads/fire/thmbs/thb_fire13.jpg);}
a.sliden {background:url(http://guelph.ca/uploads/fire/thmbs/thb_fire14.jpg);}
a.slideo {background:url(http://guelph.ca/uploads/fire/thmbs/thb_fire15.jpg);}


a.gallery1 em, a.gallery1 span {display:none;}
a.gallery1:hover {border:1px solid #fff;}



/* styling for TOP gallery */
#container_top {position:relative; width:425px; height:560px; background:#e7f0fa; border:1px solid #a49188; margin:1em auto;}
#container_top img {border:0;}
#container_top .thumbs {position:absolute; left:0; top:0;}
#container_top a.gallery1:hover span {display:block; position:absolute; width:402px; height:50px; top:170px; left:5px; padding:5px; font-style:italic; color:#fff;  z-index:100;}
/*#container_top a.gallery1:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;} This line breaks the real estate section */
#container_top a.gallery1:active, #container_top a.gallery1:focus {border:1px solid #000;}
#container_top a.gallery1:active em, #container_top a.gallery1:focus em {display:block; position:absolute; width:402px; height:250px; top:230px; left:5px; padding:5px; color:#000; border:1px solid #3d330f; z-index:50;}
#container_top h1 {clear:both; margin:0; padding-top:250px; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#fff;}
#container_top h1 em {font-size:0.6em; color:#000;}



/* common styling for mayor's photo gallery */
a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:131px; height:83px; float:left; margin:4px; z-index:50;}
a.mayor1 {background:url(http://guelph.ca/uploads/council_and_committees/images/mayor/thumbs/flagraising_jpg.jpg);}
a.mayor2 {background:url(http://guelph.ca/uploads/council_and_committees/images/mayor/thumbs/mayor-odc_jpg.jpg);}
a.mayor3 {background:url(http://guelph.ca/uploads/council_and_committees/images/mayor/thumbs/mayor-linamar_jpg.jpg);}
a.mayor4 {background:url(http://guelph.ca/uploads/council_and_committees/images/mayor/thumbs/mayor-skyjack_jpg.jpg);}
a.mayor5 {background:url(http://guelph.ca/uploads/council_and_committees/images/mayor/thumbs/mayor-cleangreen_jpg.jpg);}
a.mayor6 {background:url(http://guelph.ca/uploads/council_and_committees/images/mayor/thumbs/mayor-carghill-tour_jpg.jpg);}
a.mayor7 {background:url(http://guelph.ca/uploads/council_and_committees/images/mayor/thumbs/mayor-with-steve-allan_jpg.jpg);}
a.mayor8 {background:url(http://guelph.ca/uploads/council_and_committees/images/mayor/thumbs/mayor-bengali-flag_jpg.jpg);}
a.mayor9 {background:url(http://guelph.ca/uploads/council_and_committees/images/mayor/thumbs/mayor-rainwater1_jpg.jpg);}
a.mayor10{background:url(http://guelph.ca/uploads/council_and_committees/images/mayor/thumbs/mayor-rainwater2_jpg.jpg);}
a.mayor11 {background:url(http://guelph.ca/uploads/council_and_committees/images/mayor/thumbs/mayor-students_jpg.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}





/* styling for MAYORTOP gallery */
#mayorcontainer_top {position:relative; width:560px; height:600px; background:#e7f0fa; border:1px solid #a49188; margin:1em auto;}
#mayorcontainer_top img {border:0;}
#mayorcontainer_top .thumbs {position:absolute; left:0; top:0;}
#mayorcontainer_top a.gallery:hover span {display:block; position:absolute; width:490px; height:50px; top:110px; left:5px; padding:5px; font-style:italic; color:#fff;  z-index:100;}
/*#mayorcontainer_top a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;} This line breaks the real estate section */
#mayorcontainer_top a.gallery:active, #container_top a.gallery:focus {border:1px solid #000;}
#mayorcontainer_top a.gallery:active em, #container_top a.gallery:focus em {display:block; position:absolute; width:px; height:250px; top:290px; left:0px; padding:5px; color:#000; border:1px solid #3d330f; z-index:50;}
#mayorcontainer_top h1 {clear:both; margin:0; padding-top:262px; text-align:center; font-family: georgia, "times new roman", serif; font-size:2.7em; font-weight:normal; color:#fff;}
#mayorcontainer_top h1 em {font-size:0.5em; color:#000;}