/*##############################################################################################*/
/*######  CONTAINS ONLY STRUCTURAL INFORMATION. ALL COLOURS AND DESIGN PROPERTIES ARE TO  ######*/
/*######            BE CONTAINED IN REGULAR-*.CSS AND CONTRAST-*.CSS CSS FILES            ######*/
/*##############################################################################################*/

/*########################################################################## CORE PROPERTIES ###*/
body, html {
    margin: 0;
    padding: 0;
    font-size: 13px; /*Set from 11px (smallest) to 15px (largest) for font-size adjustments*/
    font-family: arial,helvetica,clean,sans-serif;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: center center;
}
/*SharePoint Overrides*/
.ms-WPBody {
    font-size: inherit !important;
    font-family:inherit !important;
}

#content-body .ms-WPBody {
	font-size: 13px !important;
    font-family:arial,helvetica,clean,sans-serif !important;

}

.ms-WPBody td {
	font-size: inherit;
}

/*This is the wrapper that will create a white background at the top above the footer if the
global grid background is enabled. It wraps around the header area and the content area*/
#main-wrapper {
    width: 100%;
    height: 100%;
    float: left;
    clear: both;
    padding-bottom: 30px;
}

/*Thes wrapper is to center center the region's child elements*/
.inner-wrapper {
    width: 960px !important;
    margin: 0px auto;
}

/*This will be a safety precaution wrapper. This will hook in any float elements within
the wrappers and have this container expand and the footer proceeds to the bottom*/
.container, #main-container {
    width: 960px;
    float: left;
    clear: both;
    /*overflow: hidden;*/
}
/* #FONTS Copyright (c) 2010, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.com/yui/license.html version: 3.1.1 build: 47 */
body{font:/*13px/1.231 arial,helvetica,clean,sans-serif*/;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


/*################################################################## OVERRIDE RIBBON MARKUP STYLES ### */

.ms-rteElement-H1, .ms-rteElement-H1B, .ms-rteElement-Callout1 { /* structure.css */
    font-family: Verdana,Geneva,Sans-Serif;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 110%;
}

.ms-rteElement-H2, .ms-rteElement-H2B, .ms-rteElement-Callout2 { /* structure.css */
    font-family: Verdana,Geneva,Sans-Serif;
    font-size: 1.2em;
    font-weight: bold;
}

.ms-rteElement-H3, .ms-rteElement-H4, .ms-rteElement-H3B, .ms-rteElement-H4B, .ms-rteElement-Callout3, .ms-rteElement-Callout4 { /* structure.css */
    font-size: 1em;
    font-style: normal;
    font-weight: bold;
}


.ms-rteElement-Callout1 {
    background-color: #fff;
    border: none;
    clear:left;
    width: auto;
    padding-left:0;
}

.ms-rteElement-Callout2, .ms-rteElement-Callout3, .ms-rteElement-Callout4 {
    background-color: #fff;
    border: none;
	float: left;
    padding-left: 0;
    width:100%;
}
/*################################################################## GENERAL ITEM PROPERTIES ###*/
/*Blue Link (Global Link)*/
a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:focus {
    text-decoration: underline;
}

a:active {
    text-decoration: underline;
}

.top-of-page {
    display: block;
    float: left;
    clear: both;
    width: 100%;
}

/*Anything with this class will go off the page visually*/
.accessibility {
    position: absolute;
    left: -9999px;
}

/*Shown on content page areas, .rss-link is for footer*/
.rss-feed {
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 20px;
}

/*For any button that is an anchor tag, make the a tag actually clickable*/
div.button a {
    display: block;
    float: left;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
}

/*This is for those colourful, rounded links*/
a.button {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 5px;
    padding-right: 5px;
    -moz-border-radius: 5px;
    line-height: 22px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 2px;
    display: block;
    float: left;
}

/*To make the logo clickable*/
.logo a, #top-logo a {
    display: block;
    float: left;
    height: 100%;
    width: 100%;
}

/*Shown on footer page areas, .rss-feed is for content body*/
.rss-link {
    padding: 0px 22px 0px 0px;
    background-repeat: no-repeat;
    background-position: right center;
}

table tr, table td {
    border: 0px;
    border: none;
}

/*################################################################### HEADER AREA PROPERTIES ###*/
/*Header area's containing div*/
#header-area {
    width: 960px;
    height: 175px;
    float: left;
    clear: both;
    position: relative;
}

/*Main CNIB Logo*/
#header-area .logo, #top-logo {
    width: 220px;
    height: 96px;
    position: absolute;
    top: 17px;
    left: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -9999px;
}


/*Main INCA Logo*/
#header-area .logo-fr, #top-logo {
    width: 157px;
    height: 96px;
    position: absolute;
    top: 17px;
    left: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image:url('../images/logo-inca-large.gif');
    text-indent: -9999px;
}

/*Site controls are the "Skip to content", "Welcome Guest", etc.*/
#header-area .site-controls {
    width: auto; /*Explicit EM width for IE7 found in IE CSS File.*/
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 0px;
    top: 0px;
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-position: center bottom;
    font-size: 0.95em;
}
/*Header link style settings*/
/*#header-area .site-controls a:link {
    text-decoration: none;
}

#header-area .site-controls a:visited {
    text-decoration: none;
}

#header-area .site-controls a:hover {
    text-decoration: underline;
}

#header-area .site-controls a:focus {
    text-decoration: underline;
}

#header-area .site-controls a:active {
    text-decoration: underline;
}

#header-area .site-controls span {
    font-weight: bold;
}

#header-area .site-controls .skip-links {
    height: 30px;
    float: left;
    padding: 0px 0.769em 0px 0.769em;     
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left bottom;
} 
*/

#header-area .site-controls a:link, #header-area .skip-links a:link {
    text-decoration: none;
}

#header-area .site-controls a:visited, #header-area .skip-links a:visited {
    text-decoration: none;
}

#header-area .site-controls a:hover, #header-area .skip-links a:hover {
    text-decoration: underline;
}

#header-area .site-controls a:focus, #header-area .skip-links a:focus {
    text-decoration: underline;
}

#header-area .site-controls a:active, #header-area .skip-links a:active {
    text-decoration: underline;
}

#header-area .site-controls span {
    font-weight: bold;
}

#header-area .skip-links {
    height: 30px;
    position:absolute;
    top:0;
    right:130px;
    padding: 0px 0.769em 0px 0.769em; /*10px*/
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left bottom;
    background-color:#145d7e;
}

html[lang="fr-ca"] #header-area .skip-links {
	right:90px;
}

#header-area .skip-links .skip-link {
	color:#fff;
	font-weight: bold;
	font-size:9pt;
	padding:7px;
	display: block;
}




#header-area .site-controls .account-panel {
    height: 30px; /*30px*/
    float: left;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: right bottom;
}

#header-area .site-controls .account-panel .welcome {
    width: auto;
    height: 30px; /*30px*/
    float: left;
    padding: 0px 10px 0px 10px;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left bottom;
}

#header-area .site-controls .account-panel .sign-up {
    /*This element should dissipear when logged in*/
    width: auto;
    height: 30px; /*30px*/
    float: right;
    padding: 0px 10px 0px 10px;
}

/*Quick links are the "print page", "contrast", etc.*/
#header-area #quick-links {
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 38px;
    right: 275px;
    font-size: 0.95em;
}

#header-area #quick-links li {
    display: inline;
    margin-right: 15px;
    padding-right: 15px;
    background-position: right center;
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

#header-area #quick-links li.site-map {
    padding-right: 18px;
}

/*Site text-resize control panel*/
#header-area .text-resize {
    height: 37px;
    line-height: 38px;
    position: absolute;
    top: 26px;
    right: 78px;
    padding-left: 14px;
    font-size: 0.95em;
}

#header-area .text-resize ol {
    margin: 0px;
    padding: 0px;
    display: block;
    float: left;
}

#header-area .text-resize ol li {
    display: block;
    float: left;
    width: 15px;
    height: 30px;
    overflow: hidden;
    text-transform: uppercase;
}

#header-area .text-resize span {
    text-transform: lowercase;
    display: block;
    float: left;
}

