/*
==================================================
  VERSION14.CSS
  Homepage styles, version 14

  Author:   Ruthie BenDor
  Updated:  2010-Jun-30
==================================================
*/

/* -----------------------------------------------
   Common & Utility Styles                        
----------------------------------------------- */

body {
  background: #FFFFFF;
}

a.external {
  background: transparent url("/images/icons/icon_offsite.gif") no-repeat right center;
  padding-right: 1.25em;
}

a.external:hover {
  background-image: url("/images/icons/icon_offsite_2.gif");
}

a.archive {
  background: transparent url("/images/icons/icon_doc_mult.gif") no-repeat left center;
  padding-left: 1.363em;
}

.hidden {
  display: none;
}

.required {
  color: #660000;
}

/* Content images, floated right by default */
.image_wrapper {
  border: 2px solid #E4DDCC;
  float: right;
  margin: 0.667em 10px 0.667em 10px;
}

.image_wrapper img {
  display: block;
}

.float_left {
  float: left;
}

.float_right {
  float: right;
}

/* Content item tag (see homepage for usage) */
.tag {
  color: #666666;
  letter-spacing: 0.05em;
  margin-bottom: -0.5em;
  padding-bottom: 0;
  text-transform: uppercase;
}

.tag a {
  color: #666666;
  text-transform: none;
}

/*****/
/* Replace once actual videoplayer and 
   audioplayer are integrated */
.videoplayer, .audioplayer {
  padding:0.667em 0 0 10px;
}

.videoplayer img, .audioplayer img {
  display: block;
  margin: 0 auto;
  text-align: center;
}
/*****/

/* -----------------------------------------------
   Global Header                                  
----------------------------------------------- */

#global_header {
  border-top: 3px solid #003366;
}

#global_header .container_12 {
  overflow: hidden;
  position: relative;
}

/* --- Masthead ------------------------------- */

#global_header #branding h1,
#global_header #branding h2 {
  padding: 0;
}

#global_header #branding h2 {
  display: none;
}

#global_header #branding a.logo {
  background: transparent url("../images/logo.png") no-repeat 10px 5px;
  display: block;
  height: 134px;
  text-indent: -999em;
  width: 567px;
}

/* --- Utility Navigation --------------------- */

#global_header #utility_nav {
  display: block;
  font-size: 0.917em; /* adjust font size to 11px */
  position: absolute;
  right: 10px;
  top: 0;
}

#global_header #utility_nav ul {
  list-style: none;
  margin-left: 0;
  overflow: hidden;
  position: relative;
}

#global_header #utility_nav li {
  display: block;
  float: left;
  overflow: hidden;
  position: relative;
}

#global_header #utility_nav a {
  background: #003366;
  border-right: 1px solid #FFFFFF;
  color: #FFFFFF;
  display: block;
  float: left;
  height: 1.455em; /* 16px */
  padding: 0.273em 10px; /* 3px */
  text-decoration: none;
  text-transform: uppercase;
}

#global_header #utility_nav a:hover,
#global_header #utility_nav a:active {
  background: #336699;
}

#global_header #utility_nav .last a {
  border-right: 0;
}

/* --- Profile Links -------------------------- */

#global_header #profile_links {
  bottom: 1.5em;
  display: block;
  position: absolute;
  right: 10px;
}

#global_header #profile_links ul {
  border-left: 1px solid #CCCCCC;
  list-style: none;
  margin-left: 0;
  overflow: auto;
  position: relative;
}

#global_header #profile_links li {
  border-right: 1px solid #CCCCCC;
  display: block;
  float: left;
  overflow: auto;
  position: relative;
}

#global_header #profile_links a {
  border-top: 1px solid #CCCCCC;
  display: block;
  float: left;
  padding: 0.25em 10px; /* 3px */
  text-decoration: none;
}

#global_header #profile_links a:link,
#global_header #profile_links a:visited {
  background: #EEEEEE;
  color: #336699;
}

#global_header #profile_links a:hover,
#global_header #profile_links a:active {
  background: #336699;
  color: #FFFFFF;
}

