/* CSS Document */
#topnav{
 left:0; 
}

#topnav ul:last-of-type li:nth-child(1) div.hovermenu {
  margin-left: -260px;
}
#topnav ul:last-of-type li:nth-child(2) div.hovermenu {
  margin-left: -360px;
}
#topnav ul:last-of-type li:nth-child(3) div.hovermenu {
  margin-left: -460px;
}
#topnav ul:last-of-type li:nth-child(4) div.hovermenu {
  margin-left: -560px;
}

div.hovermenu{
 height:590px !important;
 padding-left:10px; 
}

.hoverback {
  top:20px;/*16px*/
  margin-left:-880px;
  height:550px;
}

.darkblackfill {
  background: #2f2e2b; /* Old browsers */
}
.blackfill {
  background: #424240;
}
.grayfill {
  background: #ffffff; /* Old browsers */
}
.orangefill {
  background: #f68631;
}
/* fix the text starting at the end of the image */
#topnav ul:last-of-type li div.hovermenu div > ul > li img{
  display:block;
}
.nextstep p {
  display:block;  
  top:6px;
  margin:8px;
  padding:10px;
}

#topnav ul:last-of-type li div.hovermenu div.nextstep{
  width:240px;
}
#topnav ul:last-of-type li div.hovermenu div.about-tile{
  width:240px;  
}
div.quick-links{
  /*width:100% !important;
  position:static;*/
  z-index:99999;
}
.information-for {
  height: 15px;
}
.featureText{
  padding:20px;  
}
.uppernav li div {
  margin-left:-85px;
  margin-top:-10px;
}
.uppernav li {
  height:20px;

}

.tile, .tileThin {
width:100%;
}

/* ie 7 drop off float bug */
.events  {
  overflow: visible; /* forces clearing of the child float */
    zoom: 1; /* give it layout (this can be some other css that does likewise) */
}

.events .grid_2 {
  width:  90px;
}

.events hr {
  display:none;
}

.storyholder{
  background: #2f2e2b;
}

.story-slide-btn{
  display:block;
  width:40px !important;

}
.story-slide-btn img{  
  display:inline-block !important;
  width:25% !important;
}
.story-slide-btn div.story-pager{
  display:none;
}
.story-slide-btn div.story-pager div{
  display:block !important;  
}

.storyholder .morelink {
  margin-top:16px;  
}

div.slide div span{
  font-size:12px !important;  
}

div.slide div span:first-child{
  font-size:20px !important;  
}
/*nth-child not compatible with IE 6 - 8 */
/*.slide div:nth-child(1) {
  float: left;
  width: 140px;
  padding: 0px;
  margin: 0px;
}
.slide div:nth-child(2) {
  float: right;
  width: 150px;
  padding-left: 14px;
  margin-top:0px;
}*/
div.story{
 background-color:transparent;
}

div.story div.slide{
 width:100% !important;
 background-color:transparent !important;
}

div.story div.slide div{
 width:45% !important;
 display:inline-block !important;
 vertical-align:top;
  min-width:140px;
}

.nsfix p {
  width: 190px;
  margin-left: -16px;
  margin-bottom: -16px;
}
.nsfix p:last-of-type {
  margin-bottom: 6px;
}

.container {
overflow: visible;
    zoom: 1;  
}

.grid_12 .clear {
  overflow: visible;
    zoom: 1;
  clear:none;  
}


.container .grid_1 {
  width:36px;
}

.container .grid_2 {
  width:96px;
}

.container .grid_3 {
  width:156px;
}
.container .grid_i3{
  width:194px;
}

.container .grid_4 {
  width:216px;
}

.container .grid_5 {
  width:338px;
}
.container .grid_i5 {
  width:335px;  
}

.container .grid_6 {
   width: 336px;
}

.container .grid_7 {
  width:396px;
}

.container .grid_8 {
  width:446px;
}

.container .grid_9 {
  width:456px;
  overflow: visible;
    zoom: 1;
}

.container .grid_10 {
  width:576px;
}

.container .grid_11 {
  width:636px;
}

.container .grid_12 {
  width:696px;
  overflow: visible;
    zoom: 1;
}

.container .grid_13 {
  width:780px;
}

.container .grid_14 {
  width:816px;
}

.container .grid_15 {
  width:876px;
}

.container .grid_16 {
  width:936px;
  overflow: visible;
    zoom: 1;
}
.container .grid_full {
  width:100%;
  overflow: visible;
    zoom: 1;
}

li.searchli div{
  top:47px;
}

.btn-holder{
  margin-left:100px;
}

.btn-holder div.blue.btn{
  height:  22px;
}

