/*
1/18/2011: JH - added mobile to the tools list
*/

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

/*
TOPIC PAGE: Global Styles
*/
#collapser { position: relative; list-style: none; margin-left: 20px; }
#collapser p { font-weight: normal; width: 640px; padding-left: 20px; }
#collapser li { margin: 0; padding-left: 5px; }
#collapser a {
	background: url(../images/pacha-plus-ic.gif) no-repeat left 5px;
	text-decoration: none;
	padding: 5px 0 0 20px;
	width: 100%;
	margin-left: -21px;
}
#collapser .nonCollapseAnchor{
	background: none;
	text-decoration: underline;
}

#collapser{list-style:none outside none;}
#collapser a.open-list { background: url(../images/pacha-minus-ic.gif) no-repeat left 5px; }
#collapser li ul { list-style: none; }
#collapser .nonCollapseUl {list-style: disc}
#collapser li ul li { margin: 2px 0 0 20px; padding: 0; }
.jqcNode { font-weight: normal; }
.no-exp { padding-left: 5px; }
#task-nav { display: none; }

#persona {
	height: 166px;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 5px;
}

#persona p {
	height: 47px;
	padding: 12px 40px 0 10px;
	background: url(../images/bg-subject-message.png) no-repeat right 2px;
	font-size: 20px;
	color: #0E1034;
	margin-left: 129px;
	overflow: hidden;
	margin-top: 1px;
}

div.persona-basics { background: url(../images/persona-basics.png) no-repeat left top; }
div.persona-prevention { background: url(../images/persona-prevention.png) no-repeat left top; }
div.persona-diagnosed { background: url(../images/persona-diagnosed.png) no-repeat left top; }
div.persona-staying-healthy { background: url(../images/persona-staying-healthy.png) no-repeat left top; }
div.persona-federal { background: url(../images/persona-federal.png) no-repeat left top; }
div.persona-newmedia { background: url(../images/persona-newmedia.png) no-repeat left top; }

#page-highlights {
	background: url(../images/bg-page-highlights.gif) no-repeat left bottom;
	margin-right: 10px;
	float: left;
	position:relative;
	width: 140px;
}

.page-highlights {
	background: url(../images/bg-page-highlights.gif) no-repeat left bottom;
	margin-right: 10px;
	float: left;
	position:relative;
	width: 140px;
}

.page-highlight {
	background: url(../images/bg-page-highlights-narrow.gif) repeat-x left bottom;
	margin-right: 10px;
}

body#newmedia #page-highlights ul { list-style: none; }
body#newmedia #page-highlights li {
	margin-left: 0px;
	margin-bottom: 0px;
	padding-left: 22px;
	background: url(../images/bullet-new-media.gif) no-repeat 8px 7px;
}

body#newmedia #page-highlights li.field-examples {
	background: url(../images/bullet-field-examples.gif) no-repeat 0px 0px;
}

#page-highlights h3 {
	background: url(../images/bg-page-highlights.gif) no-repeat right top;
	padding: 10px;
	font-size: 1.4em;
}

#page-highlights ul { padding: 0 10px 10px 10px; }
#page-highlights a { text-decoration: none; }
#page-highlights a:hover { text-decoration: underline; }

#crosslink {
	background: url(../images/bg-page-highlights.gif) no-repeat left bottom;
	float: right;
	margin-left: 10px;
	width: 140px;
}

#crosslink h3 {
	background: url(../images/bg-page-highlights.gif) no-repeat right top;
	padding: 10px;
	font-size: 1.4em;
}

#crosslink ul { padding: 0 10px 10px 10px; }

#crosslink img.cross-img {
	float: left;
	margin: 5px 10px 10px 5px;
}

#subject-leftcol {
	margin-top: 63px;
	position: relative;
	z-index: 51;
	background: url(../images/bg-subject-leftcol.png) no-repeat center top;
	width: 691px;
	padding-top: 17px;
}

#subject-copy {
	clear: both;
	background: url(../images/bg-subject-copy.png) repeat-y center top;
	padding: 1px 34px 0 31px;
}
#subject-copy-end {
	width: 690px;
	height: 44px;
	position: absolute;
	right: 0;
	background: url(../images/bg-subject-copy-end-full.png) no-repeat -1px top;
	margin-top: -15px;
}

