html {
    color: #42515A; /* Smoke Gray */
    font-size: 1em;
    line-height: 1.4;
}

/* Horizontal rule */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #42515A; /* Smoke Gray */
    margin: 1em 0; /* 1em above & below */
    padding: 0;
    width: 940px;
}
hr.small {
    display: block;
    height: 1px;
    border-color: #DDDBD7; /* Med Champagne */
    padding: 0;
    width: 375px;
}

/*
 * Remove gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    /* vertical-align: middle;   =  original css/forums read that display block is preferred  */
    display: block;
    /*border: 1px solid #68747B; /* Light Smoke */
    iframeborder: 0px;
    border-width: 0px;
    margin: 0px;
}

img.inline {
    vertical-align: text-bottom;   /* See above: original css/forums read that display block is preferred  */
    border-width: 0px;
    margin: 0px;
}

/*
 * FORMs: Remove default form-styles (fieldsets).
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}


/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: none;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


html {
  font-size: 62.5%; }


/* Typography */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300; }
h1 { font-size: 40px; font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 36px; font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 30px; font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 24px; font-size: 2.4rem; line-height: 1.35; letter-spacing: -.04rem; }
h5 { font-size: 20px; font-size: 2.0rem; line-height: 2.0;  letter-spacing: 0; }
h6 { font-size: 16px; font-size: 1.6rem; line-height: 1.6;  letter-spacing: 0; }

p.rsrch-body-text   
  {
      font-size: 13px; font-size: 1.3rem; /* currently ems cause chrome bug misinterpreting rems on body element */
      line-height: 1.75;
      font-family: Georgia,Times,"Times New Roman",serif;
      color: #42515A; 
      font-style: normal; 
      vertical-align: bottom;
      margin-top:0em;
  }

p.rsrch-body-text_short  /* Reduced Line Height */ 
  {
      font-size: 13px; font-size: 1.1rem; /* currently ems cause chrome bug misinterpreting rems on body element */
      font-family: "Roboto Condensed", Verdana, sans-serif;
      color: #42515A; /* Smoke */
      font-style: normal; 
      margin: 0;
      text-indent: 10px;
  }

p.rsrch-body-text-sm   
  {
      font-size: 11px; font-size: 1.0rem; /* currently ems cause chrome bug misinterpreting rems on body element */
      line-height: 2;
      font-family: Georgia,Times,"Times New Roman",serif;
      color: #42515A;  /* Smoke */
      font-style: normal;
      margin: 0;
      vertical-align: left;
  }

  p.rsrch-body-text-sm_sans   
  {
      font-size: 12px; font-size: 1.0rem; /* currently ems cause chrome bug misinterpreting rems on body element */
      line-height: 1.5;
      font-family: "Roboto Condensed", Verdana, sans-serif;
      color: #42515A;  /* Smoke */
      font-style: normal;
      margin: 0;
      vertical-align: left;
  }
    p.rsrch-body-subhead-sm_sans   
  {
      font-size: 13px; font-size: 1.0rem; /* currently ems cause chrome bug misinterpreting rems on body element */
      line-height: 1.5;
      font-family: "Roboto Condensed", Verdana, sans-serif;
      color: #42515A;  /* Smoke */
      font-style: normal;
      margin: 0;
      vertical-align: left;
      font-weight: bold;
  }

p.rsrch-blog-link   
  {
      font-size: 13px; font-size: 1.3rem; /* currently ems cause chrome bug misinterpreting rems on body element */
      line-height: 1.0;
      font-weight: 600;
      font-family: "Roboto Condensed", Verdana, sans-serif;
      color: #41A8DF;  /* Island Blue */
      font-style: normal;
      vertical-align: top;
      margin: 0;
      text-indent: 10px;
  }

