/* Basic Page Layout */
body {
  background: url('green-bg.png') repeat;
  margin: 0;
  padding: 0;
}
#page_container {
  width: 1000px;
  font-size: .9em;
  font-family: Verdana, Arial, sans-serif;
  margin: 0 auto;
  padding: 0 5px;
}
a {
  color: #024f7e;
  text-decoration: none;
  font-weight: bold;
}
img {
  border: 0;
}
ul {
  list-style: none;
}
.hide {
  display: none;
}
#leaderboard_ad div {
  width: 728px;
  margin: 0 auto;
}
#leaderboard_ad div .adLabel {
  display: none;
}
#page_container, #page_container div {
  position: relative;
}
#masthead #logo {
  width: 300px;
  height: 167px;
  float: left;
}
#masthead #mh-right {
  position: absolute;
  background: url('masthead-bg.png') no-repeat;
  display: table-cell;
  top: 30px;
  right: 0;
  width: 690px;
  height: 98px;
}
#masthead #search {
  width: 330px;
  float: right;
  height: 45px;
}
#masthead #search input.keywords {
  font-family: Verdana, Arial, sans-serif;
  float: right;
  font-size: 21px;
  color: #000;
  background: url('search-bg.png');
  padding: 5px;
  position: absolute;
  top: 5px;
  left: 10px;
  width: 251px;
  height: 22px;
  border: 0;
  padding-right: 30px;
}
#masthead #search input.button {
  position: absolute;
  right: 15px;
  top: 3px;
}
#masthead #navigation ul {
  margin: 0 auto;
  list-style: none;
  width: 690px;
  height: 50px;
  padding: 0;
  position: absolute;
  top: 43px;
  left: 0;
}
#masthead #navigation ul li {
  padding: 0 30px;
  float: left;
  width: 50px;
  height: 50px;
}
#masthead #navigation ul li a:hover {
  margin-top: 1px;
  margin-left: 1px;
  margin-right: -1px;
}
#masthead #navigation ul li span.description {
  position: absolute;
  left: -999px;
  top: 60px;
  font-weight: bold;
  color: #fff;
  margin-left: -130px;
  width: 150px;
  text-align: center;
  padding-left: 30px;
}
#masthead #navigation ul li.current span.description,
#masthead #navigation ul li:hover span.description,
#masthead #navigation ul li.sfhover span.description {
  left: auto;
}
#rails {
  clear: both;
  width: 990px;
  margin: 5px 0;
}
#rail_a {
  width: 660px;
  float: left;
  background: #fff;
  border: 3px solid #000;
  padding: 5px;
}
#rail_b {
  width: 300px;
  float: right;
}
#rail_b .adLabel {
  display: none;
}
#rail_b .advertisement {
  margin-bottom: 5px;
}
#footer {
  clear: both;
  color: #000;
  font-weight: bold;
  text-align: center;
  padding-top: 15px;
}
#footer a {
  color: #000;
}

/* Highlights */

#group_a {
  width: 330px;
  float: left;
}
#group_b {
  width: 320px;
  float: right;
}
#group_b .newsletter_highlight_image {
  float: left;
  padding-right: 3px;
  width: 100px;
  clear: both;
}
#group_b .story_header, #group_b .story_body {
  font-size: .8em;
  float: left;
  width: 210px;
}
h1 {
  margin-top: 0;
  color: #f8bc15;
  font-size: 1.4em;
}
.top_stories .title {
  display: none;
}
.top_stories ul {
  padding: 0;
  margin: 0;
  padding-top: 15px;
}
#group_b .top_stories ul {
  padding: 0;
}
.top_stories li {
  padding: 3px;
}
.story_list .headline {
  font-size: .8em;
}
.headline {
  font-size: 1.1em;
}
.story_body {
  font-size: 1em;
}
.story_body p {
  margin-top: 0;
}
.spill_navigation {
  clear: both;
  padding: 5px;
}
.spill_navigation a {
  float: right;
}
.spill_navigation .previous {
  float: left;
}