/* -----------------------------------------------
   Global Navigation                              
----------------------------------------------- */

#global_nav {
  background: #003366 url("../images/bg_nav.png") repeat-x 0 0;
  margin-top: -1.5em; /* so that branding overlaps the navigation bar */
}

#global_nav #navigation,
#global_nav #navigation ul {
  list-style: none;
  margin: 0;
}

#global_nav #navigation {
  padding-left: 135px;
}

#global_nav #navigation #global_nav_about {
  border-left: 1px solid #336699;
}

#global_nav #navigation li {
  border-right: 1px solid #336699;
  float: left;
  position: relative;
  z-index: 6000; /* Must exceed z-index of dropdowns */
}

#global_nav #navigation>li li { /* Uses CSS2 selector so IE6 will ignore */
  float: none; /* Required for Opera 9 */
}

#global_nav #navigation a {
  background: transparent;
  color: #FFFFFF;
  display: block;
  padding: 0.6em 10px;
  text-decoration: none;
  text-transform: uppercase;
}

#global_nav #navigation a:hover,
#global_nav #navigation a:active,
#global_nav #navigation li.hover a {
  background-color: #003366;
}

#global_nav #navigation li ul {
  border-bottom: 0px solid #003366;
  left: -999em;
  position: absolute;
  width: 200px;
  z-index: 5000;
}

#global_nav #navigation li li {
  border-right: 0; /* for IE6 */
}

#global_nav #navigation li li a {
  border-bottom: 1px solid #003366 !important;
  padding: 0.4em 10px;
  text-transform: none;
  width: 180px;
}

#global_nav #navigation li li a:link,
#global_nav #navigation li li a:visited {
  background-color: #336699 !important;
}

#global_nav #navigation li li a:hover,
#global_nav #navigation li li a:active {
  background-color: #003366 !important;
}

#global_nav #navigation li:focus ul,
#global_nav #navigation li:active ul,
#global_nav #navigation li:hover ul,
#global_nav #navigation li.hover ul {
  left: 0;
  margin-left: 0;
  top: 100%;
}

/* -----------------------------------------------
   Global Content Styles                          
----------------------------------------------- */

#global_content {
  padding-top: 1.333em;
}

/* --- Search Bar ----------------------------- */

#global_content #search form {
  overflow: hidden;
  position: relative;
}

#global_content #search input,
#global_content #search select,
#global_content #search .searchButton {
  background-color: #E4DDCC;
  border: 1px solid #776655;
  color: #3C332B;
  display: block;
  float: left;
}

#global_content #search input {
  margin-right: 10px;
  padding: 4px;
  width: 130px;
}

#global_content #search select {
  margin-right: 10px;
  padding: 3px 4px;
  width: 143px;
}

#global_content #search .searchButton {
  margin-right: 0px;
  cursor: pointer;
  font-weight: bold;
  overflow: visible;
  padding: 3px 5px;
  text-align: center;
  width: 77px;
}

#global_content #search button:hover,
#global_content #search button:active {
  background-color: #776655;
  border-color: #3C332B;
  color: #FFFFFF;
}

/* --- Social Media Links --------------------- */

#global_content #social {
  margin: 0.667em 0 1.333em 0;
}

#global_content #social ul {
  height: 32px;       /* needed for IE6 */
  line-height: 1em;   /* adjust line height to 12px */
  list-style: none;
  margin-left: 0;
  overflow: auto;
  position: relative;
}

#global_content #social li {
  float: left;
  margin: 0;
  position: relative;
}

#global_content #social a {
  background: url("../images/social_media_sprites_v14.png") no-repeat;
  display: block;
  height: 32px;
  margin-right: 10px;
  text-indent: -999em;
}

#global_content #social #twitter a {
  margin-right: 0;
}