p.textDate { 
    font-family: "Roboto Condensed", Verdana, sans-serif; 
    font-size:10px; 
    margin-top:0px;
    padding-left: 35px;
    padding-top: 10px;
}
p.chart-title {
    font-family: "Roboto Condensed", Verdana, sans-serif; 
    font-family: 16px; font-size: 1.6rem;
    margin-top:0px;
    padding-top: 10px;
}
h4.rsrch-head-category  
  {
      font-weight: 400;
      font-family: "Roboto Condensed", Verdana, sans-serif;
      color: #001f33; 
      font-style: normal;
      font-weight: bold; 
  }

h5.rsrch-page-head  
  {
      font-weight: 400;
      font-family: "Roboto Condensed", Verdana, sans-serif;
      color: #001f33; 
      font-style: normal;
      font-weight: bold; 
      margin-bottom:0em;
  }

h6.rsrch-related-read
   { 
       font-family: "Roboto Condensed", Verdana, sans-serif; font-size: 14px; font-size: 1.4rem; 
       margin-bottom:0em;
       color: #001f33; 
       font-style: normal;
       font-weight: bold; 
     }

h6.rsrch-icon-title
   { 
       font-family: "Roboto Condensed", Verdana, sans-serif; font-size: 15px; font-size: 1.5rem;
       line-height:2rem; 
       margin-bottom:0em;
       color: #68747b; 
       font-style: normal;
       font-weight: bold;
       width:100%; 
       vertical-align:middle;
       margin-left: 27px; 
       padding-bottom: 15px;
     }


.nowrap {
  white-space: nowrap;
}


/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, 
                LISTS-best practice= 0 padding and margin. 
                For consistency, either specify the amounts you want here, 
                or on the list items (LI, DT, DD) they contain. 
                Remember that what you do here will cascade to 
                the .nav list unless you write a more specific selector. */
    padding: 0;
    margin: 0;
}

p.excelDownload {
    font-family: Georgia, serif;
    font-size: 11px;
    color: #61AEE1;
}

p.smallcaps { /*old style probably not being used.*/
    font-variant: small-caps; 
    font-style: normal; 
    margin: 0;
    vertical-align: bottom;
}
p.web-citation {
      font-size: 10px; font-size: 1.0rem; /* currently ems cause chrome bug misinterpreting rems on body element */
      line-height: 1.0;
      font-family: Georgia,Times,"Times New Roman",serif;
      color: #42515A;  /* Smoke */
      font-style: normal;
      margin: 0;
      vertical-align: left;
}
a img { /* removes default blue border displayed in some browsers around an image when it is surrounded by a link */
    border: none;
}

a:link {
margin:0;
padding:0;
border-bottom: 0px;
vertical-align:baseline;
background:transparent;
text-decoration: none;

}

p a:link, p a:visited, p a.active, {
  color: #41A8DF;  /*Island Blue*/
    }

a { color: inherit; }  

.container-main {
    width: 960px;
    background-color: #FFF;
    margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
    overflow: hidden; /* this declaration makes the .container understand where the floated columns within ends and contain them */
    /* border: 1x; #42515A; Smoke Gray */
    height:100%;
}

.container-content {
    width: 740px;
    background-color: #FFF;
    margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
    overflow: hidden; /* this declaration makes the .container understand where the floated columns within ends and contain them */
    /* border: 1x; #42515A; /* Smoke Gray */
    /* border-style: solid; 
    border-width: 1px;*/
    padding-left: 10px;
    padding-top: 10px;
}

.container {
    width: 940px;
    background-color: #FFF;
    margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
    overflow: hidden; /* this declaration makes the .container understand where the floated columns within ends and contain them */
    float: left;
    display:inline-block;
}

.container-one-half-column {
    width: 470px;
    background-color: #FFF;
    margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
    overflow: hidden; /* this declaration makes the .container understand where the floated columns within ends and contain them */
    float: left;
}

.container-border {
    width: 940px;
    background-color: #FFF;
    margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
    overflow: hidden; /* this declaration makes the .container understand where the floated columns within ends and contain them */
    float: left;
    border-color: #DDDBD7; /* Mediumn Champange */
    border-style: solid; 
    border-width: 1px;
}

