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

/*
HOME PAGE STYLES
*/

#home-banner {
	background: url(../images/bg-home-banner.gif) no-repeat top left;
	width: 898px;
	margin-left: 8px;
	position: relative;
	padding-bottom: 68px;
}
.banner-no-script { height: 211px; }
ul#banner-nav {
	background: url(../images/bg-home-banner-nav.gif) no-repeat 0 bottom;
	height: 72px;
	width: 898px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding-bottom: 10px;
}

ul#banner-nav li {
	float: left;
	height: 72px;
	margin-left: 3px;
}

ul#banner-nav li a {
	display: block;
	width: 237px;
	padding-top: 30px;
	height: 43px;
	float: left;
	background: url(../images/bg-home-banner-nav-link.gif) no-repeat 0 0;
	text-align: center;
	color: #a2b3ba;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	font-weight: bold;
}
ul#banner-nav li a:hover { background: url(../images/bg-home-banner-nav-link.gif) no-repeat left -72px; color: #95a6ae; }
ul#banner-nav li#link-whats-new a,
ul#banner-nav li#link-whats-new a:hover { background: url(../images/bg-home-banner-nav-active.png) no-repeat 0 3px; color:#FFF; }

#home-banner ul.blog li#link-whats-new a,
#home-banner ul.podcasts li#link-whats-new a { background: url(../images/bg-home-banner-nav-link.gif) no-repeat left -144px; color: #95a6ae; }
#home-banner ul.blog li#link-whats-new a:hover,
#home-banner ul.podcasts li#link-whats-new a:hover { background: url(../images/bg-home-banner-nav-link.gif) no-repeat left -216px; color: #95a6ae; }

ul.callouts { font-size: 1.2em; }
ul.callouts li { float: left; width: 46%; padding: 5px 0 5px 18px; background: url(../images/arrow-home-banner-callout.gif) no-repeat left center; }

ul.blog li#link-blog a,
ul.blog li#link-blog a:hover { background: url(../images/bg-home-banner-nav-active.png) no-repeat 0 -97px; color:#FFF; }
ul.podcasts li#link-podcasts a,
ul.podcasts li#link-podcasts a:hover { background: url(../images/bg-home-banner-nav-active.png) no-repeat 0 -197px; color:#FFF; }

#banner-container { width: 893px; overflow: hidden; position: relative; margin-left: 3px; z-index: 10; }
.banner-no-script #banner-container {
 	height: 211px;
 	overflow: auto;
}

.banner-intro { margin: 10px 0 0 20px; }
#banner-blog .banner-intro,
#banner-podcasts .banner-intro { width: 275px; }
#banner-whats-new .banner-intro { width: 520px; }

.banner-intro h2,
.banner-intro p { margin-bottom: 10px; }
.banner-intro a:hover { text-decoration: underline; }

#banner-podcasts h2,
#banner-podcasts a { color: #6b9d17; }

#podcasts,
#blog-posts {
	width: 405px;
	height: 126px;
	overflow: hidden;
	position: relative;
}

#podcasts .pagination-set,
#blog-posts .pagination-set {
	width: 390px;
	height: 126px;
	position: absolute;
	top: 15px;
	padding-left: 15px;
}

.paginate-no-script #podcasts,
.paginate-no-script #blog-posts {
	width: 1000px;
	height: 126px;
	overflow: auto;
}

.banner .paginate-nav { top: -9px; }

#banner-blog h2,
#banner-blog a { color: #066591; }

#banner-whats-new h2,
#banner-whats-new a { color: #a41317; }

#banner-container h2 { font-size: 1.8em; }
#banner-container p { font-size: 1.4em; color: #464646; }

.banner { width: 893px; height: 193px; position: absolute; top: 0px; }
#banner-whats-new { left: 0; background: url(../images/image-home-banner-whats-new.jpg) no-repeat right top; z-index: 5; }
#banner-blog { left: 893px; background: url(../images/image-home-banner-blog.png) no-repeat 35px 99%; z-index: 4; }
#banner-podcasts { left: 1786px; background: url(../images/image-home-banner-podcast.png) no-repeat 71px 99%; z-index: 3;}
#banner-get-tested { left: 2679px; z-index: 2;}

#home-banner .paginate-contain {
	background: url(../images/bg-home-banner-media.png) no-repeat left top;
	width: 405px;
	height: 142px;
	position: absolute;
	top: 27px;
	left: 458px;
	overflow: visible;
}
#home-banner .paginate-no-script { overflow: auto; }

#home-banner .paginate-item h4,
#home-banner .paginate-item p {
	font-size: 1.1em;	
}

.podcast-info { float: left; width: 84px;}

#podcasts .paginate-item,
#blog-posts .paginate-item {
	width: 	180px;
	padding-right: 15px;
	float: left;
}

#banner-get-tested .banner-video { width: 480px; margin: 15px 20px 0 20px; }
#banner-get-tested .banner-callouts { width: 340px; margin-top: 15px }

#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,
#task-basics { margin-right: 15px; }

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 .copy-block { padding: 10px 15px 0 15px; }

img.links {
	background: url(../images/links-home-federal.png) no-repeat left top;
	position: absolute;
	left: 5px;
	bottom: 15px;
}
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: 166px;
}

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: 31px;
	padding-top: 7px;
}
ul.basics-hivaids101 { background: url(../images/bg-hometask-basics-rollover.png) no-repeat 0 -38px; }
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 -76px; }

ul#basics-nav li { display: inline; }
	
ul#basics-nav a { 
	display: block;
	width: 67px;
	height: 28px;
	padding-top: 2px;
	float: left;
	overflow: hidden;
	margin-right: 3px;
	text-align: center;
	font-size: 1.1em;
	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;
}

#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;
}
#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 35px 17px;
	width: 281px;
	background:url(../images/bg-home-awareness.png) no-repeat left top;
	position: relative;
	top: -15px;
	padding-top: 20px;
}

#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: 1.2em;
	color: #0C2255;
	text-align: center;
	padding-top: 10px;
}
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.1em;
	margin: 0 20px 0 24px;
}

#news-feed a { color: #0C2255; }
#news-feed a:hover,
#news-feed a.gf-title {
	text-decoration: underline;
}

#news-feed div.gfg-entry {
	height: 70px;
	overflow:hidden;
	position: relative;
}

.gfg-root .gfg-entry .gf-result {
	position : relative;
	background-color : transparent;
	width : auto;
	height : 100%;
}
	
#news-feed div.gfg-list {
	border-top: 1px solid #b7c9dd;
	border-bottom: 1px solid #b7c9dd;
	padding: 2px 0;
}

#news-feed div.gfg-listentry {
	padding: 2px 4px 2px 12px;
}

#news-feed div.gfg-listentry-highlight {
	background: url(../images/arrow-news-feed.gif) no-repeat left center #D7EAFF;
	font-weight: normal;
}