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

/*
HOME PAGE STYLES
*/

#home-banner { 
	width: 898px;
	background: url(../images/bg-home-banner.jpg) no-repeat 0 bottom;
	margin-left: 8px;
	float: left;
	position: relative;
	padding-bottom: 8px;
	margin-bottom: 7px;
}

#whats-new {
	width: 604px;
	background: url(../images/bg-home-banner-news.png) no-repeat 0 0;
	min-height: 210px;
}
.two-line-nav { padding: 1px 5px 52px 2px; }
.three-line-nav { padding: 1px 5px 68px 2px; }

#media,
#nhtd-media {
	width: 283px;
	padding: 1px 4px 0 0;
	background: url(../images/bg-home-banner-media-top.png) no-repeat 0 0;
}
#nhtd-media {background: url(../images/bg-nhtd-banner-media-top.png) no-repeat 0 0; }

#whats-new-nav {
	width: 605px;
	float: left;
	position: absolute;
	bottom: 8px;
	left: 1px;
	background: url(../images/bg-home-banner-news-nav.png) no-repeat 0 bottom;
}

#whats-new-nav li { display: block; float: left; }
#whats-new-nav a {
	background: url(../images/arrow-home-news.png) no-repeat 0 0;
	display: block;
	float: left;
	min-height: 30px;
	padding: 10px 10px 12px 24px;
	font-size: 12px;
	font-family: "Trebuchet MS", verdana, sans-serif;
	line-height: 15px;
}

.news-item {
	float: left;
	clear: left;
	width: 604px;
	min-height: 210px;
}

.full-poster { background: url(../images/bg-home-banner-news-poster.jpg) no-repeat 254px 0; }
.full-poster .news-copy { width: 234px; }
.full-poster .news-copy h3 { background: url(../images/bg-news-head.jpg) no-repeat center bottom; }
.full-poster .news-poster { width: 340px; }

.med-poster { background: url(../images/bg-home-banner-news-poster.jpg) no-repeat 354px 0; }
.med-poster .news-copy { width: 334px; }
.med-poster .news-copy h3 { background: url(../images/bg-news-head-med.jpg) no-repeat center bottom; }
.med-poster .news-poster { width: 240px; }

.medsmall-poster { background: url(../images/bg-home-banner-news-poster.jpg) no-repeat 394px 0; }
.medsmall-poster .news-copy { width: 374px; }
.medsmall-poster .news-copy h3 { background: url(../images/bg-news-head-sm.jpg) no-repeat center bottom; }
.medsmall-poster .news-poster { width: 200px; }

.small-poster { background: url(../images/bg-home-banner-news-poster.jpg) no-repeat 454px 0; }
.small-poster .news-copy { width: 434px; }
.small-poster .news-copy h3 { background: url(../images/bg-news-head-sm.jpg) no-repeat center bottom; }
.small-poster .news-poster { width: 140px; }

.news-copy {
	padding: 10px;
	float: left;
	width: 234px;
}

.news-copy * { color: #FFF; }

.news-copy h3 {
	font-size: 18px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	text-align: center;
}
.news-copy h4 { font-size: 14px; font-weight: bold; padding: 0 5px; }
.news-copy p,
.news-copy ul,
.news-copy ol {
	font-size: 12px;
	line-height: 19px;
	padding: 0 5px;
}

.news-copy ul,
.news-copy ol { margin-left: 20px; }

.news-copy ul { list-style: disc; }
.news-copy ol { list-style: decimal; }

.news-copy a,
.news-copy a:hover { text-decoration: underline; }
.news-copy strong a { text-decoration: none; }

.news-poster { 
	padding: 5px;
	float: right;
	text-align: center;
}

#whats-new .news-item-one,
#whats-new .news-item-two,
#whats-new .news-item-three { background: url(../images/bg-home-banner-news-nav.png) no-repeat 0 bottom }
#whats-new .news-item-four { background: url(../images/bg-home-banner-news-nav.png) no-repeat -605px bottom }

#whats-new-nav a:hover { background: url(../images/arrow-home-news.png) no-repeat 0 -100px; }
#whats-new-nav li.one a { background: url(../images/arrow-home-news.png) no-repeat -1px 0; }
#whats-new-nav li.one a:hover { background: url(../images/arrow-home-news.png) no-repeat -1px -100px; }

.news-item-one li.one { background: url(../images/bg-home-banner-nav-on.png) no-repeat left bottom; }
.news-item-two li.two,
.news-item-three li.three,
.news-item-four li.four { background: url(../images/bg-home-banner-nav-on.png) no-repeat right bottom; }
/*
#whats-new .news-item-one li.one a { background: url(../images/arrow-home-news.gif) no-repeat -1px -200px; }
#whats-new .news-item-two li.two a,
#whats-new .news-item-three li.three a,
#whats-new .news-item-four li.four a { background: url(../images/arrow-home-news.gif) no-repeat 0 -200px; }

#whats-new .news-item-one li.one a:hover { background: url(../images/arrow-home-news.gif) no-repeat -1px -300px; }
#whats-new .news-item-two li.two a:hover,
#whats-new .news-item-three li.three a:hover,
#whats-new .news-item-four li.four a:hover { background: url(../images/arrow-home-news.gif) no-repeat 0 -300px; }
*/
#home-banner .paginate-contain {
	width: 250px;
	position: relative;
	margin: 0 15px;
	padding-top: 15px;
}
#home-banner .media-set { position: relative; }
#blog-posts,
#podcasts {
	position: relative;
	overflow: hidden;
	width: 250px;
	height: 75px;
}