/* Calendar */
#familypages_calendar {
  margin: 10px;
}
#familypages_calendar .leftcorner, #fp_gallery .leftcorner {
  width: 25px;
  height: 37px;
  background: url('lc-simple.png') bottom no-repeat;
  float: left;
}
#familypages_calendar .rightcorner, #fp_gallery .rightcorner {
  width: 25px;
  height: 37px;
  background: url('rc-simple.png') bottom no-repeat;
  float: left;
}
#familypages_calendar .titleimage, #fp_gallery .titleimage {
  width: 250px;
  height: 37px;
  float: left;
  background: url('calendar-header.png') no-repeat;
}
#fp_gallery .titleimage {
  background: url('covers-header.png') no-repeat;
}
#familypages_calendar .leftside, #fp_gallery .leftside {
  width: 15px;
  height: 206px;
  background: url('bd-side.gif') left repeat-y;
  float: left;
  clear: both;
}
#familypages_calendar .rightside, #fp_gallery .rightside {
  width: 15px;
  height: 206px;
  background: url('bd-side.gif') right repeat-y;
  float: left;
}
#fp_gallery .leftside, #fp_gallery .rightside {
  height: 550px;
}
#familypages_calendar .content, #fp_gallery .content {
  width: 270px;
  float: left;
}
#familypages_calendar .bottom, #fp_gallery .bottom {
  width: 300px;
  height: 20px;
  background: url('bd-bottom.gif') no-repeat;
  clear: both;
  margin: 0;
  margin-bottom: 10px;
}
#familypages_calendar div#days a {
  width: 54px;
  height: 41px;
  background: url('inactive-calendar.gif') center no-repeat;
  overflow: hidden;
  display: block;
  float: left;
  text-align: center;
  padding-top: 14px;
  font-size: .9em;
  color: #000;
}
#familypages_calendar div#days a.active {
  background: url('active-calendar.gif') center no-repeat;
}
#familypages_calendar div#days a:hover {
  background: url('hover-calendar.gif') center no-repeat;
}
#familypages_calendar div#events {
  width: 100%;
  min-height: 150px;
  max-height: 150px;
  overflow: hidden;
  clear: both;
}
#familypages_calendar div#events span.title {
  font-size: .9em;
}
#familypages_calendar div#events span.description {
  font-size: .8em;
}

/* Story assets */

#story_assets {
  width: 230px;
  padding: 5px;
  font-size: .8em;
  background: #7fcdee;
  border: 1px solid #c7e4f7;
  float: left;
  margin: 5px 5px 5px 0;
  color: #000;
  font-weight: bold;
}
#story_assets ul {
  padding-left: 15px;
  margin: 0;
}
.breadcrumb {
  font-size: .8em;
}
.photo_credit {
  font-size: .7em;
}

/* PDF pages */

#assetlist ul {
  margin: 0;
  padding: 0;
}
#assetlist ul li {
  padding-bottom: 15px;
  font-size: .9em;
  height: 64px;
}
#assetlist img {
  float: left;
  clear: both;
  padding: 5px;
}

/* Photo gallery */

.gallery li {
  width: 30px;
  height: 30px;
  border: 3px double #eee;
  margin: 0 2px 2px 0;
  background: #eee;
}
.gallery li.hover {
  border-color: #bbb;
}
.gallery li.active {
  border-style: solid;
  border-color: #222;
}	
.galleria_container {
  text-align: center;
}
p.nav {
  clear: both;
  font-size: .8em;
  text-align: center;
  margin: 0;
  padding: 0;
}

/* Autohighlights */

.story {
  clear: both;
  padding-bottom: 20px;
}
.story .image {
  float: left;
  width: 200px;
}
.story .story_header, .story .story_body {
  width: 460px;
  float: right;
}