/* CPHA local formatting: /_styles/CPHA.css */

.outdent {margin-left: 15px;
   text-indent: -15px;}

/* ---  heading formats that may be used differently than normal on the website ---  */

.h2-like-h1 {
   background: #f1e4da
               url('http://www.cpha.ca/images/h1-icon2.gif')
               12px 5px no-repeat;
   border-bottom:1px solid #c0b9b8;
   color:#8b5c29;
   font-size:12px;
   padding:3px 0 2px 32px;
   margin-top:0;}

.like-h2 {
	color:#666666;
	font-size:17px;
}

.like-h3 {
	color:#573A1A;
	font-size:15px;
}

.like-link {
  color: rgb(139, 69, 19);
}

.like-link-bold {
  color: rgb(139, 69, 19);
  font-weight: bold;
}

/* ---  heavier line ---  */

.hr-heavy {border: 0;
   color: #777777;
   background-color: #777777;
   height: 3px;
   margin: 5px 0;
   padding: 0;}

/* ---  footnotes ---  */
div.footnote {
clear: both;
position: relative;
margin: 3px 0 0 0;
padding: 0;
}

div.num {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
text-align: right;
width: 50px;
vertical-align: top;
}

div.note {
padding: 0 0 0 55px;
text-align: left;
vertical-align: top;
}
   
/*  --- CPHA standard image handling --- */

.standard-image-centre-no-caption {margin: 5px;
   padding: 10px 10px 15px 10px;
   background-color: rgb(242, 242, 242);
   font-size: 8pt;
   text-align: center;}

.standard-image-centre {margin: 5px;
   padding: 10px;
   background-color: rgb(242, 242, 242);
   font-size: 8pt;
   text-align: center;}

.standard-image-right {margin: 0 0 5px 5px;
   padding: 10px;
   float: right;
   background-color: rgb(242, 242, 242);
   font-size: 8pt;}

.standard-image-right-no-caption {margin: 0 0 5px 5px;
   padding: 10px 10px 15px 10px;
   float: right;
   background-color: rgb(242, 242, 242);
   font-size: 8pt;}

.standard-image-left {margin: 0 5px 5px 0;
   padding: 10px;
   float: left;
   background-color: rgb(242, 242, 242);
   font-size: 8pt;}

.standard-image-left-no-caption {margin: 0 5px 5px 0;
   padding: 10px 10px 15px 10px;
   float: left;
   background-color: rgb(242, 242, 242);
   font-size: 8pt;}

.magnify-left {margin: 4px 5px 0 0;
   padding: 0;
   font-size: 8pt;}

.magnify-right {margin: 4px 0 0 5px;
   padding: 0;
   font-size: 8pt;}

.magnify-image-right {border: none;
   margin-top: 2px;
   padding-top: 0;}

/*  --- sidebars and centred highlight boxes --- */

.highlight-right {float: right;
   width: 235px;
   margin: 0 0 10px 10px;
   padding: 0;
   border: 2px rgb(91, 64, 36) solid;}

.highlight-left {float: left;
   width: 235px;
   background-color: rgb(242, 242, 242);
   margin: 0 10px 10px 0;
   padding: 0;
   border: 2px rgb(91, 64, 36) solid;}

.highlight-head {font-weight: bold;
   background-color: #99ccff !important;
   text-align: center;
   margin: 0;
   padding: 2px 5px;}

.highlight-body {background-color: rgb(242, 242, 242);
   margin: 0;
   padding: 1em 5px 2px 5px;}

.highlight-body-no-head {background-color: rgb(242, 242, 242);
   margin: 0;
   padding: 2px 5px;}

.highlight-box div {margin: 10px 0;
   padding: 0;
   text-align: center;}

.highlight-box table {border-collapse: collapse;}

.highlight-box td {border: 2px rgb(91, 64, 36) solid;
   margin: 10px 0px;
   padding: 10px;
   background-color: rgb(242, 242, 242);}

/* full-width highlight box */

.highlight-box-full {border: 2px rgb(91, 64, 36) solid;
   margin: 10px 0;
   padding: 10px;
   background-color: rgb(242, 242, 242);}

/*  --- FAQ formatting --- */

#FAQ .QandA,
#FAQ .faq {font-size: 13pt;
   font-weight: bold;
   color: #666;}

/*  --- for members portal / EventsPro --- */

#content-tabs-plain {padding: 14px 0 0 667px;
   background: url('http://www.cpha.ca/images/h1-icon2.gif')
      top left no-repeat;
   height: 14px;}

#content-tabs-plain p {font-family: Arial, Helvetica, sans-serif;
   text-decoration: none;
   font-size: 10px;
   display: block;
   height: 13px;
   width: 83px;}

#menu {height: 29px;
   border-style: solid;
   border-color: #ffffff;
   border-width: 1px 0;}

#menu .member-title {
   height: 29px;
   width: 100%;
   line-height: 29px;
   vertical-align: middle;
   display: block;
   text-decoration: none;
   color: #ffffff;
   text-align: center;
   background: #523618;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;}

#outside {max-width: 768px;}

/*  --- CPHA resolutions pages - hanging outdent --- */