#header-area .text-resize li {
/*    height: 30px;
/    padding: 0px 3px 0px 3px; */
    text-align: center;
}

#header-area .text-resize ol li
{
text-transform: uppercase;
}


#header-area .text-resize .active {
    width: 26px;
    height: 30px;
    padding: 0px;
    font-family: "Arial Black" , Gadget, sans-serif;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: top;
}

#header-area .text-resize .active a {
    text-decoration: underline !important;
}

#header-area .text-resize .text-sizes .small {
    font-size: 11px;
}

#header-area .text-resize .text-sizes .regular {
    font-size: 13px;
}

#header-area .text-resize .text-sizes .large {
    font-size: 15px;
}

#header-area .text-resize .text-sizes .extra-large {
    font-size: 17px;
}

#header-area .language-selector {
    width: 55px;
    height: 37px;
    line-height: 37px;
    position: absolute;
    top: 27px;
    right: 10px;
    text-align: right;
    padding-left: .5em;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left center;
}

#header-area #cnib-hotline {
    position: absolute;
    top: 82px;
    right: 325px;
}

#header-area #cnib-hotline span {
    display: block;
    float: left;
    height: 23px;
    line-height: 23px;
}

#header-area #cnib-hotline span.label {
    position: relative;
    top: 1px;
}

#header-area #cnib-hotline .phone-number {
    font-size: 1.5em;
    font-weight: bold;
    margin-left: 8px;
}

#header-area .button {
    height: 29px;
    line-height: 29px;
    font-size: .9em;
    font-weight: bold;
    text-align: center;
}

#header-area #book-an-appointment {
    width: 165px;
    position: absolute;
    top: 79px;
    right: 145px;
}

#header-area #donate-to-cnib {
    width: 120px;
    position: absolute;
    top: 79px;
    right: 10px;
}

/*Top nav*/
#header-area #main-controls {
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 39px;
    width: 960px;
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-position: center bottom;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

#header-area #main-navigation {
    line-height: 39px;
    margin: 0;
    padding: 0;
    width: 731px;
    float: left;
    font-size: 0.95em;
}

#header-area #main-navigation li, #header-area #main-navigation li a {
    float: left;
    display: block;
    margin: 0px;
    padding: 0px;
    height: 39px;
    border: none !important;
}

/*Navigation link settings*/
#header-area #main-navigation li a {
    padding: 0px 10px;
}

#header-area #main-navigation li.home a {
    background-repeat: no-repeat;
    background-position: left center;
}

#header-area #main-navigation li a:link {
    text-decoration: none;
}

#header-area #main-navigation li a:visited {
    text-decoration: none;
}

#header-area #main-navigation li a:hover {
    text-decoration: underline;
}

#header-area #main-navigation li a:focus {
    text-decoration: underline;
}

#header-area #main-navigation li a:active {
    text-decoration: underline;
}

/*Search Field at the top*/
#header-area #main-search {
    height: 39px;
    float: right;
    width: 229px;
    position: relative;
    background-repeat: no-repeat;
    background-position: right center;
}

#header-area #main-search .search-field {
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    width: 220px;
    height: 26px;
    position: absolute;
    top: 6px;
}

#header-area #main-search .search-field-fr {
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    width: 120px;
    height: 26px;
    position: absolute;
    top: 6px;
}

#header-area #main-controls #main-search .search-field #main-search-field, #header-area #main-controls #main-search .search-field-fr #main-search-field-fr {
    height: 20px;
    left: 8px;
    line-height: 20px;
    position: absolute;
    top: 3px;
    width: 172px;
}

#header-area #main-controls #main-search .search-field #main-submit-search, #header-area #main-controls #main-search .search-field-fr #main-submit-search-fr {
    height: 15px;
    position: absolute;
    right: 10px;
    top: 5px;
    width: 15px;
    background-repeat: no-repeat;
    background-position: center center;
}
/*################################################################## CONTENT AREA PROPERTIES ###*/
/*Content area's containing div*/
#content-area {
    width: 960px;
    float: left;
    clear: both;
}

#content-area .content-body {
    margin-top: 15px;
    float: left;
    clear: both;
    width: 940px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 1.5em;
}
/*################################################################### FOOTER AREA PROPERTIES ###*/
/*Footer area's containing div*/
#footer-area {
    width: 100%;
    float: left;
    clear: both;
    position: relative;
    font-size: .95em;
    padding-bottom: 25px;
}

#footer-area .container {
    width: 920px;
    padding: 15px 20px 15px 20px;
    background-position: bottom center;
    background-repeat: no-repeat;
}

#footer-area ol, #footer-area ul {
    margin: 0px;
    padding: 0px;
}

#footer-area ol li, #footer-area ul li {
    margin: 0px 0px 18px 0px;
    padding: 0px;
    list-style: none;
}

#footer-area a:link {
    text-decoration: none;
}

#footer-area a:visited {
    text-decoration: none;
}

#footer-area a:hover {
    text-decoration: underline;
}

#footer-area a:focus {
    text-decoration: underline;
}

#footer-area a:active {
    text-decoration: underline;
}

#footer-area .link-collection, #footer-area .content-collection {
    float: left;
}

#footer-area h2 {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 1.3em;
}

#footer-area #your-community {
    width: 274px;
    margin-right: 40px;
}

#footer-area #your-community li {
    float: left;
    width: 50%;
}

#footer-area #our-services {
    margin-right: 38px;
    width: 146px;
}

#footer-area #about-us {
    margin-right: 37px;
    width: 97px;
}

#footer-area #help-donate-contact-us {
    width: 288px;
    line-height: 22px;
}

#footer-area P {
	color: #FFFFFF
}

#footer-area #help-donate-contact-us #help-and-donate, #footer-area #help-donate-contact-us #contact-us {
    float: left;
    width: 100%;
    clear: both;
}

#footer-area #help-donate-contact-us .buttonset {
    float: left;
    width: 100%;
    clear: both;
    margin: 0;
}

#footer-area div.logo,
#footer-area div.logo-fr {
    width: 50%;
    float: left;
    /*clear: both;*/
    margin: 15px 0px 15px 0px;
    padding: 0px 0px 15px 0px;
}

#footer-area div.logo a {
    background-position: center center;
    background-repeat: no-repeat;
    height: 50px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    width: 171px;
}

#footer-area div.logo-fr a {
    background-position: center center;
    background-repeat: no-repeat;
    height: 50px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    width: 171px;
}

#footer-area #copyright {
    float: left;
    width: 100%;
    clear: both;
}

#footer-area #copyright a:link {
    text-decoration: none;
}

#footer-area #copyright a:visited {
    text-decoration: none;
}

#footer-area #copyright a:hover {
    text-decoration: underline;
}

#footer-area #copyright a:focus {
    text-decoration: underline;
}

#footer-area #copyright a:active {
    text-decoration: underline;
}

#footer-area #copyright #footer-menu {
    float: left;
    width: 632px;
    margin: 0px;
}

#footer-area #copyright #footer-menu li {
    display: block;
    float: left;
    list-style: none outside none;
    margin: 0px 7px 0px 0px;
    padding: 0px 7px 0px 0px;
}

#footer-area #copyright #footer-menu li.last {
    border-right: none;
}

#footer-area #copyright #copyright-message {
    float: left;
    width: 288px;
    margin-top:15px;
}

#footer-area .extra-links {
    display: block;
    float: left;
    clear: both;
    margin-top: 15px;
    width: 100%;
}

#footer-area .sponsor-logo {
    width: 200px;
    height:48px;
    float: left;
    margin: 15px 0px 15px 160px;
    padding: 0px 0px 15px 0px;
    background:url("../images/microsoft-logo.png") no-repeat;
}

#footer-area .sponsor-logo-fr {
    width: 200px;
    height:48px;
    float: left;
    margin: 15px 0px 15px 160px;
    padding: 0px 0px 15px 0px;
    background:url("../images/microsoft-logo-fr.png") no-repeat;
}

#footer-area div.sponsor-logo a,
#footer-area div.sponsor-logo p {
    background-position: center center;
    background-repeat: no-repeat;
    height: 38px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    width: 130px;
}

#footer-area div.sponsor-logo-fr a,
#footer-area div.sponsor-logo-fr p {
    background-position: center center;
    background-repeat: no-repeat;
    height: 38px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    width: 130px;
}

