﻿@charset "utf-8";
/* 
CSS for Healing for Life Campaign 
Medium: All
Browser Support: IE6, IE7, FF3
*/

/* Remove Cross-Browser Render Variables */
td {margin:0;	padding:0;}
th {margin:0;	padding:0;}
blockquote {margin:0;	padding:0;}
p {margin:0;	padding:0;}
textarea {margin:0;	padding:0;}
input {margin:0;	padding:0;}
fieldset {margin:0;	padding:0;}
form {margin:0;	padding:0;}
pre {margin:0;	padding:0;}
h6 {margin:0;	padding:0;}
h5 {margin:0;	padding:0;}
h4 {margin:0;	padding:0;}
h3 {margin:0;	padding:0;}
h2 {margin:0;	padding:0;}
h1 {margin:0;	padding:0;}
li {margin:0;	padding:0;}
ol {margin:0;	padding:0;}
ul {margin:0;	padding:0;}
dd {margin:0;	padding:0;}
dt {margin:0;	padding:0;}
dl {margin:0;	padding:0;}
div {margin:0;	padding:0;}
body {margin:0;	padding:0;}
var {font-style:normal;	font-weight:normal;}
th {font-style:normal;	font-weight:normal;}
em {font-style:normal;	font-weight:normal;}
dfn {font-style:normal;	font-weight:normal;}
code {font-style:normal;	font-weight:normal;}
cite {font-style:normal;	font-weight:normal;}
caption {font-style:normal;	font-weight:normal;}
address {font-style:normal;	font-weight:normal;}
strong {font-weight:bold;}
ul {list-style:none;}
ol {list-style:none;}
th {text-align:left;}
caption {text-align:left;}
h6 {font-size:100%; font-weight:normal;}
h5 {font-size:100%; font-weight:normal;}
h4 {font-size:100%; font-weight:normal;}
h3 {font-size:100%; font-weight:normal;}
h2 {font-size:100%; font-weight:normal;}
h1 {font-size:100%; font-weight:normal;}
q:after {content:'';}
q:before {content:'';}
acronym { border:0;}
abbr { border:0;}
table {border-collapse:collapse; border-spacing:0;}
img {border:0;}
fieldset {border:0;}
a:focus {outline:0;}
a:active {outline:0;}
.clearAll {height:1%; clear:both; visibility:hidden; font-size:0; width:99%;}

body {background:#f7f7f7 url(../img/bg-body.gif) center fixed no-repeat; text-align:center; font:normal .8em/normal Arial, Helvetica, sans-serif;}
.pgWrap {width:930px; margin:0 auto;}
.pgCont {padding:0 15px; text-align:left; background:#fff;}
.pgPos {position:relative; background:#fff; padding-bottom:15px;}
.ih-js #cContentWrap .cContent {display:none;}
a:visited {color:#5a7e9d; text-decoration:none;}

a:link {color:#5a7e9d; text-decoration:none;}

/* SPLASH CONTENT */
#cSplashWrap {position:relative; height:479px; width:900px; z-index:100;}
.splash {background:#fff no-repeat 100% 0; height:428px; overflow:hidden; width:900px;}
.ih-js .splash * {display:none;}

.ih-js .splash {display:none;}

/* HEADER */
#pgHead {
background:url("../img/2011/breakthroughs/imc-hfl-logo.gif") no-repeat scroll 15px 60% transparent;
height:54px;
position:relative;
}


#topNav {position:absolute; bottom:0; left:300px;}
#topNav li {list-style-type:none; float:left; width:96px; margin-right:15px; padding:0 0 2em; border-right:1px solid #d3d3d3; text-align:right;}
#topNav li a {text-decoration:none; color:#787878; text-transform:uppercase; padding-right:5px; font-size:.9em; display:block; cursor:pointer !important;}
#topNav li.activeNav {border-color:#A7CA6F !important;}
#topNav li a:hover {color:#75a526 !important;}

/*Navigation*/
#topNav {
bottom:0;
left: 426px;
position:absolute;
width: 450px;
padding-bottom:-1px;
margin-bottom:-1px;
}

#topNav li {
border-right:none;
float:right;
margin-right:0;
padding:0;
text-align:center;
width:150px;
background: none transparent;
}

#topNav li a{
	color: #000;
	padding: 18px 10px 6px 10px;
	font-size: 0.7em;
	letter-spacing: 2px;
	z-index: 1;
}

#topNav li a#breakthroughs{
	background: url(../img/break-tab-low.gif) no-repeat top center transparent;
}
body#breakthroughs #topNav li a#breakthroughs{
	background: url(../img/break-tab-high.gif) no-repeat top center transparent;
}