/* default sprites - icons and text */
#global_content #social #email a                                                      { width: 82px;  }
#global_content #social #rss a                                                        { width: 76px;  }
#global_content #social #facebook a                                                   { width: 102px; }
#global_content #social #twitter a                                                    { width: 90px;  }
#global_content #social #email a:link, #global_content #social #email a:visited       { background-position: 0px 0px;      }
#global_content #social #email a:hover, #global_content #social #email a:active       { background-position: 0px -50px;    }
#global_content #social #rss a:link, #global_content #social #rss a:visited           { background-position: -92px 0px;    }
#global_content #social #rss a:hover, #global_content #social #rss a:active           { background-position: -92px -50px;  }
#global_content #social #facebook a:link, #global_content #social #facebook a:visited { background-position: -178px 0px;   }
#global_content #social #facebook a:hover, #global_content #social #facebook a:active { background-position: -178px -50px; }
#global_content #social #twitter a:link, #global_content #social #twitter a:visited   { background-position: -290px 0px;   }
#global_content #social #twitter a:hover, #global_content #social #twitter a:active   { background-position: -290px -50px; }

/* narrow sprites - icons only */
#global_content #social .narrow a                                                                     { width: 40px !important; }
#global_content #social .narrow #email a:link, #global_content #social .narrow #email a:visited       { background-position: 0px -100px !important;    }
#global_content #social .narrow #email a:hover, #global_content #social .narrow #email a:active       { background-position: 0px -150px !important;    }
#global_content #social .narrow #rss a:link, #global_content #social .narrow #rss a:visited           { background-position: -50px -100px !important;  }
#global_content #social .narrow #rss a:hover, #global_content #social .narrow #rss a:active           { background-position: -50px -150px !important;  }
#global_content #social .narrow #facebook a:link, #global_content #social .narrow #facebook a:visited { background-position: -100px -100px !important; }
#global_content #social .narrow #facebook a:hover, #global_content #social .narrow #facebook a:active { background-position: -100px -150px !important; }
#global_content #social .narrow #twitter a:link, #global_content #social .narrow #twitter a:visited   { background-position: -150px -100px !important; }
#global_content #social .narrow #twitter a:hover, #global_content #social .narrow #twitter a:active   { background-position: -150px -150px !important; }


/* --- Section Headers ------------------------ */

 /* linked section headers (contain <a>) */
#global_content h3 {
  border-top: 2px solid #003366;
  margin: 0;
  padding: 0;
}

#global_content h3 a {
  display: block;
  margin: 0;
  padding: 7px 50px 7px 10px;
  text-decoration: none;
  text-shadow: #003366 1px 1px 0px;
}

#global_content h3 a:link,
#global_content h3 a:visited {
  background: #336699 url("../images/bg_h3.png") no-repeat right 7px;
  color: #FFFFFF;
}

#global_content h3 a:hover,
#global_content h3 a:active {
  background-color: #003366;
  color: #FFFFFF;
}

/* unlinked section headers (do not contain <a>) */
#global_content h3.nolink {
  background: #336699;
  color: #FFFFFF;
  padding: 7px 50px 7px 10px;
  text-shadow: #003366 1px 1px 0px;
}


/* -----------------------------------------------
   Global Footer Styles                           
----------------------------------------------- */

#global_footer {
  background: #336699;
  border-bottom: 3px solid #003366;
  color: #FFFFFF;
  padding:5px 0 11px;
	font-size:12px;
	line-height:16px;
}

#global_footer p {
  padding-left: 20px;
}

#global_footer a {
  color: #FFFFFF;
}

#global_footer img {
  margin-bottom: -3px;
}
#global_footer #copyright,
#global_footer #contact_info {
	width:960px;
	margin:0 auto;
}
#global_footer #copyright p,
#global_footer #contact_info p {
	padding:8px 0 0 20px;
}

/* ============================================ */

/* -----------------------------------------------
   Homepage-Specific Styles                       
   namespaced with body class="section_home"      
----------------------------------------------- */

/* section subheaders - item titles */
.section_home h5 {
  padding: 0.571em 10px 0 10px;
}

/* paragraphs */
.section_home #global_content p 
{
  padding-left: 10px;
  padding-right: 10px;
}