/*##############################################################################################*/
/*######   THE PROPERTIES BELOW ARE FOR LAYOUT PAGE SPECIFIC ITEMS ONLY. NOTHING GLOBAL   ######*/
/*######                        SHOULD GO BELOW THIS COMMENT BLOCK                        ######*/
/*##############################################################################################*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ HOMEPAGE WELCOME PAGE PROPERTIES @@@*/
#content-area #homepage-main-content {
    float: left;
    width: 609px;
    padding-right: 10px;
   
}

#content-area #homepage-auxiliary-content {
    float: right;
    width: 300px;
    /*margin-left: 10px;*/
    padding-left: 10px;
    border-left-style: solid;
    border-left-width: 1px;
}
#homepage-main-content h1.underline {
    font-size: 1.6em;
    font-weight: normal;
    padding: 10px 0 10px 10px;
    position: relative;
    width: 609px;
    margin-top:0px;
}

#homepage-auxiliary-content h1.underline {
    font-size: 1.6em;
    font-weight: normal;
    padding: 10px 0 10px 10px;
    position: relative;
    width: 290px;
    margin-top:0px;
}

/* News archive*/

#homepage-archive-content {
	padding-top:5px;
}

#homepage-archive-content h3.underline {
    font-size: 1.2em;
    font-weight: normal;
    padding: 10px 0 0 0;
    position: relative;
    color:#155D7F;
}
#homepage-archive-content a.blog{
    font-size: 1.2em;
    font-weight: normal;
    padding: 10px 0 0 10px;
    position: relative;
    color:#155D7F;
}
#homepage-content-blog a.blogitem{
    font-size: 1.2em;
    font-weight: normal;
    padding: 0 0 0 0;
    position: relative;
    color:#155D7F;
}

/*Blog*/
.homepage-content-blog{
	padding-bottom:20px;
}
/*AMD Slideshow*/
#content-area .AMDslideshow .slide .text p a { /* for clickable banner */
	display: block;
	width:790px;
	height: 150px;
	padding: 0;
}

#content-area .AMDslideshow .slide .text p a:hover {
	text-decoration:underline;
}

#content-area .AMDslideshow {
    position: relative;
    padding: 0;
    margin-left: 10px;
    margin-top: 10px;
    display: block;
    float: left;
    clear: both;
    height: 150px;
    width: 790px;
    overflow: hidden;
}

#content-area .AMDslideshow .slides {
    height: 150px;
    width: 790px;
    display: block;
    float: left;
    clear: both;
    margin: 0;
}

#content-area .AMDslideshow li.slide {
    list-style-type: none;
    height: 150px;
    width: 790px;
    display: block;
    float: left;
    clear: both;
    margin: 0;
    background-position:center;
    background-repeat:no-repeat;
}

#content-area .AMDslideshow .slides li.slide {
    visibility: hidden;
    position: absolute;
    top: 0;
}

.slideshow .slide .text p a { /* for clickable banner */
	display: block;
	width:540px;
	height: 250px;
	padding:15px 390px 15px 30px;
	margin: -13px 0 0 -30px;
}

.slideshow .slide .text p a:hover {
	text-decoration:underline;
}


#content-area .AMDslideshow .buttons {
    display: none;
}

#content-area .AMDslideshow .buttons {
    display: block;
    position: absolute;
    z-index: 100;
    left: 30px;
    bottom: 10px;
    margin: 0;
}

#content-area .AMDslideshow .buttons li {
    float: left;
    display: block;
    width: 33px;
    height: 33px;
    margin: 0;
    margin-right: 11px;
    line-height: 33px;
    font-size: 1.5em;
    text-align: center;
}

#content-area .AMDslideshow .buttons li a {
    float: left;
    text-decoration: none;
    display: block;
    width: 33px;
    height: 33px;
    outline: 0;
    background-repeat: no-repeat;
}

#content-area .AMDslideshow ul.buttons li a:hover {
    text-decoration: underline;
    color:#FFF;
}

#content-area .AMDslideshow ul.buttons li.active a:hover, #content-area .slideshow ul.buttons li.active a {
    text-decoration: underline;
    color:#FFF;
}

#content-area .AMDslideshow .buttons #play a, #content-area .slideshow .buttons #pause a {
	text-indent:-9999px;	
}

#content-area .AMDslideshow .slides img {
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
}

#content-area .AMDslideshow .slides .slideshow-hotspot {
    position: absolute;
    display:block;
    z-index: 3;
    width:790px;
    height:450px;
    top: 0px;
    left: 0px;
    padding:150px 0;
}


#content-area .AMDslideshow .slides .text {
    float: left;
    position: relative;
    z-index: 3;
    font-family: Verdana, Geneva, sans-serif;
    width: 540px;
    height: 130px;
    margin-left: 30px;
}


/*Slideshow*/
#content-area .slideshow {
    position: relative;
    padding: 0;
    margin: 0;
    display: block;
    float: left;
    clear: both;
    height: 269px;
    width: 960px;
    overflow: hidden;
}
#content-area .slideshow .slide-title {
    font-size: 1.9em;
}

#content-area .slideshow .slides {
    height: 269px;
    width: 960px;
    display: block;
    float: left;
    clear: both;
    margin: 0;
}

#content-area .slideshow a img {
    border: none;
}

#content-area .slideshow li.slide {
    list-style-type: none;
    height: 269px;
    width: 960px;
    display: block;
    float: left;
    clear: both;
    margin: 0;
}

#content-area .slideshow .slides li.slide {
    visibility: hidden;
    position: absolute;
    top: 0;
}

#content-area .slideshow .buttons {
    display: none;
}

#content-area .slideshow .buttons {
    display: block;
    position: absolute;
    z-index: 100;
    left: 30px;
    bottom: 20px;
    margin: 0;
}

#content-area .slideshow .buttons li {
    float: left;
    display: block;
    width: 47px;
    height: 47px;
    margin: 0;
    margin-right: 11px;
    line-height: 47px;
    font-size: 1.5em;
    text-align: center;
}

#content-area .slideshow .buttons li a {
    float: left;
    text-decoration: none;
    display: block;
    width: 47px;
    height: 47px;
    outline: 0;
    background-repeat: no-repeat;
}

#content-area .slideshow ul.buttons li a:hover {
    text-decoration: underline;
}

#content-area .slideshow ul.buttons li.active a:hover, #content-area .slideshow ul.buttons li.active a {
    text-decoration: underline;
}

#content-area .slideshow .buttons #play a, #content-area .slideshow .buttons #pause a {
	text-indent:-9999px;	
}

#content-area .slideshow .slides img {
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
}

#content-area .slideshow .slides .slideshow-hotspot {
    position: absolute;
    display:block;
    z-index: 3;
    width:960px;
    height:450px;
    top: 0px;
    left: 0px;
    padding:150px 0;
}


#content-area .slideshow .slides .text {
    float: left;
    position: relative;
    z-index: 3;
    font-family: Verdana, Geneva, sans-serif;
    width: 550px;
    height: 130px;
    margin-left: 30px;
}
.slides, .buttons {
    padding-left: 0px;
}
/*Homepage News List*/
#home-news-list {
    clear: both;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    padding-left: 0px;
}
#home-news-list li {
    clear: both;
    float: left;
    list-style: none;
    margin-bottom: 0;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px;
    width: 579px;
}
#home-news-list li.first .content {
    float: left;
    width:auto; /* Change to 425px if rollup image is used and causes problems */
}
#home-news-list h2 {
    font-size: 1.2em;
    font-weight: normal;
    margin: 0 0 3px;
}

#home-news-list .article-preview {
	margin-top:-9px;
}
#home-news-list li.first .content p {
    line-height: 1.75em;
    font-size: 1.1em;
}
#home-news-list li.first .image {
    float: right;
}
#home-news-list li.first img {
    float: right;
    padding: 5px;
    width: 128px;
    height: 108px;
}
#home-news-list .posted-on {
    font-size: 0.95em;
}

#home-news-list h2 a:link {
	text-decoration:none;
}

#home-news-list h2 a:visited {
	text-decoration:none;
}

