html {margin:0;padding:0;border:0}
body {margin:0;padding:0;border:0;font:13px Arial,Helvetica,Sans-serif;color:#000;text-align:center}
p.development {display:none}
div.page,
div.home {width:990px;margin:15px auto;text-align:left}
div.header {background:transparent url(../i/header-bg.jpg) 0 0 no-repeat;padding-top:12px}
div.inner-header-nav {height:24px;margin-bottom:12px;overflow:hidden}
form.site-search {float:left;width:290px;height:24px;text-align:right;margin-left:4px}
form.site-search input {display:inline;width:155px}
form.site-search input.button {width:60px}
div.inner-header {height:148px;margin-bottom:6px;margin-top:-10px;overflow:hidden}
div.logo {float:left;width:251px;height:96px;margin-left:10px;margin-top:20px;}
div.strap-line {float:left;width:430px;height:96px}
div.helpline-banner {float:left;width:294px;height:96px}
div.sub-header {float:right;width:190px;height:98px;text-align:right}
div.navigation {margin-bottom:4px;overflow:hidden}
div.home div.navigation {margin-bottom:26px;overflow:hidden}
div.sponsors-banner {margin-bottom:26px}
div.content {overflow:hidden}
div.main {float:left;width:780px;margin-right:40px;overflow:hidden}
div.side {float:left;width:170px;overflow:hidden;text-align:right}
div.side img {text-align:left;margin-bottom:13px}
/* Basic Menu Style ------------------------------------------ */
.menu-holder,
.menu-holder ul {padding:0;margin:0;list-style:none;line-height:1}
.menu-holder a {display:block}
.menu-holder li {float:left}
.menu-holder li ul {position:absolute;width:10em;left:-999em}
.menu-holder li:hover ul {left:auto}
.menu-holder li:hover ul,
.menu-holder li.sfhover ul {left:auto}
/* Basic Sub Menu Style -------------------------------------- */
.menu-holder li ul ul {margin:-1em 0 0 10em}
.menu-holder li:hover ul ul,
.menu-holder li.sfhover ul ul {left:-999em}
.menu-holder li:hover ul,
.menu-holder li li:hover ul, .menu-holder li.sfhover ul, .menu-holder li li.sfhover ul {left:auto}
/* Basic Menu Style ------------------------------------------
.menu-holder ul{position:relative;display:table;list-style-type:none;margin:0;padding:0}
.menu-holder ul li {position:relative;display:table-cell;cursor:pointer}
.menu-holder ul a {position:relative;display:block}
/-* Adjust for IE6 *-/
* html .menu-holder ul {display:inline-block}
* html .menu-holder ul li {display:inline}
* html .menu-holder ul a {display:inline-block}
/-* Adjust for IE7 *-/
*:first-child+html .menu-holder ul {display:inline-block}
*:first-child+html .menu-holder ul li {display:inline}
*:first-child+html .menu-holder ul a {display:inline-block}
*/
/* Sub Menu Style ------------------------------------------
.menu-holder ul li ul {position:absolute;display:none;margin:0;padding:0;text-align:left}
.menu-holder ul li:hover ul {display:block}
* html .menu-holder ul li ul {position:absolute;display:none;margin:0;padding:0;text-align:left}
* html .menu-holder ul li:hover ul {display:block}
*:first-child+html .menu-holder ul li ul {position:absolute;display:none;margin:0;padding:0;text-align:left}
*:first-child+html .menu-holder ul li:hover ul {display:block}
*/
/* Specific menu styles --------------------------------------- */
div.info-menu {float:left;width:696px;height:21px}
div.info-menu ul li {margin:0;padding:0;white-space:nowrap;line-height:21px;height:21px;background:transparent url(../i/info-menu-bg.gif) 0 1px no-repeat}
div.info-menu ul li:first-child {background:none}
div.info-menu ul li a {margin:0;padding:0 8px;font-size:15px;line-height:21px;height:21px;color:#000;text-decoration:none;outline:none}
div.info-menu ul li a:hover {text-decoration:underline}
div.info-menu ul li:first-child a {padding-left:4px}
div.page div.main-menu {float:left;width:456px;height:49px}
div.page div.main-menu ul li {margin:0;padding:0;vertical-align:top;background:transparent url(../i/main-menu-bg.gif) 0 0 no-repeat}
div.page div.main-menu ul li a {margin:0;padding:14px 4px 0 4px;text-align:center;font-size:12px;font-weight:bold;line-height:18px;width:83px;height:43px;overflow:hidden;color:#fe0000;text-decoration:none;outline:none}
* html div.page div.main-menu ul li a {height:35px}
div.page div.main-menu li.victims-and-carers-link a {padding-top:6px}
div.page div.main-menu li.community-zone-link a {padding-top:6px}
div.page div.main-menu li.professionals-zone-link a {padding-top:6px}
div.home div.main-menu {height:67px;margin-bottom:6px;}
div.home div.main-menu ul li {margin:0;padding:0;vertical-align:top;background:transparent url(../i/main-menu-home-bg.gif) 0 0 no-repeat}
div.home div.main-menu li.join-us-now-link {background-image:url(../i/main-menu-althome-bg.gif)}
div.home div.main-menu ul li a {margin:0;padding:10px 5px 0 3px;text-align:center;font-size:12px;font-weight:bold;line-height:22px;width:157px;height:62px;overflow:hidden;color:#fe0000;text-decoration:none;outline:none}
* html div.home div.main-menu ul li a {height:54px}
div.home div.main-menu ul li span {display:block;font-size:1.4em}
div.home div.main-menu ul li span.description {font-size:1em;font-weight:normal;color:#333}
div.home div.main-menu ul li.join-us-now-link span {width:123px;padding:0 13px;display:block;font-size:1.6em;color:#eee}
div.page div.resource-menu {float:left;width:534px;height:49px}
div.page div.resource-menu ul li {margin:0;padding:0;vertical-align:top;background:transparent url(../i/resource-menu-bg.gif) 0 0 no-repeat}
div.page div.resource-menu ul li a {margin:0;padding:13px 5px 0 3px;text-align:center;font-size:12px;font-weight:bold;line-height:18px;width:68px;height:35px;overflow:hidden;color:#fff;text-decoration:none;outline:none}
div.page div.resource-menu li.join-us-now-link a {padding:6px 5px 6px 3px}
div.home div.resource-menu {height:53px}
div.home div.resource-menu ul li {margin:0;padding:0;vertical-align:top;background:transparent url(../i/resource-menu-bg.gif) 0 0 no-repeat}
div.home div.resource-menu ul li a {margin:0;padding:13px 5px 0 3px;text-align:center;font-size:12px;font-weight:bold;line-height:18px;height:53px;overflow:hidden;color:#fff;text-decoration:none;outline:none}
div.home div.resource-menu li a {text-indent:-999em;background:#fff url(../i/news-link-bg.jpg) 0 0 no-repeat;overflow:hidden}
div.home div.resource-menu li.news-link a {width:129px;background-image:url(../i/news-link-bg.jpg)}
div.home div.resource-menu li.facts-link a {width:115px;background-image:url(../i/facts-link-bg.jpg)}
div.home div.resource-menu li.campaigns-link a {width:186px;background-image:url(../i/campaigns-link-bg.jpg)}
div.home div.resource-menu li.events-link a {width:151px;background-image:url(../i/events-link-bg.jpg)}
div.home div.resource-menu li.resources-link a {width:184px;background-image:url(../i/resources-link-bg.jpg)}
div.home div.resource-menu li.fundraise-link a {width:177px;background-image:url(../i/fundraise-link-bg.jpg)}
*:first-child+html div.home div.resource-menu li a {text-indent:0;font-size:1px;padding-top:0px;color:#fe0000}
/* Specific Sub menu styles ---------------------------------- */
div.page div.main-menu li ul {width:150px;margin-top:-10px;font-weight:normal;background:red;padding:1px}
* html div.page div.main-menu li ul {margin-top:0}
*:first-child+html div.page div.main-menu li ul {margin-top:0}
div.page div.main-menu li ul li {width:150px;background:red}
div.page div.main-menu li ul li:hover,
div.page div.main-menu li ul li.sfhover {background:white}
div.page div.main-menu li ul li a {margin:0;padding:7px 8px 8px 8px;text-align:left;font-size:11px;color:white;line-height:11px;width:132px;height:11px;overflow:hidden;background:none}
div.page div.main-menu li ul li a:hover {color:red}
* html div.page div.main-menu li ul li a {margin-right:0;height:12px}
*:first-child+html div.page div.main-menu li ul li a {margin-right:0;height:12px}
div.home div.main-menu li ul {width:150px;font-weight:normal;background:red;padding:1px}
div.home div.main-menu li ul li {width:150px;background:red}
div.home div.main-menu li ul li:hover,
div.home div.main-menu li ul li.sfhover {background:white}
div.home div.main-menu li ul li a {margin:0;padding:7px 8px 8px 8px;text-align:left;font-size:11px;color:white;line-height:11px;width:132px;height:11px;overflow:hidden;background:none}
div.home div.main-menu li ul li a:hover {color:red}
* html div.home div.main-menu li ul li a {margin-right:0;height:12px}
*:first-child+html div.home div.main-menu li ul li a {margin-right:0;height:12px}
/* Specific Sub Sub menu styles ------------------------------ */
div.page div.main-menu li ul ul {margin:-1em 0 0 150px}
div.home div.main-menu li ul ul {margin:-1em 0 0 150px}
/* Strapline styles ------------------------------------------- */
div.strap-line p {margin-top:20px;font-size:28px;font-weight:bold;line-height:30px;color:#fff}
/* Main content styles ------------------------------------------- */
div.main {font-size:14px;line-height:1.4em}
div.main h1,
div.main h2,
div.main h3,
div.main h4,
div.main h5,
div.main h6 {margin:0;padding:0;color:#000}
div.main h1,
div.main p,
div.main blockquote,
div.main ul,
div.main ol {margin:0 0 21px;padding:0}
div.main ul,
div.main ol {margin-left:31px}
div.main a {text-decoration:underline;outline:none;color:#fe0000}
div.main h1 {font-size:2.2em;line-height:1.08em;font-weight:normal}
div.main h2 {font-size:1.2em;line-height:1.4em;font-weight:bold}
div.main h3 {font-size:1.2em;line-height:1.4em;font-weight:bold}
div.main h4 {font-size:1em;line-height:1.4em;font-weight:bold}
div.main a img {border:0}
div.main code {display:inline;line-height:0.9em;font-size:0.9em;color:silver;font-weight:normal;font-style:normal}
div.main blockquote {text-align:center}
div.attachment {overflow:hidden;margin-bottom:5px}
div.attachment .attachment-icon {float:left}
div.attachment .attachment-icon img {border:0;margin-right:5px}
div.article-list {overflow:hidden;margin-bottom:5px;clear:left}
div.article-list .article-list-thumbnail {min-height:100px;width:100px;float:left}
div.article-list .article-list-details {min-height:100px;width:660px;float:left}
div.article-list .article-list-thumbnail img {border:0;margin-right:5px}
div.large-thumbnail .article-list-thumbnail {width:260px}
div.large-thumbnail .article-list-details {width:500px}
div.content-panel-row {
overflow: hidden;
margin-bottom: 20px;
}
div.content-panel {
width: 183px;
margin-right: 16px;
padding-bottom: 20px;
float: left;
background: #e7e7e8 url(../i/panel-base.gif) left bottom no-repeat;
}
div.content-panel-row .last {
margin-right: 0;
}
div.content-panel-inner {
height: 620px;
background: #e7e7e8 url(../i/panel-bg.gif) left top repeat-y;
padding: 5px;
}
div.content-panel ul {
list-style:none;
margin-left: 0;
}
div.content-panel li {
margin-bottom: .5em;
}
div.main form {
border: 1px solid #fe0000;
margin: .4em;
padding: .4em;
}
div.main form div {
padding-bottom: .4em;
border-bottom: 1px solid #ddd;
margin-bottom: .4em;
}
div.main form div.ui-helper-clearfix {
border: 0;
}
div.main form label,
div.main form input[type=text],
div.main form input[type=password],
div.main form textarea,
div.main form select {
vertical-align: top;
margin: 0 .4em 0 0;
padding: .4em;
outline: 0;
text-decoration: none !important;
cursor: default;
text-align: left;
width: 300px;
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
}
div.main form textarea {
height: 80px;
}
div.main form select {
width: 315px;
}
.footer {width:990px;text-align:left;margin:-10px auto 10px;overflow:hidden}
p.disclaimer {width:840px;float:left;text-align:center;font-size:11px;margin:0;padding:15px 0 0}
.credits {
height:56px;
min-height:56px;
text-align:left;
vertical-align:top;
margin-left: 5px;
}
.credits .production {
margin: 0;
padding: 0;
font-size: 9px;
line-height: 11px;
}
.credits .strapline {
font-size: 9px;
line-height: 13px;
margin: 0;
padding: 2px 0 0;
text-transform: uppercase;
}
.credits .strapline a {
color: black;
text-decoration: none;
}
.credits .strapline img {
margin-right: 5px;
vertical-align: -15%;
float:left;
border: 0;
}
a img {border:0}