/*
 Screen style    
 Site: CCRF
*/
body {
 background: #C5C2AE url(..../images/bg/body.jpg) 50% 0 no-repeat;
 font-size: 75%;
 padding-bottom: 18px;
 text-align: center;
}

#accessibility {
 display: none;
}

/*
=Wrappers
*/
#outer-wrapper {
 background: #fff url(../images/bg/outer-wrapper.gif) repeat-y;
 margin: 0 auto;
 text-align: left;
 width: 968px;
}

#wrapper {
 background: url(../images/bg/wrapper.gif) no-repeat;
}

#inner-wrapper {
 background: url(../images/bg/inner-wrapper.jpg) bottom center no-repeat;
 padding: 0 4px;
}

/*
=Top tools
*/
#top-tools {
 background: #E1DFCB;
 color: #7C7963;
 font-size: 0.83em;
 padding: 13px 32px 11px 33px;
}

#top-tools ul {
 float: left;
 width: 610px;
}

#top-tools a:link, #top-tools a:visited {
 color: #7C7963;
}

#top-tools a:hover, #top-tools a:active, #top-tools a.current {
 color: #006595;
}

#top-tools li {
 float: left;
 margin-left: 29px;
}

#top-tools li.share {
 margin-left: 0;
}

.share {
 background: url(../images/bg/share-top.gif) 0 55% no-repeat;
 padding-left: 20px;
}

#top-tools form {
 float: right;
 width: 260px;
}

#top-tools p {
 float: left;
 margin: 0;
}

#top-tools .search-text {
 background: #DAD8C4 url(../images/bg/search-text.gif) no-repeat;
 margin: 0 4px 2px 0;
 padding-top: 2px;
}

#top-tools .search-text input {
 background: url(../images/bg/search-text.gif) left bottom no-repeat;
 border: none;
 display: block;
 float: left;
 padding: 0 4px 2px 4px;
 width: 176px;
}

#top-tools .search-button {
 background: #ABA993 url(../images/bg/search-button-right.gif) top right no-repeat;
 height: 19px;
 padding-right: 4px;
}

#top-tools .search-button input {
 background: url(../images/bg/search-button.gif) no-repeat;
 border: none;
 color: #EEEDE0;
 display: block;
 float: left;
 font-weight: bold;
 height: 19px;
 padding: 1px 0 7px 18px;
 text-transform: uppercase;
}

/*
=Masthead
*/
#masthead {
 height: 290px;
 position: relative;
 width: 960px;
}

#home-page-top {
 height: 290px;
 width: 960px;
}

#home-page-top img {
 display: block;
}

#masthead p {
 margin: 0;
}

#logo {
 display: block;
 height: 138px;
 left: 335px;
 margin: 0;
 position: absolute;
 top: 0;
 width: 291px;
 z-index: 10;
}

#logo img {
 display: block;
}

#masthead div {
 color: #F1F7F8;
 overflow: hidden;
}

#masthead div.pink {
 background: #E76E7C;
}

#masthead div.purple {
 background: #363B74;
}

#masthead div.blue {
 background: #006595;
}

#masthead div.green {
 background: #93A445;
}

#masthead div.brown {
 background: #AB660D;
}

#masthead div.slate {
 background: #5C707C;
}

#masthead div.aqua {
 background: #72AFB6;
}

#masthead div.left {
 float: left;
 height: 288px;
 margin: 1px 0 0 1px;
 width: 478px;
}

#masthead div.right {
 float: left;
 height: 288px;
 margin: 1px 1px 0 0;
 width: 479px;
}

#masthead .quote {
 float: left;
 margin: 56px 184px 10px 43px;
 padding: 22px 47px 0 32px;
 position: relative;
 width: 170px;
}

#masthead div.right .quote {
 margin: 56px 40px 10px 192px;
}

#masthead blockquote {
 margin: 0 0 20px 0;
}

