/* global style */

.clearboth {
  clear: both;
}
.hidden {
  display: none;
}

#banner {
  height: 211px;
  width: 960px;
}

#findus {
  float: right;
  margin: 7px 18px 0 8px;
}
#watchicon {
	background: url(/images/sidenav.jpg) 0 0 no-repeat;
  display: block;
  float: right;
  width: 65px;
	height: 60px;
  padding:0;
  margin: 0;
	background-position: 6px -124px;
	text-indent: -5000px;
}
#watchicon:hover {
	background-position: -58px -124px;
}
#watchcopy {
  font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
  float: right;
  font-size: 10px;
  margin: 22px 0 0 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
  font-weight: bold;
  color: #0096db;
}
h1 { 
  font-size: 25px;
  margin-bottom: 40px;
}
h2 { 
  font-size: 20px;
  margin: 20px 0;
}
h3 { 
  font-size: 16px;
  margin: 15px 0;
}
h4 {
  font-size: 14px;
  margin: 10px 0;
}
h5 {
  color: #000;
  font-size: 12px;
  margin: 10px 0;
}
h2 br {
  margin-bottom: 5px;
}
#sidenav {
  margin-top: 69px;
}
#footer {
  margin-top: 60px;
}
#content p {
  font-family: Times, "Times New Roman", serif;
  font-size: 14px;
  line-height: 1.3em;
  margin-bottom: 10px;
}
#content ul {
  list-style: inside disc;
  margin-top: -5px;
  margin-bottom: 10px;
}
#content ol {
  list-style: inside decimal;
  margin-top: -5px;
  margin-bottom: 10px;
}
#content li {
  font-family: Times, "Times New Roman", serif;
  font-size: 14px;
  line-height: 1.3em;
  margin-left: 20px;
}
a {
  color: #0096db;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
#content table {
  margin: 20px;
}
#content td {
  font-family: Times, "Times New Roman", serif;
  font-size: 14px;
  line-height: 1.3em;
  margin-bottom: 10px;  
}
#content td.location {
  padding-right: 40px;
}

/* sticky-footer */
html, body {
  height: 100%;
}
#wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -25px;
}
#topbar {
  height: 9px;
  background-color: #0096db;
}
#footer, .push {
  height: 25px;
}
/* end sticky-footer */

/* top nav*/
#nav h1 {
  float: left;
  margin: 17px 0 0 0;
  text-indent: -5000px;
}
#nav h1 a {
  display: block;
  width: 231px;
  height: 55px;
}
#nav h1 a.en {
	background: url(/images/logo_en.png) 0 -55px no-repeat;
}
#nav h1 a.fr {
	background: url(/images/logo_fr.png) 0 -55px no-repeat;
}
#nav h1 a:hover {
    background-position: 0px 0px;
}
#nav ul {
  clear: right;
  float: right;
}
#nav li {
  display: block;
  float: left;
  list-style: none;
	text-indent:-5000px;
}
#nav li a, #nav li span {
  display: block;
  height: 45px;
}
#nav li.en a, #nav li.en span {
	background: url(/images/topnav_en.png) 0 0 no-repeat;
}
#nav li.fr a, #nav li.fr span {
	background: url(/images/topnav_fr.png) 0 0 no-repeat;
}

#nav li.en a.nav_program_en {
  width: 156px;
  background-position: 0px 0px;
}
#nav li.en a.nav_program_en:hover, #nav li.en a.nav_program_en_active {
  width: 156px;
  background-position: 0px -45px;
}
#nav li.fr a.nav_program_fr {
  width: 150px;
  background-position: -6px 0px;
}
#nav li.fr a.nav_program_fr:hover, #nav li.fr a.nav_program_fr_active {
  width: 150px;
  background-position: -6px -45px;
}

#nav li.en a.nav_arthritis_en {
  width: 176px;
  background-position: -157px 0px;
}
#nav li.en a.nav_arthritis_en:hover, #nav li.en a.nav_arthritis_en_active {
  width: 176px;
  background-position: -157px -45px;
}
#nav li.fr a.nav_arthritis_fr {
  width: 241px;
  background-position: -156px 0px;
}
#nav li.fr a.nav_arthritis_fr:hover, #nav li.fr a.nav_arthritis_fr_active {
  width: 241px;
  background-position: -156px -45px;
}