#topNav li a#heart{
	background: url(../img/heart-tab-low.gif) no-repeat top center transparent;
}

body#heart #topNav li a#heart{
	background: url(../img/heart-tab-high.gif) no-repeat top center transparent;
}

#topNav li a#cancer{
	background: url(../img/cancer-tab-low.gif) no-repeat top center transparent;
/* 	margin-left: -10px; */
}
body#cancer #topNav li a#cancer{
	background: url(../img/cancer-tab-high.gif) no-repeat top center transparent;
margin-bottom:-1px;
}
#topNav li a{
	margin-bottom: -1px;
}
#topNav li a.top{z-index:5}

#topNav li.activeNav {
border-color:none !important;
font-weight: bold;
color: #000;
margin-bottom:-1px;
}

#topNav li.activeNav a {
color:#000 !important;
}

/*Navigation2*/
#topNav2 {position:absolute; bottom:0; left:300px;}
#topNav2 li {list-style-type:none; float:left; width:96px; margin-right:15px; padding:0 0 2em; border-right:1px solid #d3d3d3; text-align:right;}
#topNav2 li a {text-decoration:none; color:#787878; text-transform:uppercase; padding-right:5px; font-size:.9em; display:block; cursor:pointer !important;}
#topNav2 li.activeNav {border-color:#A7CA6F !important;}
#topNav2 li a:hover {color:#75a526 !important;}

#topNav2 {
bottom:0;
left: 340px;
position:absolute;
width: 560px;
margin-bottom:-2px;
}

#topNav2 li {
border-right:none;
float:right;
margin-right:0;
padding:0;
text-align:center;
width:140px;
background: none transparent;
}

#topNav2 li a{
	color: #000;
	padding: 18px 10px 6px 10px;
	font-size: 0.7em;
	letter-spacing: 2px;
	z-index: 1;
}

#topNav2 li a#breakthroughs{
	background: url(../img/tab-break-low.gif) no-repeat top center transparent;
}
body#breakthroughs #topNav2 li a#breakthroughs{
	background: url(../img/tab-break-high.gif) no-repeat top center transparent;
}

#topNav2 li a#heart{
	background: url(../img/tab-heart-low.gif) no-repeat top center transparent;
}

body#heart #topNav2 li a#heart{
	background: url(../img/tab-heart-high.gif) no-repeat top center transparent;
}

#topNav2 li a#cancer{
	background: url(../img/tab-cancer-low.gif) no-repeat top center transparent;
/* 	margin-left: -10px; */
}

body#cancer #topNav2 li a#cancer{
	background: url(../img/tab-cancer-high.gif) no-repeat top center transparent;
	margin-bottom:-1px;
}

#topNav2 li a#community{
	background: url('../img/tab-community-low.gif') no-repeat center top;
/* 	margin-left: -10px; */
}
body#community #topNav2 li a#community{
	background: url('../img/tab-community-high.gif') no-repeat center top;
	margin-bottom:-1px;
}

#topNav2 li a{
	margin-bottom: -1px;
}
#topNav2 li a.top{z-index:5}

#topNav2 li.activeNav {
border-color:none !important;
font-weight: bold;
color: #000;
margin-bottom:-1px;
}