#masthead .quote .name {
 margin-bottom: 0.15em;
}

#masthead .quote .other {
 font-size: 0.83em;
 margin: 0;
}

#masthead .quote .left-quote, #masthead .quote .right-quote {
 position: absolute;
}

#masthead .quote .left-quote {
 left: 0;
 top: 0;
}

#masthead .quote .right-quote {
 bottom: 0;
 right: 0;
}

#masthead img.left {
 display: block;
 float: left;
 margin: 1px 1px 0 1px;
}

#masthead img.right {
 display: block;
 float: right;
 margin: 1px 1px 0 0;
}

/*
=Navigation
*/
#nav {
 background: #DFECEE;
 font-size: 0.83em;
 font-weight: bold;
 padding-left: 25px;
}

#nav li {
 border-left: 1px solid #fff;
 float: left;
}

#nav li.first {
 border: none;
}

#nav a {
 color: #5C707C;
 display: block;
 margin-bottom: -6px;
 padding: 12px 0 18px 0;
 position: relative;
 text-align: center;
 width: 130px;
}

#nav li.hover a, #nav li.current a {
 background: #72AFB6 url(../images/bg/nav-current.jpg) bottom left no-repeat;
 color: #fff;
}

/* Sub nav */
#nav .container {
 background: url(../images/bg/transparent.gif);
 left: -999em;
 margin: 0;
 position: absolute;
 width: 130px;
 z-index: 100;
}

#nav .display {
 left: auto;
}

#nav .slider {
 padding-top: 6px;
 position: relative;
}

#nav .slider span {
 background: url(../images/bg/subnav-top.png) no-repeat;
 height: 6px;
 left: 0;
 position: absolute;
 top: 0;
 width: 130px;
}

#nav ul {
 background: #72AFB6 url(../images/bg/subnav.jpg) no-repeat;
 padding-bottom: 10px;
}

#nav li li {
 border: none;
 float: none;
 margin: 0;
}

#nav li li a {
 background: none !important;
 color: #fff;
 margin: 0;
 padding: 7px 5px;
 width: 120px;
}

#nav li li a:hover, #nav li li a.current {
 background: none;
 color: #006595;
}

/* EDIT */
ul.related li a:hover, ul.related li a.current {
 background: none;
 color: #006595;
}

/*
=Content
*/
#inner {
 margin: 30px 32px 15px 32px;
 clear: both;
}

#content {
 float: left;
 width: 576px;
}

#content-wide {
 width: 863px;
 clear: both;
 padding-top: 1px;
}

/* Common styles */
p.back, p.more {
 font-weight: bold;
 text-transform: uppercase;
 font-size: 0.83em;
 margin: 1.75em 0 0 0;
 padding-left: 20px;
 background: url(../images/bg/back.gif) 0 50% no-repeat;
}

p.more {
 margin: 1em 0 0 0;
 background-image: url(../images/bg/arrow.gif);
}

p.url {
 background-image: url(../images/bg/url.gif);
}

.left-col {
 float: left;
 width: 288px;
}

.right-col {
 float: right;
 width: 288px;
}

.polaroid {
 width: 147px;
 height: 170px;
 background: url(../images/bg/polaroid.png) no-repeat;
 padding: 7px 0 0 8px;
}

.polaroid img {
 display: block;
}

#sidebar .polaroid {
 float: right;
 position: relative;
 margin: -9px -52px 0 1px;
}

ul.arrows {
 margin-top: 0.5em;
}

ul.arrows li {
 padding-left: 20px;
 background: url(../images/bg/arrow.gif) 0 50% no-repeat;
 margin-bottom: 0.15em;
}

ul.one-line li {
 padding-left: 20px;
 background: url(../images/bg/arrow.gif) 0 50% no-repeat;
 margin: 0 20px 0 0;
 float: left; 
 text-transform: uppercase;
 font-size: 0.83em;
 font-weight: bold;
}

