/* -------- MS Therapy css ---------- **/
/* ----------------- by SJJ ---------------- */


* { font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; line-height: 140%; color: #221f73;}
body {background: #ffffff;}

hr { text-align: right; width: 100%;  height: 1px; color: #d4dee8; border: none; margin-bottom: 10px;} /* For Internet Explorer */
html>body hr { margin-right: 0; width: 100%; height: 1px; background-color: #d4dee8; border: none; } /* For Gecko-based browsers */
html>body hr { margin-right: 0; width: 100%; height: 1px; background-color: #d4dee8; border: 0px solid #d4dee8; } /* For Opera and Gecko-based browsers */

#wrapper {width: 930px; margin-left: auto; margin-right:auto; overflow: hidden;  }

/* ----------------- Header ---------------- */
#header {height: 130px; overflow: hidden; font-size: 80%; background: url(../App_Themes/Main/img/bg/headerbg.jpg) top left no-repeat; }
#header a.logo {float: left; margin-left: 34px; margin-top: 7px; background: url(../App_Themes/Main/img/logo.jpg) top left no-repeat; width: 187px; height: 100px; display: block; text-indent: -9999px;}
#header ul {float: right; background: url(../App_Themes/Main/img/bg/utilnav.jpg) top left no-repeat; height: 36px; width: 90px; margin-right: 22px;}
#header ul li {float: left;  width: 100%; text-align: center; padding-top: 5px;}
#header ul li a {color: #27247b;  text-decoration: underline; font-weight: bold; font-size: 90%; }
#header ul li a:hover {text-decoration: none;}
#header ul li.standard {display: none;}


/* ----------------- Top Nav---------------- */
#topnav {overflow: hidden; margin-bottom: 5px; }
#topnav ul { background: #221f74 url(../App_Themes/Main/img/bg/topnav.gif) top left no-repeat; padding: 0px 18px;  overflow: hidden; } 
#topnav ul li { float: left; display: block;  }
#topnav ul li a { color: #ffffff; font-weight: bold; font-size: 75%; text-decoration: none; display: block; min-height: 17px; padding: 9px 17px 9px 17px; background: url(../App_Themes/Main/img/nav/topnav-divider.gif) top right repeat-y;  }
#topnav ul li.CMSListMenuHighlightedLI a {background: #5092ce url(../App_Themes/Main/img/nav/topnav-active.gif) top left repeat-x; padding: 9px 15px 9px 15px; border-left: 2px solid #ffffff; border-right: 2px solid #ffffff; } 
#topnav ul li a:hover {color: #dbdafe; }
#topnav ul li.CMSListMenuHighlightedLI a:hover {color: #ffffff;}


/* ----------------- Banner ---------------- */
#pictureheader {height: 300px; margin-bottom: 10px;}
#pictureheader img {float: left;}
#pictureheader img.main {margin-right: 10px;}
#pictureheader a {margin-top: 10px; display: block; float: left;}
#pictureheader a.donate {display: block; height: 129px; width: 250px; background: url(../App_Themes/Main/img/header/donate.jpg) top left no-repeat; text-indent: -9999px;}

/* ----------------- Home Left Column ---------------- */
#lefthome {width: 670px; margin-right: 9px; float: left; background: url(../App_Themes/Main/img/bg/home-content-bottom.gif) bottom left no-repeat; padding-bottom: 5px; }
#lefthome div.contenttop {background: url(../App_Themes/Main/img/bg/home-content-top.gif) top left no-repeat; width: 668px; overflow: hidden; padding: 17px 1px 0px 1px;}
#lefthome div.contenttop p {font-size: 80%; text-align: justify; margin-left: 20px; margin-right: 20px;}
#lefthome div.contenttop p strong {font-size: 110%;}

#lefthome div.shaded {background: #d7d6e6 url(../App_Themes/Main/img/bg/home-shaded.gif) bottom left repeat-x; width: 608px; overflow: hidden; padding: 23px 30px; margin-top: 10px; }
#lefthome div.shaded div h2 a {height: 26px; margin-bottom: 7px; text-indent: -9999px; display: block;}

#lefthome div.shaded div h2 span {text-indent: -9999px; display: block;}
#lefthome div.shaded div ul li {line-height: 120%;}
#lefthome div.shaded div ul li a { background: url(../App_Themes/Main/img/icons/bluearrowbullet.gif)  left 4px no-repeat; padding-left: 12px; text-decoration: none; font-size: 80%;}
#lefthome div.shaded div ul li a:hover {text-decoration: underline;}


#lefthome div.shaded div.physical {width: 165px; float: left; }
#lefthome div.shaded div.physical h2 a {background: url(../App_Themes/Main/img/bg/h2_therapies.gif) top left no-repeat;}

#lefthome div.shaded div.wellbeing {width: 213px; float: left;}
#lefthome div.shaded div.wellbeing h2 a {background: url(../App_Themes/Main/img/bg/h2_wellbeing.gif) top left no-repeat;}

#lefthome div.shaded div.news {width: 230px; float: left;}
#lefthome div.shaded div.news h2 a {background: url(../App_Themes/Main/img/bg/h2_news.gif) top left no-repeat;}



/* ----------------- Home Right Column ---------------- */
#righthome {width: 250px;  float: right;  }
#righthometop {background: #e9e8ff url(../App_Themes/Main/img/bg/home-rightcol-top.gif) top left no-repeat; padding: 16px 19px;}
#righthometop h2 {height: 20px; margin-bottom: 15px; background: url(../App_Themes/Main/img/bg/h2_events.gif) top left no-repeat;}
#righthometop h2 span {text-indent: -9999px; display: block;}

#righthometop ul li {font-size: 80%; background: url(../App_Themes/Main/img/bg/dottedline.gif) top left repeat-x; padding: 10px 0px;}
#righthometop ul li a {font-weight: bold; text-decoration: none; margin-left: 7px;}
#righthometop ul li a:hover {text-decoration: underline; }
#righthometop ul li h3 {display: inline;}
#righthometop ul li h3 a {margin-left: 0px; margin-right: 0px;}

#righthomebottom {height: 5px; width: 250px;  background: #e9e8ff url(../App_Themes/Main/img/bg/home-rightcol-bottom.gif) bottom left no-repeat; float: right; }




/* ----------------- Internal Left Column ---------------- */
#leftcol {width: 250px; float: left;  margin-right: 10px; background-position: top left; background-repeat: no-repeat;}
#leftcol div.heading {margin: 0px 0px 10px 20px; padding-bottom: 10px; height: 35px; width: 210px; background: url(../App_Themes/Main/img/bg/dottedline.gif) bottom left repeat-x;}
#leftcol div.heading h2 {margin: 0px; height: 35px; width: 210px;}
#leftcol div.heading h2 span {text-indent: -9999px; display: block;}
 
#leftcol div.leftframetop {background: #ffffff url(../App_Themes/Main/img/bg/left-frame-top.gif) top left no-repeat; height: 5px; width: 250px;}
#leftcol div.leftframebottom {background: #e9e8ff url(../App_Themes/Main/img/bg/left-frame-bottom.gif) bottom left no-repeat; height: 5px; width: 250px; margin-bottom: 10px;}
#leftcol div.leftframe {background: #ffffff url(../App_Themes/Main/img/bg/left-frame-shading.gif) bottom left repeat-x; width: 248px; border-left: 1px solid #c1bfe2; border-right: 1px solid #c1bfe2;}
#leftcol ul.CMSListMenuUL { padding-bottom: 10px;   }

#leftcol ul.CMSListMenuUL li a {font-size: 80%; font-weight: bold; display: block; text-decoration: none; padding: 6px 0px 6px 30px;  background: url(../App_Themes/Main/img/icons/bluearrowbullet.gif) 20px 50% no-repeat; }
#leftcol ul.CMSListMenuUL li a.CMSListMenuLinkHighlighted, #leftcol ul.CMSListMenuUL li a:hover  { color: #ffffff; background: #221f73 url(../App_Themes/Main/img/icons/whitearrowbullet.gif) 20px 50% no-repeat; }
#leftcol ul.CMSListMenuUL li ul {padding-bottom: 0px;}

#leftcol ul.CMSListMenuUL li ul li a {padding:2px 0px 2px 45px; background-position: 35px 50%; color: #1b7ace; }
#leftcol ul.CMSListMenuUL li ul li a.CMSListMenuLinkHighlighted, #leftcol ul.CMSListMenuUL li ul li a:hover  { color: #ffffff;  background-position: 30px 50%; background-color: #5d5aae; }

#leftcol a.donate {display: block; width: 250px; height: 129px; text-indent: -9999px; background: url(../App_Themes/Main/img/header/donate.jpg) top left no-repeat; margin-bottom: 10px; }

#leftcol div.content {width: 250px; overflow: hidden; height: 1%;}
#leftcol div.content a.sideadvert {clear: both;  width: 132px; display: block; overflow: hidden; margin-left: auto; margin-right: auto;}

/* ----------------- Internal Right Column ---------------- */
#rightcol {width: 670px; float: left; }
#rightcol div.roundtop {background: url(../App_Themes/Main/img/bg/home-content-top.gif) top left no-repeat; height: 5px; width: 670px;}
#rightcol div.roundbottom {background: url(../App_Themes/Main/img/bg/home-content-bottom.gif) top left no-repeat; height: 5px; width: 670px;}
#rightcol div.content {width: 630px; border-left: 1px solid #c1bfe2; border-right: 1px solid #c1bfe2; background: url(../App_Themes/Main/img/bg/content-shading.gif) bottom left repeat-x; padding: 10px 19px; font-size: 80%; overflow: hidden;}


#rightcol div.content img { float: left; margin: 0px 10px 10px 0px; border: 1px solid #c1bfe2; padding: 5px; }
#rightcol div.content h1 {font-size: 150%; margin-bottom: 10px; clear: both;}
#rightcol div.content h2, #rightcol div.content h3, #rightcol div.content h4, #rightcol div.content h5, #rightcol div.content h6 {margin-bottom: 10px; clear: both;} 

#rightcol div.content p {margin-bottom: 10px;}
#rightcol div.content p.summary {color: #221f73; font-size: 120%; font-weight: bold;}

#rightcol div.content blockquote {margin-bottom: 15px; margin-left: 20px; font-weight: bold; color: #1877cd;}
#rightcol div.content blockquote p {font-weight: bold; color: #1877cd; margin-bottom: 0px; }

#rightcol div.content ul {margin-bottom: 10px; margin-left: 10px;}
#rightcol div.content ul li {background: url(../App_Themes/Main/img/icons/bluesquarebullet.gif) left 6px no-repeat; padding-left: 10px;}

#rightcol div.content ul.files {margin: 10px 0px 20px 10px; }
#rightcol div.content ul.files li {background: url(../App_Themes/Main/img/icons/file.gif) left 3px no-repeat; padding-left: 20px;}
#rightcol div.content ul.files li.pdf {background-image: url(../App_Themes/Main/img/icons/pdf.gif);}
#rightcol div.content ul.files li.xls {background-image: url(../App_Themes/Main/img/icons/xls.gif);}
#rightcol div.content ul.files li.doc {background-image: url(../App_Themes/Main/img/icons/doc.gif);}
#rightcol div.content ul.files li a {font-weight: bold; text-decoration: none;}
#rightcol div.content ul.files li a:hover {text-decoration: underline;}

#rightcol div.content span.ErrorLabel {color: #ff0000; margin-bottom: 10px; display: block; font-weight: bold;}
#rightcol div.content span.EditingFormInfoLabel {font-weight: bold; display: block; }
#rightcol div.content ul {margin:0px 0px 10px 0px;}
#rightcol div.content ul.form li {background-image: none; margin-bottom: 10px; padding: 0px; overflow: hidden;}
#rightcol div.content ul.form li label {width: 125px; margin-right: 10px; display: block; float: left;}
#rightcol div.content ul.form li input { float: left; margin-right: 10px; }
#rightcol div.content ul.form li span.EditingFormErrorLabel {color: #ff0000;}

/* -------------- Events and events related content -------------*/
#rightcol div.content ul.events {clear: both;}
#rightcol div.content ul.events li.detail p.summary {font-weight: bold; font-size: 100%; margin-bottom: 10px;}
#rightcol div.content ul.events li.detail div.eventsbody 

#rightcol div.content ul.events li.detail div.eventsbody img { float: left; margin: 0px 10px 10px 0px; border: 1px solid #c1bfe2; padding: 5px; }
#rightcol div.content ul.events li.detail div.eventsbody h1 {font-size: 150%; margin-bottom: 10px; clear: both;}
#rightcol div.content ul.events li.detail div.eventsbody h2, h3, h4, h5, h6 {margin-bottom: 10px; clear: both;}
#rightcol div.content ul.events li.detail div.eventsbody p {margin-bottom: 10px;}
#rightcol div.content ul.events li.detail div.eventsbody p.summary {color: #221f73; font-size: 120%; font-weight: bold;}
#rightcol div.content ul.events li.detail div.eventsbody blockquote, blockquote p {font-weight: bold; color: #1877cd; }
#rightcol div.content ul.events li.detail div.eventsbody ul {margin-bottom: 10px; margin-left: 10px;}
#rightcol div.content ul.events li.detail div.eventsbody ul li {background: url(../App_Themes/Main/img/icons/bluesquarebullet.gif) left 6px no-repeat; padding-left: 10px;}
#rightcol div.content ul.events li.detail div.eventsbody span.ErrorLabel {color: #ff0000; margin-bottom: 10px; display: block; font-weight: bold;}


/* -------------- News and news related content -------------*/
#rightcol div.content ul.news {clear: both;}
#rightcol div.content ul.news li.detail p.summary {font-weight: bold; font-size: 100%; margin-bottom: 10px;}

#rightcol div.content ul.news li.detail div.newsbody img { float: left; margin: 0px 10px 10px 0px; border: 1px solid #c1bfe2; padding: 5px; }
#rightcol div.content ul.news li.detail div.newsbody h1 {font-size: 150%; margin-bottom: 10px; clear: both;}
#rightcol div.content ul.news li.detail div.newsbody h2, h3, h4, h5, h6 {margin-bottom: 10px; clear: both; }
#rightcol div.content ul.news li.detail div.newsbody p {margin-bottom: 10px;}
#rightcol div.content ul.news li.detail div.newsbody p.summary {color: #221f73; font-size: 120%; font-weight: bold;}
#rightcol div.content ul.news li.detail div.newsbody blockquote, blockquote p {font-weight: bold; color: #1877cd; }
#rightcol div.content ul.news li.detail div.newsbody ul {margin-bottom: 10px; margin-left: 10px;}
#rightcol div.content ul.news li.detail div.newsbody ul li {background: url(../App_Themes/Main/img/icons/bluesquarebullet.gif) left 6px no-repeat; padding-left: 10px;}
#rightcol div.content ul.news li.detail div.newsbody span.ErrorLabel {color: #ff0000; margin-bottom: 10px; display: block; font-weight: bold;}


/* -------------- Leftcol content -------------*/
#leftcol div.content { font-size: 80%;}

#leftcol div.content img { float: left; margin: 0px 10px 10px 0px; border: 1px solid #c1bfe2; padding: 5px; }
#leftcol div.content h1 {font-size: 150%; margin-bottom: 10px; clear: both;}
#leftcol div.content h2, #leftcol div.content h3, #leftcol div.content h4, #leftcol div.content h5, #leftcol div.content h6 {margin-bottom: 10px; clear: both;} 
#leftcol div.content p {margin-bottom: 10px;}
#leftcol div.content p.summary {color: #221f73; font-size: 120%; font-weight: bold;}
#leftcol div.content blockquote, blockquote p {font-weight: bold; color: #1877cd; }
#leftcol div.content ul {margin-bottom: 10px; margin-left: 10px;}
#leftcol div.content ul li {background: url(../App_Themes/Main/img/icons/bluesquarebullet.gif) left 6px no-repeat; padding-left: 10px;}

#leftcol div.content ul.files {margin: 10px 0px 20px 10px; }
#leftcol div.content ul.files li {background: url(../App_Themes/Main/img/icons/file.gif) left 3px no-repeat; padding-left: 20px;}
#leftcol div.content ul.files li.pdf {background-image: url(../App_Themes/Main/img/icons/pdf.gif);}
#leftcol div.content ul.files li.xls {background-image: url(../App_Themes/Main/img/icons/xls.gif);}
#leftcol div.content ul.files li.doc {background-image: url(../App_Themes/Main/img/icons/doc.gif);}
#leftcol div.content ul.files li a {font-weight: bold; text-decoration: none;}
#leftcol div.content ul.files li a:hover {text-decoration: underline;}

#leftcol div.content span.ErrorLabel {color: #ff0000; margin-bottom: 10px; display: block; font-weight: bold;}
#leftcol div.content span.EditingFormInfoLabel {font-weight: bold; display: block; }
#leftcol div.content ul {margin:0px 0px 10px 0px;}
#leftcol div.content ul.form li {background-image: none; margin-bottom: 10px; padding: 0px; overflow: hidden;}
#leftcol div.content ul.form li label {width: 125px; margin-right: 10px; display: block; float: left;}
#leftcol div.content ul.form li input { float: left; margin-right: 10px; }
#leftcol div.content ul.form li span.EditingFormErrorLabel {color: #ff0000;}

#leftcol div.content ul.events {clear: both;}




/* ----------------- Footer ---------------- */
#footer {width: 890px; font-size: 70%; background: #ffffff url(../App_Themes/Main/img/bg/footer.gif) left bottom no-repeat; padding: 8px 20px 8px 20px; clear: both; margin: 15px 0px 20px 0px; border-top: 1px solid #d3d1f5; float: left; }
#footer p {float: left; margin-bottom: 0px!important;}
#footer p.connexion {float:right;}
#footer p.connexion a {font-weight:bold; color: #221f73; text-decoration: none; }
#footer p.connexion a:hover {text-decoration: underline; }