#subject-copy-end-no-partial {
	width: 690px;
	height: 44px;
	position: absolute;
	right: 0;
	background: url(../images/bg-subject-copy-end-full.png) no-repeat -1px top;
	margin-top: -15px;
}

#wrapper #content div.partial-page { background: url(../images/bg-subject-copy-end.png) no-repeat right top; margin-top: 10px; }

.textRight{
	text-align: right;	
}

a#link-readmore {
	display: block;
	position: absolute;
	right: 20px;
	cursor:pointer;
	padding: 7px 16px 0 0;
	font-size: 1.2em;
	color: #FFF;
}
a.more { background: url(../images/arrow-read-more.gif) no-repeat right 8px; }
a.less { background: url(../images/arrow-read-more.gif) no-repeat right -43px; }

#subject-rightcol {
	width: 223px;
	margin-top: 110px;
	position: relative;
	z-index: 50;
}

div.content-support {
	width: 210px;
	margin: 20px 0 30px 0;
}
div.content-support div.hiv-test {
	background: url(../images/bg-cs-hiv-test.jpg) no-repeat 0 0;
	height: 98px;
	width: 216px;
	float: none;
	display: block;
	top: 0;
	padding: 0; margin: 0;
}
div.hiv-test label {
	display: block;
	color: #FFF;
	padding-top: 15px;
	height: 33px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	text-align: center;
	font-weight: bold;
}

div.content-support h4 {
	background: url(../images/bg-content-support-head.png) no-repeat left top;
	padding: 10px 35px 8px 29px;
	color: #0C2255;
	font-size: 1.4em;
	text-align: center;
	margin: 0 0 0 6px;
}

div.content-support div {
	position: relative;
	top: -9px;
	float: right;
	display: inline;
	margin-right: 8px;
	padding-left: 27px;
	background: url(../images/bg-content-support-link.gif) no-repeat left bottom;
	cursor: pointer;
}

div.content-support div.internal {
	padding-left: 11px;
	background: url(../images/bg-content-support-link.gif) no-repeat left top;
	cursor: default;
}
div.hiv-test div.zip-input {
	top: 0;
	float: none;
	display: block;
	background: none;
	padding: 3px 0 3px 36px;
	margin: 0;
	width: 137px;
}

div.content-support div a {
	font-family: "Trebuchet MS", verdana, sans-serif;
	color: #FFF;
	font-size: 1.2em;
	display: block;
	background: url(../images/bg-content-support-link.gif) no-repeat right bottom;
	padding: 3px 14px 12px 0px;
}
div.content-support div.internal a { background: url(../images/bg-content-support-link.gif) no-repeat right top; }

div.youtube-poster { 
	background:url("../images/bg-home-banner-whats-new.jpg") no-repeat scroll -15px 0 transparent;
	margin:10px auto;
	min-height:349px;
	width:436px; 
}
div.youtube-poster .video-poster { padding: 5px; width: 430px; }

div.youtube-poster p { text-align: center; color: #FFF;}
div.youtube-poster a { color: #FFF; }

#topic-rightnav { margin: 0 0 10px 0; }
#topic-rightnav * { color: #0C2255; }

#topic-rightnav h4 {
	font-size: 1.4em;
	padding: 10px 15px 0 0;
	margin-bottom: 5px;
}

#topic-rightnav ul {
	font-size: 1.2em;
	color: #0C2255;
	position: relative;
	left: -14px;
	width: 223px;
}

#topic-rightnav li { margin-bottom: 5px; padding: 2px 30px; }
#topic-rightnav li.current-page { background-color: #dcdfe4; }
#topic-rightnav li.current-page a { font-weight: bold; }
#topic-rightnav a:hover { text-decoration: underline; }

#related-subjects {
	background: url(../images/bg-related.jpg) no-repeat left 0;
	float: left;
	display: inline;
	height: 265px;
	width: 663px;
	padding-left: 9px;
	margin: 50px 0 0 10px;
	position: relative;
}
.read-more-page #related-subjects { margin: 40px 0 0 10px; }

#related-subjects * { color: #9a5b12; }

#related-subjects h3 {
	font-size: 1.5em;
	margin: 3px 0 5px 9px;
}

div.related-list {
	width: 165px;
	height: 230px;
	float: left;
}

div.blank { opacity: .4; }