#topNav2 li.activeNav a {
color:#000 !important;
}


/* Table for balancing */
#contentRepos {position:relative; margin-top:-119px; z-index:200;}
.tbLayout {padding:0; border:0; width:900px;}
.tbLayout td {border-right:0;}
.tdGenDetails {width:195px; background:#edf2f5 url(../img/bg-genDetails.gif) repeat-x top; border-width:0 0 1px 1px; border-style:solid; border-color:#d3dfe9; vertical-align:top;}
#networkTools {padding:0 0 15px 15px; float: left; padding: 0 10px;}
#networkTools a {float:left; display:block; padding:0 10px; color:#6685a0; text-decoration:none; margin-bottom:3px; letter-spacing:.1em; height: 32px; width: 32px;}
.facebook {background:url(../img/social-facebook.png) no-repeat 0 .1em; }
.twitter {background:url(../img/social-twitter.png) no-repeat 0 .1em; }
.youtube {background:url(../img/social-youtube.png) no-repeat 0 .1em; }
#genContent {background:url(../img/bg-genDetailsShadow.png) no-repeat 100% 0; padding-top:15px; position:relative;}
.tdpgContent {width:705px; vertical-align:top;}


/* Tabbed Nav */
#cNav ul {background:url(../img/bg-tabNav.png) repeat-x; width:704px; height:70px; margin-top:-4px;}
#cNav ul li {float:left; width:233px; margin:0; font-family:Georgia, "Times New Roman", Times, serif;}
.fourTabs #cNav ul li {width:225px;}
.sixTabs #cNav ul li {width: 150px;}
#cNav a {display:block; padding-right:5px; color:#c3bcae;}
#cNav a span {display:block; padding:10px 0 0 5px; height:70px; cursor:pointer; font:normal 1.3em/normal Garamond, "Times New Roman", serif;}
#cNav a:focus {outline: none;}
#cNav a img {border:1px solid #7e7566; float:left; margin:0px 10px 10px 0;}
#cNav a.activeSlide {background:url(../img/bg-tabShadow.png) no-repeat 0 0; cursor:pointer;}
#cNav a.activeSlide span {background:#fff url(../img/bg-tabActive.gif) repeat-x 0 0; color:#71a71b;}
/* For Tests */

#cContentWrap .cContent {background:#fff;}
#cContentWrap {position:relative; background:#fff; margin-top:10px;}
.cContent {padding:30px 0 30px 30px; color:#8F877A;}
.cContent p {line-height:170%; padding-bottom:5px;}
.cContent h2 {font:normal 1.5em/normal Georgia, "Times New Roman", Times, serif; color:#F2A21D; padding-bottom:10px;}
.defaultUL {padding-bottom:5px;}
.links li {list-style-type:none; padding:0 0 5px 15px; line-height:150%;} 
.defaultUL li {list-style-type:none; padding:0 0 5px 15px; line-height:150%;} 
.defaultUL li {background:url(../img/bullet.gif) no-repeat 0 .4em;}
.links li {background:url(../img/arrowSmall.gif) no-repeat 0 .5em;}
.cContent a:hover {text-decoration:underline; color:#75a526;}
.video {width:384px; float:right; margin:0 0 15px 15px; background:#D7E3EC; height:216px;}
.video p {padding:15px;}
.dropImg {float:right; margin:0 0 15px 15px;}
.cCol {}
.cCol ul {}
.cCol ul li {list-style-type:none; background:url(../img/arrow.gif) no-repeat 0 .2em; padding:0 0 10px 20px;}

/* PopOver */
.ih-js #popOver {display:none;}
#popOver {width:615px; position:absolute; left:30px; top:400px; z-index:999;}
.wideMenu {width:715px !important;}
#popOver .contentPos {padding:10px 30px 30px; background:#edf2f5 url(../img/bg-genDetails.gif) repeat-x top; border:1px solid #8FAAC0;}
#popOver a.closePop {float:right; cursor:pointer;}
#popOver .vidPos {padding-top:15px; clear:both;}
.vidMenu {float:right; clear:right; margin-bottom:5px; cursor:pointer;}
.endVid {margin-bottom:0 !important;}
/* video menu */
.vidMenuWrap {float:right; clear:right; margin:0; position:relative; width:256px; padding-bottom:30px;}
.vidMenuWrap dt {width:136px;}
.vidMenuWrap dt a {padding:5px; display:block; background:#edf2f5; border-bottom:1px solid #aecae0;}
.vidMenuWrap dt a:hover {background:#fff; color:#3b6d93;}
.vidMenuWrap dd {position:absolute; top:0; right:0; width:110px;}
.vidMenuWrap dd a img {padding:5px; background:#fff;  }
.ih-js .vidMenuWrap dd {display:none;}

/* General Content */
.tdGenDetails h3 {padding:0 20px 15px;}
.tdGenDetails p {padding:0 20px 15px;}
.tdGenDetails ul {padding:0 20px 15px;}
.tdGenDetails ul li {list-style-type:none; background:url(../img/arrow.gif) no-repeat 0 .2em; padding:0 0 10px 20px;}
a.adBanner {margin:0 20px 15px; display:block; cursor:pointer;}
.tdGenDetails h3 {font:normal 1.5em/normal Georgia, "Times New Roman", Times, serif; color:#6685A0;}
.tdGenDetails p {line-height:170%; border-bottom:1px dotted #6685A0; margin-bottom:5px; color:#8F877A;}
.expandLnk {background:url(../img/openList.gif) no-repeat !important;}
.ih-js .expandLnk ul {display:none; padding-left:0; padding-top:10px;}
.expandLnk ul li {background:url(../img/arrowSmall.gif) no-repeat 0 .3em; padding-left:15px;}
.showList {background:url(../img/closeList.gif) no-repeat !important;}

/* FOOTER */
.pgFoot {background:#F7F7F7 url(../img/bg-pgFooter.jpg) no-repeat top; padding:30px 0 30px 15px; text-align:left;}
.pgFoot img {float:left; margin:0 20px 10px 0;}
.pgFoot p {padding:0 0 15px 196px;}
.pgFoot p span {display:block; font-size:.8em; color:#A9A296; padding-top:5px;}


/*BUTTONS*/
/*Blue Button*/
a.ih-button {background:#b2bec8 url(/images/lyt/bg-ih-button.gif) repeat-x 0 100% !important; color:#fff !important; font-family:Verdana; padding:3px 7px 5px; border:0; width:auto; overflow:visible;}
/*Green Button*/
a.ih-button-green {background:#8dc640 url(/images/lyt/bg-ih-button-green.gif) repeat-x 0 100% !important; color:#fff !important; font-family:Verdana; padding:3px 7px 5px; border:0; width:auto; overflow:visible;}
/*Brown Button*/
a.ih-button-brown {background:#734338 url(/images/lyt/bg-ih-button-brown.gif) repeat-x 0 100% !important; color:#fff !important; font-family:Verdana; padding:3px 7px 5px; border:0; width:auto; overflow:visible;}
/*Yellow Button*/
a.ih-button-yellow {background:#f0af21 url(/images/lyt/bg-ih-button-yellow.gif) repeat-x 0 100% !important; color:#fff !important; font-family:Verdana; padding:3px 7px 5px; border:0; width:auto; overflow:visible;}
/*Red Button*/
a.ih-button-red {background:#b1222a url(/images/lyt/bg-ih-button-red.gif) repeat-x 0 100% !important; color:#fff !important; font-family:Verdana; padding:3px 7px 5px; border:0; width:auto; overflow:visible;}
/*Button Hover*/
a.ih-button:hover,
a.ih-button-green:hover,
a.ih-button-brown:hover,
a.ih-button-yellow:hover,
a.ih-button-red:hover{ color:#e0e0e0 !important; text-decoration:none !important; }




