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

/*
TABBED CONTENT
*/

#page-intro {
	width: 598px;
	margin-left: 13px;
	padding: 10px 13px 0 290px;
	min-height: 180px;
}

#one-off-page {
	width: 875px;
	margin-left: 13px;
	padding: 10px 13px 0 13px;
	min-height: 180px;
}

div.about-intro { background: url(../images/image-about-us.jpg) no-repeat 15px 0; }
div.rss-intro { background: url(../images/image-rss.jpg) no-repeat 60px 0; }
div.faq-intro { background: url(../images/image-faq.jpg) no-repeat left 0; }
#wrapper #content div.widget-intro { background: url(../images/image-widgets-badges.jpg) no-repeat left 0; padding-left: 400px; width: 488px; }

ul#page-tabs {
	width: 894px;
	margin: 0 0 0 13px;
	background:url(../images/bg-tab-page-tab-list.png) no-repeat left bottom;
	padding-bottom: 41px;
	float: left;
	display: inline;
	list-style: none;
}

ul#page-tabs li {
	float: left;
	background: url(../images/bg-tab-page-tab.png) no-repeat left top;
	margin: 0 15px 0 0;
	position: relative;
}
ul#page-tabs li.current-trigger { background: url(../images/bg-tab-page-tab.png) no-repeat left -100px; }

ul#page-tabs a {
	display: block;
	float: left;
	background: url(../images/bg-tab-page-tab.png) no-repeat right top;
	padding: 10px 20px 10px 10px;
	position: relative;
	left: 16px;
	color: #0C2255;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: none;
}
ul#page-tabs li.current-trigger a { background: url(../images/bg-tab-page-tab.png) no-repeat right -100px; }
body.font-large ul#page-tabs a { font-weight: normal; }

div.tab-content {
	width: 806px;
	margin-left: 13px;
	background: url(../images/bg-tab-page-body.png) repeat-y left top;
	padding: 0 44px 40px 44px;
	float: left;
	display: inline;
	position: relative;
}

div.has-inlay {
	width: 846px;
	padding: 0 28px 0 20px;
}

div.inlay-pad {
	padding: 0 24px;
}

div.displayelement-inlay-top {
	background: url(../images/bg-tabbed-content-inner.gif) no-repeat -846px top;
	padding-top: 18px;
	margin-top: 25px;
}

div.inlaid {
	background: url(../images/bg-tabbed-content-inner.gif) repeat-y left top;
	padding: 0 0 20px 0;
	float: left;
	width: 846px;
	margin-top: 0px;
}

/* about us */

div.federal-partners {
	width: 791px;
	background:url(../images/bg-copy-block-roundrect.png) no-repeat left bottom;
	margin-bottom: 10px;
}

div.federal-partners h3 {
	background:url(../images/bg-copy-block-roundrect.png) no-repeat left top;
	padding: 8px 15px;
}
div.federal-partners p {  padding: 0 15px; }
div.federal-partners ul { list-style: none; padding: 0 15px; }
div.federal-partners li {
	display: inline;
	margin: 0;
}

div.awards {
	background: url(../images/bg-about-awards.png) no-repeat left bottom;
	width: 804px;
	position: relative;
	left: -13px;
	float: left;
	display: inline;
}

div.awards h3 {
	background: url(../images/bg-about-awards.png) no-repeat left top;
	text-indent: -9999px;
	height: 80px;
}

div.award {
	width: 240px; 
	margin-left: 120px;
	margin-top: -40px;
}

/* rss */

div.feed {
	background: url(../images/bg-rss-feed.gif) no-repeat left bottom;
	display: inline;
	float: left;
	clear: left;
	width: 826px;
	margin: 0 0 5px 13px;
	padding-bottom: 5px;
}

div.feed h3 {
	font-size: 1.3em;
	background: url(../images/bg-rss-feed.gif) no-repeat left top;	
	padding: 15px 195px 0 15px;
}

div.feed p {
	float: left;
	width: 600px;
	margin-left: 15px;
	/* padding-bottom: 15px; <- applied in ie7.css */
}

div.feed ul.subscriptions {
	float: right;
	width: 175px;
	position: relative;
	top: -20px;
	list-style: none;
	margin-bottom: 0px;
}