#home-news-list h2 a:hover {
	text-decoration:underline;
}

#home-news-list h2 a:focus {
	text-decoration:underline;
}

#home-news-list h2 a:active {
	text-decoration:underline;
}
#homepage-main-content .featured-content {
    clear: both;
    float: left;
    height: 195px;
    margin-top: 25px;
    padding-top: 25px;
    position: relative;
    width: 609px;
}
#homepage-main-content .featured-content h1 {
    display: block;
    font-size: 1.34em;
    font-weight: normal;
    left: 0;
    margin: 0;
    padding: 10px;
    position: absolute;
    top: 0;
    width: 589px;
}
#homepage-main-content .featured-content .content {
    left: 10px;
    line-height: 1.6em;
    position: absolute;
    top: 50px;
    width: 400px;
}
#homepage-main-content .featured-content-extended {
    clear: both;
    float: left;
    padding: 15px 10px;
    width: 589px;
}
#homepage-main-content .featured-content-extended h2 {
    font-family: Verdana,Geneva,sans-serif;
    font-size: 0.9em;
    margin: 0 0 15px;
    text-transform: uppercase;
}
#homepage-main-content #common-eye-problems ul {
    clear: both;
    float: left;
    margin: 0 0 15px;
    width: 100%;
    padding-left: 0px;
}
#homepage-main-content #common-eye-problems ul li {
    display: block;
    float: left;
    list-style: none outside none;
    margin: 0 22px 0 0;
    width: 130px;
}

#homepage-main-content #common-eye-problems ul li a img {
	border:0px;
}
#homepage-main-content #common-eye-problems ul li a, #common-eye-problems ul li span {
    clear: both;
    display: block;
    float: left;
    width: 100%;
}
#homepage-main-content #common-eye-problems ul li.last {
    margin-right: 0;
}
#homepage-main-content .general-content {
    clear: both;
    float: left;
    margin-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    width:589px;
}
#homepage-main-content #popular-pages-and-shop h2 {
    font-size: 1.3em;
    font-weight: normal;
    margin-bottom: 12px;
}
#homepage-main-content #popular-pages-and-shop ul {
    float: left;
    font-size: 0.9em;
    margin: 0;
    width: 289px;
    padding-left: 0px;
}
#homepage-main-content #popular-pages-and-shop ul li {
    display: block;
    float: left;
    list-style: none outside none;
    margin: 0 0 18px;
    padding: 0;
    width: 130px;
}
.sectionblock {
    float: right;
    min-height: 55px;
    position: relative;
    width: 300px;
}
.sectionblock-content {
    float: left;
    padding: 10px;
    position: relative;
    width: 280px;
    z-index: 2;
}
#shop-now .sectionblock-content {
    background-repeat: no-repeat;
    padding-top: 50px;
}
.sectionblock-content span.title, .sectionblock-content span {
    clear: both;
    display: block;
    float: left;
    width: 100%;
}
#shop-now span {
    float: left;
    width: 150px;
}
#shop-now .sectionblock-content a {
    float: right;
}
#shop-now a.shop-now:link {
    text-decoration: none;
}
.sectionblock-bottom {
    bottom: 0;
    height: 5px;
    left: 0;
    position: absolute;
    width: 300px;
}
#shop-now a.shop-now {
    font-family: Verdana,Geneva,sans-serif;
    font-weight: bold;
    height: 36px;
    line-height: 36px;
    text-align: center;
    text-transform: uppercase;
    width: 116px;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ NEWS ARTICLE PAGE PROPERTIES @@@*/
#news-article-content {
    float:left;
    clear:both;
    width:940px;
    font-size:1.2em;
}

#news-article-content h1 {
    font-family: Verdana,Geneva,sans-serif;
    font-size: 2.2em;
    line-height:1em;
    font-weight: normal;
    margin:0px;
    margin-top: .1em;
    width:100%;
    display:block;
    float:left;
    clear:both;
}
#news-article-content .by-line {
    width:100%;
    display:block;
    float:left;
    clear:both;
    font-size:1.2em;
    margin-top:15px;
    font-weight:bold;
}
#news-article-content .posted-on {
    width:100%;
    display:block;
    float:left;
    clear:both;
    font-size:1.2em;
    margin-top:15px;
    font-weight: bold;
}

#news-article-content .article-content {
    width:100%;
    display:block;
    float:left;
    clear:both;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ SUBSITE WELCOME PAGE PROPERTIES @@@*/
#content-area .section-banner {
    width: 960px;
    height: 183px;
    padding-bottom: 1px; /*For the dotted border at the bottom*/
    position: relative;
    float: left;
    clear: both;
    background-repeat: repeat-x;
    background-position: bottom;
}
#content-area .section-banner .text {
    float: left;
    margin-left: 20px;
    margin-top: 15px;
    position: relative;
    z-index: 2;
    width: 440px;
}
#content-area .section-banner img {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

#content-area .section-banner .banner-title {
    font-size: 2.2em;
    margin-bottom: 15px;
}

#content-area .small {
    font-size: .9em;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ SUBSITE CONTENT PAGE PROPERTIES @@@*/

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ SUBSITE GLOBAL PROPERTIES @@@*/
/*Content Region that contains both main content and aux content*/
#content-area #main-region {
    float: left;
    width: 800px;
    position: relative;
}

/*Container that houses all the left sided content*/
#content-area #main-content {
    width: 438px;
    float: left;
    border-left-width: 1px;
    border-left-style: solid;
    margin-left: 15px;
    padding-left: 15px;
}

/*Container that houses all the careers content*/
#content-area #main-content-careers {
    width: 960px;
    float: left;
    font-size:12pt;
    color:#000;
    margin-top: 10px;
    padding-left: 1px;
}


/*Container that houses all the right sided content*/
#content-area #auxiliary-content {
    width: 300px;
    float: right;
    border-left-width: 1px;
    border-left-style: solid;
    /*margin-left: 15px;*/
    padding-left: 15px;
}

/*Sidenav region*/
#content-area #sidenav {
    width: 140px;
    float: left;
    position: relative;
}
#content-area #sidenav ul, #content-area #sidenav ul li, #content-area #sidenav ul li a, #content-area #sidenav ul li div, #content-area #sidenav ul li span {
    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
    float: left;
    clear: both;
}

#content-area #sidenav ul li {
    list-style: none;
    margin-bottom: 5px;
}

#content-area #sidenav ul li .topcap, #content-area #sidenav ul li .bottomcap {
    height: 4px;
    background-repeat: no-repeat;
    background-position: top;
}

#content-area #sidenav ul li ul li .topcap, #content-area #sidenav ul li ul li .bottomcap {
    display: none;
}

#content-area #sidenav ul li a .menutext {
    width: 130px;
    padding-left: 4px;
    padding-right: 4px;
}
#content-area #sidenav ul li.active .menutext, #content-area #sidenav ul li a:hover .menutext, #content-area #sidenav ul li a:focus .menutext, #content-area #sidenav ul li a:active .menutext {
    text-decoration: underline;
}

/*Subnav Spacing*/
#content-area #sidenav ul li ul {
    padding-left: 7px;
    margin-left: 7px;
    margin-top: 10px;
}

/*2nd level*/
#content-area #sidenav ul li ul, #content-area #sidenav ul li ul li, #content-area #sidenav ul li ul li .menutext {
    width: 125px;
}

/*3rd level*/
#content-area #sidenav ul li ul li ul, #content-area #sidenav ul li ul li ul li, #content-area #sidenav ul li ul li ul li .menutext {
    width: 110px;
}

/*4th level */
#content-area #sidenav ul li ul li ul li ul, #content-area #sidenav ul li ul li ul li ul li, #content-area #sidenav ul li ul li ul li ul li .menutext {
    width: 95px;
}

/*5th level */
#content-area #sidenav ul li ul li ul li ul li ul, #content-area #sidenav ul li ul li ul li ul li ul li, #content-area #sidenav ul li ul li ul li ul li ul li .menutext {
    width: 80px;
}

/*6th level */
#content-area #sidenav ul li ul li ul li ul li ul li ul, #content-area #sidenav ul li ul li ul li ul li ul li ul li, #content-area #sidenav ul li ul li ul li ul li ul li ul li .menutext {
    width: 65px;
}