div.related-list h4 {
	position: absolute;
	bottom: 15px;
}
body.font-medium div.related-list h4 {bottom: 12px; }
body.font-large div.related-list h4 { bottom: 11px; }

div.related-list h4 a {
	width: 161px;
	height: 35px;
	display: block;
	text-indent: -9999px;
}

div.related-list ul {
	font-size: 1.1em;
	width: 100px;
	padding: 24px 0 0 10px;
}
div.related-list ul li {
	margin-bottom: 6px;
	padding-left: 10px;
	background: url(../images/bullet-related-subject.gif) no-repeat 0 .45em;
}

#related-basics { background: url(../images/bg-related.jpg) no-repeat -681px -35px; }
#related-prevention { background: url(../images/bg-related.jpg) no-repeat -846px -35px; }
#related-diagnosed { background: url(../images/bg-related.jpg) no-repeat -1011px -35px; }
#related-health { background: url(../images/bg-related.jpg) no-repeat -1176px -35px; }

#related-basics h4 a { background: url(../images/h4-related.gif) no-repeat left top; }
#related-prevention h4 a { background: url(../images/h4-related.gif) no-repeat left -35px; }
#related-diagnosed h4 a { background: url(../images/h4-related.gif) no-repeat left -70px; }
#related-health h4 a { background: url(../images/h4-related.gif) no-repeat left -105px; }

#related-subjects a:hover { text-decoration: underline; }

#left-ancillary,
#right-ancillary {
	margin-top: 30px;
	width: 420px;
}

#left-ancillary {
	clear: left;
	margin: 30px 45px 0 16px;
}

div.ancillary-data h4 {
	font-size: 1.2em;
	padding: 4px;
	background: url(../images/bg-ancillary-head.png) no-repeat left -100px;
	margin: 1px 0;
}
div.ancillary-data h4.open { background: url(../images/bg-ancillary-head.png) no-repeat left top; }
div.ancillary-data h4 a { color: #0C2255; display: block; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

div.ancillary-data div {
	background: url(../images/bg-ancillary.png) no-repeat top;
	padding-top: 10px;
}

div.ancillary-data div h5 {
	font-size: 1.2em;
	color: #5C5C5C;
	margin: 0 20px 0 20px;
}

div.ancillary-data div p,
div.ancillary-data div ul {
	font-size: 1.2em;
	margin: 0 20px 8px 20px;
	line-height: 1.4em;
	color: #8d8d8d;
}
div.ancillary-data div ul {
	margin: 0 20px 8px 10px;
}

div.ancillary-data dl {
	margin: 0 20px 0 20px;
	font-size: 1em;
}

div.ancillary-data div p.fact strong,
div.ancillary-data dt { text-transform: uppercase }

div.ancillary-data dt {
	width: 50px;
	float: left;
	clear: both;
}

div.ancillary-data dt,
div.ancillary-data dd.myth {
	font-size: 1.1em;
	color: #5C5C5C;
	font-weight: bold;
	font-family: "Trebuchet MS", verdana;
}

div.ancillary-data dd {
	width: 330px;
	float: right;
	font-size: 1.1em;
}

div.ancillary-data dd.truth {
	margin-bottom: 8px;
}

div.ancillary-data div a { text-decoration: underline; }

div.ancillary-data div.ancillary-footer {
	font-size: 1.1em;
	text-align: right;
	background: url(../images/bg-ancillary.png) no-repeat bottom;
	padding: 3px 15px 10px 5px;
	height: 10px;
	clear: both;
}
div.ancillary-data div.ancillary-footer a {
	text-decoration: none;
	padding-right: 10px;
	background: url(../images/arrow-more-link.gif) no-repeat right center;
	position: relative;
}
div.ancillary-data div.ancillary-footer a:hover { text-decoration: underline; }

/*
NEW MEDIA STYLES
*/

/* tools landing styles */

#tools-index {
	width: 	897px;
	height: 689px;
	background: url(../images/bg-new-media-tools.png) no-repeat left bottom;
	padding: 15px 0 0 0;
	margin-left: 9px;
}

#tools-index ol#breadcrumbs {
	padding: 20px 0 0 35px;
	position: absolute;
	z-index: 51;
}

#tools-index dl.tools-list {
	width: 	852px;
	height: 627px;
	padding: 53px 0 0 26px;
	position: relative;
	background: url(../images/bg-new-media-tools-list.jpg) no-repeat bottom right;
	overflow: visible;
}

