/* 
 * Colors:
 *
 * Blue: #0043B3
 * Green: #00A650
 * Yellow: #FFE764
 *
 */


/* ==================== */
/* Basic HTML Elements: */
/* ==================== */

* { /* Properties common to every element, unless specified otherwise: */
  font-family:verdana,tahoma,helvetica,arial,sans-serif;


  padding:0;
  margin:0;
}


html {}


body {
  background:#DFE4EE;
  
  font-size:.7em;
  line-height:1.4em;
  text-align:center;  
  
  padding:10px;
}

div {}

img {border: 0;} 

a {
  font-weight:bold;
  color:#00A650;
  text-decoration: none;
}

a p{
  font-weight:bold;
  color:#00A650;   
  text-decoration: none;
}

a:link {}

a:visited {}

a:hover {
  text-decoration:underline;  
}

a:hover p{
  text-decoration:underline;  
}

a:active {}


h1,h2,h3,h4,h5,h6 { /* Hx common properties: */
  font-family:tahoma,verdana,helvetica,arial,sans-serif;  
  color:#00A650;
  
  margin-bottom:.5em;
}

h1 {
  font-size:175%;
  line-height:125%;
  color:#0043B3; 
}

h1 span {
  color:#0043b3;
}

h2 {
  font-size:150%;
  line-height:125%; 
}

h3 {
  font-size:125%;
  line-height:125%; 
}

h4 {
  font-size:100%;
  line-height:115%;
}

h5 {
  font-size:100%;
  line-height:115%; 
  font-weight:normal;
  font-variant:small-caps;  
  letter-spacing:.125em; /* Small caps need letterspacing... */
}

h6 {
  font-size:100%;
  line-height:115%;
  font-weight:normal;
  font-style:italic;
}


p {
  margin-bottom:1em;  
}

ul {
  padding-left:1.5em;
  margin-bottom:1em;
}

ol {
  padding-left:1.75em;
  margin-bottom:1em;
}

strong {}

b {}

em {
font-weight:bold;
  color:#00A650;
  text-decoration:none; 
}

i {}


table {}

th {}

td {}


form {}

fieldset {}

input {
}

label {
  font-weight:bold; 
}

legend {}

select {}

textarea {}


/* ======================== */
/* Basic HTML Elements: END */
/* ======================== */


/* ==================== */
/* Structural Elements: */
/* ==================== */

div#chooser {
  width:414px;
  
  margin:75px auto 0 auto;  
}

@media all { /* Hide from IE 5 Mac */

  div#chooser h1 {
    position:relative;
    overflow:hidden;
    width:414px;
    height:95px;
  }

  div#chooser h1 span {
    width:414px;
    height:95px;
    display:block;
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    background:url(/images/bilingual-logo.gif) no-repeat top left;
  }

}

div.choice {
  width:375px;
  height:195px;
  
  text-align:center;
  
  border:1px solid #000;
  
  padding:0 5px !important;
  margin:0 auto;  
}

div.choice h2.english,
div.choice h2.french {
  width:185px;
  height:185px;
  
  font-size:1.15em;

  padding:5px 0;
  margin:0;
}

div.choice h2 p {
  padding:0;
  margin:0;
}

div.choice h2.english {
  float:left; 
}

div.choice h2.french {
  float:right;  
}

div.choice a {
  display:block;
  width:183px;
  height:183px;
  
  line-height:180px;
  color:#000;
  /*text-decoration:none;*/

  border:1px solid #efefef;

  padding:0;
  margin:0;
}

div.choice a:link,
div.choice a:visited {

}


div.choice a:hover {
  background-color:#ffe764;

  border:1px solid #ffe764;
}

div.address {
  width:390px;
  
  text-align:center;  
  
  margin:10px auto 0 auto;
}

ul.toc {
  border-style:solid;
  border-width:1px 0;
  border-color:#0043b3;

  padding-top:1em;
  padding-bottom:1em;
  margin-top:1em;
  margin-bottom:1em;
}

div#page-container {
  width:740px;
  
  border:1px solid #00a650;
  
  padding:1px;  
  margin:0 auto;
}

table#layout-table {
  width:100%; 
  /* 
   * Including this value (740px) and the relatively-positioned stuff in the right-column td (15px), our overall size is 755px. This is pretty close to the maximum permissible value to still avoid horizontal scrolling in some browsers on some OSs.
   */
  background:#fff;
  
  text-align:left;

  border-collapse:collapse;
}

table#layout-table td {
  vertical-align:top;
}
td#spacer-row,
td#banner,
td#left-column,
td#middle-column,
td#right-column,
td#footer {
  /*
   * Properties common to all parts of the layout table:
   */
  border:1px solid #fff;
}


td#header {
  height:85px;  
  vertical-align:top;
  background:#00A650 url(/files/banners/banner_top.jpg) no-repeat top left;