#home-banner .paginate-nav {
	top: -8px;
}
#home-banner .pagination-set { position: absolute; }

.media-set h2 { font-size: 15px; margin-left: 4px; padding: 10px 5px 5px 30px; height: 26px; }
#nhtd-media .media-set h2 { margin: 0; padding: 10px 0 0 0; height: auto; }
#podcast-banner h2 { background: url(../images/icon-podcast-banner.png) no-repeat 0 4px; }
#blog-banner h2 { background: url(../images/icon-blog-banner.png) no-repeat 0 4px; }

#podcast-banner h2 a, #podcast-banner .media-link { color: #175000; }
#blog-banner h2 a, #blog-banner .media-link { color: #003a64; }

.media-link { font-size: 10px; display: block; height: 20px; width: 40px; padding-right: 15px; position: absolute; right: 8px; top: 4px; text-indent: -9999px; }
.media-link:hover { text-indent: 0; }
#podcast-banner .media-link { background: url(../images/arrow-podcasts.gif) no-repeat 42px 4px; }
#blog-banner .media-link { background: url(../images/arrow-blog.gif) no-repeat 42px 4px; }

#podcast-banner { background: url(../images/bg-home-banner-media-pagination.png) no-repeat 0 0; }

#home-banner .paginate-item {
	width: 250px;
	clear: both;
	float: left;
	padding-bottom: 5px;
}
#media h4 { font-size: 11px; font-weight: normal; padding-top: 5px; }
#media h4 span { font-size: 10px; }

.item-info { float: left; width: 150px; }
.no-thumb { float: none; width: 250px; }

/* TASKS */

#task-intros {
	clear: both;
	background:url(../images/bg-home-tasks.jpg) no-repeat left top;
	height: 252px;
	position: relative;
	width: 891px;
	margin: 12px 0 12px 12px;
}

div.task {
 	width: 287px;
	height: 252px;
	position: relative;
}

#task-federal { margin-right: 16px; }
#task-basics { margin-right: 14px; }

div.task h2 { text-indent: -9999px; }
div.task h2 a { height: 33px; width: 100%; display: block; }
#task-federal h2 { background: url(../images/h2-home-tasks.gif) no-repeat center top; }
#task-basics h2 { background: url(../images/h2-home-tasks.gif) no-repeat center -33px; }
#task-newmedia h2 { background: url(../images/h2-home-tasks.gif) no-repeat center -66px; position: relative; z-index: 5; }

#task-federal #link-nhas {
	display: block;
	width: 226px;
	height: 44px;
	overflow: hidden;
	position: absolute;
	top: 99px;
	left: 35px;
	text-indent: -9999px;
	background: url(../images/button-national-hiv-aids-strategy.png) no-repeat 0 0;
}

#task-federal #link-nhas:hover {
	background: url(../images/button-national-hiv-aids-strategy.png) no-repeat 0 -44px;
}

img.links {
	background: url(../images/links-home-federal.png) no-repeat left top;
	position: absolute;
	left: 5px;
	bottom: 14px;
}
img.link-programs { background: url(../images/links-home-federal.png) no-repeat left -93px; }
img.link-policies { background: url(../images/links-home-federal.png) no-repeat left -186px; }
img.link-opportunities { background: url(../images/links-home-federal.png) no-repeat left -279px; }
img.link-world { background: url(../images/links-home-federal.png) no-repeat left -372px; }

div.basics-section {
	position: absolute;
	top: 38px;
	left: 4px;
	width: 277px;
	height: 159px;
}