#tools-index dl.tools-list dt { position: absolute; }

#tools-index dl.tools-list dt a {
	height: 44px;
	display: block;
	text-indent: -9999px;
}

dt#tool-blogs { top: 140px; left: 185px; }
dt#tool-blogs a { width: 135px; background: url(../images/links-new-media-tools.png) no-repeat left top; }
dt#tool-blogs a:hover { background: url(../images/links-new-media-tools.png) no-repeat -301px top; }

dt#tool-ecards { top: 186px; left: 185px; }
dt#tool-ecards a { width: 145px; background: url(../images/links-new-media-tools.png) no-repeat left -50px; }
dt#tool-ecards a:hover { background: url(../images/links-new-media-tools.png) no-repeat -301px -50px; }

dt#tool-mashups { top: 232px; left: 185px; }
dt#tool-mashups a { width: 165px; background: url(../images/links-new-media-tools.png) no-repeat left -100px; }
dt#tool-mashups a:hover { background: url(../images/links-new-media-tools.png) no-repeat -301px -100px; }

dt#tool-mobile { top: 278px; left: 185px; }
dt#tool-mobile a { width: 145px; background: url(../images/links-new-media-tools.png) no-repeat left -800px; }
dt#tool-mobile a:hover { background: url(../images/links-new-media-tools.png) no-repeat -301px -800px; }

dt#tool-photo-sharing { top: 324px; left: 185px; }
dt#tool-photo-sharing a { width: 281px; background: url(../images/links-new-media-tools.png) no-repeat left -150px; }
dt#tool-photo-sharing a:hover { background: url(../images/links-new-media-tools.png) no-repeat -301px -150px; }

dt#tool-podcasts { top: 371px; left: 185px; }
dt#tool-podcasts a { width: 170px; background: url(../images/links-new-media-tools.png) no-repeat left -200px; }
dt#tool-podcasts a:hover { background: url(../images/links-new-media-tools.png) no-repeat -301px -200px; }

dt#tool-qrcodes { top: 417px; left: 185px; }
dt#tool-qrcodes a { width: 170px; background: url(../images/links-new-media-tools.png) no-repeat left -851px; }
dt#tool-qrcodes a:hover { background: url(../images/links-new-media-tools.png) no-repeat -301px -851px; }

dt#tool-rss { top: 463px; left: 185px; }
dt#tool-rss a { width: 190px; background: url(../images/links-new-media-tools.png) no-repeat left -250px; }
dt#tool-rss a:hover { background: url(../images/links-new-media-tools.png) no-repeat -301px -250px; }

dt#tool-bookmarking { top: 513px; left: 185px; }
dt#tool-bookmarking a { width: 275px; background: url(../images/links-new-media-tools.png) no-repeat left -300px; }
dt#tool-bookmarking a:hover { background: url(../images/links-new-media-tools.png) no-repeat -301px -300px; }

dt#tool-networks { top: 140px; left: 465px; }
dt#tool-networks a { width: 281px; background: url(../images/links-new-media-tools.png) no-repeat left -350px; }
dt#tool-networks a:hover { background: url(../images/links-new-media-tools.png) no-repeat -301px -350px; }

dt#tool-texting { top: 186px; left: 465px; }
dt#tool-texting a { width: 155px; background: url(../images/links-new-media-tools.png) no-repeat left -400px; }
dt#tool-texting a:hover { background: url(../images/links-new-media-tools.png) no-repeat -301px -400px; }

dt#tool-twitter { top: 232px; left: 465px; }
dt#tool-twitter a { width: 160px; background: url(../images/links-new-media-tools.png) no-repeat left -450px; }
dt#tool-twitter a:hover { background: url(../images/links-new-media-tools.png) no-repeat -301px -450px; }

dt#tool-video-games { top: 278px; left: 465px; }
dt#tool-video-games a { width: 210px; background: url(../images/links-new-media-tools.png) no-repeat left -500px; }
dt#tool-video-games a:hover { background: url(../images/links-new-media-tools.png) no-repeat -301px -500px; }

dt#tool-video-sharing { top: 324px; left: 465px; }
dt#tool-video-sharing a { width: 281px; background: url(../images/links-new-media-tools.png) no-repeat left -550px; }
dt#tool-video-sharing a:hover { background: url(../images/links-new-media-tools.png) no-repeat -301px -550px; }