text-align: left;
border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
}

td#header img {
  float:left;
  border-style:none;
}

td#header p
{
font-size: 9px;
  float:right;
  width:375px;


  text-align:right;  

  padding-right:7px;
  margin:0;
}

td#header form 
{
  width:375px;
  text-align:right;  
  padding-right:7px;
}


td#header p {
  text-align:right;
  font-weight:bold;
  
  margin-top:2px; 
}

td#header div a {
  display:block;  
  width:110px;
  height:27px;
  background:transparent url(/images/tab-graphic.gif) no-repeat top center;   
  
  line-height:27px;
}

td#header a:link,
td#header a:visited,
td#footer a:link,
td#footer a:visited { 
  color:#0043B3; 
}

td#header a:hover,
td#header a:active,
td#footer a:hover,
td#footer a:active {  
  color:#FFE764;
  /*text-decoration:none;*/
}

td#header div#tabs {
  float:right;  
  
  margin-top:9px;
  margin-right:5px;
}

td#header div#tabs div { 
  /* 
   * These are the individual menu tabs (more properties of these can be found under 'td#header a:...'):
   */
  float:left;
  width:110px;
  height:27px;
  
  text-align:center;
  line-height:12px;

  margin:0 1px; 
}

td#search
{
	BACKGROUND: url(/files/banners/banner_bottom.jpg) #ffffff no-repeat left top;
	height: 25px;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	/*border-bottom: 1px solid #ffffff;*/
        padding-top: 5px;
        padding-left: 10px;
}

td#search form#search-box input.button,
td#search form#search-box input.field,
td#search form#search-box label {
  display:inline;
  float:left;

  font-size:1em;
  line-height:1.5em;

  height:1.5em;
  
  border-style:none;

  padding:0 4px;
}

td#search form#search-box input.field {

}

td#header form#search-box input.button {

}

td#search form#search-box label {
  background-color:#ffe764;

  color:#003;
}

td#spacer-row {
  height:8px;
  background:#0043b3;
    
  font-size:1px;
  line-height:8px;
}

td#banner {
  height:90px;
  background:#00A650; 
}

td#left-column {
  width:150px;
  background:#0043B3;
  
  border-right:1px solid #0043B3;
  
  padding:1em 0 1.5em 0;
  margin:1px 0;
}

td#left-column a {
  color:#fff; 
}

td#left-column a:hover,
td#left-column a:active { 
  color:#FFE764;
  /*text-decoration:none;*/
}

td#left-column p {
  margin:1em 1em 1.5em 1em; 
}

td#right-only-column {
  width:600px;
}

td#right-only-column div {
  padding:1em;
}


td#center-column {
  width: 100%;
  padding:1em;  
}

td#right-column {
  width:175px;  
  background:#fff;  
  
  padding:0 0 1.5em 0;
}

div.right-column-content {  
  /* 
   * This <div> used to shift content of the right column a few pixels to one side so that it can overlap the edge of the content box a bit (done to match the look of the tab-menu at top).
   * To move it in or out, change the 'left' property, or comment out both it and the 'position' property.
   */
  width:175px;
  /*position:relative;
  left:15px;*/ 
  
  padding:0;
  margin-top:1em
}

td#footer {
  height:90px;
  background:#FFF;  
  
  padding:0;
}

td#footer div {
  height: 20px;
  line-height:20px;
}

td#footer div p {
  background:#00A650; 
  
  font-weight:bold;
  
  margin:0;
}

/* ======================== */
/* Structural Elements: END */
/* ======================== */


/* ====== */
/* Boxes: */
/* ====== */

div.green-box {
  width:172px;
  background:#fff url(/images/green-box-bottom.gif) no-repeat bottom left;

  padding-bottom:7px;
  margin:1em 0;
}

div.green-box h2 {
  width:172px;
  height:25px;
  background:#00A650 url(/images/green-box-top.gif) no-repeat top left;

  color:#fff;
  text-align:center;
  line-height:25px;

  margin:0;
}

div.green-box div {
  background:transparent url(/images/green-box-middle.gif) repeat-y top left;

  padding:0 1em 0 2em;
  margin-bottom:0;
}

div.green-box div p {
  padding:1em 0 0 0;
  margin:0;
}

div.blue-box {
  width:172px;
  background:#ccd5e4 url(/images/blue-box-bottom.gif) no-repeat bottom left;

  padding-bottom:7px;
  margin:1em 0;
}

div.blue-box h2 {
  width:172px;
  height:25px;
  background:#0043b3 url(/images/blue-box-top.gif) no-repeat top left;

  color:#fff;
  text-align:center;
  line-height:25px;

  margin:0;
}

div.blue-box ul {
  list-style-type:square;
  background:transparent url(/images/blue-box-middle.gif) repeat-y top left;

  padding:0 1em 0 2em;
  margin-bottom:0;
}