#content-area #sidenav ul li ul li a {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    border-left: none;
    border-right: none;
    background: transparent;
}

#content-area #sidenav ul li ul li .menutext {
    padding: 0px !important;
}

/*Breadcrumbs*/
#content-area #main-region .breadcrumbs {
    float: right;
    clear: both;
    width: 785px;
    margin-bottom: 10px;
    padding-bottom: 6px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.root-breadcrumb-item, .breadcrumb, .breadcrumb-item {
    padding: 0px;
}
#content-area #main-region .breadcrumbs ul.breadcrumb, #content-area #main-region .breadcrumbs .bctext {
    display: block;
    float: left;
    margin: 0;
    width: auto;
}

#content-area #main-region .s4-breadcrumb-arrowcont {
    display: none;
}

#content-area .breadcrumb ul, #content-area .breadcrumb li, #content-area .breadcrumb a {
    display: block;
    float: left;
    margin: 0px 0px 0px 1px !important;
}

#content-area .breadcrumb a.breadcrumb-item, #content-area .breadcrumb a.root-breadcrumb-item {
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 12px;
}

#main-content h1 {
    font-family: Verdana,Geneva,sans-serif;
    font-size: 2.2em;
    font-weight: normal;
    margin-top: .1em;
}

#main-content h2 {
    font-family: Verdana,Geneva,sans-serif;
    font-size: 1.2em;
    font-weight: bold;
}

#main-content h3 {
    font-size: 1em;
    font-style: normal;
    font-weight: bold;
}

#main-content h4 {
    font-size: 1em;
    font-style: normal;
    font-weight: bold;
}

#main-content-careers h1 {
    font-family: Verdana,Geneva,sans-serif;
    font-size: 2.2em;
    font-weight: normal;
    margin-top: .1em;
}

#main-content-careers h2 {
    font-family: Verdana,Geneva,sans-serif;
    font-size: 1.2em;
    font-weight: bold;
}

#main-content-careers h3 {
    font-size: 1em;
    font-style: normal;
    font-weight: bold;
}

#main-content-careers h4 {
    font-size: 1em;
    font-style: normal;
    font-weight: bold;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ GLOBAL AUX MODULE PROPERTIES @@@*/
.module {
    clear: both;
    /*float: left; commented out to fix the issue with the twitter widget*/
    margin-bottom: 20px;
    overflow: hidden;
    width: 100%;
}

.module h2 {
    font-size: 1.4em;
    font-weight: normal;
    margin: 0;
    padding: 0 0 10px;
    text-indent: 10px;
}
.module .background {
    min-height: 6.462em;
}
.module .module-content {
    padding-left: 10px;
    padding-right: 10px;
    width: 280px;
}
.module #event-controls {
    height: 5.462em;
    left: -10px;
    line-height: 1em;
    position: relative;
    width: 300px;
}
#viewing-events-for {
    clear: both;
    display: block;
    font-size: 0.95em;
    padding: 7px 10px 0;
    width: 100%;
}
#event-locations {
    clear: both;
    display: block;
    font-size: 0.95em;
    font-weight: bold;
    padding: 5px 10px 0;
    width: 300px;
}
.module #event-controls a {
    background-position: right center;
    background-repeat: no-repeat;
    font-size: 0.85em;
    position: absolute;
    bottom: 5px;
}
.module #event-controls a#view-other-communities {
    left: 10px;
    width: 135px;
}
.module #event-controls a#lookup-local-contacts {
    left: 160px;
    width: 135px;
}

#community-event-list {
    clear: both;
    float: left;
    margin-bottom: 12px;
    margin-top: 0px;
    width: 280px;
    padding: 0px !important;
}

#community-event-list li {
    clear: both;
    float: left;
    list-style: none;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 14px;
    padding-bottom: 14px;
    width: 280px;
}

#community-event-list .date-and-time {
    font-size: 0.9em;
    font-weight: bold;
}
#community-event-list h3 {
    font-size: 1em;
    font-weight: normal;
    margin: 0px 0;
}
#community-event-list .event-desc {
    font-size: 0.95em;
}
#community-event-list li.last {
    clear: both;
    float: left;
    list-style: none outside none;
    margin-bottom: 0;
    padding-bottom: 8px;
}
a.see-more-events {
    cursor: pointer;
    display: block;
    float: left;
    font-size: 0.9em;
    font-weight: bold;
    height: 29px;
    line-height: 29px;
    text-align: center;
    text-transform: lowercase;
    width: 170px;
    background-position:center center;
    background-repeat:no-repeat;
}
#join-our-community {
    margin-right: 20px;
}
/*.sidebutton {
    background-position: center top;
    background-repeat: no-repeat;
    float: left;
    margin-bottom: 15px;
    min-height: 35px;
    position: relative;
    width: 140px;
}
.sidebox {
    background-position: center top;
    background-repeat: no-repeat;
    clear: both;
    float: left;
    margin-bottom: 15px;
    min-height: 55px;
    position: relative;
    width: 300px;
}
#join-our-community .sidebutton-content {
    background-position: 100px 13px;
    background-repeat: no-repeat;
    font-weight: bold;
    min-height: 35px;
    padding-right: 40px;
    width: 90px;
}
.sidebutton-content {
    float: left;
    padding: 10px;
    position: relative;
    width: 120px;
    z-index: 2;
}
.sidebox-content {
    float: left;
    padding: 10px;
    position: relative;
    width: 280px;
    z-index: 2;
}
.sidebutton-bottom {
    background-position: center top;
    background-repeat: no-repeat;
    bottom: 0;
    height: 5px;
    left: 0;
    position: absolute;
    width: 140px;
}
#facebook-page .sidebutton-content {
    background-position: 100px 13px;
    background-repeat: no-repeat;
    font-weight: bold;
    min-height: 35px;
    padding-right: 40px;
    width: 90px;
}
#newsletter-signup .sidebox-content {
    background-position: 225px 5px;
    background-repeat: no-repeat;
    min-height: 57px;
    padding-bottom: 10px;
    padding-right: 90px;
    width: 200px;
}
#read-a-book .sidebox-content {
    background-position: 225px 10px;
    background-repeat: no-repeat;
    min-height: 80px;
    padding-right: 90px;
    width: 200px;
}
.sidebox-bottom {
    background-position: center center;
    background-repeat: no-repeat;
    bottom: 0;
    height: 5px;
    left: 0;
    position: absolute;
    width: 300px;
    z-index: 3;
}
#read-a-book .sidebox-content a {
    float: left;
    margin-top: 5px;
}

.sidebox-content span.title {
    font-size: 1.2em;
    margin-bottom: 8px;
}
.sidebox-content span.title, .sidebox-content span {
    clear: both;
    display: block;
    float: left;
    width: 100%;
}

#newsletter-signup .sidebox-content a {
    float: left;
    margin-top: 10px;
}/*

/* Social media buttons */
#connect-links .social {
	list-style-type: none;
	margin-left:0;
	text-align: center;
	padding:10px 0;
}

#connect-links ul li {
	float:left;
	margin-right:5px;
}
 
#connect-links ul.set1 {
	overflow: auto;
	width:300px;
	margin:0 auto;
}

#connect-links ul.set1 li.email{
	background-image: url('/Style%20Library/CNIB/images/email.jpg');
}

#connect-links ul.set1 li.email-fr{
	background-image: url('/Style%20Library/CNIB/images/email-fr.gif');
}


#connect-links ul.set1 li.blog{
	background-image: url('/Style%20Library/CNIB/images/blog_podcast.jpg');
}

#connect-links ul.set1 li.blog-fr{
	background-image: url('/Style%20Library/CNIB/images/blog-fr.gif');
}


#connect-links ul.set1 li a{
	display: block;
	width:145px;
	height:85px;
	text-indent:-9999px;
}


#connect-links ul.set2 {
	width:210px;
	margin: 0 auto;
}

#connect-links ul.set2 li {
	display: block;
	width:60px;
	height:60px;
	background-repeat: no-repeat;
	background-position:center;
	margin-right:10px;
}

#connect-links ul.set2 li.facebook{
	background-image: url('/Style%20Library/CNIB/images/cnib_facebook.gif');
}