dt#tool-virtual-worlds { top: 371px; left: 465px; }
dt#tool-virtual-worlds a { width: 230px; background: url(../images/links-new-media-tools.png) no-repeat left -600px; }
dt#tool-virtual-worlds a:hover { background: url(../images/links-new-media-tools.png) no-repeat -301px -600px; }

dt#tool-webcasts { top: 417px; left: 465px; }
dt#tool-webcasts a { width: 281px; background: url(../images/links-new-media-tools.png) no-repeat left -650px; }
dt#tool-webcasts a:hover { background: url(../images/links-new-media-tools.png) no-repeat -301px -650px; }

dt#tool-wikis { top: 463px; left: 465px; }
dt#tool-wikis a { width: 140px; background: url(../images/links-new-media-tools.png) no-repeat left -700px; }
dt#tool-wikis a:hover { background: url(../images/links-new-media-tools.png) no-repeat -301px -700px; }

dt#tool-widgets { top: 513px; left: 465px; }
dt#tool-widgets a { width: 155px; background: url(../images/links-new-media-tools.png) no-repeat left -750px; }
dt#tool-widgets a:hover { background: url(../images/links-new-media-tools.png) no-repeat -301px -750px; }

/* subject page styles */

#toolbox {
	float: left;
	display: inline;
	position: relative;
	margin: 20px 10px 0 0;
	width: 147px;
	background: url(../images/bg-new-media-toolbox.gif) no-repeat left top;
}

#tools-index #toolbox {
	z-index: 50;
	top: 31px;
	left: 65px;
	position: absolute;
}

#toolbox span {
	display: block;
	padding: 90px 50px 0 21px;
	height: 38px;
	color: #0C2255;
	background: url(../images/arrow-toolbox.gif) no-repeat 100px -60px;
	font-size: 1.2em;
	font-style: italic;
	font-weight: bold;
	font-family: "Trebuchet MS", verdana, sans-serif;
	cursor: pointer;
}

body.font-medium #toolbox span { font-size: 1.1em; }
body.font-large #toolbox span {  font-size: 1em; }

#toolbox span.open {
	background: url(../images/arrow-toolbox.gif) no-repeat 100px 90px;
}

#toolbox ul { display: none; }
#toolbox-list {
	position: absolute;
	top: 116px;
	left: 9px;
	z-index: 550;
}
#toolbox-list ul {
	padding-bottom: 15px;
	width: 117px;
	list-style: none;
	background: url(../images/bg-new-media-toolbox-list.gif) no-repeat left bottom;
	font-size: 1.1em;
}	

#toolbox-list ul li {
	margin: 0;
	padding: 2px 12px;
}	

#toolbox-list a {	text-decoration: none; }	
#toolbox-list a:hover { text-decoration: underline; }	

div.newmedia-rightnav {
	width: 204px;
	background: url(../images/bg-right-rect-newmedia.png) no-repeat left bottom;
	padding-bottom: 15px;
	float: left;
	clear: left;
	display: inline;
	position: relative;
	margin-top: 65px;
}
.newmedia-rightnav .paginate-nav { top: -13px; }
.newmedia-rightnav .paginate-list { position: relative; width: 189px; overflow: hidden; }
.newmedia-rightnav div.pagination-set { position: absolute;  width: 189px; }

div.newmedia-rightnav a,
div.related-new-media a {
	color: #0C2255;
}

div.newmedia-rightnav a:hover,
div.related-new-media a:hover {
	text-decoration: underline;
}

div.newmedia-rightnav h3 {
	background: url(../images/bg-right-rect-newmedia.png) no-repeat left top;
	color: #FFF;
	text-align: center;
	padding: 6px 0 0 0;
	height: 44px;
	font-size: 1.6em;
	position: relative;
	top: -50px;
	margin-bottom: -50px;
	
}

div.podcast-list { width: 184px; padding-left: 5px; }
div.podcast-list,
ul.media-links {
	clear: left;
	padding-top: 10px;
}
ul.media-links {
	margin: 0 15px 0 5px;
}

div.podcast-list img {
	float: left;
	margin-right: 3px;
}