/* EDIT: */
ol.page-text,
ul.page-text
{
	list-style-image: url(../images/text/bullet-body.gif);
	padding-left: 30px;
	margin-bottom: 1.75em;
}

/* EDIT: */
ol.page-text li,
ul.page-text li
{
	margin-bottom: 0.83em;
}

/* EDIT: */
ol.page-links,
ul.page-links
{
	list-style-type: disc;
	padding-left: 30px;
	margin-bottom: 1.75em;
}

ol.nested-list,
ul.nested-list
{
	margin: 0.83em 0 0 0;
}

.box {
 clear: both;
 margin-top: 40px;
}

.first-box, .first-event-box, .first-wide-box  {
 margin-top: 30px;
}

.box p {
 margin-bottom: 0.65em;
}

.box img {
 float: left;
}

.box h2 {
 font: normal 1.33em/1.1 Arial, Helvetica, sans-serif;
 margin-top: 0;
 margin-bottom: 0.35em;
}

.box h2, .box p, .box ul {
 margin-left: 110px;
}

div.press
{
	margin-top: 0;
}

.press h2, .press p, .press ul
{
     margin-left: 0px;
}

div.press h2
{
	margin-top: 1em;
}

.event-box h2, .event-box p, .event-box ul {
 margin-left: 240px;
}


.wide-box h2, .wide-box p, .wide-box ul {
 margin-left: 208px;
}


/* Home Page */
.home #content {
 width: 608px;
}

.event strong {
 font-size: 0.83em;
}

/* Where money goes */
.left-col2 {
 float: left;
 width: 256px;
 margin-right: 64px;
}

.right-col2 {
 float: left;
 width: 232px;
}

.left-col2 .chart {
 margin-top: 13px;
}

.right-col2 .chart {
 margin-top: 37px;
}

ul.legend {
 margin-top: 18px;
}

ul.legend li {
 font-size: 0.83em;
 margin-bottom: 0.6em;
}

ul.legend li img {
 vertical-align: middle;
 margin-right: 6px;
}

/* About Us */
.download {
 margin-top: 20px;
}

.download h2 {
 font: normal 1.33em/1.08 Arial, Helvetica, sans-serif;
 margin-bottom: 0.2em;
 margin-top: 0;
}

.download p {
 margin: 0.25em;
}

.download .size {
 background: url(../images/bg/download.gif) 0 50% no-repeat;
 padding-left: 11px;
 font-size: 0.83em;
}

.left-download {
 float: left;
 margin-right: 64px; 
 width: 257px;
}

.left-download h2, .left-download p {
 margin-left: 111px;
}

.left-download img,
.right-download img {
 float: left;
 margin-right: 15px;
}

.right-download {
 float: left;
 width: 245px;
}


/* Patient Story */
.patient {
 float: right; 
 width: 147px;
 margin: 0 5px 0 22px;
}

.pager {
 margin-top: 30px;
}

.pager li {
 float: left;
 font-weight: bold;
 font-size: 0.83em;
 text-transform: uppercase;
}

.pager li.previous {
 padding-left: 20px;
 background: url(../images/bg/arrow-left.gif) 0 60% no-repeat;
 margin-right: 18px;
}

.pager li.next {
 padding-right: 20px;
 background: url(../images/bg/arrow.gif) 100% 60% no-repeat;
}

/* LC Understanding */
.right-col3 {
 float: left;
 width: 256px;
}

.understanding {
 margin-top: 8px;
}

.understanding h2 {
 font: normal 1.33em/1.08 Arial, Helvetica, sans-serif;
 margin-bottom: 0.25em;
}

.related_links {
 padding-top: 40px;
 clear:both;
}

.related_links h3 {
  padding-bottom: 0px;
  margin-bottom: 0px;
}

div.disclaimer {
 padding-top: 30px;
 clear: both;
}

div.disclaimer p {
 font: italic .8em/1.08 Arial, Helvetica, sans-serif;
}