#connect-links ul.set2 li.twitter{
	background-image: url('/Style%20Library/CNIB/images/cnib_twitter.gif');
}

#connect-links ul.set2 li.youtube{
	background-image: url('/Style%20Library/CNIB/images/cnib_youtube.gif');
}

#connect-links ul.set2 li a{
	display: block;
	width:60px;
	height:60px;
	text-indent:-9999px;
}



/* =Two Column Layout ---------------------------------*/

div#main-content.extended-content {
	width:768px !important;
}

/*To make the logo clickable*/
.logo a, .logo-fr a, #top-logo a {
    display: block;
    float: left;
    height: 100%;
    width: 100%;
}

/*Shown on footer page areas, .rss-feed is for content body*/
.rss-link {
    padding: 0px 22px 0px 0px;
    background-repeat: no-repeat;
    background-position: right center;
}

table tr, table td {
    border: 0px;
    border: none;
}



/* Added 04282011 */

.ms-vh, .ms-vh2, .ms-vh-icon, .ms-vh-icon-empty, .ms-vhImage, .ms-gb, .ms-gb2, .ms-gbload, .ms-vb, .ms-vb2, .ms-vb-tall, .ms-vb-user, .ms-vh2-nograd, .ms-vh3-nograd, .ms-vh2-nograd-icon, .ms-vh2-nofilter-icon, .ms-pb, .ms-pb-selected, .ms-ph
{
	font-family: Arial;
    font-size: 11pt;
}
/*### MODIFICATIONS: 11/03/2011 12:21PM ########################################################*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ SUBSITE WELCOME PAGE PROPERTIES (DETAILED) @@@*/
#content-area .section-banner-detailed {
    width: 960px;
    height: 242px;
    position: relative;
    float: left;
    clear: both;
    background-repeat: repeat-x;
    background-position: bottom;
	margin-bottom:1em;
}
#content-area .section-banner-detailed .text {
    float: left;
    margin-left: 20px;
    margin-top: 15px;
    position: relative;
    z-index: 2;
    width: 550px;
}

#content-area .section-banner-detailed .text p {
	float:left;
}
#content-area .section-banner-detailed img {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

#content-area .section-banner-detailed .banner-title {
    font-size: 2.2em;
}

a.bigbutton {
	padding:15px;
	display:inline-block;
	background-position: center;
	background-repeat:repeat-x;
	font-size:12pt;
	min-width: 175px;
    text-align: center;
}
span.paddedtext {
	padding:15px;
	display:inline-block;
	font-size:1.35em;
}

.top-cta {
    width: 960px;
    min-height:242px;
    height:auto !important;
    height:242px;
    position: relative;
    float: left;
    clear: both;
}

strong.title {
	font-weight:bold;
	font-size:1.4em;
}

ul.ways-to-help {
	margin:0px;
	margin-top:15px;
	padding:0px;
	list-style:none;
	display:block;
	float:left;
	clear:both;
	width:960px;
	overflow:hidden;
	font-size:12pt;
}

ul.ways-to-help li {
	margin:0px;
	padding:0px;
	display:block;
	float:left;
	width:307px; 
	background:red;
	margin-right:19px;
	margin-right:13px\9; /* targets IE8 bug where third li is pushed down to other line */
	background-position:top;
	background-repeat:no-repeat;
	text-align:center;
	min-height:25px;

}

ul.ways-to-help li:last-child,
ul.ways-to-help li.other-ways {
	margin-right:0px;
}
ul.ways-to-help li .action {
	height:95px;
	padding-top:15px;
}
ul.ways-to-help li strong.title {
	clear:both;
	display:block;
	width:100%;
}
ul.ways-to-help li .text {
	background-position:bottom;
	background-repeat:no-repeat;
	padding:15px;
	display:block;
	float:left;
	clear:both;
	width:277px;
	margin-top:15px;
	font-size:1.1em;
}
ul.ways-to-help li a img {
	border:0px;
}

div#main-content.extended-content {
	width:768px !important;
}
div#main-content.semiextended-content {
	width:578px !important;
}
div#auxiliary-content.condensed-content {
	width:160px !important;
}
.highlighted-content,
.highlighted-content-extended {
	background-repeat:repeat-x;
	background-position:bottom;
	padding-bottom:15px;
	width:742px;
	padding:20px;
	margin-left:-5px;
	float:left;
	clear:both;
	margin-bottom:15px;
	position:relative;
}


.highlighted-content-extended.fundraising {
	padding-bottom:0px;
	padding-top:0px;
	padding-right:0px;
	width:755px;
}
.highlighted-content .highlighted-text {
	float:left;
	width:425px;
}

.highlighted-content .highlighted-image {
	float:right;
	width:287px;
	height:221px;
	overflow:hidden;
}

.highlighted-content-extended .highlighted-text {
	float:left;
	width:100%;
	clear:both;
}

.highlighted-content-extended .highlighted-image {
	float:left;
	width:100%;
	clear:both;
	margin-top:15px;
}

.highlighted-content-extended.fundraising .highlighted-text {
	float:left;
	width:550px;
	clear:none;
	margin-top:15px;
}

.highlighted-content-extended.fundraising .highlighted-image {
	float:right;
	width:158px;
	height:143px;
	overflow:hidden;
	clear:none;
	margin-top:0px;
}

.highlighted-content-extended .highlighted-image img:last-child,
.highlighted-content-extended .highlighted-image img.last {
	margin-right:0px;
}


.highlighted-content-extended .highlighted-image .horizontal-list {
	display:block;
	float:left;
	clear:both;
	width:100%;
	list-style:none;
	margin:0px;
	padding:0px;
}

.highlighted-content-extended .highlighted-image .horizontal-list li {
	display:block;
	float:left;
	clear:both;
	width:100%;
	list-style:none;
	margin:0px;
	padding:0px;
	padding-bottom:15px;
	margin-bottom:15px;
}

.highlighted-content-extended .highlighted-image .horizontal-list li.last {
	padding-bottom:0px;
	margin-bottom:0px;
}

.highlighted-content-extended .highlighted-image .horizontal-list li:last-child {
	padding-bottom:0px;
	margin-bottom:0px;
}

.highlighted-content-extended .highlighted-image .horizontal-list .item-image {
	float:left;
	width:127px;
	margin-right:20px;
}

.highlighted-content-extended .highlighted-image .horizontal-list .item-info {
	float:right;
	width:590px;
}

.highlighted-content-extended .highlighted-image .grid-list {
	display:block;
	float:left;
	clear:both;
	width:755px;
	list-style:none;
	margin:0px;
	padding:0px;
	overflow:hidden;
	margin-bottom:-30px;
}

.highlighted-content-extended .highlighted-image .grid-list.no-titles {
	margin-bottom:-15px;
}
.highlighted-content-extended .highlighted-image .grid-list li {
	display:block;
	float:left;
	width:127px;
	height:161px;
	list-style:none;
	margin:0px;
	padding:0px;
	padding-bottom:15px;
	margin-right:24px;
	text-align:center;
}
.highlighted-content-extended .highlighted-image .grid-list.no-titles li {
	height:97px;
}
.highlighted-content-extended .highlighted-image .grid-list li:last-child,
.highlighted-content-extended .highlighted-image .grid-list li.last {
	padding-bottom:0px;
	margin-bottom:0px;
	margin-right:0px;
}
.highlighted-content-extended .highlighted-image .grid-list .item-image {
	float:left;
	width:100%;
	clear:both;
}

.highlighted-content-extended .highlighted-image .grid-list .item-info {
	float:left;
	width:100%;
	clear:both;
}

.event-selectors {
	float:left;
	width:100%;
	clear:both;
}

.event-selectors h2 {
	display:block;
	float:left;
	width:50%;
}

.event-selectors .dropdown-field {
	display:block;
	float:right;
	width:50%;
	text-align:right;
}

span.event-date {
	display:block;
	position:absolute;
	top:3px;
	right:180px;
	text-align:right;
	color:#155d7f;
	font-size:1.1em;
	font-weight:bold;
}


.semiextended-content a.donate-now-button {
	margin-left:159px;
	margin-right:159px;
	margin-bottom:30px;
	margin-top:15px;
}

