#divNav { margin: 2em 0; padding: 0; height: 2.5em; border-bottom: solid #5B89CF 10px; }
#divNav ul, #divNav ul li { list-style-type: none; margin: 0; padding: 0; }
#divNav {  border-left: solid #ccc 1px; border-right: solid #ccc 1px; height: 2.5em; }
#divNav li { float: left; line-height: 2.5em; border-right: solid #ccc 1px; position: relative; }
#divNav li ul { display: none; }
#divNav li a, #divNav li span {
  display: block; margin: 0 5px; color: #666; text-transform: uppercase;
  text-decoration: none !important; cursor: default;
}
#divNav li a { cursor: default; } /* temporary */
#divNav .sitemap_only { display: none; }

#divNav li ul {
  position: absolute; top: 2.5em; left: 0; background-color: #ddd; padding: 1em 0 0.5em 0;
  border: solid #BEBEBE 1px; border-top: none;
  -webkit-border-radius: 0 0  5px 5px;
  -moz-border-radius:    0 0  5px 5px;
  border-radius:         0 0  5px 5px;
}
#divNav li ul li { border: none; line-height: 1.5em; float: none; }
#divNav li ul li a {
  margin: 0 10px;
  cursor: pointer; text-transform: none; padding: 0.5em 0;
  background: transparent url(http://www.communitynews.ca/images/dots.gif) repeat-x 0 0;
}
#divNav li ul li a:hover, #divNav li ul li a:focus { color: #5B89CF; }
#divNav li ul li ul {
  position: relative; padding: 0; top: 0; border: none; background-color: #BEBEBE;
  -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
}
#divNav li ul li ul li a { padding-left: 20px; }
#divNav li:hover ul, #divNav li.over ul { display: block; }

/* not navigation related. Overrides the main style sheet */
.sidebar { border-left: none; border-right: solid #ccc 1px; }

/* trying out a new orange. This one is lifted from the logo */
A:LINK,
A:VISITED,
A:ACTIVE,
.leftside-small a:link,
.leftside-small a:visited,
.leftside-small a:active,
.leftside-medium a:link,
.leftside-medium a:visited,
.leftside-medium a:active,
.copy-medium-black a:hover,
.pullquote,
.attribution-byline { color:#e65a25; }
TD.highlight-dark   { background : #e65a25; }

/* hovers. do not really need to be here */
A:HOVER                       { color: #333333;}
.leftside-small a:hover,
.leftside-medium a:hover     { color:#FFFFFF;  background : #e65a25;  }
.copy-medium-black a:link,
.copy-medium-black a:visited,
.copy-medium-black a:active  { color:#000000; }

/* for the footer */

#footer * { font-family: Arial, sans-serif !important; }
#footer {
  font-size: 11px; color:#777; padding-bottom: 1.5em; margin-bottom: 1.5em;
  text-align: left; border-bottom: 1px solid #D1D1D1;
}
#footer a { text-decoration: none; color: #222;  }
#footer a:hover { text-decoration : underline;}
#footer h3 { margin: 15px 0; font-size: 13px; color: #777; padding: 0 12px; }
#footer h4 {
  display:block; padding:0 0 2px 0; margin:0 0 2px 0;
  font-size:13px; line-height:15px; color:#24428a; font-weight: bold;
}
#footer ul { margin:0 0 9px 0; padding:0 0 2px 0; }
#footer li { list-style-type: none; margin: 0; line-height: 16px;  color:#777 !important;  }
.footerColumn { width: auto; float:left; margin:6px 0 0 0; padding:0px 12px; }
.footerColumnLast { margin-right: 0; }
.footerColumn ul li { padding: 0; background: none; }
#footer .inner {
  line-height: 1.5em; padding: 1em; position: relative;
  border-top: 15px solid #5B89CF; margin-bottom: 1.5em;
}
#footer .closer {
  text-align: right; clear: both; color: #777;
  position: absolute; bottom: 0; right: 0;
}

/* tipsy standard files */
.tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-arrow { position: absolute; background: url(../js/tipsy.gif) no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }

/* tispy override styles */
.tipsy { font-size: 11px; }
.tipsy-inner { /* background-color: #e9eaff; color: #222; */ background-color: #5B89CF; color: #fff; }
.tipsy-arrow { background-image: url(../js/tipsy_5B89CF.gif); }

/* overrides to main stylesheet. After the changes, ccnanew.css should be cleaned and consolidated with this file */
body * { font-family: Arial, sans-serif !important; }
body, th, td { font-size: 12px; line-height: 1.5; }
#nav ul { font-size: 11px; }
/* overrides end here */