div.basics-section ul a {
	position: absolute;
	display: block;
}

#basics-hivaids101 { background: url(../images/bg-hometask-basics.jpg) no-repeat 0 0; }
#basics-hivaids101 div.link-map { margin: 42px 0 0 123px; }

#basics-prevention { background: url(../images/bg-hometask-basics.jpg) no-repeat 0 -166px; }
#basics-prevention div.link-map {  margin: 48px 0 0 123px;  }

#basics-diagnosed { background: url(../images/bg-hometask-basics.jpg) no-repeat 0 -332px; }
#basics-diagnosed div.link-map {  margin: 27px 0 0 105px;  }

#basics-staying-healthy { background: url(../images/bg-hometask-basics.jpg) no-repeat 0 -498px; }
#basics-staying-healthy div.link-map {  margin: 37px 0 0 115px;  }

ul#basics-nav {
	position: absolute;
	bottom: 15px;
	left: 4px;
	height: 38px;
	padding-top: 7px;
}
ul.basics-hivaids101 { background: url(../images/bg-hometask-basics-rollover.png) no-repeat 0 -45px; }
ul.basics-prevention { background: url(../images/bg-hometask-basics-rollover.png) no-repeat 62px 0; }
ul.basics-diagnosed { background: url(../images/bg-hometask-basics-rollover.png) no-repeat 132px 0; }
ul.basics-staying-healthy { background: url(../images/bg-hometask-basics-rollover.png) no-repeat 194px -90px; }

ul#basics-nav li { display: inline; }
	
ul#basics-nav a { 
	display: block;
	width: 67px;
	height: 33px;
	padding-top: 4px;
	float: left;
	overflow: hidden;
	margin-right: 3px;
	text-align: center;
	font-size: 1.2em;
	line-height: 1.1em;
	color: #a16622;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
ul#basics-nav li.link-prevention a { padding-top: 4px; height: 26px; }
body.font-medium ul#basics-nav a { font-size: 1em; }
body.font-large ul#basics-nav a {  font-size: 1em; }

div#task-basics ul.basics-hivaids101 .link-hivaids101 a, 
div#task-basics ul.basics-prevention .link-prevention a,
div#task-basics ul.basics-diagnosed .link-diagnosed a, 
div#task-basics ul.basics-staying-healthy .link-staying-healthy a { color: #FFF; }

#task-newmedia ul {
	width: 217px;
	height: 207px;
	position: relative;
	top: -6px;
	z-index: 4;
}
#task-newmedia ul { background: url(../images/bg-hometasks-newmedia-buttons.png) no-repeat 0 -621px; }
#task-newmedia ul.new-media-basics { background: url(../images/bg-hometasks-newmedia-buttons.png) no-repeat 0 0; }
#task-newmedia ul.new-media-tools { background: url(../images/bg-hometasks-newmedia-buttons.png) no-repeat 0 -207px; }
#task-newmedia ul.getting-started { background: url(../images/bg-hometasks-newmedia-buttons.png) no-repeat 0 -414px; }

#task-newmedia li { position: absolute; }
#task-newmedia ul a { display: block; text-indent: -9999px; overflow: hidden; }
#task-newmedia #new-media-basics { top: 19px; left: 15px; }
#task-newmedia #new-media-basics a { width: 75px; height: 65px;}

#task-newmedia #getting-started { top: 115px; left: 24px; }
#task-newmedia #getting-started a { width: 85px; height: 80px; }

#task-newmedia #new-media-tools { top: 52px; left: 135px; }
#task-newmedia #new-media-tools a { width: 70px; height: 65px; }

#home-content {
	background: url(../images/bg-home-feed-boxes.png) no-repeat 1px bottom;
	width: 914px;
	clear: both; margin-top: 60px;
	position: relative;
}

#awareness-days,
#news-feed {
	padding: 0 0 15px 0;
	color: #0C2255;
	position: relative;
	width: 457px;
	min-height: 204px;
}

#awareness-days h2,
#news-feed h2,
#news-feed .gfg-title {
	background: url(../images/bg-home-feed-boxes.png) no-repeat 1px top;
	font-size: 2em;
	font-weight: normal;
	position: relative;
	top: -67px;
	margin-bottom: -67px;
	padding: 23px 0 0 0;
	height: 44px;
	color: #FFF;
	text-align: center;
}
#awareness-days h2 a { font-size: 1em;color: #FFF;font-family: "trebuchet ms", verdana; }

