/* Main Page Presentation */
body { background: #24a url(images/bodybg.gif) 0 0 repeat-x ; margin: 0; padding: 0; 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; color: black; }
#titlebackground { background: url(images/ootitle.jpg) 0 0 no-repeat ; margin: 0; padding: 0; width: 100%; height: 100%; }
#page { width: 799px; margin: 0; padding: 10px 0 20px 0; }
a { font-weight: bold; color: #079; margin: 0; padding: 0; }
a:hover { text-decoration: none; }
h2 { font-size: 130%; margin: 15px 0 5px 0; padding: 0; color: #068; }
h3 { font-size: 115%; margin: 10px 0 3px 0; padding: 0; color: #045; }
h4 { margin: 10px 0 0 0; padding: 0; font-size: 100%; }
p { margin: 0 0 1.5em 0; padding: 0; line-height: 1.3em; }

/* Top Latest News */
#topnews { margin: 0 20px 10px 410px; padding: 0; }
#newsheader { background: url(images/newstitle.gif) no-repeat 0 0; height: 16px; }
#topnews h1 { display: none; }
#topnews ul { margin: 0; padding: 10px 0; background: #7bb url(images/newsbg.gif) repeat-x 0 0; }
#topnews li { margin: 0; padding: 3px 10px 3px 25px; list-style: none; 
	background: url(images/newsbullet.gif) 10px 0.6em no-repeat; }
#topnews a { color: #044; font-weight: bold; }
#morenews { background: url(images/morenewsbg.gif) 100% 0 no-repeat; height: 11px; }
#morenews span.noshow { display: none; }
#morenews a { height: 100%; display: block; margin: 0; padding:0; }

/* Left Main Menu */
#leftmenu { width: 170px; margin: 0; padding: 0; float: left; color: #fe5; font-weight: bold; font-size: 9pt;
	font-family: "Trebuchet MS", helvetica, arial, sans-serif; line-height: 1.4em; }
#leftmenu ul, #leftmenu p { text-align: right; margin: 0 0 0 20px; padding: 0; }
#leftmenu li { border-bottom: 1px solid #138; list-style: none; margin: 0; padding: 0; }
#leftmenu p { margin: 5px 0; padding: 0; }
#leftmenu a { color: #fe5; text-decoration: none; display: block; padding: 3px 0; }
#leftmenu a:hover { color: black; }
#leftmenu .activesection a { color: black; padding-right: 5px; }
#leftmenu .inactivesub ul { display: none; }
#leftmenu .activesection a:hover { color: #666; }
#leftmenu .activesection ul { margin: 0; text-align: left; line-height: 1.4em; 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 85%; }
#leftmenu .activesection li { padding: 2px 5px 2px 12px; font-weight: normal; }
#leftmenu .currentinnerlink { color: black; line-height: 1.2em; }
#leftmenu .collapseinner ul { display: none; }
#sitesearch { text-align: right; font-size: 110%; padding: 5px 0; }
#sitesearch input { border: 1px solid black; font-size: 9pt; }
#sitesearch .go { color: #139; background: #bdf; border: 1px solid #69d; padding: 0px 1px; margin: 0 0 0 5px; }
#sitesearch .go:hover { color: white; background: #25b; }
#leftmenu .currentinnerlink ul { border-top: none; border-left: none; }
#leftmenu .currentinnerlink ul li { border-bottom: none; font-size: 105%; }
#leftmenu .currentinnerlink ul li a { font-weight: normal; }
#leftmenu .currentinnerlink ul li span { font-size: 90%; }

/* Lower Main Area */
#main { margin: 0; padding: 0; height: 100%; }
#content { margin: 0 20px 0 190px; padding: 0; }
#contentfield {background: white; border: 1px solid #129; padding: 20px; }
#footer { text-align: center; color: white; padding: 0; margin: 8px 0 5px 0; }
#footer a, .sitecredit a { color: #bcf; }
.sitecredit a { font-weight: normal; }
#footer a:hover .sitecredit a:hover { text-decoration: none; color: #abe; }
.sitecredit { color: #9ae; margin: 0 0 10px 0; padding: 0; text-align: center; font-size: 90%; } 

/* Contentfield Basics */
#contentfield h1 { margin: 0 0 10px 0; padding: 0; }
.sidepic, .sidebutton, .sidecollage { float: right; padding: 0; margin: 0 0 10px 10px;  }
.sidepic { border: 1px solid #047; }
.borderpic { margin-bottom: 10px; }
.sidebutton { border: none; display: inline; text-align: center; width: 200px; }
.readmore { float: right; padding: 0; margin: 30px 10px 10px 10px; }

/* wide and thin cols on some pages' content field */
#contentfieldtwocolwide ul, #contentfieldtwocolthin ul { margin: 0; padding: 0; list-style: none; }
#contentfieldtwocolwide li, #contentfieldtwocolthin li { margin: 0; padding: 3px 0 3px 1.2em; }
#contentfieldtwocolthin { border-left: 1px solid #ddd; float: right; margin-left: 10px; padding-left: 10px; width: 33%; }

/* Misc Styles around the site */
.anchorlist { list-style-image: url(images/bluebullet.gif); margin-bottom: 20px; margin-top: 10px; }
.anchorlist li { margin-bottom: 0.3em; }
.anchorlist ul { list-style: circle; }
.intro, .fineprint { font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; }
.fineprint { font-size: 90%; margin: 0; padding: 0; }
.intro { font-size: 120%; }
ol.intro { margin: 0 0 5px 20px; padding: 0; margin-bottom: 5px; }
ul.intro { list-style: none; }
ol.intro li { margin-top: 5px; }
ol ol li { margin-bottom: 5px; }
.intro ul { font-size: 90%; line-height: 1.2em; list-style: circle; }
.contact { line-height: 1.5em; }
.intro { font-size: 110%; margin: 15px 0; padding: 0; line-height: 1.4em; }
.twocol { width: 100%; vertical-align: top; border: none; }
.twocol td { vertical-align: top; }
.donatecell { padding-left: 15px; }
.example p { margin-bottom: 10px; }
.example ul, .example h2 { margin: 0 0 5px 0; }
.story p { padding: 0; margin: 0 0 3px 0; text-indent: 1em; }
.threecol { border: none; padding; 0; margin: 0; }
.threecol h2, .threecol p { padding: 0; margin: 0; }
.threecol th, .threecol td { vertical-align: top; margin: 0; padding: 0; }
.longnest li { margin-top: 5px; }
.ulintro { margin-bottom: 3px; }
.floatinglist { float: right; border-left: 1px solid #ddd; margin: 0 0 10px 10px; padding: 5px 0 5px 10px; width: 30%; }
.floatinglist h2 { font-size: 100%; border-bottom: 1px dotted #dec; padding: 0; margin: 0; }
.toparrow { float: right; padding: 5px 30px 0 10px; }
.endaccent { text-align: center; font-weight: bold; border-top: 1px dotted #ddd; padding-top: 5px; 
	margin-bottom: 5px; }
p.endaccent { font-size: 120%; }
p.subpara, .subcatlist h2 { background: url(images/bluebullet.gif) 5px 0.4em no-repeat; margin: 5px 0 5px 5px; 
	padding-left: 15px; }
.hideheader h2 { display: none; }
.invis { display: none; }
h2.divider, #sitemap li { margin: 10px 0 0 0; padding: 5px; background: url(images/dividerbg.gif) 0 0 repeat-x; }

/* 'Slide'-like thumbnail to larger image */
.slidethumbnail { float: right; border: 1px solid #ccc; margin: 0 0 15px 15px; 
	background: #eee url(images/slidebg.gif) 0 100% repeat-x; }
.slidethumbnail img, .slidethumbnail p { text-align: center; }
.slidethumbnail img { border: 1px solid #999; margin: 5px 5px 0 5px; padding: 0; }
.slidethumbnail p { margin: 3px 5px 5px 5px; font-size: 90%; padding: 0; }

/* bottom of page */
#contentfieldbottom { border-top: 1px solid #ddd; margin: 10px 0 0 0; padding: 10px 0 0 0; }
#contentfieldbottom p { display: inline; margin: 0; padding: 0; }
.picseries { display: inline; float: right; }
.picseries img { margin: 0 0 0 10px; }

/* Titles */
.graphicheader { height: 27px; margin: 0 0 10px 0; padding: 0; border: 1px solid #047; }
.graphicheader h1, .foursquare h2 { display: none; }
#homeheader { background: url(images/homehead.gif) no-repeat; }
#osfactsheader { background: url(images/osfactshead.gif) no-repeat; }
#resourcesheader { background: url(images/resourceshead.gif) no-repeat; }
#sitemapheader { background: url(images/sitemaphead.gif) no-repeat; }
#contactheader { background: url(images/contacthead.gif) no-repeat; }
#webcontactheader { background: url(images/webcontacthead.gif) no-repeat; }
#disclaimerheader { background: url(images/disclaimerhead.gif) no-repeat; }
#searchresultsheader { background: url(images/searchresultshead.gif) no-repeat; }
#infoh2 { background: url(images/infoh2.gif) no-repeat; }
#involvedh2 { background: url(images/involvedh2.gif) no-repeat; }
#notaloneh2 { background: url(images/notaloneh2.gif) no-repeat; }
#learnh2 { background: url(images/learnh2.gif) no-repeat; }

/* Sitemap styles */
#sitemap a { font-weight: bold; text-decoration: none; }
#sitemap a:hover { text-decoration: underline; color: black; }
#sitemap ul { font-size: 110%; list-style: none; margin-bottom: 1em; }
#sitemap li { margin-top: 0.2em; }
#sitemap ul ul { font-size: 90%; }
#sistemap ul ul a { font-weight: normal; }
#sitemap li li { border: none; background: url(images/sitemapbullet.gif) 0 0.5em no-repeat; padding: 5px 5px 5px 20px; 
	margin: 0; }
#sitemap li li li { margin: 2px 0 0 0; background: none; padding: 0; }

/* Home Page Styles */
.foursquare { width: 95%; margin: auto; }
.foursquare td { padding: 5px 10px 0 10px; vertical-align: top; }
.foursquare h2 a { width: 100%; height: 26px; }
.foursquare p { margin-bottom: 5px; }
.foursquare li { margin-bottom: 5px; }
.samplestory { border: 1px solid #a8e; background: #dcf; padding: 8px; margin: 0 5px; }
.samplestory img { float: right; }
#patientsprev ul { list-style-image: url(images/greenbullet.gif); margin-top: 0; margin-bottom: 0;}
#patientsprev a { color: green; }
#donorprev ul { list-style-image: url(images/yellowbullet.gif); }
#donorprev a { color: #980; }
#friendsfamprev ul { list-style-image: url(images/purplebullet.gif); }
#friendsfamprev a { color: #839; }
#researchprev ul { list-style-image: url(images/redbullet.gif); }
#researchprev a { color: #b44; }
.rowimglinks { margin: 0 0 15px 0; }
.rowimglinks h2 { display: none; }
.spaced img { margin: 0 20px 0 0; }
.spaced img.last { margin-right: 0; }
.halfspaced img { margin: 0 100px 0 0; }
.review { margin: 10px 0 0 0; padding: 5px; border-top: 1px dotted #ccd; background: #def; }
#bottombuffer { clear: both; margin: 0; padding: 0; font-size: 0; }

/* Home Page Content Field with Photo */
.homefield { background: white url(images/homefieldbg.jpg) 0 0 repeat-x; border: 1px solid #129; 
	padding: 100px 20px 20px 20px; }