/* DO NOT OVERRIDE FONT SIZES HERE! 
CSS is *Cascading*, which means you will NEVER catch all possible variations, and things *will* look broken!
 
-- JvH, 20160105. 
*/ 


#leftNav ul ul li {margin-right: 4px !important;} 

#contentArea .button, #rightContainer .button { 
-moz-box-shadow: 0px 0px 0px 2px #eeeeee; 
-webkit-box-shadow: 0px 0px 0px 2px #eeeeee; 
box-shadow: 0px 0px 0px 2px #eeeeee; 
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3399cc), color-stop(1, #006699) );
 background:-moz-linear-gradient( center top, #3399cc 5%, #006699 100% ); 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3399cc', endColorstr='#006699');
 background-color:#3399cc; 
-webkit-border-top-left-radius:10px; 
-moz-border-radius-topleft:10px; 
border-top-left-radius:10px; 
-webkit-border-top-right-radius:10px; 
-moz-border-radius-topright:10px; 
border-top-right-radius:10px; 
-webkit-border-bottom-right-radius:10px; 
-moz-border-radius-bottomright:10px; 
border-bottom-right-radius:10px; 
-webkit-border-bottom-left-radius:10px; 
-moz-border-radius-bottomleft:10px; 
border-bottom-left-radius:10px; 
text-indent:0px; 
border:1px solid #dddddd; 
display:inline-block; 
color:#ffffff; 
font-family:Arial; 
font-size:14px; 
font-weight:bold; 
font-style:normal; 
height:40px; 
line-height:40px; 
width:200px; 
text-decoration:none; 
text-align:center; 
text-shadow:1px 1px 0px #006699; 
} 

#contentArea .button:hover, #rightContainer .button:hover { 
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #3399cc) );
 background:-moz-linear-gradient( center top, #006699 5%, #3399cc 100% ); 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#3399cc');
 background-color:#006699; 
} 

#contentArea .button:active, #rightContainer .button:active{ 
position:relative; 
top:1px; 
} 

/* auto-add margins on images that are part of the main content, but not if they're in a div. */
 
#contentArea > p > img { 

margin: 10px 10px 10px 0; 

} 

/* fix for photo galleries with long descriptions floating too far down */ 


#imageGallery .imageGalleryItem { 

height: auto; 

min-height: 250px; 

} 

#rightContainer table { border-top-width: 0px; border-left-width: 0px } 
#rightContainer table td { border-right-width: 0px; border-bottom-width: 0px } 

/* BUGFIX: made these more specific because they were screwing with the #metaNav search bar on secondarypages! -JvH, 20150119 */
 #content .action-button { 
-webkit-border-radius: 10; 
-moz-border-radius: 10; 
border-radius: 10px; 
font-family: Arial; 
color: #000000; 
font-size: 13px; 
background: #eeeeee; 
padding: 10px 20px 10px 20px; 
border: solid #dddddd 1px; 
text-decoration: none; 
display: inline-block; 
margin-top: 5px; 
margin-bottom: 5px; 
} 



/* BUGFIX: made these more specific because they were screwing with the #metaNav search bar on secondarypages! -JvH, 20150119 */
 #content .action-button:hover { 
background: #cdcdcd; 
text-decoration: none; 
} 

/* neighbourhood pages */ 
div#contentArea ul.neighbourhood-stats { 
list-style-type: none; 
margin: 0; 
margin-left: 5px; 
} 
div#contentArea ul.neighbourhood-stats li { 
float: left; 
background-color: #E0EFF9; 
padding: 10px 5px; 
margin-right: 5px; 
margin-bottom: 5px; 
} 
div#contentArea ul.neighbourhood-stats.one-column li{ 
width: 100%; 
} 
div#contentArea ul.neighbourhood-stats.two-column li{ 
width: 195px; 
} 
div#contentArea ul.neighbourhood-stats.three-column li{ 
width: 125px; 
} 
div#contentArea .clear { 
clear: both; 
} 


div#contentArea h1, div#contentArea h2, div#contentArea .neighborhoodAccordionHeader h3,
 div#contentArea .neighbourhoodFeature h2, #wideImage h1 { 
font-family: Arial; 
} 
div#contentArea h1, #wideImage h1 { 
font-size: 1.7em; 
} 
#rightContainer a, #leftContainer a{ 
text-decoration: none; 
} 
#rightContainer a:hover, #leftContainer a:hover{ 
text-decoration: underline; 
} 
div#contentArea a, div#contentArea a:hover { 
text-decoration: underline; 
} 
div#contentArea .landingPageFeature a, div#contentArea .neighbourhoodFeatureWide a, div#contentArea .neighbourhoodFeature a{
 text-decoration: none; 
} 
div#contentArea .landingPageFeature a:hover, div#contentArea .neighbourhoodFeatureWide a:hover, div#contentArea .neighbourhoodFeature a:hover {
 text-decoration: underline; 
} 
div#contentArea p, #rightContainer p { 
line-height: 1.4em; 
} 
div#contentArea #servicebox h1 { font-size: 15px; } 
div#contentArea .landingPageFeature { height: 228px; } 
div#contentArea #servicebox a, div#contentArea #servicebox a:hover { text-decoration:none !important; }
 #contentArea #neighourhoodPanels .neighborhoodAccordionContent h3 { text-decoration: none; }
 