.semiextended-content .highlighted-content-extended.fundraising {
	width:566px !important;
}

.semiextended-content .highlighted-content-extended.fundraising .highlighted-text {
	width:388px !important;
}
a.donate-now-button {
	display:block;
	float:left;
	clear:both;
	height:60px;
	width:260px;
	background-repeat:no-repeat;
	background-position:center;
	text-indent:-9999px;
}

.button-container {
	min-width:250px;
}

.button-container a {
	font-family: inherit !important;
	font-size: inherit !important;
}

.ways-to-help .action, .ways-to-help .text {
	font-family: inherit !important;
	font-size: inherit !important;

}


/* --- hompage --- Twitter feed float issue --- */
#twtr-widget-1 .twtr-doc {
	float:left;
	margin-bottom:20px;
}

/* Presenter web part styles */
.itemContainer {
	padding:10px;
	margin:15px;
	font-family:inherit;
	font-size:inherit;
	min-height: 16	0px;
	height:auto;
}

div.itemContainer h2, #main-region div.itemContainer h2 {
	
	font-family: inherit;
	font-weight: bold;
}

#imgRight img, #imgRightNoTitleLink img {
	float: right;
	padding:5px;
}
/*
.itemContainer p	{
	width:188px;
	position:absolute;
	left:225px;
}
*/
#imgLeft img {
	float:left;
	padding-right:10px;
}

#imgLeft h2 {
	margin-top:0;
}

.ms-rte-wpbox {
	font-size: inherit !important;
	font-family: inherit !important;
}

/* ------homepage - archives and rss links---------------*/

#home-news-links {
    
    margin: 0;
    padding: 0 0 5px 0;
    width: 100%;
    width: 600px;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:#155d7f;
}
#home-news-links h2 {
    font-size: 1.15em;
    font-weight: normal;
    margin: 0 0 3px;
    margin-bottom:18px;
}

#region-archive-link h2
{
	font-size: 11pt;
    font-weight: normal;
    margin-bottom:18px;
    margin-left:6px;
	
}
#home-news-links a:link {
	text-decoration:none;
       color:#155D7F;
}

#home-news-links a:visited {
	text-decoration:none;
        color:#155D7F;
}

#home-news-links a:hover {
	text-decoration:underline;
        color:#155D7F;
}

#home-news-links a:focus {
	text-decoration:underline;
        color:#155D7F;
}

#home-news-links a:active {
	text-decoration:underline;
        color:#155D7F;
}
#home-news-links span.archiveslink {
    font-size:1.2em;
    margin-bottom: 18px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 410px; 
   
    
}
#home-news-links span.rsslink {
    margin-bottom: 18px;
    padding-bottom: 8px;    
    padding-right: 10px; 
    font-size:1.2em;
}

.rssfeedlogo
{
	background-image:url("../images/icon-rss.gif");
	background-repeat: no-repeat;
    background-position: center right;
    padding-right: 20px;	
}

.ms-rteImage-0 {
	border:0px;
}

#homepage-main-content .featured-content {
	margin-top:8px;
}

#homepage-content-blog {
	margin-bottom:10px;	
}

/* ---------------------------------------------------------*/

.AEQPbar {
	color:#000;
	font-size:inherit !important;
}

.vhmsupporters .prefix, .vhmsupporters .first, .vhmsupporters .last {
	padding-right:5px;
}

.vhm-thankyou .dfwp-column .dfwp-item {
	width:225px;
	float:left;
}

.vhm-thankyou .dfwp-column .dfwp-item span {
	margin-right:5px;
}

.vhm-thankyou h2 {
	color:#145d7e;
}

/* Site callout styles */
.Style1A, .Style1B, .Style2A, .Style2B {
	font-size: 11pt;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom:35px;
	border-bottom: 1px #ccc solid;
}

.Style2A, .Style2B {
	min-height: 100px;
	padding-right:115px;
	position: relative;
}

.Style1A h2, .Style1B h2, .Style2A h2, .Style2B h2 {
	font-size:13pt;
}

.Style1A img, .Style1B img {
	padding:1px;
	border: 1px #666 solid;
}

.Style1A a,
.Style1B a,
.Style1A a:link,
.Style1B a:link,
.Style1A a:active,
.Style1B a:active,
.Style1A a:hover,
.Style1A a:visited,
.Style1B a:visited {
	font-size:11pt;
	font-weight: bold;
	padding:5px 30px 5px 15px;
	margin-right: 5px;
}

.Style2A img, .Style2B img {
	padding:1px;
	border: 1px #666 solid;
	position: absolute;
	top:0;
	right:0;
	}

.Style2A a,
.Style2A a:link,
.Style1A a:active,
.Style2A a:hover,
.Style2A a:visited {
	font-size:11pt;
	width:100px;
}

.Style2B a,
.Style2B a:link,
.Style2B a:active,
.Style2B a:hover,
.Style2B a:visited {
	display:inline-block;
	width:80px;
	margin-right:5px;
}

#connect-links {
	margin-top:30px;
}

#homepage-auxiliary-content #connect-links {
	margin-top:-25px;
}

.event {
	padding: 3px 0;
	margin-bottom: 2px;
}

.ms-WPBody .event span.view-all a,
.ms-WPBody .event span.view-all a:link,
.ms-WPBody .event span.view-all a:active,
.ms-WPBody .event span.view-all a:hover,
.ms-WPBody .event span.view-all a:visited
{
	font-weight: bold !important;
	color:inherit !important;

}

.event a {
	display: block;
	color:#155d7f !important;
}

tr.ms-WPHeader td {
	border-bottom:none !important;
}

.right-col-paragraph {
	 font-size: 11pt;
	 font-family: Arial, Helvetica, sans-serif;
}

.right-col-paragraph a,
.right-col-paragraph a:link,
.right-col-paragraph a:active,
.right-col-paragraph a:hover,
.right-col-paragraph a:visited {
	 font-size:11pt;
}


/* ------ Accessible table styles ---------------*/
/* ------use for proper accessbile tables -------*/

table.addborder {
  border: 1px solid black;
  border-collapse:collapse;
  }
  .addborder td, .addborder th {
  border: 1px solid black;
  padding: 2px;
  }
  
  table.addborder .right {
  text-align:right;
  }

  table.addborder caption {
	text-align:left;
	padding:10px 0;
}


/* Annual Review 2013 */
.annualReviewWrapper	{
	width:100%;
	text-align:center;
}

.annualReviewWrapper .annualReviewCover	{
	background:url('../../../en/about/Publications/Corporate-Reports/PublishingImages/annual-review-cover_2013.jpg') no-repeat;
	width:350px;
	height:275px;
	background-position:right;
	float:left;
}

.annualReviewWrapper .textBlocks	{
	float:left;
	width:500px;
	margin:0 20px 0 40px;
}

.annualReviewWrapper .englishTextBlocks {
	width:100%;
	clear:right;
}

.annualReviewWrapper .frenchTextBlocks {
	width:100%;
	margin-top:36px;
}

.annualReviewWrapper .englishTextBlocks a,
.annualReviewWrapper .frenchTextBlocks a {
	color:#ffffff;
	font-weight:bold;
}

.annualReviewWrapper .englishTextBlocks .greenBackground,
.annualReviewWrapper .frenchTextBlocks .greenBackground	{
	background:#68A339;
	color:#ffffff;
	margin:0;
	font-size:20pt;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;
	border-top-right-radius:15px;
}

.annualReviewWrapper .englishTextBlocks .blueBackground,
.annualReviewWrapper .frenchTextBlocks .blueBackground	{
	background:#00a0ba;
	margin:2px 0 0 0;
	color:#ffffff;
	font-size:20pt;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;
}