/* vertical spacing between content areas */
.section_home .callout,
.section_home #health_reform,
.section_home #health_system,
.section_home #newsletters,
.section_home #blog,
.section_home #multimedia,
.section_home #popular {
  margin-bottom: 1.333em;
}

.section_home #newsletters div.item,
.section_home #multimedia div.item
{
	padding-bottom: 0.667em;
	border-bottom: 1px solid #CCCCCC;
}
#video h5{
padding-bottom:0.571em;
}

/* content areas that contain floated elements */
.section_home #health_reform,
.section_home #health_system,
.section_home #popular {
  overflow: auto;
  position: relative;
}

/* horizontal rules between content items */
.section_home #podcast,
.section_home #newsletter_quality_matters {
  border-top: 1px solid #CCCCCC;
  margin-top: 0.667em;
}

/* --- Content Area: "About the Fund" intro --- */

.section_home .callout {
  background: #FCFBF8;
  border: 1px solid #E4DDCC;
  border-width: 1px 0;
}

.section_home .callout p {
  padding-top: 0.333em;
  padding-bottom: 0.333em;
}

.section_home .callout img {
  float: left;
  padding: 0.667em 10px 0.667em 0;
}

/* --- Content Area: State Data Center -------- */

.section_home #state_data_center .image_wrapper {
  border: 0;
}

/* --- Content Area: ChartCart ---------------- */

.section_home #chartcart {
  margin-top: 1.333em;
}

.section_home #chartcart .inner {
  background: #F8F6F2 url("../images/chartcart.png") no-repeat 10px 8px;
  border: 1px solid #E4DDCC;
  border-width: 1px 0;
  height: 5.25em; /* = 63px, to accommodate background image */
  padding-left: 70px;
}

/* --- Content Area: Annual Report ---------------- */

#annual_report {
  margin: 0 0 1.333em 0;
}

#annual_report .inner {
  border: 1px solid #E4DDCC;
  border-width: 1px 0;
  /*height: 96px;  = 63px, to accommodate background image */
  padding:0 10px;
  overflow:hidden;
}
	#annual_report .inner img{
		float:left;
		padding:10px 20px 10px 0;
	}
	
/* --- Content Area: Why Not The Best? -------- */

.section_home #why_not_the_best h5 {
  margin: 0.571em 10px 0 10px !important;
  padding: 0 !important;
}

.section_home #why_not_the_best h5 a {
  background: url("../images/whynotthebest.png");
  display: block;
  height: 72px;
  text-indent: -999em;
}

/* --- Content Area: Featured Stories --------- */

.section_home #features {
  background: #E4DDCC;
  overflow: hidden;
  margin-bottom: 1.333em;
  position: relative;
}

/* featured stories navigation */

.section_home #features_nav {
  display: block;
  padding: 16px 10px 0em 10px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3000;
  font-size: 1.083em;
  line-height: 1.231em;
}

.section_home #features_nav ul {
  list-style-type: none;
  margin-left: 0;
  overflow: auto;
  position: relative;
}

.section_home #features_nav li {
  border-color: #FFFFFF !important;
  display: block;
  margin-bottom: 8px;
  position: relative;
  width: 210px;
}

.section_home #features_nav a {
  background: transparent url("../images/features_nav_bg.png") repeat-y 0 0;
  border: 1px solid #E4DDCC;
  color: #003366;
  display: block;
  font-weight: bold;
  margin-left: 10px;
  padding: 7px 10px 7px 16px;
  text-decoration: none;
  text-shadow: #FFFFFF 0px 0px 2px;
}

.section_home #features_nav a:hover,
.section_home #features_nav a:active,
.section_home #features_nav a.activeSlide { /* class .activeSlide is applied by the JS to the active slide. */
  background: #E4DDCC;
  border-color: #FFFFFF;
  color: #003366;
}

.section_home #features_nav a span {
  display: none;
}