div#rightContainer div#hours-operation h3 { 
color: #336699; 
font-family: arial,helvetica,sans-serif; 
font-size: 1.2em; 
font-weight: 500; 
margin: 4px -10px 0; 
min-height: 24px; 
padding: 0 0 0 10px; 
} 

div#contentArea #servicebox p {font-size: 1.12em !important;} 

/* combo box */ 
div#content .neighbourhoodFeatureWide { 
background: #fff; 
background: none repeat scroll 0 0 #ffffff; 
margin-bottom: 5px !important; 
} 

/* facebook plugin */ 
#rightContainer .banner.fb-plugin .fb-like { margin: 5px 0;} 
#rightContainer .banner.fb-plugin h3 { 
color: #3b5998; 
font-weight: normal; 
font-size: 13px; 
margin-top: 0; 
margin-bottom: 10px; 
} 

/*notifications*/ 
#rightContainer .notification-banner h1{ 
background: url(/assets/Images/icon_alert_20x20.png) no-repeat scroll #3399cc; 
background-position: 5px 2px; 
color: #fff; 
font-family: arial,helvetica,sans-serif; 
font-size: 1.2em; 
font-weight: 500; 
min-height: 24px; 
padding: 6px 0 0 10px; 
padding-left: 30px; 
} 



/*news archive styling - July-2015*/ 

div#contentArea .newsStory a, #contentArea .newsStory a, #contentAreaFull .newsStory a, #contentArea .newsStory a, #contentAreaFull .newsStory a {
 text-decoration:none; 
} 

.newsStory a { 
font-size: 1.2em; 
} 

#newsArchive .newsStory { 
margin-bottom: 45px; 
padding-top: 4px; 
border-top: solid 4px #ddd; 
} 

#newsArchive .newsStory img { 
float: right; 
margin: -4px 0px 4px 10px; 
} 


/* October 8 2015(bs) standardizing accordions on service template */ 

div.accordionContent table.contactListing { width: 370px !important; } 

#contentArea h3.accordionHeader { 
cursor: pointer; 
color: #333 !important; 
font-size: 1.4em !important; 
font-weight: normal !important; 
border: 1px solid #b1d9f1 !important; 
background: #FFF url(/interface/accordionClosed.jpg) no-repeat 98% center !important;
 padding: 10px 8px 0px 8px !important; 
height: 26px !important; 
margin: 8px 0 0 0 !important; 
} 

#contentArea h3.accordionHeader.accordionHeaderActive { 
background: #eef8fd url(/interface/accordionOpen.jpg) no-repeat 98% center !important;
 } 
#courses h3.accordionHeader { 
border: 1px solid #565634 !important; 
} 

#courses div.accordionContent { 
border: 1px solid #565634 !important; 
border-top: 0px !important; 
} 

#courses h3.accordionHeader.accordionHeaderActive { 
background: #898971 url(/interface/accordionOpen.jpg) no-repeat 98% center !important;
 color: #FFFFFF !important; 
} 

div.accordionContent { 
border: 1px solid #b1d9f1 !important; 
border-top: 0px solid #fff !important; 
min-height: 1% !important; 
overflow: hidden !important; 
padding: 10px !important; 
} 


/* October 8 2015(bs) standardizing accordions to remove gradients */ 


.neighborhoodAccordionHeader { 
background:#fff; 
border:1px solid #b1d9f1 !important; 
background-position:0 0; 
background-repeat:repeat no-repeat; 
cursor:pointer; 
font-size:1em; 
height:36px; 
margin:8px 0px 0 0; 
padding:4px 8px 0px 8px; 
} 
.neighborhoodAccordionHeaderActive { 
background:#eef8fd !important; 
border-bottom:1px solid #fff !important; 
} 
.neighborhoodAccordionContent { 
border:1px solid #b1d9f1 !important; 
border-top:0px solid #fff !important; 
min-height:1%; 
overflow:hidden; 
padding:10px; 
} 
.neighborhoodAccordionHeader h3 { 
font-family:Arial, Helvetica, sans-serif; 
font-weight:normal; 
color:#000 !important; 
} 
p.deck 
{ 
color:#666; 
font-family:Arial, Helvetica, sans-serif; 
margin:12px 0 12px 0; 
} 


/* removed extra attributes from this to fix font size in accordions. 
DO NOT mess with font-size!!! JvH 20160105. */ 
.neighborhoodAccordionContent p,.neighborhoodAccordionContent li, .neighborhoodAccordionContent td, .neighborhoodAccordionContent th
 { 
font-size: 1em !important; 
} 

/* added to clean up HTML on zoo animals pages (Mammals, Reptiles, etc). 
* Still not happy with this, but WAY better than what was there before. JvH, 20151112. */
 .animal_grid { 
overflow: auto; 
} 
.animal_grid p { 
display: block; 
float: left; 
margin: 1% 0 1% 1%; 
padding: 0; 
width: 23%; 

min-height: 140px; 

}

/* fix the contrast ratio in the footer to meet WCAG2.0. JvH, 20160205. */
div.eFooterCopyright {
 color: inherit;

}


/* fix the contrast ratio in the homepage events box to meet WCAG2.0. JvH, 20160205. */
div.randomEvent .date {
 color: inherit;

}