/* colours: blue 002E6E red BF1E2D dark orange ED7A25 light orange F8B325, light yellow #FEF5E3 */ 
/* reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }

blockquote, q { quotes: none; }

:focus { outline: 0;}

ins { text-decoration: none;}

del {	text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0;}


/* generics */

* {font-size: 100%; padding: 0; margin: 0;}
body {font: 0.8125em/1.3 Arial, Helvetica, sans-serif; margin: 0; padding: 0;
  color: #000; background: #480007; 
  min-width: 40em; margin: 0 auto;}

input, textarea {font-size: 100%; font-family: Arial, Helvetica, sans-serif; line-height: 1.2;}

a {outline: 0;}
a:link, a:visited {color: #BF1E2D; text-decoration: none;}
a:hover, a:active {color: #BF1E2D; text-decoration: underline;}
a img {border: none;}

hr {margin-bottom: 5px;}

h1  {font-size: 2.769em; font-weight: normal; margin: 0 0 0.5em 0; padding: 0;}
h1.home {font-size: 1.846em; font-weight: normal; margin: 0 0 0.5em 0; padding: 0;}
h1.home .section {display: block; font-size: 0.83em; text-transform: lowercase; line-height: 1; color: #002E6E;}
h2 {font-weight: normal; font-size: 1.53820em; margin: 0 0 0.5em 0; padding: 0;}
h3 {font-size: 1.33em; margin: 0; padding: 0;}
h4 {font-size: 1.53820em; text-transform: lowercase; line-height: 1; color: #002E6E; font-weight: normal; margin: 0 0 0.5em 0;}
h5 {font-size: 1em; margin: 0.5em 0 0;}
h6 {font-size: 0.85em; margin: 0.5em 0 0;}

h1 + h2 {margin-top: -0.5em;}

h3 a:link, h3 a:visited, h3 a:hover, h3 a:active {color: #000;}


p {margin: 0 0 1em 0;}
ul, ol {margin: 0 0 1em 10px; padding: 0 0 0 10px;}
li {margin: 0 0 5px 0;}
dt {margin: 0.5em 0 0;}
dd {margin: 0.25em 0 0.5em 2.5em;}
pre, code, tt {font: 100% "Andale Mono", "Lucida Console", "Bitstream Vera Sans Mono", "Courier New", monospace; margin: 1em 0;}
code, tt {border-bottom: 1px solid #E3E3E3; padding: 0 1px;}
small {font-size: 85%;}
big {font-size: 115%;}
sup {font-size: smaller; vertical-align: 0.5em; line-height: 1px;}



/* layout */

#wrapper {position: relative; width: 900px; margin: 0 auto; background: #fff; padding: 20px 0; }
#innerwrapper {background: url(/template/footer_bg.gif) no-repeat 0 100% #fff; }

#main {position: relative; width: 560px; float: right; }
#main.home {width: 560px; float: left;}

#extra {width: 280px; float: left;}
#extra.home {width: 280px; float: right;}

#quicklinks {width: 270px; position: absolute; top:118px; right: 0;}

#header { clear: both; position: relative; }

#searchBox { width: 270px; position: absolute; top: 141px; right: 0;}

.clr {display: block; clear: both;}



#logo {margin: 0 0 20px 20px;}

#quicklinks a {font-weight: normal; color: #000; }

/* begin nav */

#nav { background: #fff; color: #000; height: 54px; background: url(/template/nav_bg.gif) repeat-x top left #ED7A25; margin: 0 0 20px 0;}

#nav ul {margin:0; padding: 0; width: 100%; }
#nav li {list-style-type: none; float:left; font-size: 1.846em; margin: 0;}


#nav li ul {position: absolute; top: 70px; width: auto; padding: 0; margin: 0;
                z-index: 5; left: -9999px; background-color: #F8B325;}

#nav li li {display: block; float:none;  font-size: 0.54em; border-bottom: solid 1px #fff;}


#nav a {display:block; color: #fff; text-decoration: none; text-transform: lowercase;  line-height: 54px; }
#nav a:hover {color: #fff; text-decoration: none;}


#nav li li a {display: block; float: none;  color: #fff;  padding: 2px 20px 2px 10px; margin: 0; text-transform: none; line-height: 1.2;  }
#nav li li a:hover {color: #fff; text-decoration: none; background-image: none; background-color: #ED7A25;}





/* image substitution */

#nav a span {display: none;}

#nav li#navAbout {padding-left: 20px;}
#nav li#navAbout a {width: 95px; height: 54px; }
#nav #navAbout a:link, #nav #navAbout a:visited
          {background: url(/template/about.gif) no-repeat top center transparent;}
#nav #navAbout a:hover,  #nav #navAbout a:active, #nav #navAbout:hover a,  #nav #navAbout.current a:link, #nav #navAbout.current a:visited,
#nav #navAbout.sfhover a:link, #nav #navAbout.sfhover a:visited, #nav #navAbout.sfhover a:hover, #nav #navAbout.sfhover a:active 
          {background: url(/template/about_over.gif) no-repeat top center transparent;}
#nav li#navAbout li a {width: auto; height: auto; }
#nav #navAbout li a:link, #nav #navAbout li a:visited, 
#nav #navAbout.sfhover li a:link, #nav #navAbout.sfhover li a:visited, #nav #navAbout.current li a:link, #nav #navAbout.current li a:visited
          {background-image: none; background-color: #F8B325;}
#nav #navAbout li a:hover, #nav #navAbout li a:active, 
#nav #navAbout.sfhover li a:hover, #nav #navAbout.sfhover li a:active, #nav #navAbout.current li a:hover, #nav #navAbout.current li a:active
          {background-image: none; background-color: #ED7A25;}
/* #nav #navAbout ul {margin-left: 14px;} */


#nav li#navInvolved a {width: 150px; height: 54px; }
#nav #navInvolved a:link, #nav #navInvolved a:visited
          {background: url(/template/get_involved.gif) no-repeat top center transparent;}
#nav #navInvolved a:hover,  #nav #navInvolved a:active, #nav #navInvolved:hover a,  #nav #navInvolved.current a:link, #nav #navInvolved.current a:visited,
#nav #navInvolved.sfhover a:link, #nav #navInvolved.sfhover a:visited, #nav #navInvolved.sfhover a:hover, #nav #navInvolved.sfhover a:active 
          {background: url(/template/get_involved_over.gif) no-repeat top center transparent;}
#nav li#navInvolved li a {width: auto; height: auto;}
#nav #navInvolved li a:link, #nav #navInvolved li a:visited, 
#nav #navInvolved.sfhover li a:link, #nav #navInvolved.sfhover li a:visited, #nav #navInvolved.current li a:link, #nav #navInvolved.current li a:visited
          {background-image: none; background-color: #F8B325;}
#nav #navInvolved li a:hover, #nav #navInvolved li a:active, 
#nav #navInvolved.sfhover li a:hover, #nav #navInvolved.sfhover li a:active, #nav #navInvolved.current li a:hover, #nav #navInvolved.current li a:active
          {background-image: none; background-color: #ED7A25;}

#nav li#navEvents a {width: 130px; height: 54px; }
#nav #navEvents a:link, #nav #navEvents a:visited
          {background: url(/template/events.gif) no-repeat top center transparent;}
#nav #navEvents a:hover,  #nav #navEvents a:active, #nav #navEvents:hover a, #nav #navEvents.current a:link, #nav #navEvents.current a:visited,
#nav #navEvents.sfhover a:link, #nav #navEvents.sfhover a:visited, #nav #navEvents.sfhover a:hover, #nav #navEvents.sfhover a:active 
          {background: url(/template/events_over.gif) no-repeat top center transparent;}
#nav li#navEvents li a {width: auto; height: auto;}
#nav #navEvents li a:link, #nav #navEvents li a:visited, 
#nav #navEvents.sfhover li a:link, #nav #navEvents.sfhover li a:visited, #nav #navEvents.current li a:link, #nav #navEvents.current li a:visited
          {background-image: none; background-color: #F8B325;}
#nav #navEvents li a:hover, #nav #navEvents li a:active, 
#nav #navEvents.sfhover li a:hover, #nav #navEvents.sfhover li a:active, #nav #navEventst.current li a:hover, #nav #navEvents.current li a:active
          {background-image: none; background-color: #ED7A25;}


#nav li#navResources a {width: 120px; height: 54px; }
#nav #navResources a:link, #nav #navResources a:visited
          {background: url(/template/resources.gif) no-repeat top center transparent;}
#nav #navResources a:hover,  #nav #navResources a:active, #nav #navResources:hover a, #nav #navResources.current a:link, #nav #navResources.current a:visited,
#nav #navResources.sfhover a:link, #nav #navResources.sfhover a:visited, #nav #navResources.sfhover a:hover, #nav #navResources.sfhover a:active 
          {background: url(/template/resources_over.gif) no-repeat top center transparent;}
#nav li#navResources li a {width: auto; height: auto;}
#nav #navResources li a:link, #nav #navResources li a:visited, 
#nav #navResources.sfhover li a:link, #nav #navResources.sfhover li a:visited,  #nav #navResources.current li a:link, #nav #navResources.current li a:visited
          {background-image: none; background-color: #F8B325;}
#nav #navResources li a:hover, #nav #navResources li a:active, 
#nav #navResources.sfhover li a:hover, #nav #navResources.sfhover li a:active, #nav #navResources.current li a:hover, #nav #navResources.current li a:active
          {background-image: none; background-color: #ED7A25;}
 #nav #navResources ul {margin-left: 5px;} 

#nav li#navNews a {width: 100px; height: 54px; }
#nav #navNews a:link, #nav #navNews a:visited
          {background: url(/template/news.gif) no-repeat top center transparent;}
#nav #navNews a:hover,  #nav #navNews a:active, #nav #navNews:hover a, #nav #navNews.current a:link, #nav #navNews.current a:visited,
#nav #navNews.sfhover a:link, #nav #navNews.sfhover a:visited, #nav #navNews.sfhover a:hover, #nav #navNews.sfhover a:active 
          {background: url(/template/news_over.gif) no-repeat top center transparent;}
#nav li#navNews li a {width: auto; height: auto;}
#nav #navNews li a:link, #nav #navNews li a:visited, 
#nav #navNews.sfhover li a:link, #nav #navNews.sfhover li a:visited, #nav #navNews.current li a:link, #nav #navNews.current li a:visited
          {background-image: none; background-color: #F8B325;}
#nav #navNews li a:hover, #nav #navNews li a:active, 
#nav #navNews.sfhover li a:hover, #nav #navNews.sfhover li a:active, #nav #navNews.current li a:hover, #nav #navNews.current li a:active
          {background-image: none; background-color: #ED7A25;}



#nav li#navVoices a {width: 160px; height: 54px; }
#nav #navVoices a:link, #nav #navVoices a:visited
          {background: url(/template/capa_voices.gif) no-repeat top center transparent;}
#nav #navVoices a:hover,  #nav #navVoices a:active, #nav #navVoices:hover a, #nav #navVoices.current a:link, #nav #navVoices.current a:visited,
#nav #navVoices.sfhover a:link, #nav #navVoices.sfhover a:visited, #nav #navVoices.sfhover a:hover, #nav #navVoices.sfhover a:active 
          {background: url(/template/capa_voices_over.gif) no-repeat top center transparent;}
#nav li#navVoices li a {width: auto; height: auto;}
#nav #navVoices li a:link, #nav #navVoices li a:visited, 
#nav #navVoices.sfhover li a:link, #nav #navVoices.sfhover li a:visited, #nav #navVoices.current li a:link, #nav #navVoices.current li a:visited
          {background-image: none; background-color: #F8B325;}
#nav #navVoices li a:hover, #nav #navVoices li a:active, 
#nav #navVoices.sfhover li a:hover, #nav #navVoices.sfhover li a:active, #nav #navVoices.current li a:hover, #nav #navVoices.current li a:active
          {background-image: none; background-color: #ED7A25;}


#nav li#navTalk a {width: 115px; height: 54px; }
#nav #navTalk a:link, #nav #navTalk a:visited
          {background: url(/template/lets_talk.gif) no-repeat top center transparent;}
#nav #navTalk a:hover,  #nav #navTalk a:active, #nav #navTalk:hover a, #nav #navTalk.current a:link, #nav #navTalk.current a:visited,
#nav #navTalk.sfhover a:link, #nav #navTalk.sfhover a:visited, #nav #navTalk.sfhover a:hover, #nav #navTalk.sfhover a:active 
          {background: url(/template/lets_talk_over.gif) no-repeat top center transparent;}
#nav li#navTalk li a {width: auto; height: auto;}
#nav #navTalk li a:link, #nav #navVoices li a:visited, 
#nav #navTalk.sfhover li a:link, #nav #navTalk.sfhover li a:visited, #nav #navTalk.current li a:link, #nav #navTalk.current li a:visited
          {background-image: none; background-color: #F8B325;}
#nav #navTalk li a:hover, #nav #navTalk li a:active, 
#nav #navTalk.sfhover li a:hover, #nav #navTalk.sfhover li a:active, #nav #navTalk.current li a:hover, #nav #navTalk.current li a:active
          {background-image: none; background-color: #ED7A25;}


/* end image substitution */


/* nav mouse over */

html>body #nav a {width: auto;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}


/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

/* end nav mouse over */


/* end nav */


#header {height: 100px; background: url(/template/header_bg3.gif) repeat-x #F8B325;}
#header .image {width: 300px; height: 100px; float: left; ;}
#header .section {position: absolute; width: 560px; top: 10px; left: 320px; font-size: 2.769em; font-weight: normal; color: #fff;}
#header .breadcrumb {position: absolute; width: 560px; bottom: 5px; left: 320px; text-transform: lowercase;}

#header.home {height: 299px; background-image: none;}
#header.home .image {width: 450px; height: 299px; float: left; overflow: hidden;}
#header.home .text {width: 450px; height: 299px; float: right; background: #F8B325; color: #fff;}

.breadcrumb a {color: #000; }

#content {position: relative; margin: 0 0 60px 0; }
#page {padding: 40px 20px 0 20px;  }

.col {width: 205px; float: left;  }
#extra .innercol  {padding-right: 20px; background:url(template/col_separator.jpg) no-repeat right top #fff;}
#extra.home .innercol {padding-left: 20px; background:url(template/col_separator.jpg) no-repeat #fff;}

.col1 {width: 280px; float: left; }
.col1 .innercol {padding: 0 20px 0 0; margin: 0 0 40px 0; background:url(template/col_separator.jpg) no-repeat right top #fff;}
.col2 {width: 300px; float: left; }
.col2 .innercol {padding: 0 20px 0 20px;  margin: 0 0 40px 0;  background:url(template/col_separator.jpg) no-repeat right top #fff;}
.col3 {width: 280px; float: right; }
.col3 .innercol {padding: 0 0 0 20px;  margin: 0 0 40px 0; }

.innercol, .force_height { height: auto !important;
 height: 300px; 
min-height: 300px;  margin-bottom: 40px;}


.dateloc {font-style: italic; margin: 0 0 0.3em 0;}
.more {white-space: nowrap; }

div.item + h4 {margin-top: 1.5em;}


#getInvolved {height: 60px; background: url(http://www.arthritiques.ca//template/fr_findout_getinvolved.gif) no-repeat 20px 5px transparent; padding-left: 320px;}
#getInvolved a {width: 280px; float: left; margin-top: 10px; }


#footer {padding: 10px 20px;}
#footer a {color: #000; font-size: 0.92em;}
#footer .links {width: 700px; float: left;}
#footer .credit {width: 160px; float: right; text-align: right;}
#footer .credit a {color: #999;}



.submenu {margin: 0 0 50px 0; }
.submenu ul {margin:0; padding: 0; list-style-type: none;}
.submenu li {display: block; padding: 5px 0; margin: 0; background: url(template/menu_separator.jpg) no-repeat 50% 100%;}
.submenu li li {display: block; padding: 5px 0 5px 20px; background-image: none;}
.submenu a { display: block; font-size: 1.33em; text-transform: lowercase; color: #000; text-decoration: none;}
.submenu li li a { font-size: 1em;}
.submenu a.logout {color: #BF1E2D;}
.submenu a:hover, .submenu a.current, .submenu li li a.current  {color: #F8B325; text-decoration: none;}
.submenu a.date {text-transform: none;}



.report {clear: both;}
.report .img {width: 175px; float: left;}
.report .img img.right {float:none; margin: 0;}
.report .info {width: 375px; float: right;}
.report .img img {border: solid 1px #ddd;}

.photo_credit {position: absolute; bottom: 5px; left: 20px; color: #333; font-size: 0.85em;  background: #fff; padding: 1px 5px;}

.resource {margin: 0 0 20px 0;}
.resource .author {margin: 0 0 0 0;}
.resource .links {margin-top: -5px;}
.resource .pdf {margin: 0;}
.resource .published {margin: 20px 0 0 0;}

.resource .date, .resource .city {font-weight: bold;}

.form td {padding: 5px 10px 5px 0; vertical-align: top;}
.form label {display: block; text-align: right; text-transform: lowercase;}
.form td.submit {text-align: right;}
.form h4 { margin: 0.5em 0 0 0;}
.form .note {font-size: 0.85em; }
.form .col {width: 49%; float: left;}
.form span.checkbox {display: block; white-space: nowrap;}

#user_edit .form {width: 100%;}
#user_edit .form td.input {width: 400px;}

.involved .form {width: 100%; float: right;  }


input.submit {border: solid 1px #fff; color: #fff; background-color: #BF1E2D; text-transform: uppercase; font-size: 1em; text-transform: lowercase; margin: 0; padding: 2px;}

.tools {margin: 30px 0 15px 0;}

#extraResources {margin: 30px 0 15px 0; }
#extraResources .col {width: 270px;}
#extraResources .innercol {padding-left: 20px; background:url(template/col_separator.jpg) no-repeat #fff; margin-bottom: 0;}

#poll {background-color: #FEF5E3; padding: 10px; }
#poll form {display: inline;}
#poll .pollQuestion { font-weight: bold;}
#poll .pollAnswerBlock {margin: 5px 0;}
#poll .pollAnswer {margin: 0 0 5px 0;}
#poll .pollTotalVotes {margin: 5px 0;}
#poll .pollButtonBlock {text-align: right; padding-right: 10px;}

#poll .pollButton {
border: solid 1px #fff; color: #fff; background-color: #BF1E2D; text-transform: uppercase; font-size: 1.2em; text-transform: lowercase; margin: 10px 0; padding: 2px;
cursor:hand;
cursor:pointer;
}



#events_calendar {width: 100%; border: 0; border-spacing: 1px; border-collapse: separate; border: solid 1px #ECECEC; border-width: 1px 0; margin-bottom: 20px;}
#events_calendar td {padding: 5px; border-top: solid 1px #ECECEC; line-height: 1.2;}
#events_calendar td.S {background: #ECECEC; color: #000; border-top-width: 0; }
#events_calendar td.day_abrev { width: 20px;}
#events_calendar td.day_no {text-align: right; padding-right: 15px; width: 30px; }
#events_calendar p {display: inline;}

#events_calendar a:link {color: #000; text-decoration: none;}
#events_calendar a:visited {color: #000; text-decoration: none;}
#events_calendar a:hover {color: #000; text-decoration: underline;}
#events_calendar a:active {color: #000; text-decoration: underline;}

#MonthLinks {width: 100%; border: 0; border-spacing: 0; border-collapse: collapse; margin-bottom: 10px;}
#MonthLinks td {vertical-align: middle;}

#jump table { float: right;}
#jump td {padding: 3px;}

.required {color: #BF1E2D;}

#comments {padding-top: 20px; background: url(template/menu_separator.jpg) no-repeat top center; border-top: solid 1px #fff;}
#comments .posted {font-size: 0.7691em;}

#commentForm, #comments  {margin: 20px 0;}
.posted {margin: 0 0 5px 0; }


#sitemap ul {list-style-type: none; margin: 0; padding: 0;}
#sitemap li { padding: 5px 0; border-bottom: solid 1px #eee; font-size: 1.53820em;}
#sitemap li#navTalk {border-bottom-width: 0;}
#sitemap li li {display: inline; padding: 0 0 3px 0; border-bottom-width: 0;  font-size: 0.7691em;}
#sitemap a { text-transform: lowercase; color: #000; text-decoration: none; margin-right: 30px; white-space: nowrap;}
#sitemap a:hover, .submenu a.current {color: #F8B325; text-decoration: none;}

.back {margin: 0 0 40px 0;}

.briefcase .item {display:list-item; margin-left: 17px;}
.briefcase.single .item {display: block; margin-left: 0;}
.briefcase .article a {font-weight: bold; color: #000;}
.briefcase .links {margin-top: -10px; margin-bottom: 15px;}


.comMember {clear: both;}
.comMember .img {float: right;  margin: 5px 0 0 40px ;}
.comMember .img img {border: solid 1px #ddd;}
.comMember .comLoc {margin: 0 0 15px 0;}
.comMember .comLoc p {margin: 0;}

#committee {margin: 0 0 70px 0;}
#committee ul {list-style-type: none; margin: 0; padding: 0;}
#committee li { padding: 5px 0; border-bottom: solid 1px #eee; font-size: 1.53820em;}
#committee li li {display: inline; padding: 0 0 3px 0; border-bottom-width: 0;  font-size: 0.7691em;}
#committee a { color: #000; text-decoration: none; margin-right: 30px; white-space: nowrap;}
#committee a:hover, .submenu a.current {color: #F8B325; text-decoration: none;}

#cse-search-results {margin-bottom: 40px; font-size: 1em;  }

.footnotes {margin: 15px 0;}
.footnotes li {margin: 0 0 2px 0;}

.lg-poll .lg-polls-answers li {list-style-type: none;}
.lg-poll .lg-polls-answers {margin: 10px 0; padding: 0;}
.lg-poll {background-color: #FEF5E3; padding: 10px; }
.lg-poll .lg-poll-results ul {margin:0 0 15px 0;  padding: 0;  font-size:11px;} 
.lg-poll .lg-poll-results li { list-style-type:none; padding-bottom:15px; position:relative; clear: both;} 
.lg-poll .lg-poll-results li .answer {position:relative; display: block; text-align:left; margin: 5px 0;} 
.lg-poll .lg-poll-results li .percentage {width: 140px; float: left; }
.lg-poll .lg-poll-results li .answer-total-votes {width:80px; float: right; } 
.lg-poll .lg-poll-results li .percentage {position: relative; font-size:11px; border: solid 1px #F8b325; }
.lg-poll .lg-poll-results li .bar {display: block; position: absolute; left: 0; top: 0; background:#F8b325;} 
.lg-poll .lg-poll-results li .number {position: relative; display: block; padding-left: 5px; }

.right {float:right; margin: 0 0 20px 20px;}
.left {float: left: margin: 0 20px 20px 0;}