.btn-holder div.blue.btn a img{
  margin-top:-15px;  
}

div.featureButton{
  margin-top:-50px;  
}

div.morelink.link a img{
  margin-top:8px;  
}

div.footerbottom{
  padding:50px 0px 20px 0px;
}

div.liquid-slider{
 overflow:visible !important;
 overflow-x:hidden !important;
}

#topnav ul li:last-child {
  border: none;
}

/* Style to shift each hover menu if needed */
#topnav ul.top-menu li:first-child div.hovermenu {
  margin-left: -260px;
}
#topnav ul.top-menu  li:first-child + li div.hovermenu {
  margin-left: -360px;
}
#topnav ul.top-menu  li:first-child + li + li div.hovermenu {
  margin-left: -460px;
}
#topnav ul.top-menu  li:first-child + li + li + li div.hovermenu {
  margin-left: -560px;
}

/* Reset transparent background width */
#topnav ul.top-menu  li div.hovermenu > div:first-of-type {
  width: 900px;
  margin-top:0px;
}
#topnav ul.top-menu  li div.hovermenu div:first-child + div + div + div{
  position:relative;
  z-index:3;
  width:220px;
  /* margin-top:40px; */
  margin-top:40px !important;
}
#topnav ul.top-menu  li div.hovermenu div:first-child + div + div{
  position:relative;
  z-index:3;
  margin-top:40px !important;
}
#topnav ul.top-menu  li div.hovermenu div:first-child + div {
  position:relative;
  z-index:3;
  margin-top:40px !important;
}

#topnav ul.top-menu  li div.hovermenu div ul:first-child{
  margin-left:20px;
}

.hoverback{
  width: 900px;
  min-width:900px;
}
#topnav ul.top-menu li div.hovermenu {
  margin-top:-10px;  
}

#topnav ul.top-menu  li div.hovermenu div.menu-tileholder{
  margin-top:40px;  
  width:232px;
  min-width:232px;
}
#topnav ul.top-menu  li div.hovermenu div.nextstep{
  width:230px;  
}


.tspotlight img:first-child + img + img {
    padding: 10px 14px;
}

.spotlight img:first-child + img + img {
  margin-left: -12px;
  margin-bottom: 12px;
  width: 113%;
  max-width: 113%;
}
.spotlightbig img:first-child + img {
  margin-left: -12px;
  margin-bottom: 12px;
  width: 113%;
  max-width: 113%;
}
.spotlightlong img:first-child + img {
  margin-left: -12px;
  margin-bottom: 12px;
  width: 107.3%;
  max-width: 107.3%;
}


.news ul li span:first-child {
  margin-bottom: 4px;
  width: 280px;
}
.news ul li span:first-child + span {
  height: 40px;
  position: absolute;
  right: 6px;
  top: 40%;
  overflow: hidden;
}


.grid_4 .news ul li span:first-child{
  width: 150px;
}
.imgtilesmall span:first-child + span {
  margin-bottom: 0px;
  width: 180px;
  display: inline-block;
    vertical-align: middle;
  line-height:normal;
  margin-top:8px;
}
.imgtilesmall span:first-child + span + span {
  height: 40px;
  position: absolute;
  right: 6px;
  top: 78%;
  overflow: hidden;
}
.story-slide-btn img:nth-of-type(1) {
  margin-left: 4px;
}
.slide span:nth-of-type(1) {
  font-weight: bold;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
}
.slide span:nth-of-type(2) {
  font-family:Verdana, Geneva, sans-serif;
  font-size:14px;
  line-height:16px;
}
.slide span:nth-of-type(3) {
  font-family:Verdana, Geneva, sans-serif;
  font-size:11px;
  line-height:15px;
  margin-top:4px;
}
.slide div:first-child {
  float: left;
  width: 160px;
  padding: 0px;
  margin: 0px;
}
.slide div:first-child + div {
  float: right;
  width: 150px;
  padding-left: 14px;
}
.story-slides-noscript div:first-child {
  float: left;
  width: 160px;
  padding: 0px;
  margin: 0px;
}
.story-slides-noscript div:first-child + div {
  float: right;
  width: 150px;
  padding-left: 14px;
}
.events .grid_2:first-child + .grid_2 + .grid_2 {
  margin-right: -10px;
}
.events ul li span:first-child + span {
  color: #db9503;
  font-family:Verdana, Geneva, sans-serif;
  font-size:11px;
  line-height:15px;
}

div.imgtile div.featureHeader{
 margin-top:0px !important; 
}


.information-for ul {
  position: absolute;
  top: 150px;
}