.smaller-url {
 padding-left: 20px;
 background: url(../images/bg/url.gif) 0 50% no-repeat;
}

/* Far-reaching impact */
.impact .map {
 display: block;
 margin: 0 0 0 -21px;
}

.impact h2 {
 font-size: 1.83em;
 margin: 1em 0 0.75em 0;
}

.impact h2.first {
 margin-top: 0.5em; 
}

.map-legend {
 width: 225px;
 float: right;
 margin-top: -25px;
}

.map-legend div {
 padding-left: 43px;
 background-repeat: no-repeat;
 margin: 0 0 25px 0;
}

.map-legend h3 {
 padding-top: 8px;
}

.map-legend .patients {
 background-image: url(../images/bg/patients.gif);
}

.map-legend .patients h3 {
 color: #B50937;
}

.map-legend .researchers {
 background-image: url(../images/bg/researchers.gif);
}

.map-legend .researchers h3 {
 color: #006595;
}

ul.worldwide {
 float: left;
 width: 185px;
 font-size: 1.33em;
 margin-left: -16px;
}

ul.worldwide li {
 padding-left: 41px;
 background-repeat: no-repeat;
 background-position: 0 50%;
 margin-bottom: 0.3em;
}

ul.worldwide-wider {
 width: 205px;
}

ul.worldwide li.p {
 background-image: url(../images/bg/p.gif);
}

ul.worldwide li.r {
 background-image: url(../images/bg/r.gif);
}

ul.worldwide li.both {
 background-image: url(../images/bg/both.gif);
}

/* Glossary */
.glossary {
 width: 894px !important;
 padding-top: 16px !important;
}

.tabs-nav li {
 font-weight: bold;
 font-size: 1.17em;
 float: left;
 margin: 0;
}

.tabs-nav li a {
 color: #5C707C;
 width: 110px;
 text-align: center;
 display: block;
 margin-left: 2px;
 background: url(../images/bg/tab.gif) no-repeat;
 padding: 13px 0 5px 0;
}

.tabs-nav li a.first {
 margin: 0; 
}

.tabs-nav li a.active, .tabs-nav li a:hover {
 color: #B50937;
}

.tabs-nav li a.active {
 background: url(../images/bg/tab-active.gif) 0 0 no-repeat;
 position: relative;
 bottom: -1px;
}

.tab {
 border: 1px solid #E1EDEF; 
 padding: 10px 35px 15px 30px;
 clear: both;
 min-height: 500px;
 margin-bottom: 10px;
}

dl.left {
 float: left;
 width: 390px;
}

dl.right {
 float: right;
 width: 393px;
}

/* Meet Researchers  */
.researcher {
 clear: both;
 margin-top: 50px;
}

.first-researcher {
 margin-top: 30px;
}

.researcher .photo {
 float: left;
}

.researcher h2 {
 font: normal 1.33em/1.1 Arial, Helvetica, sans-serif;
 width: 250px; /* EDIT */
 margin-bottom: 0.35em;
}

.researcher .info {
 float: left;
 width: 165px;
 margin: 0 0 0 13px;
}

.researcher blockquote {
 float: right;
 width: 210px;
 font: italic 1.17em/1.14 "Times New Roman", Times, serif;
 color: #93A445;
 padding-top: 14px;
 background: url(../images/bg/researcher-quote.gif) no-repeat;
}

.researcher blockquote p {
 margin: 0;
 padding: 0 17px 18px 17px; 
 background: url(../images/bg/researcher-quote.gif) bottom left no-repeat; 
}

.researcher .interview {
 padding: 0 0 0 110px;
 clear: both; 
 margin-top: 26px;
}

.researcher .interview h3 {
 color: #93A445;
 margin: 1.25em 0 0.25em 0;
}

.researcher .interview h3.first {
 margin: 0 0 0.25em 0;
}

.researcher .interview .more {
 margin-top: 1.5em;
}