/* css for the survey popup box */
            #hijack-wrapper{                
                width: 400px;
                height: 330px;
                border-radius:10px;
                -webkit-border-radius:5px;
                -moz-border-radius:5px;
                border-style:solid;
                border-color:#000000;
                padding: 5px;
            }
            #hijack-body{
                width: 100%;
                height: 100%;
                /*background: url("http://dev.cnib.ca/en/your-eyes/testsite/PublishingImages/squared_metal.png") repeat;*/
                background-color: #FFFFFF;
                text-align: left;
                font-family: arial;
            }
            #hijack-body h1{
                font-family: Verdana,Geneva,Sans-Serif;
  				font-size: 1.5em;
		    	font-weight: bold;
		    	line-height: 110%;
                margin:00px auto 7px auto;
                padding-top: 20px;
                color: #155D7F;
            }
            #hijack-body p{
                font-size: 12pt;
                margin:10px auto;
                line-height: 1.5em;
                color: #000000;
            }
            #hijack-body button{
                background-color: #155B7F;
                padding: 10px 15px;
                border: 1px solid #FFFFFF;
                color: #FFFFFF !important;
                outline: 1px solid #155B7F;
                font-weight: bold;
                cursor: pointer;
                margin: 5px;
            }
            /*Optional*/
            #hijack-close{
                position: absolute;
                right: 0;
                top: 0;
            }
            /*Leave It Here, This adds the fade effect in the background*/
            .black_overlay{
                display: none;
                position: fixed;
                top: 0%;
                left: 0%;
                width: 100%;
                height: 1000px;
                background-color: black;
                z-index:1001;
                -moz-opacity: 0.8;
                opacity:.80;
                filter: alpha(opacity=80);
            }
            
            /*#s4-bodyContainer {
			height: 100%;
			overflow: auto;
			}*/
			
            /*Add this class to the main Hijack Wrapper*/
            .white_content {
                width: 400px;
                height: 300px;
                border-radius:5px;
                -webkit-border-radius:5px;
                -moz-border-radius:5px;
                display: none;
                position: fixed;
                top: 5%;
                margin: 0 auto;
                left: 0;
                right: 0;
                background: white;
                z-index:1002;
                overflow: hidden;
                padding: 7px;
            }
            
#surveyLink {
 	line-height: 42px;
    margin: 0;
    padding: 0;
    width: auto;
    float: left;
    font-size: 1em;
}

#surveyLink a {
    display: block;
    margin: 1px 5px;
    padding: 2px 10px;
    height: 36px;
    border: none;
    text-decoration: none;
    background-color:#135472;
	color:#ffffff;
	float: left;
}

#surveyLink a:visited {
    text-decoration: none;
    background-color:#135472;
	color:#ffffff;
}

#surveyLink a:hover {
    text-decoration: underline;
    background-color:#061B25;
	color:#ffffff;

}

#surveyLink a:focus {
    text-decoration: underline;
    background-color:#061B25;
	color:#ffffff;
}

#surveyLink a:active {
    text-decoration: underline;
    background-color:#061B25;
	color:#ffffff;
}

/* IFRAME YOUTUBE WRAPPER - ALLOWS REMOVAL OF INLINE STYLING */
iframe.youtubeVideoWrapper	{
	width:420px;
	height:315px;
	border:0;
}

/* MAIN CONTENT AREA TWO COLUMN LAYOUT - USED FOR DONOR LISTS /Get-Involved/Thank-you */
div.column1	{
	float:left;
	width:314px;
	margin:0;
	padding:0;
}

div.column2	{
	float:left;
	width:314px;
	margin-left:10px;
}

div.column1 p,
div.column2 p	{
	margin:0;
	padding:0;
}

div.columnWrapper	{
	clear:both;
	margin:0;
	padding:0;
}

/* IFRAME giftmatching WRAPPER - ALLOWS REMOVAL OF INLINE STYLING */
iframe.giftmatching	{
	width:438px;
	height:400px;
	border:0;
}


/*a hidden class to hide text on the website by pushing it to the left */
.hidden {
 	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}


/*E-learning youtube video wrapper */

iframe.cnibvideo{
	width:560px;
	height:315px;
	border:0;
}

iframe.featuredvideo{
	width:400px;
	height:225px;
	border:0;
}


/*Orange Button*/
a.Donate-btn {
	background-color:#DA6601;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;
	text-indent:0px;
	border:1px solid #eda933;
	display:inline-block;
	color:#ffffff !important;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:50px;
	line-height:50px;
	width:150px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #cd8a15;
}
a.Donate-btn:hover {
	background-color:#d29105;
}
a.Donate-btn:active {
	position:relative;
	top:1px;
}

/*New Orange donate button*/

a.Donate-btn2 {
	background-color:#d46402;
	box-shadow:1px 1px 2px 1px #793800;
	-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 #793800;
	display:inline-block;
	color:#ffffff !important;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:185px;
	text-decoration:none;
	text-align:center;
	
	
}
a.Donate-btn2:hover {
	background-color:#a65101;
	text-decoration:none;
}
a.Donate-btn2:active {
	position:relative;
	top:1px;
}
a.Donate-btn2:focus {
	background-color:#a65101;
	}
	
	
/*Blue Holiday donate button*/	
a.Holiday-btn {
  -webkit-border-radius: 15;
  -moz-border-radius: 15;
  border-radius: 15px;
  font-family: Arial;
  color: #ffffff !important;
  font-size: 15px;
  padding: 10px 25px;
  background: #183E50;
  border: solid #6EBB1F 2px;
  text-decoration: none;
  text-align:center;
  
}

a.Holiday-btn:hover {
  background: #306f8c;
  text-decoration: none;
  color:#ffffff;
}

/*Button for the EDRF page*/
a.edrf-btn {
	background-color:#0d394f;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;
	text-indent:0px;
	border:1px solid #ffffff;
	display:inline-block;
	color:#ffffff !important;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	padding: 10px 25px;
	text-decoration:none;
	text-align:center;

}
a.edrf-btn:hover {
	background-color:#0d394f;
	text-decoration: underline;
}
a.edrf-btn:active {
	position:relative;
	top:1px;
}
	
/*CSS for the Annual Review page */
/*Annual Review Box*/
div.ARBox1 {
	background-color:#155d7f;
	border:1px;
	height:100px;
	width:300px;
	padding: 40px 20px 20px 20px;
	font-weight:bold;
	display:inline-block;
	color:#ffffff !important;
	vertical-align: middle;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin:10px;
}


/*Table styling*/
table tbody th {
text-align:left;
}

/*CSS for the VHM page */
/*InfoGraphic containter*/
iframe.VHMframe {
	width:920px;
	height:3420px;
	border:0;
	overflow:hidden;
}	

iframe.VHMframe2 {
	width:920px;
	height:3000px;
	border:0;
	overflow:hidden;
}
/*landing page boxes*/
div.vhmBox {
  background-color: #f2f9ff;
  border: 1px;
  /*height: 100px;*/
  width: 400px;
  /*padding: 20px 20px 20px 20px;*/
  font-weight: bold;
  display: inline-block;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin: 10px;
  line-height: 100px;
  text-align: left;
}
div.vhmBox p {
	display: inline-block;
  	vertical-align: middle;
  	line-height: normal;
}
/*CSS for the AMD landing page*/
div.amdBox {
    background-color: #f2f9ff;
    border: 1px none;
    border-radius: 10px;
    display: inline-block;
    height:100%;
    margin: 10px;
    padding: 20px;
    text-align: left;
    width: 100%;
}
.amdBox p {
	font-family:Arial, sans-serif; font-size: 1em; color:#000;
		}
.amdboxes { 
    display: inline-block;
	clear:right;
    height:260px;
    width: 100%;
}
.amdboxes .amdbox1{
	float:left;
    min-height:198px;
    width: 246px;
	}
.amdboxes .amdbox2{
	float:left;
	padding-left:3px;
    min-height:198px;
    width: 241px;	
		
	}
.amdboxes .amdbox3{
	float:left;
	padding-left:3px;
    min-height:198px;
    width: 246px;	
		
	}
/* AMD landing page Donate button*/	

a.amd-btn {
	box-shadow: 3px 3px 3px #888888;
	-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 #155b7f;
    background-color: #155b7f;
    border-radius: 15px;
    color: #ffffff !important;
    display: inline-block;
    font-family: Arial;
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    padding: 10px 25px;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
}
a.amd-btn:hover {
	background-color:#236d93;
	text-decoration:none;
}
a.amd-btn:active {
	position:relative;
	top:1px;
}
a.amd-btn:focus {
	background-color:#236d93;
	}