/* Cycle to Walk CSS by Design Station */
* { padding: 0; margin: 0; }
/* Global  ---------------- */
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0 auto 0 auto; background-image: url(../images/background/background-page.gif); background-repeat: repeat-x; background-color: #eaf2f9; }
#container { height: auto; width: 900px; margin: 0 auto 0 auto; }
#header { position: relative; width: 900px; height: 190px; margin: 0 0 0 0; padding: 0 0 0 0; }
#content { position: relative; width: 900px; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; background-image: url(../images/background/background-content.png); background-repeat: repeat-y; }
#footer { clear: both; width: 100%; height: 40px; padding: 50px 0 0 0; margin: 0 0 15px 0; background-image: url(../images/background/background-footer.gif); background-position: top; background-repeat: no-repeat; }
#copyright { position: relative; width: 870px; height: auto; margin: 0 auto 0 auto; padding: 8px 15px 15px 15px; text-align: left; }
/* Nav ------------------- */
#nav { position: relative; width: 900px; height: 28px; margin: 0 0 0 0; padding: 7px 0 0 0; background-image: url(../images/background/background-nav.jpg); background-repeat: no-repeat; background-position: top; text-align: center; }
#nav ul li { display: inline; list-style: none; padding: 0 0 0 0; }
#nav ul li a { font-size: 12px; font-weight: bold; font-style: italic; line-height: 12px; padding: 0 0 0 0; margin: 0 15px 0 15px; }
#nav a { color: #FFFFFF; text-decoration: none; }
#nav a:hover { color: #ff8400; text-decoration: none; }
#nav a:active { color: #e71939; text-decoration: none; }
#page-home #nav-home a, #page-goal #nav-goal a, #page-story #nav-story a, #page-team #nav-team a, #page-sponsors #nav-sponsors a, #page-journey #nav-journey a, #page-media #nav-media a, #page-contact #nav-contact a { color: #bdddfb; }
/* Central Content ------- */
#mid { float: none; width: 900px; height: 231px; padding: 0 0 0 0; margin: 0 0 0 0; }
.mid-left { float: left; width: 567px; height: 231px; padding: 0 0 0 0; margin: 0 0 0 0; border-right: 1px solid #FFFFFF; }
.mid-right-container { float: right; width: 332px; height: 171px; padding: 0 0 0 0; margin: 0 0 0 0; }
.mid-right { width: 292px; height: 171px; padding: 25px 20px 0 20px; margin: 0 0 0 0; }
.mid-donate { width: 125px; height: 26px; margin: 0 0 0 207px; padding: 9px 0 0 0; font-size: 12px; font-weight: bold; font-style: italic; line-height: 12px; text-align: center; background-image: url(../images/background/background-donate.gif); background-position: 0 0; }
.mid-donate:hover { background-image: url(../images/background/background-donate.gif); background-position: -125px 0; }
/* Home Content */
.home-main { position: relative; float: none; width: 870px; height: auto; padding: 15px 15px 0 15px; margin: 0 0 0 0; background-image: url(../images/background/background-content-header.png); background-repeat: no-repeat; background-position: top; }
.main-left { float: left; width: 298px; height: auto; padding: 10px 10px 5px 10px; margin: 0 15px 0 0; background-image: url(../images/background/background-index-entries.png); background-position: bottom; background-repeat: no-repeat; }
.main-right { float: right; width: 537px; height: 175px; padding: 0 0 0 0; margin: 0 0 0 0; }
.home-sub { position: relative; float: none; width: 870px; height: auto; padding: 0 15px 0 15px; margin: 0 0 0 0; }
.secondary-left { float: left; width: 310px; height: auto; padding: 20px 8px 0 0; margin: 0 0 0 0; }
.secondary-right { float: right; width: 521px; height: auto; padding: 20px 8px 0 8px; margin: 0 0 0 0; }
#info-buttons { width: 870px; height: auto; padding: 40px 15px 0 15px; margin: 0 0 0 0; background-image: url(../images/background/background-footer.gif); background-position: top; background-repeat: no-repeat; background-color: #eaf2f9; }
.counter { float: left; width: auto; margin: 0 4px 0 0; }
.eradicate { float: left; width: 265px; height: 115px; margin: 0 15px 0 0; padding: 10px 15px 0 0; }
.educate { float: left; width: 265px; height: 115px; margin: 0 15px 0 0; padding: 10px 15px 0 0; }
.rehabilitate { float: left; width: 265px; height: 115px; margin: 0 0 0 0; padding: 10px 15px 0 0; }
#home-footer { clear: both; width: 100%; height: auto; padding: 0 0 0 0; margin: 0 0 10px 0; border-top: 1px solid #cdcdcd; }
/* Home Tabs */
.c2w-tabs { width: 900px; height: 90px; padding: 0 0 0 0; margin: 15px 0 0 0; background-image: url(../images/index/tabs/back-button.jpg); background-repeat: no-repeat; }
.c2w-tabs ol, .c2w-tabs li { display: inline; list-style: none; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px; line-height: 15px; font-weight: normal; background: none; }
.c2w-tabs a:link { float: left; width: 250px; height: 40px; padding: 10px 25px 20px 25px; margin: 0 0 0 0; text-decoration: none; color: #435055; }
.c2w-tabs a:hover { float: left; width: 250px; height: 40px; padding: 10px 25px 20px 25px; margin: 0 0 0 0; text-decoration: none; color: #435055; background-image: url(../images/index/tabs/back-rotate.jpg); background-position: top center; background-repeat: no-repeat; }
.c2w-tabs a:visited { float: left; width: 250px; height: 40px; padding: 10px 25px 20px 25px; margin: 0 0 0 0; text-decoration: none; color: #435055; }
.tabs-title { font-size: 16px; line-height: 20px; font-weight: bold; color: #0960a9; padding: 0 0 5px 0; }
.tabs-donations { font-size: 15px; line-height: 16px; font-weight: bold; color: #15a718; }
.tabs-date { font-size: 11px; line-height: 11px; color: #15a718; }
/* Sub ------------------- */
.sub-left { float: left; width: 552px; height: auto; margin: 25px 0 0 0; padding: 0 0 0 15px; }
.sub-right { float: right; width: 293px; margin: 25px 0 0 0; padding: 25px 15px 0 25px; }
/* Sub Lists ------------- */
.sub-left ol { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; line-height: 17px; font-variant: normal; text-transform: none; margin: 0 35px 12px 35px; color: #435055; }
.sub-left ol li { padding: 0 0 0 10px; margin: 0 0 8px 0; }
.sub-left ul { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; line-height: 17px; font-variant: normal; text-transform: none; list-style: circle; margin: 5px 35px 12px 35px; color: #435055; }
.sub-left ul li { padding: 0 0 0 0; margin: 0 0 5px 0; }
.sub-right ul { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 11px; font-style: normal; line-height: 14px; font-variant: normal; text-transform: none; list-style: circle; margin: 5px 25px 12px 25px; color: #5f5f5f; }
.sub-right ul li { padding: 0 0 0 0; margin: 0 0 8px 0; }
.sub-right ol { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 11px; font-style: normal; line-height: 14px; font-variant: normal; text-transform: none; list-style: none; margin: 8px 25px 20px 10px; color: #5f5f5f; }
.sub-right ol li { padding: 0 0 3px 0; margin: 0 0 8px 0; }
/* Footer ---------------- */
#copyright ul { font-size: 10px; display: block; float: left; list-style: none; padding: 0 0 0 0; }
#copyright ul li { display: inline; padding-right: 15px; color: #a9a9a9; }
#copyright a { color: #787878; text-decoration: none; }
#copyright a:hover { color: #09517e; text-decoration: none; }
.copyright { font-size: 10px; margin-bottom: 0px; color: #a0a0a0; }
/* Other ----------------- */
.clear { clear: both; float: none; margin: 0 0 0 0; padding: 0 0 0 0; }
.spacer { width: auto; height: auto; margin: 10px 0 50px 0; }
/* Journey */
.entry-header { width: 100%; height: auto; margin: 0 0 15px 0; }
.entry-date { font-size: 12px; font-weight: normal; color: #8b8b8b; }
.entry-photo { width: 474px; height: auto; margin: 30px 0 0 30px; padding: 30px 0 0 0; background-image: url(../images/background/background-image-box.png); background-repeat: no-repeat; background-position: top center; }
.journey-author { color: #3883c8; font-size: 11px; font-weight: bold; padding: 0 0 15px 0; }
.entry-footer { clear: both; width: auto; height: auto; margin: 30px 0 20px 0; padding: 10px 0 20px 0; background-image: url(../images/background/background-image-box.png); background-repeat: no-repeat; background-position: top center; }
.entry-image { float: right; margin: 0 5px 20px 20px; padding: 5px 5px 5px 5px; background-image: url(../images/background/background-image-frame.png); background-repeat: no-repeat; background-position: top left; }
/* Sponsors */
.sponsor-contain { width: 520px; height: auto; margin: 20px 0 40px 15px; padding: 0 0 0 0; }
.sponsor-float { float: left; width: 150px; height: auto; margin: 0 30px 0 0; padding: 0 0 0 0; }
.sponsor-float-right { float: left; width: 150px; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; }
.sponsor-gold { width: auto; height: auto; margin: 30px 0 80px 0; }
.sponsor-silver { width: auto; height: auto; margin: 0 0 80px 0; }
.sponsor-bronze { width: 312px; height: auto; margin: 15px 80px 30px 160px; padding: 0 0 0 0; }
.sponsor-acknowledged { width: 100%; height: auto; margin: 15px 0 0 0; }
.sponsor-acknowledged-left { float: left; width: 266px; height: auto; }
.sponsor-acknowledged-right { float: right; width: 266px; height: auto; }
/* Involved */
.sponsor-info { width: 100%; height: auto; margin: 0 0 15px 0; }
.sponsor-info-grey { width: 100%; height: auto; margin: 0 0 15px 0; padding: 5px 0 0 0; background-color: #F4F9F7; }
.sponsor-info-level { width: 20%; float: left; font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 15px; text-align: right; color: #0960a9; padding: 5px 10px 0 10px; }
.sponsor-info-consideration { width: 74%; float: left; padding: 0 0 0 0; }
/* Donate */
.donate-contain { width: 552px; height: auto; margin: 0 0 15px 0; padding: 0 0 0 0; }
.donate-left { float: left; width: 100px; height: auto; margin: 5px 28px 0 8px; padding: 0 0 0 0; }
.donate-right { float: right; width: 400px; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; }
.scotia { margin: 10px 0 0 0; }
/* Bios */
#reddoch-info, #royle-info, #malloch-info, #janzen-info, #craig-info, #ayers-info, #brent-info, #gibbons-info, #lorimer-info, #mclaughlin-info, #mreddoch-info { width: auto; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; }
#ross-info { width: auto; height: auto; margin: 0 0 15px 0; padding: 0 0 0 0; }
/* Events */
#archived-events { width: auto; height: auto; margin: 0 0 15px 0; padding: 0 0 5px 0; }
/* Story */
.testimonial { width: auto; margin: 30px 0 20px 30px; }
.testimonial p { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; line-height: 17px; font-weight: normal; font-variant: normal; text-transform: none; margin: 0 0 10px 0; color: #0960a9; }
.testimonial-attribute { font-weight: bold; font-size: 10px; line-height: 13px; color: #435055; }
/* Search */
.search-contain { width: 100%; height: auto; margin: 0 0 20px 0; }
.default, .defaultBold { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 11px; padding: 8px 0 0 0; }
/* Link Colors ----------- */
a, a img { border: 0; }
.mid-donate a:link { color: #FFFFFF; text-decoration: none; }
.mid-donate a:visited { color: #FFFFFF; text-decoration: none; }
.mid-donate a:hover { color: #a05e01; text-decoration: underline; }
.mid-donate a:active { color: #e71939; text-decoration: none; }
.main-left a:link { color: #0fa516; text-decoration: none; }
.main-left a:visited { color: #0fa516; text-decoration: none; }
.main-left a:hover { color: #e71939; text-decoration: underline; }
.main-left a:active { color: #0960a9; text-decoration: none; }
.secondary-left a:link, .secondary-right a:link { color: #5b5b5b; text-decoration: underline; }
.secondary-left a:visited, .secondary-right a:visited { color: #5b5b5b; text-decoration: underline; }
.secondary-left a:hover, .secondary-right a:hover { color: #0fa516; text-decoration: underline; }
.secondary-left a:active, .secondary-right a:active { color: #e71939; text-decoration: none; }
.eradicate a:link, .educate a:link, .rehabilitate a:link { color: #5b5b5b; text-decoration: underline; }
.eradicate a:visited, .educate a:visited, .rehabilitate a:visited { color: #5b5b5b; text-decoration: underline; }
.eradicate a:hover, .educate a:hover, .rehabilitate a:hover { color: #e71939; text-decoration: underline; }
.eradicate a:active, educate a:active, rehabilitate a:active { color: #0fa516; text-decoration: none; }
.sub-left a:link { color: #0fa516; text-decoration: underline; }
.sub-left a:visited { color: #0fa516; text-decoration: underline; }
.sub-left a:hover { color: #e71939; text-decoration: underline; }
.sub-left a:active { color: #0960a9; text-decoration: none; }
.sub-right a:link { color: #0fa516; text-decoration: underline; font-weight: bold; }
.sub-right a:visited { color: #0fa516; text-decoration: underline; font-weight: bold; }
.sub-right a:hover { color: #e71939; text-decoration: underline; font-weight: bold; }
.sub-right a:active { color: #0960a9; text-decoration: none; font-weight: bold; }
/* sIFR * ---------------- */
.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-flash + div[adblocktab=true] { display: none !important; }
.sIFR-hasFlash h1 { visibility: hidden; padding: 0 0 0 0; margin: 0 0 0 0; }
/* Font Styles ----------- */
p { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; line-height: 17px; font-weight: normal; font-variant: normal; text-transform: none; margin: 0 0 10px 0; color: #435055; }
.secondary-left p { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; line-height: 17px; font-weight: normal; font-variant: normal; text-transform: none; margin: 0 0 4px 0; color: #435055; }
.secondary-right p { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; line-height: 17px; font-weight: normal; font-variant: normal; text-transform: none; margin: 0 0 4px 0; color: #435055; }
#info-buttons p { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px; font-style: normal; line-height: 14px; font-weight: normal; font-variant: normal; text-transform: none; margin: 0 0 4px 0; color: #4a4a4a; }
.sub-right p { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 11px; font-style: normal; line-height: 14px; font-weight: normal; font-variant: normal; text-transform: none; margin: 0 0 10px 0; color: #435055; }
.sponsor-bronze p { font-size: 13px; font-style: normal; line-height: 18px; font-weight: normal; font-variant: normal; text-transform: none; margin: 0 0 9px 0; color: #435055; }
.sponsor-acknowledged p { font-size: 12px; font-style: normal; line-height: 14px; font-weight: normal; font-variant: normal; text-transform: none; margin: 0 0 9px 0; color: #435055; }
/* H1 */
.main-left h1 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 18px; font-style: italic; font-weight: bold; margin: 0 0 4px 0; text-transform: none; color: #0960a9; }
.home-sub h1 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; display: inline; font-size: 18px; line-height: 18px; font-style: italic; font-weight: bold; margin: 0 0 8px 0; text-transform: none; color: #0960a9; }
.sub-left h1 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 24px; line-height: 24px; font-style: italic; font-weight: bold; margin: 0 0 15px 0; padding: 0 0 0 0; text-transform: none; color: #0960a9; }
/* H2 */
.main-left h2 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; line-height: 14px; font-style: normal; font-weight: bold; margin: 0 0 4px 0; text-transform: none; color: #646566; }
#info-buttons h2 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 16px; font-style: normal; font-weight: bold; margin: 16px 0 6px 0; text-transform: none; color: #4a4a4a; }
.sub-left h2 { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 15px; margin: 5px 0 4px 0; color: #0960a9; }
.sub-right h2 { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 14px; margin: 50px 0 4px 0; color: #0960a9; }
/* H3 */
.mid-right h3 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; line-height: 19px; font-style: normal; font-weight: normal; margin: 0 0 0 0; text-transform: none; color: #ffffff; }
.sub-left h3 { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 15px; margin: 30px 0 4px 0; color: #0960a9; }
.sub-right h3 { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 13px; margin: 45px 0 4px 0; color: #0960a9; }
/* H4 */
.sub-left h4 { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 13px; line-height: 13px; margin: 20px 0 4px 0; color: #0960a9; }
.sub-right h4 { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 14px; margin: 15px 0 4px 0; color: #0960a9; }
/* H5 */
.sub-left h5 { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 12px; margin: 8px 0 4px 0; color: #435055; }
.sub-right h5 { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 11px; line-height: 11px; margin: 8px 0 4px 0; color: #646566; }
/* H6 */
.main-left h6 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px; line-height: 12px; font-weight: normal; color: #7d7d7d; margin: 0 0 8px 0; }
.secondary-right h6 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; line-height: 13px; font-weight: bold; color: #0960a9; margin: 0 0 8px 0; }
.sub-left h6 { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 11px; line-height: 11px; font-weight: normal; margin: 0 0 8px 0; color: #8b8b8b; }
.sub-right h6 { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 14px; margin: 0 0 4px 0; color: #0fa516; }
blockquote { margin: 0 35px 12px 35px; }
blockquote p { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 17px; color: #0960a9; }
.pull-quote { float: right; width: 200px; height: auto; padding: 0 0 0 0; margin: 0 0 15px 15px; }
.pull-quote p { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 13px; line-height: 15px; color: #0960a9; }
.pq-mb { margin-bottom: 8px; }
/* Style Modifiers ----------- */
.pq-caption { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 10px; line-height: 11px; color: #0960a9; }
.footnote { font-size: 9px; }
.button { padding: 0 0 0 15px; }
.filetype { font-size: 13px; font-variant: small-caps; text-transform: lowercase; font-weight: bold; color: #838383; }
.sidebar { margin: 0 0 20px 0; }
.sidebar-icon { margin: -10px 11px 0 0; padding: 0 0 0 0; }
.sidebar-social { margin: -10px 8px 0 0; padding: 0 0 0 0; }
.subhead-mini { font-size: 10px; color: #666666; }
.subimage-left { float: left; margin: 5px 25px 10px 8px; }
.subimage-left-mt { float: left; margin: 35px 25px 30px 8px; }
.subimage-right { float: right; margin: 0 0 25px 25px; }
.subimage-right-mt { float: right; margin: 25px 8px 25px 25px; }
.info-logo { float: left; margin: 0px 25px 0 15px; padding: 0 0 0 0; }
.bold { font-weight: bold; }
.help-float { float: left; margin: 0 20px 20px 10px; padding: 0 0 0 0; }
.rss-float { float: left; margin: 0 20px 20px 20px; padding: 0 0 0 0; }