div.podcast-list span.date,
div.podcast-list ul {
	float: right;
	width: 95px;
}
div.podcast-list span.date { display: block; }

div.podcast-list p,
div.podcast-list a {
	font-size: 1.1em;
}
div.podcast-list p { font-weight: bold; margin-bottom: 2px; }

div.podcast-list a {
	display: block;
	padding: 2px 2px 2px 19px;
	border: 1px solid #e0e5ef;
	margin-top: 2px;
}
div.podcast-list a:hover { border: 1px solid #92a3c9; text-decoration: none; }
a.media-read { background: url(../images/icon-media-types.gif) no-repeat left 3px; }
a.media-listen { background: url(../images/icon-media-types.gif) no-repeat 1px -50px; }
a.media-watch { background: url(../images/icon-media-types.gif) no-repeat left -105px; }


ul.media-links li {
	display: inline;
}

ul.media-links li a {
	font-size: .9em;
	display: block;
	float: left;
	width: 70px;
}

ul.media-links li a.link-blog {
	background: url(../images/icon-blog.gif) no-repeat left center;
	padding: 2px 0 2px 26px;
}

ul.media-links li a.link-podcasts {
	background: url(../images/icon-podcast.gif) no-repeat left center;
	padding: 4px 0 4px 18px;
}

ul.podcast_download {
	list-style-type:none;	
}

div.one-pager-list{ width: 184px; padding-left: 5px; }

div.one-pager-list img {
	float: left;
	margin-right: 3px;
	margin-bottom: 10px;
}

div.one-pager-list p {
	font-size: 1.1em;
	text-align: center;
	font-weight: bold; 
	margin-bottom: 5px; 
}
div.one-pager-list p.pager-text {
	font-weight: normal;
	text-align: left;
}
div.one-pager-list a {
	font-size: 1.3em;
}

div.prevention-pictures {
	width: 420px; 
	margin-left: auto; 
	margin-right: auto; 
	text-align: center; 
	clear: both;
}

#related-new-media {
	float: left;
	display: inline;
	clear: both;
	width: 869px;
	overflow: hidden;
	margin: 55px 0 10px 21px;
	background: url(../images/bg-related-new-media.gif) no-repeat left bottom;
	padding-bottom: 21px;
	position: relative;
}
.read-more-page #related-new-media { margin: 45px 0 10px 21px; }

#related-new-media a { color: #0C2255; }
#related-new-media a:hover { text-decoration: underline; }
/*
#related-new-media img {
	position: absolute;
	bottom: -12px;
	right: 12px;
}
*/
#related-new-media img.more,
#related-new-media img.next {
	position: absolute;
	bottom: 9px;
}

#related-new-media img.more { left: 320px; }
#related-new-media img.next { right: 13px; }

#related-new-media div.column {
	width: 421px;
}

#related-new-media #whats-next-new-media { margin-left: 26px; }

#related-new-media h3 {
	background: url(../images/bg-related-new-media.gif) no-repeat left top;
	color: #FFF; 
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	padding: 6px 0;
	height: 21px;
}

#more-new-media ul,
#whats-next-new-media ul {
	background: url(../images/bg-related-new-media.gif) no-repeat left -33px;
	list-style: disc;
	font-size: 1.1em;
	padding: 25px 110px 0 70px;
	min-height: 95px;
	color: #0C2255;
}

#more-new-media li,
#whats-next-new-media li { margin-bottom: .5em; }


#more-new-media div.flare { background: url(../images/image-more-new-media.jpg) no-repeat right bottom; }
#whats-next-new-media div.flare { background: url(../images/image-whats-next-new-media.jpg) no-repeat right bottom; }

#new-media-tools-footer {
	width: 871px;
	background:url(../images/bg-footer-newmedia-tools.gif) no-repeat left bottom;
	margin-left: 18px;
	clear: left;
	float: left;
	display: inline;
}
#new-media-tools-footer * { color: #FFF; }

#new-media-tools-footer h3 {
	background:url(../images/bg-footer-newmedia-tools.gif) no-repeat left top;
	padding: 5px 0 0 25px;
	font-size: 1.8em;
	font-weight: normal;
}

#new-media-tools-footer a:hover { text-decoration:underline; }

#new-media-tools-footer ul.first {
	margin-left: 225px;
}