#news-feed h2,
#news-feed .gfg-title {
	background: url(../images/bg-home-feed-boxes.png) no-repeat -456px top;
}
#news-feed .gfg-title a { color: #FFF; }
#awareness-event {
	margin: 0 14px 0 17px;
	width: 281px;
/*	background:url(../images/bg-home-awareness-double.png) no-repeat left top; */
	background:url(../images/bg-home-awareness.png) no-repeat left top;
	position: relative;
	top: -15px;
	padding: 20px 0 35px 0;
}

/*
#awareness-event .event
{
	clear: both; float: left;
	padding-left: 15px;
}

#awareness-event .event-info
{
	float: right;
	width: 180px;
}

#awareness-event .first
{
	background: url(../images/divider-awareness-days.png) no-repeat 5px bottom;
	padding-bottom: 10px; margin-bottom: 10px;
}

#awareness-event span
{
	display: block;
	font-family: "Trebuchet MS", verdana, sans-serif;
	font-size: 1.3em;
	color: #354b76;
}
#awareness-event h3 {
	font-size: 1.3em;
}
*/

#awareness-event a:hover { text-decoration: underline; }

#awareness-event h3 {
	width: 204px;
	margin: 0 0 8px 0;
	text-align: center;
	font-size: 1.3em;
}

#awareness-event img {
	margin-right: 40px;
}

#awareness-event span.date {
	font-size: 1.1em;
	color: #0C2255;
	display: block;
	width: 55px;
	height: 40px;
	float: left;
	text-align: center;
	margin: 8px 0 0 13px;
	line-height: 1.5em;
}

#awareness-event li.event {
	float: left;
	width: 125px;
	margin-right: 10px;
}

#awareness-event li.event img.clear { display: block; margin: 10px 0 0 20px;}

#get-engaged { width: 127px; }
#get-engaged ul { margin-bottom: 10px; }

#get-engaged h3 {
	font-size: 1.2em;
	position: relative;
	top: -5px;
	text-align: center;
}

#get-engaged li {
	margin-bottom: 3px;
}

#get-engaged li a {
	background: url(../images/bg-button.gif) no-repeat left top;
	display: block;
}

#get-engaged li a span {
	display: block;
	width: 127px;
	text-align: center;
	padding: 12px 0 14px 0;
	background: url(../images/bg-button.gif) no-repeat -127px bottom;
	color: #0551a2;
	font-size: 1.2em;
	font-weight: bold;
}

#get-engaged li a:hover { background: url(../images/bg-button.gif) no-repeat -254px top; }
#get-engaged li a:hover span {background: url(../images/bg-button.gif) no-repeat -381px bottom; }

a#view-all
{
	display: block;
	width: 180px;
	height: 25px;
	position: absolute;
	bottom: 21px;
	left: 90px;
	font-weight: bold;
	font-size: 12px;
	color: #0C2255;
	text-align: center;
	padding-top: 10px;
	z-index: 1;
}
body.font-medium a#view-all, body.font-large a#view-all
{
	font-size: 13px;
}

a#view-all:hover { text-decoration: underline; }

#news-feed div.gfg-title a { font-family: "Trebuchet MS"; }

#news-feed div.gfg-entry,
#news-feed div.gfg-list {
	font-size: 1.2em;
	margin: 0 20px 0 24px;
}

#news-feed a { color: #0C2255; }
#news-feed a:hover,
#news-feed a.gf-title {
	text-decoration: underline;
}
.feed-contain { width: 420px; height: 200px; margin: 0 0 0 20px; overflow: auto; }
.feed-list { border-bottom: 1px solid #CCC; margin-right: 10px; float: left; display: inline; cursor: pointer; }
.feed-list .odd { background-color: #F9F9F9; }
.feed-list .hover { background-color: #F3F3F3; }
.feed-item {
	border-top: 1px solid #CCC;
	padding: 10px;
	float: left;
	width: 370px;
}
.feed-item img { display: block; width: 55px; height: 55px; background-color: #CCC; }
.feed-item .content {
	padding-left: 10px;
	width: 305px;
}
.feed-item .title, .feed-item .description { font-size: 1.2em; }
.feed-item .title { font-weight: bold; }
.feed-item .byline { font-size: 1.1em; }
.feed-item .description { margin-top: 10px; }

/* NHTD banner */
#one-off-page #home-banner { left: -25px; }
#one-off-page #home-banner .news-copy a { color: #FFF; }
#one-off-page #whats-new-nav a { text-decoration: none; }
#one-off-page #whats-new-nav,
#one-off-page #whats-new-nav li { margin: 0;}