@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0;}

body { background:#e5e5e5;  color:#404040;font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:140%;}

h1 {margin:0 0 10px 0;}
h2 {margin:0 0 10px 0; font-size:16px;}
h3 { font-size:14px; color:#000;}
h4 {}
h5 {}
h6 {}
p {margin:0 0 20px 0;}

.font1down {font-size:11px;}
.font2down {font-size:10px;}
.font1up {font-size:13px;}
.font2up {font-size:14px;}

.imgright {margin: 0 0 0 10px; float: right;}
.imgleft {margin: 0 10px 0 0; float: left;}
.fleft {float: left;}
.fright {float: right;}
.clear {clear: both;}

a {color: #1097c8; font-weight:bold; outline: none; text-decoration: none;}
a:hover {text-decoration:underline;}

#sitecontainer { background:url(images/bg-repeat.gif) repeat-y 0 0; margin:10px auto;  width:970px;}

#masthead { background:url(images/header-bg.jpg) no-repeat 0 0; height:104px;padding:27px 0 0 217px; width:753px; position:relative;}
#masthead a#branding {text-indent:-9999px; display:block; width:180px; position:absolute; left:25px; top:15px; height:100px;}

#copycontainer {width:892px; padding:23px 39px 27px 39px; float:left;}
#copycontainer ul {margin:5px 0 5px 15px;}
#copycontainer ul ul {margin:5px 0 5px 15px;}
#copycontainer ul ul ul {margin:5px 0 5px 15px;}

#copycontainer ol {margin:5px 0 5px 18px;}
#copycontainer ol ol {margin:5px 0 5px 15px;}
#copycontainer ol ol ol {margin:5px 0 5px 15px;}


#copycontainer table th {font-weight:bold; text-align:left; padding:5px 15px 5px 0; border-bottom:1px solid #ccc;}
#copycontainer table td {padding:5px 10px 5px 0;}

#copycontainer div.newsContent {padding-left:2px;}
#footer {background:url(images/footerbanner.gif) no-repeat; height:50px; width:970px; float:left;}

#utilities { margin:0 auto; font-size:11px; height:56px; line-height:170%; padding:10px 0 0 0; position:relative; width:960px; color:#8c8c8c;}

#utilities ul {float:left;list-style:none;  margin:0 ; padding:0;}
#utilities ul li {background:url(images/footer-divider.gif) no-repeat 0 50%; float:left; padding:0 7px;}
#utilities ul li a {float:left; text-decoration:none; font-weight:bold;  color:#8c8c8c;}
#utilities ul li.nobg {background:none; padding-left:0;}
#utilities ul li a.active,#utilities ul li a:hover {text-decoration:underline;}

#utilities a.siteby {background:url(images/sitebysumo.gif) no-repeat; display:block; text-indent:-9999px;  height:9px; margin:10px 0 0 0; width:62px;}

#utilities .oxygen a {background:url(images/footerlogo-oxygen.gif) no-repeat; bottom:8px; right:157px; width:98px; height: 16px; position:absolute; text-indent:-9999px;}
* html #utilities .oxygen a {bottom:5px;}
#utilities .healthway a {background:url(images/footerlogo-healthway.gif) no-repeat; bottom:9px; display:block; height:43px; position:absolute; right:72px; text-indent:-9999px; width:71px; }
#utilities .heartfoundation a { background:url(images/footerlogo-heartfoundation.gif) no-repeat; bottom:9px; display:block; height:43px; position:absolute; right:8px; text-indent:-9999px; width:48px;}

/* First level main nav */

#masthead ul { float:left; height:50px;list-style:none; margin:0; padding:0;}
* html #masthead ul {width:753px;}
#masthead ul li {float:left;}

#masthead ul a {display:block; float:left;height:50px;text-decoration:none; padding:0 0 0 17px; font-weight:bold; background:url(images/mainnav-divider.gif) no-repeat 0 35%; /*for IE6*/ cursor:pointer;}
#masthead ul a:hover span {color:#a18ab6;}
#masthead ul a.nobg {background:none;}
#masthead ul a span {color:#ffffff; display:block;float:left;  padding-top:12px; padding-right:17px;}
#masthead ul a.active {background:url(images/mainnav-active-tab-left.png) no-repeat;}
#masthead ul a.active span {background:url(images/mainnav-active-tab-right.png) no-repeat right 0; display:block; height:50px;}
#masthead ul a.active:hover span {color:#ffffff;}
#masthead ul li.last a.active  {background:url(images/mainnav-active-tab-left.png) no-repeat;}

/* Second level main nav */

#masthead ul ul {position: absolute; bottom:0; left:217px; height:40px; }
* html #masthead ul ul {width:753px;}

#masthead ul ul li a {background:none; color:#000000; height:40px;}
#masthead ul ul li a:hover {color:#ffffff;}
#masthead ul ul li a.active {color:#ffffff; background:url(images/mainnav-2ndlevel-arrow.gif) no-repeat 50% bottom;}

/* Home page */

img#hp-hero {margin:0 0 26px 0;}

#hp-lefty {float:left; width:630px;}
#hp-lefty .copy {float:left; width:355px;}
#hp-lefty .news_events {float:right; width:232px; margin:45px 0 0 0;}
#hp-lefty .news_events h3.news {/*sIFR*/ border-bottom:1px solid #7f7f7f;}
#hp-lefty .news_events a {color:#4c4c4c;display:block; padding:4px 10px 4px 0; font-weight:bold; font-size:11px; text-decoration:none; border-bottom:1px solid #e5e5e5; }
#hp-lefty .news_events a.last {border-bottom:none;}
#hp-lefty .news_events a span {color:#1097c8;}
#hp-lefty .news_events a span.txt {color:#000000;font-weight:normal;}
#hp-lefty .news_events a:hover { background:url(images/news-over-arrow.gif) no-repeat 215px 50%;}
#hp-lefty .news_events a.standard {background:url(images/blue-arrow.gif) no-repeat right center; padding-right:10px; color:#1097c8; border:none; display:inline; float:right; }

#hp-righty {float:right; font-size:11px; font-weight:bold;padding:0 0 40px 19px; width:220px; border-left:1px solid #e5e5e5;}
#hp-righty a {color:#404040;}
#hp-righty a:hover {text-decoration: none; color:#1097c8;}

#hp-righty ul {margin:0; padding:0; list-style:none;}
#hp-righty ul li a {display:block; text-indent:-9999px;width:220px; height:82px;}

#hp-righty ul li#resources_merchandise a {background:url(images/hp-navitem-resources_merchandise.gif) no-repeat; }
#hp-righty ul li#current_campaign a { background:url(images/hp-navitem-current_campaign.gif) no-repeat; }
#hp-righty ul li#about_sponsorship a { background:url(images/hp-navitem-about_sponsorship.gif) no-repeat;}

#hp-righty ul li#resources_merchandise a:hover {background:url(images/hp-navitem-resources_merchandise-over.gif) no-repeat; }
#hp-righty ul li#current_campaign a:hover { background:url(images/hp-navitem-current_campaign-over.gif) no-repeat; }
#hp-righty ul li#about_sponsorship a:hover { background:url(images/hp-navitem-about_sponsorship-over.gif) no-repeat;}


/* Two column page, e.g. School-based resources and Brochures */

.colswrapper_2 { background:url(images/2-col-bg.gif) repeat-y 50% top; float:left; width:892px; margin:20px 0 0 0;}
.colswrapper_2 .infoblock {width:428px; border-bottom:1px solid #e5e5e5; padding:0 0 20px 0; margin:0 0 20px 0;}
.colswrapper_2 .infoblock h3 {margin-top: 0;}
.colswrapper_2 .infoblock p {margin: 10px 0 0 0;}

.colswrapper_2 .infoblock .infotext { width: 330px; float:left; margin-left:4px; }
.colswrapper_2 .infoblock .imgholder {float:left; width: 116px;}
.colswrapper_2 .infoblock .textholder {float:right; width: 312px;}
.colswrapper_2 .infoblock a {  background:url(images/blue-arrow.gif) no-repeat right center; padding:0 10px 0 0; font-size:12px;}
.colswrapper_2 .infoblock.last {border-bottom:none;}
.colswrapper_2 .infoblock a.noarrows {background: none; padding: 0;}

/* Three column page, e.g. Merchandise */

.colswrapper_3 { background:url(images/3-col-bg.gif) repeat-y 50% top;width:892px; margin:20px 0 0 0; float:left}
.colswrapper_3 .infoblock {width:273px; border-bottom:1px solid #e5e5e5; padding:0; margin:0 0 15px 0;}
.colswrapper_3 .infoblock.fleft {margin-right:35px;}
.colswrapper_3 .infoblock.fright {margin-left:-20px;}
.colswrapper_3 .infoblock .imgholder {min-height: 137px;}
* html .colswrapper_3 .infoblock .imgholder {height: 137px;}
.colswrapper_3 .infoblock img { margin:0 0 10px 70px;}
.colswrapper_3 .infoblock a {  background:url(images/blue-arrow.gif) no-repeat right center; padding:0 10px 0 15px;}
.colswrapper_3 .infoblock p a {padding: 0 10px 0 0;}
.colswrapper_3 .infoblock.last {border-bottom:none;}
.colswrapper_3 .infoblock a.noarrows {background: none; padding: 0;}

/* Campaigns */

.tvcwrapper {background: url(images/tvc-wrapper-bg.gif) no-repeat 50% 5px; float: left; margin: 20px 0; padding: 0; width: 892px;}
* html .tvcwrapper {background-position: 48% 5px;}
.tvcwrapper .tvc {border-bottom: 1px solid #e5e5e5; height: 300px; padding: 0; margin: 0 0 15px 0; width: 446px;}
* html .tvcwrapper .tvc {width: 380px;}
.tvcwrapper .tvc.last {border: none;}
.tvcwrapper .tvc.fright p {margin-left: 15px;}
.tvcwrapper .tvc p {color: #000; margin: 0 0 10px 0;}
.tvcwrapper .tvc .video {margin: -10px 0 0 0; padding: 0 0 0 60px;}
* html .tvcwrapper .tvc .video {padding: 0;}

/* Newsletter Subscription Form */

table#subscription {margin: 30px 0; width: 500px; font-weight: bold;}
table#subscription td {border-bottom: 1px solid #cecece;}