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

/*
TOPIC PAGE: Global Styles
*/

#task-nav, #persona, #page-highlights, a#link-readmore, #related-subjects, #left-ancillary,
#right-ancillary, .content-support, #extended-features, #toolbox { display: none; }

#subject-leftcol {
	position: relative;
	background: #ffffff;
	width: 100%;
	padding-top: 5px;
}

#subject-copy {
	clear: both;
	background: #ffffff;
	padding: 1px 5px 0 5px;
}

#subject-copy-end {
	width: 100%;
	height: 5px;
	position: absolute;
	right: 0;
	background: #ffffff;
}

#wrapper #content div.partial-page { background: #ffffff; margin-top: 0; }

#subject-rightcol {
	position: relative;
}

#topic-rightnav { 
	margin: 0 0 0 5px;
	width: 100%;
}
#topic-rightnav * { color: #0C2255; }

#topic-rightnav h4 {
	font-size: 1.4em;
	padding: 1em;
	margin-bottom: 1em;
	color: #ffffff;
	background: #OC2255;
}

#topic-rightnav ul {
	font-size: 1.1em;
	color: #0C2255;
	position: relative;
}

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

/*
NEW MEDIA STYLES
*/

/* tools landing styles */

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

#tools-index dl.tools-list {
	width: 	100%;
	padding: 1em;
	position: relative;
	background: #CCC;
	overflow: visible;
}

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

#tools-index dl.tools-list dt a {}

div.tool-tip { margin-left: 3em; }

#tools-index dl.tools-list dd * { color: #2A4A95; }
#tools-index dl.tools-list dd,
div.tool-tip {
	display: block;
	width: 30em;
	z-index: 150;
}
/* subject page styles */

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: 50px;
}
.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;
}

#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 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: 50px 0 30px 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: 885px;
	margin-left: 18px;
	background: url(../images/bg-federal-partners.gif) no-repeat left bottom;
	text-align: center;
	padding-bottom: 8px;
}
#federal-partner-list * { color: #0C2255; }

#federal-partner-list h3 {
	font-size: 1.7em;
	padding-top: 15px;
	background: url(../images/bg-federal-partners.gif) no-repeat left top;
	font-weight: normal;
}

#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;
  }
  */
}