/* ========== */
/* Boxes: END */
/* ========== */


ol.poll-result {
  
}

ol.blueBack li div {background-color:#0043B3;color:#fff;}
ol.greenBack li div {background-color:#00A650;color:#fff;}
ol.yellowBack li div {background-color:#FFE764;color:#003;}

ol.poll-result li {
  padding:2px;
  margin:2px;
}

ol.poll-result li div {
  font-weight:bold;

  border:2px outset;

  padding:0 5px !important;
  margin:0;
}

/* ======================= */
/* Useful generic classes: */
/* ======================= */

.blue {color:#0043B3;}
.green {color:#00A650;}
.yellow {color:#FFE764;}

.button {
  background:#0043b3;

  color:#fff;
  font-weight:bold;
}

.field {}

.ral {text-align:right;}

.lal {text-align:left;}

.ctr {text-align:center;}


/* =========================== */
/* Useful generic classes: END */
/* =========================== */ 


/* ========================== */
/* Right-column, bottom tabs: */
/* ========================== */

h2.donate-button,
h2.volunteer-button,
h2.upcoming-button,
h2.discussion-button,
h2.living-button {
  width:172px;
  height:41px;
  /*display:table-cell;  */
  vertical-align:middle;
  
  background:#900;
  
  font-size:1.2em;
  line-height:1.25em;

  padding:0;
  margin:0;
}

h2.living-button a {
  display:block;
  height:41px;
  color:#fff;
  padding:0 7px 0 60px;
  margin:auto 0;
}
h2.discussion-button a{
  display:block;
  height:41px;
  color:#fff;
  padding:0 7px 0 12px;
  margin:auto 0;
}

h2.donate-button a,
h2.volunteer-button a,
h2.upcoming-button a{
  display:block;
  height:41px;
  /*vertical-align:middle;*/
  
  color:#fff;

  padding:0 7px 0 74px;
  margin:auto 0;
}

h2.one-line a {
  line-height:41px;
}

h2.two-line a {
  height:37px;  

  line-height:1.1em;

  padding-top:4px;
}

h2 p {padding:0;margin:0;}
h2.donate-button {
  background:#0043B3 url(/images/donate-now-button.jpg) no-repeat top left;
}

h2.volunteer-button {
  background:#00A650 url(/images/volunteer-button.jpg) no-repeat top left;
}

h2.upcoming-button {
  background:#FFE764 url(/images/upcoming-events-button.jpg) no-repeat top left;
}

h2.upcoming-button a {	
  color:#003;
}

h2.discussion-button {
  background:#00A650 url(/images/discussion-board-button.jpg) no-repeat top left;
}

h2.living-button {
  background:#FFE764 url(/images/liver-disease-button.jpg) no-repeat top left;
}

h2.living-button a {	
  color:#003;
}

div.lower-buttons {
  width:356px;	
  height:41px;

  margin:1em auto;	
}

div.lower-buttons div.lower-button-single {
  float:left;
  width:172px;

  margin:0 2px;
}



/* SUBPAGE RIGHT TABS */
td#right-column2 {
  /* width:175px;  */
  background:#fff;  
  
  padding:0 0 1.5em 0;
}

div.minibuttons {
 float: right;
 clear: right;
 margin-left: 5px;
}

div.right-column-content2 {  
  /* 
   * This <div> used to shift content of the right column a few pixels to one side so that it can overlap the edge of the content box a bit (done to match the look of the tab-menu at top).
   * To move it in or out, change the 'left' property, or comment out both it and the 'position' property.
   */
  width:81px;
  /*position:relative;
  left:450px;*/
  
  padding:0;
  padding-right: 10px;
  margin-top:0.5em
}

h2.donate-button2,
h2.volunteer-button2 {
  width:81px;
  /*height:20px;*/
  /*display:table-cell;  */
  vertical-align:middle;
  
  /*background:#900;*/
  
  font-size:0.9em;
  line-height:1.25em;

  padding:0;
  margin:0;
}

h2.donate-button2 a,
h2.volunteer-button2 a {
  display:block;
  height:20px;
  /*vertical-align:middle;*/
  
  color:#fff;

  padding:2px 7px 0 5px;
  margin:auto 0;
}

h2.one2-line a {
  /*height:20px;*/
  /* line-height:6px; */
}


h2.donate-button2 {
  /*background:#0043B3 url(/images/smallbutton_green.gif) no-repeat top left;*/
  background:#fff url(/images/smallbutton_green.gif) no-repeat top left;
}

h2.volunteer-button2 {
  /*background:#00A650 url(/images/smallbutton_blue.gif) no-repeat top left;*/
  background:#fff url(/images/smallbutton_blue.gif) no-repeat top left;
}

/* ============================== */
/* Right-column, bottom tabs: END */
/* ============================== */


/* =============================== */
/* Menu and navigational elements: */
/* =============================== */

.clfChapters
{
 width: 150px;
    text-align: center;
    font: 10px Verdana, sans-serif;
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
}

.formelement
{
background-color: #F7F5E2;
color: #254F3D;
padding: 1px;
margin-bottom: 0px;
margin-top: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px;
border: 1px solid #000000;
}


div#menu {
  width: 154px;
  border-bottom:1px solid #fff;
  
  padding-bottom:10px;
}

div#menu div {
  padding:0;
  margin:0; 
}

div#menu .Menu1 {

}

div#menu a {
  display:block;
  
  color:#FFF;
  line-height:15px;
  
  padding:2px 10px 2px 15px;
  margin:0;
}

div#menu .Menu1 a:link,
div#menu .Menu1 a:visited {
  background:transparent url(/images/menu-bullet-no.gif) no-repeat 5px 6px;
}