div.feed ul.subscriptions li { margin: 0 0 5px 0; }

div.feed ul.subscriptions a { padding: 6px 0 6px 26px; }

a.subscription-rss { background: url(../images/icon-subscribe.gif) no-repeat left 3px; }
a.subscription-email { background: url(../images/icon-subscribe.gif) no-repeat left -96px; }
a.subscription-igoogle { background: url(../images/icon-subscribe.gif) no-repeat left -198px; }
a.subscription-itunes { background: url(../images/icon-subscribe.gif) no-repeat left -294px; }
a.subscription-govdelivery { background: url(../images/icon-subscribe.gif) no-repeat left -400px; }

/* faqs */

div.question {
	width: 830px;
	background: url(../images/bg-faq-off.png) no-repeat left bottom;
	margin-left: 11px;
	padding-bottom: 29px;
	position: relative;
}

a.answer-link {
	display: block;
	position: absolute;
	bottom: 9px;
	right: 23px;
	width: 56px;
	height: 40px;
	text-align: center;
	color: #FFF;
	text-transform: uppercase;
	font-size: 11px;
	text-decoration: none;
}

a.answer-link:hover { text-decoration: underline; }

div.question p { padding: 0 95px 0 75px; }

div.question p.first {
	background: url(../images/bg-faq-off.png) no-repeat -830px top;
	padding-top: 20px;
}

#frequently-asked-questions div.related-open { background: url(../images/bg-faq-on.png) no-repeat left bottom; }
#frequently-asked-questions div.related-open p.first { background: url(../images/bg-faq-on.png) no-repeat -830px top; }

div.answer {
	background: url(../images/bg-faq-answer.gif) no-repeat left bottom #FFF;
	width: 800px;
	margin: 0 0 -2px 25px;
	position: relative;
	top: -7px;
}

div.answer p {
	padding: 0 20px 10px 20px;
	margin: 0;
}

div.answer p.first {
	background: url(../images/bg-faq-answer-shadow.gif) repeat-x left top;
	padding-top: 10px;
}

/* widgets and badges */

div.widget-badge-tab { width: 846px; padding: 0 24px 40px 24px; }

div.widget-badge-wrapper {
	background: url(../images/bg-widget-badge-bottom.gif) no-repeat left bottom #22336D;
	width: 843px;
	padding-bottom: 12px;
	margin-top: 20px;
	
}

div.widget,
div.badge {
	background: url(../images/bg-widget.jpg) no-repeat left top;
	width: 843px;
	padding: 45px 0 10px 0;
	position: relative;
}
div.badge { background: url(../images/bg-badge.jpg) no-repeat left top; }

.call-to-action {
	width: 139px;
	height: 101px;
	background: url(../images/text-widget-call-to-action.png) no-repeat 0 0;
	text-indent: -9999px;
	position: absolute;
}

div.widget-badge-content-wrapper { background: url(../images/bg-widget-badge-content.png) bottom left; }
div.widget-badge-content { background: url(../images/bg-widget-badge-content.png) bottom right; width: 100%; position: relative; left: 20px; }

div.widget-badge-contain { padding: 0 15px 20px 15px; }

div.description { float: left; background: url(../images/bg-widget-badge-content.png) top left; position: relative; left: -20px; padding: 20px 40px 0 20px; margin-right: -40px; }
div.embed-code { float: right; width: 299px; background: url(../images/bg-widget-badge-content.png) top right; padding-top: 20px; position: relative; }