.section_home #features_nav a.activeSlide span {  /* bullet for active slide's navigation item */
  background: transparent url("../images/features_nav_bullet.png") no-repeat 0 0;
  display: block;
  height: 15px;
  left: 3px;
  position: absolute;
  top: 29%;
  width: 15px;
  z-index: 4000;
}

/* featured stories */

.section_home #features_stories {
height:460px!important;
}

.section_home #features_stories .feature {
  background: #E4DDCC;
  display: none;  /* prevent non-active stories from momentarily appearing while the JS loads */
}

.section_home #features_stories #story1 {
  display: block;  /* prevent non-active stories from momentarily appearing while the JS loads */
}

.section_home #features_stories .image_wrapper { /* overwrite default image_wrapper styles */
  border: 0;
  float: none;
  margin: 0;
}

.section_home #features_stories h3 a {
  line-height: 1.5;
  padding: 7px 10px;
  text-shadow: none;
}

.section_home #features_stories h3 a:link,
.section_home #features_stories h3 a:link {
  background:url("../images/bg_h3.png") no-repeat scroll right center #336699 !important;
  color: #FFFFFF !important;
}

.section_home #features_stories h3 a:hover,
.section_home #features_stories h3 a:active {
  background:url("../images/bg_h3.png") no-repeat scroll right center #003366 !important;
  color: #FFFFFF !important;
}

#global_content #features_stories h3 a:link, #global_content #features_stories h3 a:visited {
background:url("../images/bg_h3.png") no-repeat scroll right center #336699;
color:#FFFFFF;
}

.section_home #features_stories p {
  clear: both;
  line-height: 1.5;
  padding-top: 0.667em;
  padding-bottom: 0.667em !important;
}

.section_home #features #features_stories p a {
  white-space: nowrap;
}

/* --- Content Area: Most Popular ------------- */

.section_home #popular {
  overflow: hidden;
  position: relative;
}

/* most popular tabs */

.section_home #popular h4 {
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 1em; /* 12px */
  line-height: 1.333em; /* 16px baseline */
  margin: 0;
  overflow: auto;
  padding: 0;
  position: absolute;
  top: 44px;
  width: 150px;
}

.section_home #popular #most_emailed h4 {
  right: 0 !important;
}

.section_home #popular #most_viewed h4 {
  left: 0 !important;
}

.section_home #popular h4 a {
background-color:#369;
  border: 1px solid #E4DDCC;
  border-bottom: 0;
  display: block;
  font-weight: bold;
  letter-spacing: 0.05em;
  margin: 0 10px;
  padding: 0.25em 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color:#fff;
}

.section_home #popular .selected h4 a {
  background: #FFFFFF url("../images/bg_tab.png") repeat-x left bottom;
  color: #333333;
}

/* most popular items */

.section_home #popular #most_viewed,
.section_home #popular #most_emailed
 {
  height:100%;
  background: #FFF;
}

.section_home #popular ol {
  border: 1px solid #E4DDCC;
  display: none;
  margin-top: 2.768em;
  margin-left: 0;
  padding: 0.667em 0 0.667em 30px;
}

.section_home #popular .selected ol {
  display: block;
}

.section_home #popular ol li {
  padding: 0.667em 10px 0.667em 0;
}

.section_home #popular .item_type {
  color: #776655;
  font-style: italic;
  white-space: nowrap;
}
 li.last30text {color:#765;}
 
#multimedia #video.item img {
	height:200px;
	width:267px;
	margin:0 15px;
}
#multimedia #video.item a.img_hover{
    background:url(../images/common/play_hover-medium.png) no-repeat left top;
    display:block;
    width:267px;
    height:200px;
    color:#fff;
    text-align:right;
    text-decoration:none;
    position:absolute;
    margin:0 15px;
}
	#multimedia #video.item a.img_hover span{
		visibility:hidden;
		display:block;
		margin-top:173px;
	}
		#multimedia #video.item a:hover.img_hover{
            background-image:url(../images/common/play_hover2-medium.png);
            text-align:center;
            text-transform:uppercase;
            font-weight:bold;
        }
			#multimedia #video.item a:hover.img_hover span{
				visibility:visible;
			}