div#menu .Menu1 a:hover,
div#menu .Menu1 a:active {
  color:#FFE764;
  
  background:transparent url(/images/menu-bullet-ro.gif) no-repeat 5px 6px;
}

div#menu .Menu1current a {
  background:transparent url(/images/menu-bullet-ro.gif) no-repeat 5px 6px;

  color:#ffe631 !important;
}

div#menu .Menu2 a,
div#menu .Menu2current a {
  padding-left:20px !important;
  font-weight:normal;
  color:#fff;
}

div#menu .Menu2 a:link,
div#menu .Menu2 a:visited {
  background:#527ec7;
}

div#menu .Menu2 a:hover,
div#menu .Menu2 a:active {
  background:#527ec7 url(/images/menu-bullet-ro.gif) no-repeat 5px 6px !important;
}

div#menu .Menu2 a,
div#menu .Menu2current a {
  font-weight:normal;
  color:#fff;
}

div#menu .Menu2current a {
  background-color:#527ec7;

  color:#fff !important;
  font-weight:bold;
}

div#menu .Menu2current a:hover {
  background:#527ec7 url(/images/menu-bullet-ro.gif) no-repeat 5px 6px !important;
}

div#menu .Menu3 a,
div#menu .Menu3current a {
  padding-left:25px;
  font-weight:normal;
  color:#fff;
}

div#menu .Menu3 a:link,
div#menu .Menu3 a:visited {
  background:#7B9BD1;
}

div#menu .Menu3 a:hover,
div#menu .Menu3 a:active {
  background:#7B9BD1 url(/images/menu-bullet-ro.gif) no-repeat 5px 6px !important;
}

div#menu .Menu3current a {
  background:#7B9BD1;

  color:#fff;
  font-weight:bold !important;
}

div#menu .Menu3current a:hover {
  background:#7B9BD1 url(/images/menu-bullet-ro.gif) no-repeat 5px 6px !important;
}

div#menu .Menu4 a,
div#menu .Menu4current a {
  padding-left:30px !important;
  font-weight:normal;
  color:#0043b3;
}

div#menu .Menu4 a:link,
div#menu .Menu4 a:visited {
  background:#CCD5E4;
}

div#menu .Menu4 a:hover,
div#menu .Menu4 a:active {
  background:#CCD5E4 url(/images/menu-bullet-ro.gif) no-repeat 5px 6px !important;
}

div#menu .Menu4current a {
  background:#CCD5E4;

  color:#ffe63;
  font-weight:bold;
}

div#menu .Menu4current a:hover {
  background:#CCD5E4 url(/images/menu-bullet-ro.gif) no-repeat 5px 6px !important;
}

div#menu .Menu5 a,
div#menu .Menu5current a {
  padding-left:35px !important;
  font-weight:normal;
  color:#0043b3;
}

div#menu .Menu5 a:link,
div#menu .Menu5 a:visited {
  background:#fff;
}

div#menu .Menu5 a:hover,
div#menu .Menu5 a:active {
  background:#fff url(/images/menu2-bullet-no.gif) no-repeat 5px 6px !important;
}

div#menu .Menu5current a {
  background:#fff;

  color:#ffe63;
  font-weight:bold;
}

div#menu .Menu5current a:hover {
  background:#fff url(/images/menu2-bullet-no.gif) no-repeat 5px 6px !important;
}

div.print-link a,
div.email-link a {
  display:block;
}

div.print-link,
div.email-link {
  line-height:17px;
  
  padding-left:29px;
}

div.print-link {
  background:transparent url(/images/printer-icon.gif) no-repeat 6px 2px;
  
  margin-top:10px;
}

div.email-link {
  width: 100%;
  background:transparent url(/images/envelope-icon.gif) no-repeat 6px 2px;
  
  border-bottom:1px solid #fff;
  
  padding-bottom:10px;  
}

/* =================================== */
/* Menu and navigational elements: END */
/* =================================== */