.fellow {
 clear: both;
 margin-top: 30px;
}

.first-fellow {
 margin-top: 30px;
}

.fellow h2 {
 font: normal 1.33em/1.1 Arial, Helvetica, sans-serif;
 width: 250px; /* EDIT */
 margin-bottom: 0.35em;
}

.fellow .info {
 float: left;
 width: 250px;
 margin: 0 0 0 0;
}

.fellow .interview {
 padding: 0 0 0 0;
 clear: both; 
 margin-top: 26px;
}

.nonfellow h3
{
	 color: #93A445;
	 margin-top: 20px;
}

.fellow h3 {
 color: #93A445;
}

.fellow .interview h3 {
 color: #93A445;
 margin: 1.25em 0 0.25em 0;
}

.fellow .interview h3.first {
 margin: 0 0 0.25em 0;
}

.fellow .interview .more {
 margin-top: 1.5em;
}

p.expand {
 background-image: url(../images/bg/expand.gif);
}

p.collapse {
 background-image: url(../images/bg/collapse.gif) !important;
}

p.expand a {
 color: #5C707C;
}

.video {
 margin: 0 0 10px 0;
}

/* EDIT */
ul.fellows
{
}

ul.fellows li 
{
	margin: 2em 0 0.25em 0;
}

ul.fellows li h3
{
	color: #93A445;
}

/* EDIT */
ul.fellows .research-focus-label
{
	font-weight: bold;
}

/* EDIT */
ul.fellows .summary
{
	/*margin-bottom: 2em;*/
}

p.see-all {
 margin-top: 3em; 
}

#sidebar .smaller {
 margin-bottom: 1.75em;
}

/*
=Sidebar
*/
#sidebar {
 float: right;
 width: 256px;
 padding-top: 5px;
}

.home #sidebar {
 padding: 0;
}

#sidebar .related {
 font-size: 1.33em;
 line-height: 1.125;
}

/* EDIT: */
#sidebar ul.related 
{
	margin-bottom: 2.5em;
}

#sidebar .related li {
 margin-bottom: 0.75em;
}

/* EDIT: */
#sidebar .related li p 
{
	font-size: 0.83em;
	margin-top: 0.25em;
}

/*
=Footer
*/
#footer {
 border-top: 1px solid #D9E8E8;
 clear: both;
 color: #5C707C;
 font-size: 0.83em;
 margin: 0 32px;
 padding: 15px 0;
}

#footer a:link, #footer a:visited {
 color: #72AFB6;
}

#footer a:link strong, #footer a:visited strong {
 color: #5C707C;
}

#footer a strong {
 color: #5C707C;
}

#footer a:hover, #footer a:hover strong, #footer a:active, #footer a:active strong, #footer a.current, #footer a.current strong {
 color: #006595;
}

#footer ul {
 float: left;
 width: 550px;
}

#footer li {
 float: left;
 margin-left: 29px;
}

#footer li.share {
 margin-left: 0;
}

#footer .share {
 background-image: url(../images/bg/share-footer.gif);
}

#footer p {
 float: right;
 margin: 0;
 text-align: right;
 width: 300px;
}

#footer p .tel {
 margin-left: 27px;
}

/*
=Auto clearing floats
*/
#top-tools:after, #nav:after, #inner:after, #footer:after, .box:after, .tab:after, .researcher:after, .researcher .details:after {
 clear: both;
 content: ".";
 display: block;
 height: 0;
 visibility: hidden;
}

.fellow:after, .fellow .details:after
{
 clear: both;
 content: ".";
 display: block;
 height: 0;
 visibility: hidden;
}

/* EDIT */
p.no-bottom
{
	padding-bottom: 0;
	margin-bottom: 0;
}

/* EDIT */
div#content h3
{
	margin-top: 1.25em;
	color: #93A445;
}

body.home div#content h3
{
	margin-top: 0;
}