#new-media-tools-footer ul {
	width: 145px;
	margin-right: 10px;
	font-size: 1.1em;
	padding: 20px 0 30px 0;
}

#new-media-tools-footer li {
	margin-bottom: 3px;
}

/*
FEDERAL RESOURCES STYLES
*/

#other-resources {
	margin: 40px 0 -10px 7px;
	float: left;
	display: inline;
	width: 898px;
	background: url(../images/bg-federal-other-resources.png) no-repeat left bottom #BAD6F4;
	padding-bottom: 30px;
}
.read-more-page #other-resources { margin: 50px 0 30px 7px; }

#other-resources div.column{ width: 663px; }

#other-resources h2 {
	background: url(../images/bg-federal-other-resources.png) no-repeat right top;
	padding: 30px 0 0 44px;
	font-size: 1.8em;
	color: #0C2255;
}

#other-resources div.copy-block {
	width: 638px;
	margin: 15px 0 0 25px;
	background: url(../images/bg-federal-other-resources-copy.png) no-repeat left bottom #FFF;
	float: left;
	display: inline;
}

#other-resources div.copy-block h3 {
	background: url(../images/bg-federal-other-resources-copy.png) no-repeat right top;
	font-size: 1.4em;
	padding: 30px 30px 0 30px;
	color: #0C2255;
}

#other-resources div.copy-block p,
#other-resources div.copy-block ul,
#other-resources div.copy-block h4 {
	margin-left: 30px;
	margin-right: 30px;
}

#other-resources ul#resource-list {
	width: 208px;
	float: left;
	display: inline;
	font-size: 1.3em;
	margin: 15px 0 0 11px;
}

#other-resources ul#resource-list li {
	background: url(../images/button-federal-other-resources.png) no-repeat left bottom;
	padding: 0;
	margin: 0;
	width: 208px;
}

#other-resources ul#resource-list a {
	background: url(../images/button-federal-other-resources.png) no-repeat -208px top;
	width: 208px;
	display: block;
	padding: 10px 0 15px 0;
	text-align: center;
	color: #FFF;
	margin: 0;
}

#other-resources ul#resource-list li.hover-trigger { background: url(../images/button-federal-other-resources.png) no-repeat -832px bottom; }
#other-resources ul#resource-list li.hover-trigger a { background: url(../images/button-federal-other-resources.png) no-repeat -1040px top; }

#other-resources ul#resource-list li.current-trigger {background: url(../images/button-federal-other-resources.png) no-repeat -416px bottom; }
#other-resources ul#resource-list li.current-trigger a {
	background: url(../images/button-federal-other-resources.png) no-repeat -624px top;
	color: #0C2255;
}

#federal-partner-list {
	clear: both;
	width: 791px;
	margin: 40px 0 0 18px;
	background: url(../images/bg-copy-block-roundrect.png) no-repeat left bottom;
	text-align: center;
	padding-bottom: 8px;
	float: left;
	display: inline;
}
#federal-partner-list * { color: #0C2255; }

#federal-partner-list h3 {
	background: url(../images/bg-copy-block-roundrect.png) no-repeat left top;
	padding: 8px 15px;
	text-align: left;
	font-size: 1.4em;
}

#federal-partner-list p {
	font-size: 1.2em;
	margin: 3px 0 20px 0;
}

#federal-partner-list li {
	display: inline;
}

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}

/* qr code page styles */
.qr-code-examples { width: 500px; height: 325px; background: none; margin: 0 auto; padding: 15px; }
.qr-code-examples .mobile-site-border {
	width: 195px;
	height: 250px;
	padding: 15px;
	border: 1px solid #A9BAC7;
}
.qr-code-examples .qr-code { width: 225px; text-align: center; }
.qr-code-examples h3 { text-align: center; margin-bottom: 20px; background: url(/images/bg-qr-code.png) no-repeat bottom; padding-bottom: 10px; }
.qr-code-img { width: 200px; height: 185px; background: #A9BAC7; margin: 0 auto; margin-top: 10px; }
.qr-code-img img {
	margin-top: 17px;
	-webkit-box-shadow: 5px 5px 5px #757575;
	-moz-box-shadow: 5px 5px 5px #757575;
	box-shadow: 5px 5px 5px #757575;
}
.qr-code-examples .qr-code-description {
	height: 75px;
	width: 220px;
	padding: 10px;
	text-align: left;
}