.resolution p {margin: 4px 0 0 36px;
   text-indent: -36px;
   padding: 0;}

/*  --- Health literacy resources formatting --- */

#resources {width: 98%;}
p#resources {margin: 0 0 1em 0;
   padding: 0;}

.citate {margin: 0;
   padding: 0 0 0 40px;}

/* ---  CJPH formatting - no longer required?  --- */

.CJPH_Abstract {
   padding: 1em 0 1em 20px;}

.formfield {
   color: rgb(183,91,37);}

select {color: rgb(183,91,37);}

/* ---  CPHA publication sales formatting  --- */

.PubsTitle {
   font-weight: bold;
   margin-top: 1em;}

/* ---  job postings table  --- */

.out {
   padding: 7px 3px 3px 3px; margin: 0;
   vertical-align: top;}

.out.date {
   white-space: nowrap;}

/* webmaster's notes */

.webmaster {
   background-color: yellow;
   margin: 0;
   padding: 0 0 1em 0;}

/*  ---- left subnavigation (e.g. /en/programs/infrastructure/sopha.aspx) ---- */

#subnav {width: 146px;
   margin: 0 0 0 -10px;
   padding: 0;
   border-top: 2px solid #5A471B;
   border-bottom: 2px solid #5A471B;}

#nav #pos_content3 #subnav, #nav #pos_content3 #subnav * {
   font-size: 11px;
   font-family: Arial, Helvetica, sans-serif;}
   
#nav #pos_content3 #subnav li hr {margin-left: 27px;
   margin-top: 0;
   margin-bottom: 0;
   height: 2px;
   color: black;}

/*  ---- experimental left subnavigation ---- */

#subnav-a {width: 146px;
   margin: 0 -5px 0 -10px;
   padding: 2px 0 0 5px;
   border-top: 2px solid #5A471B;
   border-bottom: 2px solid #5A471B;
   color: white;
   background: #503517;}

#nav #pos_content3 #subnav-a, #nav #pos_content3 #subnav-a * {
   color: white;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;}

#nav #pos_content3 #subnav-a a {
   text-decoration: none;}

#nav #pos_content3 #subnav-a .depth_0, #nav #pos_content3 #subnav-a .depth_0 *{
   margin: 0;}

#nav #pos_content3 #subnav-a .depth_1, #nav #pos_content3 #subnav-a .depth_1 *{
      font-size: 11px;}

#nav #pos_content3 #subnav-a hr {
   display: block;
   margin-top: 0;
   margin-bottom: 0;
   height: 2px;
   width: 100px;
   color: #c2a27a;}
   
#nav #subnav-a ul.depth_0 {
   border-bottom: none;}

/*  --- images used as links do not have underlines ---  */

a img{text-decoration: none;}

/*  --- Alternate list styles  --- */

ol.roman, li.roman {list-style-type: upper-roman;}

.nospace {margin-top: 0; padding-top: 0;
   margin-bottom: 0; padding-bottom: 0;}

/* ---  buttons with look of H1 page heading
        button1 is for a single button in a row, usually in a <div>
        button2 is for 2 or more buttons in a row, each usually within a <td>  --- */

.button1, .button2 {border: 1px solid rgb(192, 185, 184);
   margin: 15px 0;
   padding: 3px 0 3px 12px;
   font-weight: bold;
   background: rgb(241, 228, 218) url('http://www.cpha.ca/images/h1-icon2.gif')
               no-repeat 5px 5px;
   color: rgb(139, 92, 41);}
   
a.button1:link, a.button1:visited {text-decoration: none !important;
   color: rgb(139, 92, 41) !important;
   font-weight: bold;
   font-size: 12px;}
   
.button2 {padding: 3px 3px 3px 12px;}

.buttonlink:link, .buttonlink:visited {text-decoration: none !important;
   color: rgb(139, 92, 41) !important;
   font-size: 12px;}

/* ---  forms formatting - complements the button formatting above  --- */

#cphaform input, textarea, select {border: 1px solid rgb(192, 185, 184);}

#cphaform.button1 {background: rgb(241, 228, 218)
               url('http://www.cpha.ca/images/h1-icon2.gif') no-repeat 2px 2px
               !important;
   margin: 3px 0;}

#cphaform.selected {display: block; background-color: rgb(241, 228, 218) !important;}

/* ---  attempt to better handle superscripts ---  */

sup {vertical-align: super;}

/* ---  other conferences ---  */
/*
#other-confs h4, #other-confs p ul {padding: 0;
   margin: 0;}
#other-confs h4, #other-confs h4 a, #other-confs h4 a sup {color:#573A1A;}

#other-confs p {margin: 0pt; padding: 0 0 1em 0;}

#other-confs p ul li {padding: 0 0 1em 0;
   margin: -1em 0 0 0;}
*/

#other-confs h4 {padding: 1em 0 0 0;
   margin: 0;}
   
#other-confs h4, #other-confs h4 a, #other-confs h4 a sup {color:#573A1A;}

#other-confs h4:first-child {padding-top: 0 !important;}

#other-confs p, #other-confs p ul, #other-confs p ul li {margin-top: 0pt;
   margin-bottom: 0pt;
   padding: 0;}