.container-rsrch-sourcenote {
        width: 650px;
        margin: 0 auto; 
        padding: 5px 0px 50px 5px;
        margin-top: 20px;  
}
.sidebar1 {
    float: left;
    width: 180;
    background-color: #f5f2ed;  /* (LIGHT) Champange */
    padding-bottom: 0px;
    font-family: "Roboto Condensed", Verdana, Geneva, sans-serif;  
    height: 840px;
}

.excelDownload.content img, p {
  display: inline-block;
}




/* Index Page Graduation Cap */

.main_block {
    width: 400px; 
    padding-top: 45px;
    margin-left: auto;
    margin-right: auto;  
  }
.main_block:before,.main_block:after { overflow:hidden; content:""; display:table; }
.main_block:after { clear:both; }
.inner_block_left {
 display: inline-block;
 float:left;
 width:50%;
}
.inner_block_right {
  display: inline-block;
  float:right;
  width:50%;
}
.inner_block img { 
    width:100%; 
    height:auto; 
    vertical-align:middle; 
}
/* Index Page Graduation Cap  */
.center_block img {
    width:100%; 
    height:auto; 
    vertical-align:middle;
    margin-left: 24px;
    border: 1px solid #DDDBD7; /* Mediumn Champange */
}



/*  Index Page Container for Related Reading Section  */

.lseViewport {
    width: 400px;
    position: relative;
}

.lseViewport span {
    display: block;    
}


.content ul, .content ol { 
    padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. 
    Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. 
    These may be adjusted as you wish. */
}
ul.bullet-list {
    list-style-type: disc;
    padding-left: 35px;
    padding-right: 35px;
    padding-bottom: 20px;
      font-size: 13px; font-size: 1.3rem; /* currently ems cause chrome bug misinterpreting rems on body element */
      line-height: 2.0;
      font-family: Georgia,Times,"Times New Roman",serif;
      color: #42515A; /* Smoke Gray */
}

ul.nav-r {
    list-style: none; /* remove bullet*/
    /*border-top: 1px solid #42515A; /* Smoke Gray */ /* = top border for links - all others are placed using a bottom border on the LI */
    margin-bottom: 0px; /* this creates the space between the navigation on the content below */
    font-weight: 400;
    font-family: "Roboto Condensed", Verdana, Geneva, sans-serif;  
    font-size: 12px;
    color: #68747B; /* Text color=lt Gray */
    font-style: normal;
    font-weight: bold; 
}
ul.nav-r li {
    border-bottom: 1px solid #99A5AD; /* Light Midnight */ /* = button separation on bottom */
}
ul.nav-r a, ul.nav-r a:visited { /* grouping these selectors ensures that links retain their button look even after being visited */
    padding: 15px 15px 15px 7px;
    display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
    width: 160px;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
    text-decoration: none;
    /* background-color: #F5F2ED; /* (Light) Champange * adds color to sidebar-nav ONLY */
    color: #68747B; /* Text color=lt Gray */
}
nav-r > .link > a {
  color: #001F33;
}
nav-r > .visited > a {
  color: #001F33;
}
/* Set Active states of text color and selection */
.nav-r > .active > a {
  color: #FFF; 
  background-color: #001F33;  /* Lt Midnite */
}

ul.subnav {
    display: block;
    list-style: none; /* remove bullet*/
    width: 180px;  /* width of rule under each nav element */
    text-indent: 15px;  
}
/* Set Active states of text color and selection */
.subnav > .active > a {
  color: #001F33;  /* Lt Midnite */
}


/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* use to float an element right in page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 8px;
}
.fltlft { /* use to float an element left in your page. The floated element must precede the element it should be next to on the page. */
    float: left;
    margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the .container is removed */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.hidden {
    display: none !important;
}


.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}


.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: none;
        color: #000;
    }
  
      a[href]:after {
        content: none !important;
          }
    

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

 
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

 
    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}