div.description h3 { color: #577591; font-size: 1.4em; }
div.description h3 span { color: #304076; font-size: 1em; }

div.embed-code h4 { background: url(../images/bg-embed-code-top.gif) no-repeat top; padding: 10px; width: 240px; }
div.embed-code p { position: absolute; width: 240px; overflow: auto; left: 10px; }

/* AIDS.gov podcast widget */

#widget-aidsgov-podcasts div.widget-badge-contain { width: 180px; height: 300px; }
#widget-aidsgov-podcasts div.widget-badge-content-wrapper { width: 598px; }
#widget-aidsgov-podcasts div.description { width: 259px; min-height: 268px; }
#widget-aidsgov-podcasts div.embed-code p { height: 200px; }
#widget-aidsgov-podcasts .call-to-action { top: 250px; left: 200px; }

/* National HIV Testing Day Widget */

#widget-testing-day div.widget-badge-contain { width: 256px; height: 360px; }
#widget-testing-day div.widget-badge-content-wrapper { width: 522px; }
#widget-testing-day div.description { width: 183px; min-height: 328px; }
#widget-testing-day div.embed-code p { height: 240px; }
#widget-testing-day .call-to-action { top: 305px; left: 275px; }

/* 300x250 badges */

#badge-knowit-lg div.widget-badge-contain,
#badge-nine-half-minutes div.widget-badge-contain{ width: 300px; height: 250px; }
#badge-knowit-lg div.widget-badge-content-wrapper,
#badge-nine-half-minutes div.widget-badge-content-wrapper{ width: 478px; }
#badge-knowit-lg div.description,
#badge-nine-half-minutes div.description{ width: 139px; min-height: 210px; }
#badge-knowit-lg div.embed-code p,
#badge-nine-half-minutes div.embed-code p{ height: 150px; }

/* 180 x 150 badges */

#badge-flu-en div.widget-badge-contain,
#badge-flu-sp div.widget-badge-contain,
#badge-knowit-textmessage div.widget-badge-contain,
#badge-knowit-md div.widget-badge-contain { width: 180px; height: 173px; }

#badge-flu-en div.widget-badge-content-wrapper,
#badge-flu-sp div.widget-badge-content-wrapper,
#badge-knowit-textmessage div.widget-badge-content-wrapper,
#badge-knowit-md div.widget-badge-content-wrapper{ width: 598px; }

#badge-flu-en div.description,
#badge-flu-sp div.description,
#badge-knowit-textmessage div.description,
#badge-knowit-md div.description{ width: 259px; min-height: 210px; }

#badge-flu-en div.embed-code p,
#badge-flu-sp div.embed-code p,
#badge-knowit-textmessage div.embed-code p,
#badge-knowit-md div.embed-code p{ height: 150px; }

/* 100x115 badges*/

#badge-knowit-sm div.widget-badge-contain { width: 180px; height: 150px; }
#badge-knowit-sm div.widget-badge-content-wrapper { width: 598px; }
#badge-knowit-sm div.description { width: 259px; min-height: 210px; }
#badge-knowit-sm div.embed-code p { height: 150px; }

/* 100x115 badges*/

#badge-knowit div.widget-badge-contain { width: 150px; height: 166px; }
#badge-knowit div.widget-badge-content-wrapper { width: 628px; }
#badge-knowit div.description { width: 289px; min-height: 210px; }
#badge-knowit div.embed-code p { height: 150px; }


/*
END TABBED CONTENT
*/

/* 
SITE MAP
*/

div.popular-links {
	width: 791px;
	background:url(../images/bg-copy-block-roundrect.png) no-repeat left bottom;
	margin: 20px 0 10px 48px;
	text-align: center;
	padding-bottom: 10px;
}

div.popular-links h2 {
	width: 791px;
	background:url(../images/bg-copy-block-roundrect.png) no-repeat left top;
	text-align: center;
	color:#0C2255;
	padding: 8px 0;
	font-size: 1.6em;
}

div.popular-links ul { font-size: 1.2em; }
div.popular-links ul li {
	display: inline;
	border-left: 1px solid #464646;
	padding: 0 6px;
}
div.popular-links ul li.first { border-left: none; }

div.popular-links ul a { text-decoration: underline; }

div.sitemap-section h2,
div.awareness-days h2.planning-tip { font-size: 1.6em; padding-top: 10px; margin-left: 40px; }
div.sitemap-section h2 a,
div.awareness-days h2.planning-tip a {
	padding: 20px 0 0 45px;
	display: block;
	width: 766px;
	height: 53px;
	background: url(../images/bg-accordian-head.png) no-repeat left top;
	color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif
}

div.sitemap-section h2.related-open a,
div.awareness-days h2.related-open a { background: url(../images/bg-accordian-head.png) no-repeat left -73px; }

div.section-contents,
div.planning-contents {
	width: 788px;	
	background: url(../images/bg-accordian-body.png) no-repeat left bottom;
	float: left;
	display: inline;
	position: relative;
	top: -9px;
	margin-left: 48px;
	padding: 15px 0;
}
div.planning-contents { padding: 15px 20px; width: 748px; }

div.section-contents h3 { margin-bottom: 7px; }
div.section-contents ul { list-style: none; }
div.section-contents ul ul { margin-top: 7px; }
div.section-contents ul li { margin: 0 0 7px 0; line-height: 1.3em; }
div.section-contents ul ul li { margin-left: 20px; }

div.section-contents div.column {
	width: 170px;
	padding: 0 13px;
}

/*
AWARENESS DAYS
*/

div.awareness-intro {
	width: 828px;
	padding: 0px 20px 10px 20px;
	float: left;
}

div.displayelement-onecol,
div.displayelement-twocol {
	margin: 15px 0 10px 13px;	
	float: left;
	display: inline;
}

div.displayelement-onecol div.awareness-intro { padding-bottom: 20px; background: url(../images/bg-awareness-intro-onecol.png) no-repeat left bottom; }
div.displayelement-onecol { padding-top: 11px; background: url(../images/bg-awareness-intro-onecol.png) no-repeat left top;  }

div.displayelement-twocol div.awareness-intro { background: url(../images/bg-awareness-intro-twocol.png) no-repeat left bottom; }
div.displayelement-twocol { padding-top: 11px; background: url(../images/bg-awareness-intro-twocol.png) no-repeat left top;  }

div.awareness-intro div.left-col { width: 600px; }
div.awareness-intro div.right-col { width: 210px; padding-left: 15px; }

div.awareness-intro img.logo {
	margin: 10px 10px 0 10px;	
}
div.awareness-intro div.upcoming-event {
	width: 410px;	
	float: left;
	display: inline;
	margin-left: 20px;
	padding-top: 5px;
}

div.events-list {
	float: left;
	display: inline;
	margin-left: 22px;
	clear: both;
	width: 849px;
}

div.right-col h2{
	color: #262261;
	font-size: 1.4em;
	text-align: center;
	margin-bottom: 10px;
}

div.right-col ul { list-style: none; }
div.right-col li { margin: -7px 0px 0px 0px; }

div.right-col a {
	display: block;
	background: url(../images/bg-awareness-button.png) no-repeat left top;
	text-decoration: none;
}

div.right-col a span {
	display: block;
	background: url(../images/bg-awareness-button.png) no-repeat -209px bottom;
	width: 209px;
	text-align: center;
	padding: 16px 0 16px 0;
	color: #FFF;
	cursor: pointer;
}

div.right-col a:hover { background: url(../images/bg-awareness-button.png) no-repeat -418px top; }
div.right-col a:hover span { background: url(../images/bg-awareness-button.png) no-repeat -627px bottom; color: #0C2255; }

div.awareness-day {
	background: url(../images/bg-awareness-day.jpg) no-repeat left top;	
	width: 283px;
	height: 261px;
	position: relative;
	cursor: pointer;
}
div.selected-day { background: url(../images/bg-awareness-day.jpg) no-repeat left -260px; }

div.awareness-day h3 {
	margin: 30px 0 0 90px;
	font-size: 1.4em;
	text-align: center;
	width: 170px;
	color: #113f8b;
	position: relative;
	z-index: 50;
	background-color:#FFF;
}
div.selected-day h3 {
	background: none;
	color: #FFF;
}


div.awareness-date {
	width: 54px;
	height: 59px;
	position: absolute;
	top: 32px;
	left: 20px;
	text-align: center;
	overflow: hidden;
}

div.awareness-date span.month {
	display: block;
	font-size: 1.5em;
	margin: 2px 0 4px 0;
}

div.awareness-date * {
	color: #113f8b;
	font-weight: bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

div.awareness-date span.day {
	font-size: 1.7em;
	font-style: italic;
}

div.awareness-date span.day span {
	font-size: 10px;
	position:relative;
	top: -6px;
}

div.awareness-day img.logo{
	position: absolute;
	bottom: 25px;
	left: 80px;
}

div.day-details {
	position: absolute;
	top: -9999px;
	left: -9999px;
}