@charset "utf-8";


.heading_feature_index h1 {margin-bottom:0;}

.newsFeature div.preview {
    clear:both;
    position:relative;
    min-height:100px;
}
.newsFeature .preview img {
    float:left;
    margin-right: 15px;
    margin-bottom: 5px;
}
.newsFeature .preview h4 img {
    float: none;
}
div.newsFeature h4 {    
    vertical-align:top;
    padding:0 0 10px 0;
}
div.newsFeature hr {
    clear:both;
    width: 100%;
    height: 1px;
    color: #babcbd;         /* for ie */
    background-color: #babcbd;  /* for ff */
    text-align: center;
    margin: 5px 0 5px 0;
    border:0 none;
    
}



/*****************************************
 FEATURES styles
 *****************************************/
.feature .w1 {width: 472px;}
.feature .w2 {width: 320px;}
.feature .w3 {width: 228px;}

div.inset {
    float: right;
    margin:0px 0px 12px 12px;
}
/* 111013 cc
.inset div.heading {padding: 0 0 8px 0;}*/
.inset div.heading {padding: 0 0 5px 0;}
.inset .heading div.button {margin-top:0; padding-right:8px; float:left;}
/*.inset .heading div.button, .inset .heading iframe {margin-top:0; padding-left:12px; float:left;}*/
.inset .heading h4 {display:inline; padding-left:6px; float:left; margin-top:2px; font-size:80%; text-

transform:uppercase;}
.inset .heading img {float:left;}

.heading .email img {margin-top:0px;}
.heading .print img {margin-top:1px;}
/* 110808 cc - replaced with addthis styles below
.heading .share img {margin-top:2px;}
.heading iframe.twitter-share-button {margin-top:0px;}
.heading iframe.fb_ltr {padding-left:4px;}
*/
div.addthis_toolbox {display:inline; float:right; min-width:190px; text-align:right;}
.addthis_toolbox a {margin-top:2px;}
.addthis_toolbox a.addthis_button_facebook_like {margin-top:0;}
.addthis_toolbox a.addthis_counter {margin-top:2px;}        /* 111013 cc - added to compete with 

addthis' style specificity */
.addthis_toolbox a.addthis_counter a.addthis_button_expanded {margin-top:0;}

div.storyMedia {border:1px solid #babcbd; background-color: #CCCCCC; position:relative; z-index:100;}
.storyMedia .photo_credit {
    font-size: 80%;
    text-align: right;
    padding: 4px 4px 0 0;
    background-color: #CCCCCC;
}
.storyMedia .caption {
    font-size: 90%;
    padding: 8px;
    background-color: #CCCCCC;
}

.storyText h1 {
    text-transform: none;
    margin: 4px 0 0 0;
    padding: 0;
    font-size: 150%;
}
.storyText h2 {
    text-transform: none;
    padding: 0;
}
.storyText .div_hor2 {
    border-top: 3px double #BABCBD;
    margin: 12px 0 8px 0;
}
/* 110131 cc - this needs to be revamped, so.... */
/* 110527 cc - changed all 375px to 360px and 220px to 210px */
.storyText .long   {width: 450px;} /* for 228x152 images */
.storyText .medium {width: 360px;} /* for 320x240 videos */
.storyText .short  {width: 210px;} /* for 472x315 images */

.storyText div.related_links {
    float: left;
    width: 225px;
    margin: 4px 12px 4px 0px;
    padding: 8px 8px 8px 12px;
    background-color: #CCCCCC;
    z-index:100;
}
.storyText .related_links h1 {font-size: 100%;}
.storyText .related_links ul {
    padding-left: 16px;
    margin: 8px 0;
}
.storyText .related_links li {margin-bottom: 8px;}
.storyText .related_links img {margin-left: 4px;}
.storyText .related_links .imgEmbed img {margin:0; vertical-align:top; max-width:180px;}


/* to handle non-v2 legacy features */
.storyText h2 {display: inline; border-bottom:0;}
div#intro {display:inline;}
.feature div.inset .w2 {width: 320px;}
.feature div.inset .w3 {width: 228px;}



/*****************************************
 NEWS/EVENTS styles
 *****************************************/
.news h1 {}
.news h2 {}
.news table {margin-bottom:20px;}
.news th {font-weight:bold;}
.news th, .news td {padding:4px 8px;}
.news td.date {width:15%;}
.news td.description {width:80%;}
/* counter font reduction from v2.5 index css file */
.news td.description a {font-size:100%}



/*****************************************
 VIDEO-MENU styles
 *****************************************/
ul.video-menu { background-color:#FFF; padding:0; margin:0; list-style:none outside none; width:650px;}
.video-menu li {padding:0; margin:0;    display:block; clear:left; margin-bottom:20px;}
.video-menu li i {padding:10px; margin:0; font-size: 90%;}
a.video-menu-item div {
  display:block;
  float:left;
  position:relative;
  text-align:left;
  font-weight:400;
  color:black;
  background-color: #f3f6fb;
/* 131203 cc - why was the left pad 18px?  i dunno...
  padding:10px 10px 10px 18px;*/
  padding:10px;
  margin-bottom:12px;
  height:70px;
  width:450px;
}
a.video-menu-item div.video-thumbnail {background-color:#1866AF; width:125px; height:70px; text-align:right;}
a.video-menu-item div.video-info {text-align:center; color:#1866af;}



/*****************************************
 VIDEO (640x480) styles
 *****************************************/
div#video {margin-left:40px;}
#video h4 {
    margin-top: 10px;
    text-transform: uppercase;
    color: #000000;
}
#video h5 {
    font-weight:normal;
    text-transform: uppercase;
    border-bottom: 1px solid #BABCBD;
}



/*****************************************
 VIDEO (old video-page datadef) styles
 *****************************************/
div.video {margin: 20px auto; border:1px solid #ffffff; background-color:#ffffff; position:relative;}
.video .caption {padding:8px;}



/*****************************************
 COMMON PAGE styles
 *****************************************/