#nav li.en a.nav_resources_en {
  width: 194px;
  background-position: -333px 0px;
}
#nav li.en a.nav_resources_en:hover, #nav li.en a.nav_resources_en_active {
  width: 194px;
  background-position: -333px -45px;
}
#nav li.fr a.nav_resources_fr {
  width: 178px;
  background-position: -396px 0px;
}
#nav li.fr a.nav_resources_fr:hover, #nav li.fr a.nav_resources_fr_active {
  width: 178px;
  background-position: -396px -45px;
}

#nav li.en a.nav_media_en {
  width: 78px;
  background-position: -527px 0px;
}
#nav li.en a.nav_media_en:hover, #nav li.en a.nav_media_en_active {
  width: 78px;
  background-position: -527px -45px;
}
#nav li.fr a.nav_media_fr {
  width: 67px;
  background-position: -574px 0px;
}
#nav li.fr a.nav_media_fr:hover, #nav li.fr a.nav_media_fr_active {
  width: 67px;
  background-position: -574px -45px;
}

#nav li.en a.nav_action_en {
  width: 105px;
  background-position: -604px 0px;
}
#nav li.en a.nav_action_en:hover, #nav li.en a.nav_action_en_active {
  width: 105px;
  background-position: -604px -45px;
}
#nav li.fr a.nav_action_fr {
  width: 67px;
  background-position: -641px 0px;
}
#nav li.fr a.nav_action_fr:hover, #nav li.fr a.nav_action_fr_active {
  width: 67px;
  background-position: -641px -45px;
}

/* side nav */
#sidenav li {
	text-indent:-5000px;
}
#sidenav li div {
  width: 202px;
  border-top: 1px solid #989898;
  overflow: hidden;
}
#sidenav li div.div_contact {
  border-bottom: 1px solid #989898;
}
#sidenav li a, #sidenav li span {
	background: url(/images/sidenav.jpg) 0 0 no-repeat;
  display: block;
	height: 60px;
  padding:0;
  margin: 0;
}
.btn {
  width: 72px;
  float: left;
}
.txt {
  width: 122px;
  float: left;
}

/* language selector */
#language {
  font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
  font-size: 11px;
  margin: 24px 32px 5px 0;
  float: right;
}
#language a {
  text-decoration: none;
  color: #0096db;
}
#language a:hover {
  text-decoration: underline;
}
#language a.active {
  color: #989898;
  background-color: #fff;
}

/* footer */
#footer a {
  text-decoration: none;
  color: #fff;
}
#footer a:hover {
  text-decoration: underline;
}

#footer {
  background-color: #0096db;
  width: 100%;
  font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
  font-size: 12px;
  color: #fff;
}

#footer li {
  display: block;
  float: left;
  list-style: none;
  margin-top: 5px;
  padding: 0px 10px 0px 10px;
  border-right: 1px solid #fff;
}
#footer li.nobar {
  border-right: 0 none;
}

/* addthis, get rid of little envelope image */
.addthis_button_email span {
  display: none;
}

/* colorbox video */
#videoplayer {
  width: 560px;
  margin: 0 30px 20px 30px;
}
#videoplayer h1 {
  margin: 35px 0 10px 0;
}
#videoplayer div.close {
  clear: both;
  margin: 5px 0 0 0;
  float: right;
}
#videoplayer div.close a {
  font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
  text-decoration: underline;
}
/* colorbox language selector */
#cboxClose {
  color: #fff;
}
#selector div.katebox {
  padding: 15px 15px 0 15px;
}
#selector div.katebox-left {
  float: left;
  padding-left: 50px;
}
#selector div.katebox-right {
  float: left;
}
#selector div.katebox-left a.caption {
  margin-left: 20px;
}
#selector a.kate {
  display: block;
  width: 226px;
  height: 406px;
  text-indent: -5000px;
}
#selector a.kate {
	background: url(/images/kate.jpg) 0 0 no-repeat;
}
#selector a.kate_en:hover {
  background-position: -226px 0;
}
#selector a.kate_fr {
  background-position: -453px 0;
}
#selector a.kate_fr:hover {
  background-position: -679px 0;
}
#selector a.caption {
  clear: both;
  display: block;
  font-size: 12px;
  font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
  color: #989898;
  margin-top: 15px;
}
/* page specific content markup */
#content .page_ {
  margin-top: 70px;
}
#content .page_ p {
  font-size: 16px;
}
#content .page_links h3 {
  color: #000;
}
#content .page_provinces ol li p {
  display: inline;
}

/* missing content flag */
em {
  color: red;
}