/* 
 * HTML5 ✰ Boilerplate
 *
 * What follows is the result of much research on cross-browser styling. 
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 * 
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

   article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}
audio, canvas, video {
    display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
    display: none;
}
[hidden] {
display: none;
}
/* =============================================================================
   Reset
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html {
    font-size: 100%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    background-color:#8A8179;
}
body {
    background-color:#fff;
}
body, button, input, select, textarea {
    color: #444;
}

/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * (customized the background color to match our design)
 */

::-moz-selection {
 background: #003366;
 color: #fff;
 text-shadow: none;
}
::selection {
    background: #003366;
    color: #fff;
    text-shadow: none;
}
/* =============================================================================
   Links
   ========================================================================== */

a {
    color: #00e;
}
a:visited {
    color: #551a8b;
}
a:hover {
    color: #06e;
}
a:focus {
    outline: thin dotted;
}
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active {
    outline: 0;
}
/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] {
    border-bottom: 1px dotted;
}
b, strong {
    font-weight: bold;
}
blockquote {
    margin: 1em 3.077em;
}
dfn {
    font-style: italic;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
ins {
    background: #ff9;
    color: #000;
    text-decoration: none;
}
mark {
    background: #ff0;
    color: #000;
    font-style: italic;
    font-weight: bold;
}
/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp {
    font-family: monospace, monospace;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}
/* Improve readability of pre-formatted text in all browsers */
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}
q {
    quotes: none;
}
q:before, q:after {
    content: "";
    content: none;
}
small {
    font-size: 85%;
}
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
/* =============================================================================
   Lists
   ========================================================================== */

ul, ol {
    margin: 1em 0;
    padding: 0 0 0 3.077em;
}
dd {
    margin: 0 0 0 3.077em;
}
nav ul, nav ol {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}
/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}
/*
 * Correct overflow not hidden in IE9 
 */

svg:not(:root) {
    overflow: hidden;
}
/* =============================================================================
   Figures
   ========================================================================== */

figure {
    margin: 0;
}
/* =============================================================================
   Forms
   ========================================================================== */

form {
    margin: 0;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
/* Indicate that 'label' will shift focus to the associated form element */
label {
    cursor: pointer;
}
/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

legend {
    border: 0;
 *margin-left: -7px;
    padding: 0;
}
/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
 *vertical-align: middle;
}
/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input {
    line-height: normal;
 *overflow: visible;
}
/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */

table button, table input {
*overflow: auto;
}
/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
}
/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
}
input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}

/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */

button::-moz-focus-inner, input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}

/* Colors for form validity */
input:valid, textarea:valid {
}
input:invalid, textarea:invalid {
background-color: #f0dddd;
}
/* =============================================================================
   Tables
   ========================================================================== */

table {
    border-collapse: collapse;
    border-spacing: 0;
}
td {
    vertical-align: top;
}
/* ==|== primary ('mobile first') styles =====================================================
   Author: Brian Byers blbyers@sandia.gov and Steven Wenrich sawenri@sandia.gov
   ========================================================================== */
   
/*-- Web Fonts - License from Fonts.com Web fonts ------*/

/*-- @import url("http://fast.fonts.com/t/1.css?apiType=css&projectid=8a724aee-0e40-40e7-b3a7-09f118745fbb"); --*/

@font-face {
    font-family:'Exo2 Regular';
    src: url('/_common/fonts/exo2/WOFF2/exo-2-latin-300.woff2') format('woff2'),
         url('/_common/fonts/exo2/WOFF/exo-2-latin-300.woff') format('woff'),
         url('/_common/fonts/exo2/TTF/Exo2-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:'Exo2 Light Italic';
    src: url('/_common/fonts/exo2/WOFF2/exo-2-latin-200italic.woff2') format('woff2'),
         url('/_common/fonts/exo2/WOFF/exo-2-latin-200italic.woff') format('woff'),
         url('/_common/fonts/exo2/TTF/Exo2-LightItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family:'Exo2 Semi-Bold';  /* replaced both OceanSansMTW01-SemiBold 734788 and Exo2 Semi Bold */
    src: url('/_common/fonts/exo2/WOFF2/exo-2-latin-500.woff2') format('woff2'),
         url('/_common/fonts/exo2/WOFF/exo-2-latin-500.woff') format('woff'),
         url('/_common/fonts/exo2/TTF/Exo2-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:'Exo2 Bold';
    src: url('/_common/fonts/exo2/WOFF2/exo-2-latin-600.woff2') format('woff2'),
         url('/_common/fonts/exo2/WOFF/exo-2-latin-600.woff') format('woff'),
         url('/_common/fonts/exo2/TTF/Exo2-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:'Exo2 Extra-Bold';
    src: url('/_common/fonts/exo2/WOFF2/exo-2-latin-900.woff2') format('woff2'),
         url('/_common/fonts/exo2/WOFF/exo-2-latin-900.woff') format('woff'),
         url('/_common/fonts/exo2/TTF/Exo2-ExtraBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:'Exo2 Light';
    src: url('/_common/fonts/exo2/WOFF2/exo-2-latin-200.woff2') format('woff2'),
         url('/_common/fonts/exo2/WOFF/exo-2-latin-200.woff') format('woff'),
         url('/_common/fonts/exo2/TTF/Exo2-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family:'Open Sans';
    src: url('/_common/fonts/open-sans/Regular/OpenSans-Regular.eot');
    src: url('/_common/fonts/open-sans/Regular/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('/_common/fonts/open-sans/Regular/OpenSans-Regular.woff2') format('woff2'),
         url('/_common/fonts/open-sans/Regular/OpenSans-Regular.woff') format('woff'),
         url('/_common/fonts/open-sans/Regular/OpenSans-Regular.ttf') format('truetype'),
         url('/_common/fonts/open-sans/Regular/OpenSans-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*-- end web fonts --*/

/* BASE STYLES 
    Styles for all viewports - default to "mobile" 320 viewports
*/ 
body {
    color: #444444;
    font: 81.3%/1.5385 "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
/* Headings */
h1, h2, h3, h4, h5, h6 {
    font-family: "Exo2 Light", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 200;
}
h2, h3, h4, h5, h6 {
    color: #036;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: inherit;
}
h1 {
    color: #92162A;
    font-size: 3.077em;
    font-weight: 200;
    line-height: 1em;
    margin-bottom: 0.2em;
    margin-top: 0.8em;
}
h2 {
    font-size: 2.46em;
    line-height: 1.24em;
    margin-bottom: 0.31em;
    margin-top: 0.98em;
}
h3, #sideBar h1 {
    font-size: 2em;
    line-height: 1.54em;
    margin-bottom: 0.24em;
    margin-top: 1.3em;
    color:#036;
}
h4, #sideBar h2 {
    font-size: 1.6923em;
    line-height: 1.8182em;
    margin-bottom: 0;
    margin-top: 1.4em;
}
h5, #sideBar h3 {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-weight:700;
    font-size: 1.23em;
    line-height: 1.86em;
    margin-bottom: 0;
    margin-top: 2.25em;
}
h6, #sideBar h4, #sideBar h5, #sideBar h6 {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 1em;
    font-weight:700;
    margin-top: 3.05em;
    margin-bottom:0;
}
#sideBar h2 {
    margin-top:0;
    margin-bottom:0;
}
#sideBar h3 {
    margin-top:1.9em;
}
#sideBar h4, #sideBar h5, #sideBar h6 {
    margin-top:1.5385em;
    line-height:1.5385em;
    margin-bottom:0;
}
/* Lists */
p, ol, ul, dl, address {
    font-size: 1em;
    margin-bottom: 1.5385em;
    margin-top:0;
}
ul, ol {
    margin: 0 0 1.5385em;
    padding-left: 1.846em;
}

/*-- overlap fix for lists next to elements floated left --*/
/*#contentWrapper ul, #contentWrapper ol {
    overflow:hidden;
}*/

ul {
    list-style-type: disc;
}
ul ul {
    list-style-type: circle;
}
ul ul ul {
    list-style-type: square;
}
ul ul ul ul {
    list-style-type: disc;
}
ul ul ul ul ul {
    list-style-type: circle;
}
ul ul ul ul ul ul {
    list-style-type: square;
}
ol {
    list-style-type: decimal;
}
ol ol {
    list-style-type: upper-alpha;
}
ol ol ol {
    list-style-type: upper-roman;
}
ol ol ol ol {
    list-style-type: lower-alpha;
}
ol ol ol ol ol {
    list-style-type: lower-roman;
}
ol ol ol ol ol ol {
    list-style-type: lower-greek;
}
li ul, li ol {
    font-size: 1em;
}

/* Dates */
dl, dd {
    margin-bottom: 1.5385em;
}
dt {
    font-weight: normal;
}
/* Quotes */
blockquote, .statement, .pullquote {
    color: #888888;
    font: 200 2.1538em/1.44em "Exo2 Light Italic", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 0.02em;
    margin: 1.05em 0;
}
.pullquote:before {
    content: open-quote;
}
.pullquote:after {
    content: close-quote;
}
q:before {
    content: open-quote;
}
q:after {
    content: close-quote;
}

/* Font Styles */
b, strong {
    font-weight: bold;
}
i, em {
    font-style: italic;
}
sup, sub {
    font-size: 75%;
    line-height: 0;
    position: relative;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
address {
    font-style: normal;
}
pre {
    margin-bottom: 1.5em;
    white-space: pre-wrap;
    word-wrap: break-word;
}
pre, code {
    font: 0.875em/1.5 'andale mono', 'lucida console', monospace;
}
small {
    font-size: 1em;
}

/* Horizontal Rules */
hr {
    background-color: #DDDDDD;
    border: medium none;
    height: 1px;
}
/* Links */
a, a:visited {
    color: #0066CC;
    outline: medium none;
    text-decoration: underline;
}
a:hover {
    color: #999999;
    outline: medium none;
    text-decoration: underline;
}
a:active, a:focus {
    color: #000000;
    outline: medium none;
}
/* Figures */
figure {
    margin-bottom: 1.5385em;
}
figure img, figure object, figure embed {
    max-width: 100%;
}
figcaption {
    display: block;
    font-weight: normal;
    margin-top: .5em;
    font-size: .9em;
    line-height: 1.71;
}

/* Tables */
table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 0.875em;
    margin-bottom: 1.4em;
    width: 100%;
}
th {
    font-weight: bold;
}
th, td, caption {
    padding: 0.25em 0.769em 0.25em 0.385em;
}
tfoot {
    font-style: italic;
}
caption {
    background-color: transparent;
}

/* Navigation */
nav ul, nav ul li {
    padding-bottom: 0;
    margin-bottom: 0;
}
/* Template Styles */
#container {
    text-align: center;
}
header, #main, #mainNav, #subNav, #contextNav, #contextHeader {
    text-align: left;
}
#main, #colophon {
    padding: 0 1.5385em 1.5385em 1.5385em;
}
#main {
    padding-bottom: 3.077em;
}
.hasFeature *:first-child {
    margin-top:0;
}

/*Touch Friendly Links*/
/*
footer a, nav a, #social a, #topLink, footer a:visited, nav a:visited, #social a:visited, #topLink:visited {
 display: inline-block;
 padding: 1.1925em;
}
*/

/* header styles */
header {
    background: rgb(0,71,124); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(0,71,124,1) 0%, rgba(0,47,82,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,71,124,1)), color-stop(100%, rgba(0,47,82,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,71,124,1) 0%, rgba(0,47,82,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,71,124,1) 0%, rgba(0,47,82,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,71,124,1) 0%, rgba(0,47,82,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(0,71,124,1) 0%, rgba(0,47,82,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00477c', endColorstr='#002f52', GradientType=0 ); /* IE6-9 */
}
#logo {
    background: url("/_common/images/snl_logo_white_mobile_1x.png") 0 0 no-repeat;
    background-repeat: no-repeat !important;
    width: 11.462em;
    height: 1.769em;
    margin: .8em .85em .9em 1.2em;
    background-size: 100% auto;
}
#logo h1 {
    font-size: 1em;
    text-indent: -9999px;
}
#logo p {
    display: none;
}
#logo a {
    padding: 0;
    display: block;
    width: 11.462em;
    height: 1.769em;
}

/* Hide Main Nav & Mega Menu Containers*/
#mainNav, .menuContainer {
    display: none;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

/* Show mobile nav link in banner */
#banner .navLinkMobile {
    position:absolute;
    right: 1em;
    top: 0.375em;
    border: 1px solid #DDDAD7;
    color: #666;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1.231em;
    font-weight: 700;
    line-height:normal;
    padding: .25em .8em .25em .6em;
    text-decoration: none;
    border-radius: 0.462em;
    width:auto;
    background: #F2F1F0; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #eeece9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeece9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #eeece9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #eeece9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #eeece9 100%); /* IE10+ */
    background: linear-gradient(top, #ffffff 0%, #eeece9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeece9', GradientType=0 ); /* IE6-9 */
}
#banner .navLinkMobile:after {
    content: url("/_common/images/arrow_down_16.png");
    left: 0.3em;
    position: relative;
    top: 0.15em;
}

/* Search Styles */
#search {
    margin: 1em auto 0.769em auto;
    background: #F6F6F6;
    border: 1px solid #DDDDDD;
    border-radius: 6px;
    box-shadow: 1px 1px 4px 0 #DDDDDD inset;
    max-height: 3.077em;
    padding-top: 0.08em;
    width: 21.538em;
    max-width: 21.538em;
}
#searchInput {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #999999;
    float: left;
    font-size: 1.1em;
    height: 2.769em;
    line-height: 150%;
    padding: 0 0.308em;
    width: 17.692em;
}
.searchIcon {
    position: relative;
    right: 0.75em;
    top: 0.65em;
}

/* Sub and Context Nav Styles */
#subNav {
    border-bottom: 1px solid #DDDAD7;
    margin-bottom:1em;
}
#subNav a {
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding: .82em 1em;
    line-height: 1.05em;
    text-decoration: none;
    border-top: 1px solid #DDDAD7;
    color:#666;
    font-size: 1em;
    font-weight: 700;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-image:  transparent;
    background: #ffffff; /* Old browsers */
    background: url("/_common/images/arrow_right_16.png") no-repeat 96% 50%, -moz-linear-gradient(top, #ffffff 0%, #eeece9 100%); /* FF3.6+ */
    background: url("/_common/images/arrow_right_16.png") no-repeat 96% 50%, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeece9)); /* Chrome,Safari4+ */
    background: url("/_common/images/arrow_right_16.png") no-repeat 96% 50%, -webkit-linear-gradient(top, #ffffff 0%, #eeece9 100%); /* Chrome10+,Safari5.1+ */
    background: url("/_common/images/arrow_right_16.png") no-repeat 96% 50%, -o-linear-gradient(top, #ffffff 0%, #eeece9 100%); /* Opera 11.10+ */
    background: url("/_common/images/arrow_right_16.png") no-repeat 96% 50%, -ms-linear-gradient(top, #ffffff 0%, #eeece9 100%); /* IE10+ */
    background: url("/_common/images/arrow_right_16.png") no-repeat 96% 50%, linear-gradient(top, #ffffff 0%, #eeece9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeece9', GradientType=0 ); /* IE6-9 */
}
#contextNav {
    display: block;
    background: #eeece9;
    border: 1px solid #dddad7;
    margin: 1em;
    border-radius: 6px 6px 6px 6px;
    padding: .5em 1em;
    position: relative;
    left: 0;
    top: 0;
}
#contextNav ul {
    display: none;
}
#contextNav ul.active {
    display: block;
}
#contextNav ul li {
    width: 100%;
    padding-bottom: 0;
}
#contextNav a {
    display:block;
    background: url("/_common/images/arrow_right_16.png") no-repeat scroll right 50% transparent;
    font-weight:normal;
    padding: .9em .9em .9em 0;
    line-height: 1.05em;
    text-decoration: none;
    color:#666;
    font-size:1em;
    font-family: "Exo2 Light", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h4#contextHeader, h4#subNavHeader {
    text-align: left;
    padding: 0;
    margin: 0;
    font-family:"Exo2 Light", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 200;
    line-height: 120%;
}
h4#contextHeader {
    margin: .4em 3.8em .3em 0;
}
h4#contextHeader a {
    background: none repeat scroll 0 0 transparent;
    color: #003366;
    display: block;
    line-height: 100%;
    margin: 0;
    padding: 0;
    text-decoration: none;
}
h4#subNavHeader a {
    text-decoration:none;
    color: #036;
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding: .45em .8em .35em;
    line-height: 130%;
    text-decoration: none;
    border-top: 1px solid #DDDAD7;
    background-image:  transparent;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #eeece9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeece9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #eeece9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #eeece9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #eeece9 100%); /* IE10+ */
    background: linear-gradient(top, #ffffff 0%, #eeece9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeece9', GradientType=0 ); /* IE6-9 */
    margin:0;
}
/* Top Link */
a#topLink {
    border: 1px solid #DDDAD7;
    color: #666;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.231em;
    font-weight: 700;
    line-height:normal;
    padding: .25em .8em .25em .6em;
    text-decoration: none;
    border-radius: 6px;
    width: auto;
    text-align: left;
    position: absolute;
    right: .7em;
    top: .7em;
    background: #f6f5f3; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #eeece9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeece9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #eeece9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #eeece9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #eeece9 100%); /* IE10+ */
    background: linear-gradient(top, #ffffff 0%, #eeece9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeece9', GradientType=0 ); /* IE6-9 */
}
a#topLink:after {
    content: url("/_common/images/arrow_up_16.png");
    position: relative;
    top: 0.15em;
    left:.3em;
}
/* Tools and Social Styles */
#tools ul, #social ul {
    display: block;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}
#tools li {
    float: left;
    margin: 0 0.462em;
    padding-bottom: 0;
}
#social li {
    float: left;
    margin-right: 0.154em;
    padding-bottom: 0;
}
#tools li:last-child, #social li:last-child {
    margin-right: 0;
}
#social {
    margin: 0 auto;
    width: 17.846em;
}
#social a {
    width: 1.846em;
    height: 1.846em;
    padding: 0.769em;
}
#tools {
    margin: 0 auto;
    width: 22.154em;
    padding-top: 0.75em;
    font-family:Helvetica, Arial sans-serif;
}
#tools li {
    margin-right: 0.615em;
}
#tools li:last-child {
    margin-right: 0;
}
#tools a {
    display: block;
    font-size: 0.769em;
    height: 2.4em;
    padding: 2.4em 0 0.2em;
    text-decoration: none;
    color: #999;
}
#tools .locationsLink a {
    background: url("/_common/images/icon_locations_24.png") 50% 0 no-repeat;
}
#tools .contactLink a {
    background: url("/_common/images/icon_mail_24.png") 50% 0 no-repeat;
}
#tools .employeeLink a {
    background: url("/_common/images/icon_bust_24.png") 50% 0 no-repeat;
}
#tools .searchLink a {
    background: url("/_common/images/icon_search_24.png") 40% 0 no-repeat;
}
/*#tools .navLink a {
    background: url("/_common/images/arrow_down.png") 50% 0 no-repeat;
}*/
#tools .navLink {
    display:none;
}
#tools .sandiaHomeLink {
    display:none;
}

/* Section Heading */
#sectionHeading {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1em;
    letter-spacing: 0;
    font-weight: 700;
    margin: 0.5em 0 -.6em 0;
}
#sectionHeading a, #sectionHeading a:visited {
    border: 1px solid #DDDAD7;
    color: #003366;
    padding: .2em .6em .3em;
    text-decoration:none;
    border-radius: 6px 6px 6px 6px;
    background: #F2F1F0; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #eeece9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeece9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #eeece9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #eeece9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #eeece9 100%); /* IE10+ */
    background: linear-gradient(top, #ffffff 0%, #eeece9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeece9', GradientType=0 ); /* IE6-9 */
    display: inline-block;
}
/* FEATURE */
#feature, #featureStatic, #featureAnimated {
    position: relative;
    background-color: #FFFFFF;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius:10px;
    margin-bottom: 3.077em;
    overflow: hidden;
    width: 100%;
    text-align: left;
}
#feature img {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    width: 100%;
}
#featureStatic h1, #featureAnimated h1, #featureStatic h2, #featureAnimated h2 {
    display: block;
    width: 100%;
    color: #FFFFFF;
    display: block;    
    letter-spacing: 0;
    line-height: 100%;
}
#featureStatic h1, #featureAnimated h1 {
    font-size: 1.385em;
    font-family: "Exo2 Semi-Bold", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
#featureStatic h2, #featureAnimated h2 {
    font-size: 1.231em;
    font-family: "Exo2 Light", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
#featureStatic p, #featureAnimated p {
    display: block;
    color: #fff;
    line-height: 1.5em;
    padding-bottom: 0;
    margin-bottom: 0.31em;
    margin-top: 0.98em;
}
#featureStatic article, #featureAnimated article {
    display: block;
    padding: 1em;
    background: #00477c; /* Old browsers */
    background: -moz-linear-gradient(top, #00477c 0%, #002f52 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00477c), color-stop(100%, #002f52)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #00477c 0%, #002f52 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #00477c 0%, #002f52 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #00477c 0%, #002f52 100%); /* IE10+ */
    background: linear-gradient(top, #00477c 0%, #002f52 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00477c', endColorstr='#002f52', GradientType=0 );*/ /* IE6-9 */
    border-bottom: 1px #003366 solid;
    border-radius: 0 0 0 0;
}
#featureStatic a, #featureAnimated a {
    color: #fff;
    display: block;
    text-decoration: none;
    cursor: pointer;
    _cursor: hand;
}
#featureStatic a:hover, #featureAnimated a:hover {
    color: #fff;
}
#featureStatic a div, #featureAnimated a div {
    display: block;
}
#featureStatic img, #featureAnimated img {
    display: none;
    width: 100%;
}
#featureAnimated #strip {
    margin: 0;
    padding: 0;
    list-style: none;
}
#featureControls, #featureAnimated .arrow {
    display: none;
}

/* footer styles */

/* Hide site map in footer */
#siteMapNav {
    display: none;
}
footer {
    background: #8A8179;
    color: #ccc;
    padding-bottom: 1.6em;
    margin-top:2.8em;
    text-align: center;
}
footer a, footer a:link, footer a:visited {
    color: #ccc;
    text-decoration: none;
}
footer a:hover {
    color: #fff;
    text-decoration: underline;
}
footer #mainNav { display: block; }
footer #mainNav .menuContainer { display: none !important; }
footer #mainNav ul {
    padding: 0 0 0.77em        
}
footer #mainNav li {
    float: left;
    width: 33.3%;
    line-height: 125%;
    padding-bottom: 1.4em;
    text-align: center;
}
footer #mainNav li a {
    color: white;
    font-size: 13px;
    font-weight: 600;
}
.redStripe {
    background: none repeat scroll 0 0 #92162A;
    border-bottom: 1px solid #FFFFFF;
    display: block;
    height: 7px;
    margin-bottom: 1.5385em;
}
#tagline {
    color: #fff;
    font-family:"Times New Roman", Times, serif;
    font-size: 1.25em;
    font-style: italic;
    font-weight: 400;
    margin-bottom: 1.1em;
}
#copyQuestionsPrivacy span#copyright {
    display:block;
}
#copyQuestionsPrivacy a {
    white-space: nowrap;
}
#copyQuestionsPrivacy span#copyright, #copyQuestionsPrivacy a {
    padding: 0 0.5em;
}
#colophon a, #colophon a:visited {
    color:#fff;
}
#colophon a:hover {
    color:#ccc;
    text-decoration:underline;
}
#colophonLogos a {
    padding: 0;
}
#colophonLogos a:first-child {
    padding-right: 1em;
}
#colophonLegal {
    font-size: .9em;
    line-height: 1.71em;
    max-width: 37em;
    margin-left: auto;
    margin-right: auto;
}
#colophon {
    display: block;
}
.ie8 #colophon.clearfix:before, .ie8 #colophon.clearfix:after {
    content: "";
    display: table;
}
/* Side Bar */
#sideBar, .hasSideBar {
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
#sideBar :first-child {
    margin-top:0;
}
/* IE Styles */
/* . oldie = All browsers < IE9 */
.oldie h1, .oldie h2, .oldie h3, .oldie h4, .oldie h5, .oldie h6 {
    font-family: "Exo2 Light", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 200;
}
.oldie h1 {
    color: #92162A;
    font-size: 3.077em;
    font-weight: 200;
    line-height: 1em;
    margin-bottom: 0.2em;
    margin-top: 0.8em;
}
.oldie h2 {
    font-size: 2.46em;
    line-height: 1.24em;
    margin-bottom: 0.31em;
    margin-top: 0.98em;
}
.oldie h3, .oldie #sideBar h1 {
    font-size: 2em;
    line-height: 1.54em;
    margin-bottom: 0.24em;
    margin-top: 1.3em;
    color:#036;
}
.oldie h4, .oldie #sideBar h2 {
    font-size: 1.6923em;
    line-height: 1.8182em;
    margin-bottom: 0;
    margin-top: 1.4em;
}
.oldie h5, .oldie #sideBar h3 {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 1.23em;
    line-height: 1.86em;
    margin-bottom: 0;
    margin-top: 2.25em;
}
.oldie h6, .oldie #sideBar h4, .oldie #sideBar h5, .oldie #sideBar h6 {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 1em;
    font-weight: 700;
    margin-top: 3.05em;
    margin-bottom: 0;
}
.oldie #sideBar :first-child {
    margin-top: 0;
}
.oldie #sideBar h2 {
    margin-top: 0;
    margin-bottom: 0;
}
.oldie #sideBar h3 {
    margin-top: 1.9em;
}
.oldie #sideBar h4, .oldie #sideBar h5, .oldie #sideBar h6 {
    margin-top: 1.5385em;
    line-height: 1.5385em;
    margin-bottom: 0;
}
.oldie blockquote, .oldie .statement {
    color: #888888;
    font: 200 2.1538em/1.44em "Exo2 Light Italic", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 0.02em;
    margin: 1.05em 0;
}
.oldie footer {
    font-size:1em;
    padding-bottom: 1.6em;
}
.oldie #featureStatic article, .oldie #featureAnimated article {
    behavior: url("/_common/PIE.htc") !important;
}
/* IE7 Styles */
.ie7 a#topLink {
    width:auto !important;
    padding:.25em 2.462em .25em .6em !important;
    background: #f6f5f3 url("/_common/images/arrow_up_16.png") 86% 46% no-repeat;
    filter:none;
}
.ie7 a#topLink:after {
    display:none;
}
.ie7 #banner .navLinkMobile {
    padding-right: 2.308em;
    background: #F2F1F0 url("/_common/images/arrow_down_16.png") 90% 43% no-repeat;
    filter:none;
}
.ie7 #banner .navLinkMobile:after {
    display:none;
}
.ie7 #subNav a, .ie7 #contextNav a {
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
    line-height: normal;
}
.ie7 #featureStatic p, .ie7 #featureAnimated p {
    padding-bottom: 0 !important;
}
/* IE8 Styles */
.ie8 #searchForm {
    height: 2.769em;
}
.ie8 #social {
    display: block;
    height: 2.769em;
}
.ie8 .clearfix:before {
    content: normal;
}
.ie8 .clearfix:before, .ie8 .clearfix:after {
    display: block;
    height: 0;
}
/* IE9 Styles */
.ie9 #banner .navLinkMobile {
    background: #F2F1F0;
    filter:none;
}
.ie9 a#topLink {
    background: #f6f5f3;
    filter:none;
}
.ie9 .searchIcon {
    margin: 1em 0.462em 0 1em;
}
/* Javascript turned off styles */
.no-js #tools {
    width: 17.462em;
}
.no-js #tools .searchLink, .no-js #tools .navLink {
    display: none;
}
.no-js #sideBar, .no-js .hasSideBar {
    width: 100%;
    margin: 0;
}
/* Javascript turned off AND IE styles */
html.oldie.no-js #container {
    text-align: left !important;
    padding: 1.5em;
}
html.oldie.no-js #social, html.oldie.no-js #search, html.oldie.no-js #tools {
    margin: 0 0 1.538em 0;
}
html.oldie.no-js #tagline {
    color: #444444;
}
html.oldie.no-js #logo, html.oldie.no-js #logo h1 a {
    width: auto;
}
html.oldie.no-js #logo h1 {
    font-size: 2em;
    text-indent: 0;
    width: auto;
}
html.oldie.no-js #search {
    margin-top: 1.5em;
}
/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */
   
/*-- when you need equal columns--*/
.oneCol, .twoCol, .threeCol, .fourCol {
    width: 100%;
}
/*-- when you need unequal columns--*/
.left66Col, .right66Col, .right33Col, .left33Col, .left75Col, .right75Col, .right25Col, .left25Col {
    width: 100%;
}
/* For image replacement */
.ir {
    display: block;
    border: 0;
    text-indent: -999em;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
}
.ir br {
    display: none;
}
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
    display: none !important;
    visibility: hidden;
}
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
/* Hide visually and from screenreaders, but maintain layout */
.invisible {
    visibility: hidden;
}
/* Hide in all viewports <768 */
.hideInMobile {
    display: none !important;
    visibility: hidden;
}
/* Hide in all viewports <768 */
.mobileOnly {
    display: block !important;
    visibility: visible;
}
/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1;
}
/*-- overlap fix for lists next to elements floated left --*/
ul.correctAdjacentFloatMargin, ol.correctAdjacentFloatMargin {
    overflow:hidden;
}
/* Non-semantic Template Decorator Classes */
.roundedCorners {
    background: #FFF;
    border: 1px solid #DDDDDD;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 0.154em;
}
.roundedCorners2 {
    background: #FFF;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-border-radius:10px;
    margin: 0;
    padding: 0;
    width: 100%;
}
.boxShadow {
    box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.1);
}
.border {
    border: 2px solid #FFFFFF;
}
.boxStyle1 {
    display: block;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 3px solid #FFFFFF;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.1);
    padding: 1em 1.5385em 0 !important;
    margin: 0 auto 1.538em auto !important;
}
.boxStyle1 h1:first-of-type, .boxStyle1 h2:first-of-type, .boxStyle1 h3:first-of-type, .boxStyle1 h4:first-of-type, .boxStyle1 h5:first-of-type, .boxStyle1 h6:first-of-type {
    margin-top: 0.25em;
}
.oldie .boxStyle1 h1:first-child, .oldie .boxStyle1 h2:first-child, .oldie .boxStyle1 h3:first-child, .oldie .boxStyle1 h4:first-child, .oldie .boxStyle1 h5:first-child, .oldie .boxStyle1 h6:first-child {
    margin-top: 0.25em;
}
#sideBar.borderLeft {
    border: 1px solid #ddd;
    padding: 1em;
    margin-top:0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.noBorder {
    border: none;
}
.borderLeft {
    border-left: 1px solid #ddd;
}
.borderRight {
    border-right: 1px solid #ddd;
}
.snlWarmGray {
    background: none repeat scroll 0 0 #8A8179;
    color: #FFFFFF;
}
.snlWarmGray50 {
    background: none repeat scroll 0 0 #E8E2E0;
}
.snlRed {
    background: none repeat scroll 0 0 #92162A;
    color: #FFFFFF;
}
.snlLtBlue {
    background: none repeat scroll 0 0 #00ADD0;
}
.snlNavyBlue {
    background: none repeat scroll 0 0 #003366;
    color: #FFFFFF;
}
.black {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
}
.doubleAngleListStyle {
    list-style: none outside url("/_common/images/list_bullet_double_angle.png");
}
.pagelink {
    color: #92162A !important;
    text-decoration: none;
}
a.blueButton {
    width: auto;
    max-width: 10em;
    padding: .3em 1em;
    margin: 0 auto;
    border: 1px solid #44c1de;
    background: #04abd3; /* Old browsers */
    background: -moz-linear-gradient(top, #7cd4e8 0%, #04abd3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7cd4e8), color-stop(100%, #04abd3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #7cd4e8 0%, #04abd3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #7cd4e8 0%, #04abd3 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #7cd4e8 0%, #04abd3 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cd4e8', endColorstr='#04abd3', GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #7cd4e8 0%, #04abd3 100%); /* W3C */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.10);
    -moz-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.10);
    box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.10);
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.2em;
    text-align: center;
    text-decoration: none;
    color: #F6F6F6;
}
a.blueButton:hover {
    background: #44c1de; /* Old browsers */
    background: -moz-linear-gradient(top, #04abd3 0%, #7cd4e8 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #04abd3), color-stop(100%, #7cd4e8)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #04abd3 0%, #7cd4e8 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #04abd3 0%, #7cd4e8 100%) !important; /* Opera11.10+ */
    background: -ms-linear-gradient(top, #04abd3 0%, #7cd4e8 100%) !important; /* IE10+ */
    background: linear-gradient(top, #04abd3 0%, #7cd4e8 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04abd3', endColorstr='#7cd4e8', GradientType=0 ) !important; /* IE6-9 */
    color: #FFFFFF;
}
#sideBar a.blueButton {
    max-width: 100%;
}
/* Citation Styles - Lab Accomplishments */
.citationCallout {
    font-size: 0.8em !important;
    font-style: italic;
    font-weight: bold;
}
.citation {
    padding-top: 1.538em;
    border-top: 1px solid #999999 !important;
    font-size: 0.85em !important;
}
/* Expanding List - plugin.js */
.expandingList {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.expandingList > li.expanded > *:first-child:before {
    content: "\2013";
    cursor: pointer;
    float: left;
    margin-right: 0.44em;
    padding: 0;
}
.expandingList > li > *:first-child:before {
    content: "+";
    cursor: pointer;
    float: left;
    margin-right: 0.25em;
    padding: 0;
}
.expandingList > li > * {
    cursor: pointer;
}
.expandingList li > div {
    margin-left: 1.8em;
}
/*.ie8 .expandingList > li > *:first-child:before {
    margin-top: 0.25em;
}*/
/* Expanding Item - plugin.js */
.expandingItem, .expandingItem:hover {
    color: #333333 !important;
    margin-left: 0.25em;
    text-decoration: none;
}
.expandingItem:before {
    content: "+";
    cursor: pointer;
    float: left;
    margin-right: 0.25em;
    padding: 0;
}
.expandingItem.expanded:before {
    content: "\2013";
    cursor: pointer;
    float: left;
    margin-right: 0.44em;
    padding: 0;
}
.ie8 .expandingItem > li > *:first-child:before {
    margin-top: 0.25em;
}
/*-floats and figures-*/
.floatLeft {
    float: left;
}
.floatRight {
    float: right;
}
.figLeft {
    float: left;
    margin-bottom: 0.769em;
    margin-right: 1.5385em;
    margin-top: 0;
}
.figRight {
    float: right;
    margin-bottom: 0.769em;
    margin-left: 1.5385em;
    margin-top: 0;
}
.insertLeft {
    float: left;
    margin: 0.3em 1.538em 1.538em 0;
}
.insertRight {
    float: right;
    margin: 0.3em 0 1.538em 1.538em;
}
.sideBar .insertLeft {
    float: left;
    margin: 0.1em 1em 1em 0;
}
.sideBar .insertRight {
    float: right;
    margin: 0.1em 0 1em 1em;
}
.figLeft ~ ul, .figLeft ~ ol, .insertLeft ~ ul, .insertLeft ~ ol, .floatLeft ~ ul, .floatLeft ~ ol {
    overflow: hidden;
}

.imageLeft {
    float: left;
    margin: 0.3em 1.538em 1.538em 0;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 10px 10px 10px 10px;
    padding: 0.154em;
}

.imageRight {
    float: right;
    margin: 0.3em 0 1.538em 1.538em;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 10px 10px 10px 10px;
    padding: 0.154em;
}

.sideBar .imageLeft {
    margin: 0.1em 1em 1em 0;
}

.sideBar .imageRight {
    margin: 0.1em 0 1em 1em;
}

.imageLeft ~ ul, .imageLeft ~ ol, .imageRight ~ ul, .imageRight ~ ol {
    overflow: hidden;
}

.sideBar .imageLeft {
    margin: 0.1em 1em 1em 0;
}

.sideBar .imageRight {
    margin: 0.1em 0 1em 1em;
}

.imageLeft ~ ul, .imageLeft ~ ol, .imageRight ~ ul, .imageRight ~ ol {
    overflow: hidden;
}

/*-widths-*/
.width100 {
    width: 100%;
}
.width99 {
    width: 99%;
}
.width75 {
    width: 72.4%;
}
.width66 {
    width: 66%;
}
.width50 {
    width: 47.4%;
}
.width45 {
    width: 42.4%;
}
.width33 {
    width: 30.4%;
}
.width25 {
    width: 22.4%;
}
.width20 {
    width: 17.4%;
}
.width15 {
    width: 12.4%;
}
.width10 {
    width: 7.4%;
}

/*-featurettes-*/
.featurette {
    position: relative;
    display: block;
    margin: 0 auto 1.538em auto;
    padding: 0;
    /*width: 21.538em;
    height: 18.462em;*/
    width: 20.085em;
    height: 17.179em;
    color: #FFFFFF;
    font-size: .9em;
    line-height: 1.25em;
    list-style: none;
    text-align: left;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.featurette * {
    margin: 0;
}
.featurette h1, .featurette h2, .featurette h3, .featurette h4, .featurette h5, .featurette h6, .featurette h1, #sideBar .featurette h2, #sideBar .featurette h3, #sideBar .featurette h4, #sideBar .featurette h5, #sideBar .featurette h6 {
    color: #FFFFFF !important;
    font-size: 1.8em !important;
    text-decoration: none;
    text-transform: uppercase;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1em !important;
}
.featurette > * {
    position: absolute;
    display: block;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.75);
    border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    bottom: 0;
    margin: 0;
    padding:1.1em;
    width: 100%;
    z-index: 2;
}
.featurette a, .featurette a:link {
    color: #9cf;
}
.featuretteHover div > div {
    -moz-transition:max-height 1s; /* Firefox 4 */
    -webkit-transition:max-height 1s; /* Safari and Chrome */
    -o-transition:max-height 1s; /* Opera */
    transition:max-height 1s;
    max-height: 0;
    overflow: hidden;
    padding: 0 0.154em;
}
.featuretteHover:hover div > div {
    max-height: 18.462em;
}
.featurette img {
    position: absolute;
    bottom: 0;
    padding: 0 !important;
    border-radius: 10px 10px 10px 10px !important;
    -moz-border-radius: 10px 10px 10px 10px !important;
    -webkit-border-radius: 10px 10px 10px 10px !important;
    width: 100%;
    z-index: 1;
}
.ie7 .featuretteHover div > div {
    padding: 0;
    width: 90%;
}
.threeCol .featurette {
    height: 13.761em;
    width: 20.085em;    
}
.fourFeaturetteRow .fourCol .featurette {
    height: 15.043em;
    width: 20.085em;
}
/*IE Featurette Styles */
.oldie .featurette > * {
    background-image: url("/_common/images/featurettes/ie_bkg.png");
}
/* Thumbnail Left Block */
.thumbnailLeftBlock {
    /*font-size: 1.05em !important;*/
    margin-bottom: 1.2em !important;
    /*overflow: hidden;*/
}
.thumbnailLeftBlock h1 {
    font-family: "Exo2 Light", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 200;
    color: #003366;
    font-size: 1.8em;
    line-height: 1.25em;
    margin-bottom: 0.25em;
    margin-top: 0.25em !important;
}
.thumbnailLeftBlock figure {
    margin: 0 auto;
    width: auto;
    max-width: 24.615em;
    text-align: center;
}
/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media screen and (-webkit-min-device-pixel-ratio:0) {
/*-- Webkit Media Query --*/
    img.roundedCorners { /*-- Safari, Webkit Bug Work around*/
        padding:0;
        border:none;
    }
    /*-- compensates for no padding or border on images */
    .figLeft {
        margin-right: 1.538em !important;
    }
    .figRight {
        margin-left: 1.538em !important;
    }
}
 @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    /* Style adjustments for iPhone over go here */ 
     body {
        font: 100%/1.5 Helvetica, Arial, sans-serif;
    }
    h1, h2, h3, h4 {
        font-family:"Exo2 Regular";
    }
    h1 {
        font-size: 2em;
        font-weight: 200;
        line-height: 1em; /*1.25em*/
        margin-bottom: 0.2em;
        margin-top: 0.8em;
    }
    h2 {
        font-size: 1.75em;
        line-height: 1.28em;
        margin-bottom: 0.31em;
        margin-top: 0.98em;
    }
    h3, #sideBar h1 {
        font-size: 1.5em;
        line-height: 1.54em;
        margin-bottom: 0.24em;
        margin-top: 1.3em;
        color:#036;
    }
    h4, #sideBar h2 {
        font-size: 1.35em;
        font-weight:400;
        line-height: 1.6em;
        margin-bottom: 0.22em;
        margin-top: 1.26em;
    }
    h5, #sideBar h3 {
        font-family: "Open Sans", Helvetica, Arial, sans-serif;
        font-size: 1em;
        font-weight:700;
        margin-bottom:0;
        margin-top: 2em;
    }
    h6, #sideBar h4, #sideBar h5, #sideBar h6 {
        font-family: "Open Sans", Helvetica, Arial, sans-serif;
        font-size: 1em;
        font-weight:400;
        margin-bottom:0;
        margin-top: 2em;
    }
    blockquote, .statement {
        font-size: 1.5em;
    }
    figcaption {
        display: block;
        font-weight: normal;
        margin-top: 0.9em;
        font-size:.75em;
    }
    /* Header */
    #banner {
        font-size:13px;
    }
    #logo {
        margin: .75em .85em .85em 1.2em;
    }
    #logo h1 {
        margin: 0;
    }
    /* Search */    
    #search {
        max-height: 2.75em;
        width: 280px;
    }
    #searchInput {
        font-size: 1.25em;
        height: 2em;
        line-height:normal;
        width: 240px;
    }
    .searchIcon {
        position: relative;
        right: 5px;
        top: 11px;
    }
    /* Footer */
    footer {
        font-size:81.25%;
        line-height:1.5385em;
        margin-top:1.1em;
    }
    #copyQuestionsPrivacy {
        line-height:2.3em;
    }
    #main, #colophon {
        padding: 0 1em 1em;
    }
    /* Tools & Social*/
    #tools {
        font-size: .875em;
        width: 288px;
    }
    #social {
        width: 232px;
    }
    #social a {
        padding: 0.65em;
    }
    /* Features */
    #feature, #featureStatic, #featureAnimated {
        margin-bottom: 1.25em;
    }
    /* Featurettes */
    .featurette {
        margin: 0 0 1.538em 0 !important;
    }
    .featuretteHover .openClose {
        position: absolute;
        display: block;
        height: 24px;
        width: 24px;
        z-index: 500;
        right: 10px;
        top: -12px;
    }
    .featuretteHover.open .openClose {
        background: url("../images/featurettes/featurette_down_arrow_up.png") no-repeat scroll center center transparent;
    }
    .featuretteHover.closed .openClose {
        background: url("../images/featurettes/featurette_up_arrow_up.png") no-repeat scroll center center transparent;
    }
    .featuretteHover div > div, .featuretteHover.closed div > div {
        max-height: 0;
    }
    .featuretteHover.open div > div {
        max-height: 240px;
    }

    /* Nav Headers */
    h4#contextHeader, h4#subNavHeader {
        font-family:"Exo2 Regular";
    }

    #employeeLocator tr td:nth-child(4) {
        display: none;
    }
    /*-- IE Styles (overrides beacuse IE will render this mediaquery despite being for iPhone)-- */
    .oldie body {
        font: 81.25%/1.5385 "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    .oldie #banner {
        font-size: 1em;
        padding:0;
    }
    .ie7 #banner {
        padding-bottom: .85em;
    }
    .oldie #logo {
        margin: .8em .85em .9em 1.2em;
    }
    .oldie #logo h1 {
        font-size: 1em;
    }
    .oldie #tools {
        font-size: 1.1em;
        width: 21.325em;
        margin: 0 auto;
    }
    .oldie #tools .navLink {
        display: none;
    }
    .oldie #tools.clearfix {
        clear: none;
        overflow: hidden;
    }
    .oldie #tools.clearfix:after {
        content:none;
    }
}

 @media only screen and (min-width: 480px) {
/* Style adjustments for viewports 480px and over go here */
    footer #mainNav li {
        width: 16.6%;
    }
}

 @media only screen and (min-width: 768px) {
/* Style adjustments for viewports 768px and over go here */
    
    body {
        background: #fff url("/_common/images/background_fade_top2.png") 0 60px repeat-x;
        color: #444444;
        font: 81.3%/1.5385 "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        margin: 0 auto;
        padding: 0;
        width: 100%;
    }
    #main, #colophon, #siteMapNav {
        margin: 0 auto;
        width: 56em;
    }
    /* Header */
    header {
        background: none;
        filter: none;
        height: auto;
    }
    #banner {
        height: 2.5em;
        left: 0;
        margin: 0 auto;
        padding: 0.45em 1.5385em;
        position: relative;
        top: 0;
        width: 56em;
    }
    #logo {
        background: url("/_common/images/snl_badge_subpage.png") no-repeat scroll 0 0 transparent;
        display: block;
        height: 8.615em;
        position: absolute;
        top: 0;
        left: 0.923em;
        width: 14.923em;
        z-index: 600;
        margin: 0;
        background-size: 100% auto;
    }
    #logo h1 {
        display: block;
        height: 4.154em;
        left: 2.077em;
        margin: 0;
        padding: 0;
        position: relative;
        text-indent: -9999px;
        top: 1.769em;
        width: 10.308em;
    }
    #logo h1 a, #logo h1 a:visited {
        display: block;
        height: 4.154em;
        width: 10.308em;
    }
    #banner .navLinkMobile {
        display: none !important;
    }
    /* Search */
    #search {
        max-height: 2.385em;
        width: 15em;
        padding: 0;
    }
    #searchInput {
        width: 12.615em;
        height: auto;
        padding: .3em .2em .35em;
        margin: 0;
        font-size: 1.231em;
        line-height: normal;
    }
    .searchIcon {
        margin: 0;
        padding: 0;
        position: absolute;
        right: 1.9em;
        top: 1.1em;
    }
    /* Tools and Social */
    #tools, #search {
        margin: 0;
        float: right;
    }
    #tools .searchLink {
        display: none;
    }
    #tools {
        color: #999999;
        display: block;
        float: right;
        width: auto;
        font-size: 1.1em;
        list-style-type: none;
        margin: 0;
        padding: 0.55em 0.769em 0.5em 0;
    }
    #tools ul li {
        display: block;
        float: left;
        padding: 0 0.699em;
        margin: 0;
    }
    #tools a {
        width: auto;
        height: auto;
        padding: 0 !important;
        background: none !important;
        color: #999999;
        text-decoration: none;
    }
    #tools a:hover {
        color: #0066CC;
    }
    #social {
        width: auto;
        position: absolute;
        right: 1px;
        bottom: 1.4em;
    }
    #social ul li {
        padding-bottom:0;
    }
    #social a {
        padding: 0;
        margin-left: 0.769em;
    }
    /* Page Headings */
    #headingsWrapper {
        position: relative;
    }
    /* Hide Section Heading */
    #sectionHeading {
        display: none;
    }
    #mainHeading {
        float: left;
        padding-right: 4.5em;
    }
    /* Show Main Nav*/
    #mainNav {
        display: block;
        background: #F3F2F1;
        height: auto;
        position: relative;
        width: 100%;
    }
    footer #mainNav { display: none; }
    .nw #mainNav {
        background: none repeat scroll 0 0 #4B471A;
    }
    .ecis #mainNav {
        background: none repeat scroll 0 0 #58A618;
    }
    .dsa #mainNav {
        background: none repeat scroll 0 0 #394A58;
    }
    .ihns #mainNav {
        background: none repeat scroll 0 0 #C75B12;     
    }
    .nw #mainNav #homeMenu a, .ecis #mainNav #homeMenu a, .dsa #mainNav #homeMenu a, .ihns #mainNav #homeMenu a {
        color: #fff;
    }
    #mainNav ul {
        display: block;
        list-style-type: none;
        padding: 0 0 0 16.154em;
        width: 41.8em; /*46em*/
        margin: 0 auto;
        width: 42.923em;
    }
    #mainNav ul li {
        color: #666666;
        display: block;
        float: left;
        font: 1.231em/100% "Exo2 Light";
        letter-spacing: .04em;
        margin: 0;
        padding: 0;
        text-transform: uppercase;
        white-space: nowrap;
    }
    #mainNav ul li a, #mainNav ul li a:visited {
        color: #666666;
        display: block;
        padding: 1em 0.531em 0.76em;
        text-decoration: none;
    }
    .ie8 #mainNav ul li a, .ie8 #mainNav ul li a:visited {
        padding: 1em 0.469em 0.76em;
    }
    #mainNav ul li a:hover {
        background: none repeat scroll 0 0 #005595;
        color: #ffffff;
        display: block;
        text-decoration: none;
    }
    #mainNav ul li.current a, #mainNav ul li.current a:visited {
        background: url("/_common/images/arrow_marker_nav.png") no-repeat scroll 50% -1px #DEDBD7;
        color: #003366;
    }
    #mainNav ul li.current a:hover, #mainNav ul li.current:hover > a {
        background: url("/_common/images/arrow_marker_nav.png") no-repeat scroll 50% -1px #005595;
        color: #FFFFFF;
    }
    .basic #mainNav ul li.current a, .basic #mainNav ul li.current a:visited {
        background: none;
        color: #666666;
    }
    .basic #mainNav ul li.current a:hover {
        background: none repeat scroll 0 0 #005595;
        color: #ffffff;
    }

    /* Sub Nav */
    #subNav {
        margin: 0 auto;
        border-bottom: none;
        width: 59.077em;
        margin-top: 1em;
    }
    #subNav ul {
        width: auto;
        height: auto;
        margin: 0 auto;
        display: block;
        list-style-type: none;
        padding: 1.538em 1.538em 0;
        overflow:hidden;
    }
    #subNav ul li {
        display: block;
        float: left;
        font-size: 1.05em;
        line-height: 120%;
        margin: 0;
        padding: 0.462em 0.308em 0 0;
    }
    #subNav ul li:last-child {
        padding-right: 0;
    }
    #subNav ul li a {
        padding: .7em;
    }
    #subNav ul li a, #subNav ul li a:visited {
        float: left;
        font-weight: normal;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        background:#f2f1f0;
        color:#666;
        filter:none;
    }
    #subNav ul li a:hover {
        background-color: #ECEAE8;
        color: #003366;
        text-decoration: none;
    }
    #subNav ul li.current a {
        font-weight: 700;
    }
    #subNav ul li.current a, #subNav ul li.current a:visited {
        color: #fff;
        background:#184573;
        font-weight: 700;
    }
    /* Side Bar */
    .hasSideBar {
        float: left;
        width: 66%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 3.11em;
    }
    #sideBar {
        float: left;
        width: 34%;
    }
    /* Footer */
    #copyQuestionsPrivacy span#copyright {
        display:inline-block;
    }
    #copyQuestionsPrivacy span#copyright, #copyQuestionsPrivacy a {
        padding: 0 0.8em 0 0.9em;
    }
    #copyQuestionsPrivacy a {
        border-left: 1px solid #aaa;
    }
    #tagline {
        background:transparent url("/_common/images/tagline_footer.png") 0 0 no-repeat;
        text-indent:-9999px;
        width: 22.7em;
        height: 1.6em;
        margin: 1.25em auto;
    }
    #siteMapNav {
        display: block;
        padding: 0 0 .77em;
        text-align: left;
    }
    #siteMapNav .siteMapCol {
        display: block;
        float: left;
        padding: 0 2%;
        width: 16%;
    }
    #siteMapNav ul {
        display: block;
        list-style: none outside none;
        margin: 0;
        padding: 0 0 .77em;
    }
    #siteMapNav ul li {
        line-height: 125%;
        padding-bottom: 0.4em;
    }
    #siteMapNav ul li a, #siteMapNav ul li a:visited {
        color: #CCCCCC;
        text-decoration: none;
        padding: 0;
    }
    #siteMapNav ul li:first-child a {
        color: #FFFFFF;
        font-weight: 600;
    }
    #siteMapNav .siteMapColBasic {
        display: block;
        float: left;
        width: 16.6%;
    }
    #siteMapNav .siteMapColBasic ul li {
        line-height: 125%;
        padding-bottom: 0.4em;
        text-align: center;
    }
    /* Features */
    #featureStatic, #featureStatic, #featureAnimated {
        overflow: hidden;
        width: 56em;
        height: 17.692em;
    }
    #featureStatic img, #featureAnimated img {
        display: block;
    }
    #featureStatic article, #featureAnimated article {
        position: absolute;
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.65);
        border-radius: 0px 10px 10px 0px;
        -moz-border-radius: 0px 10px 10px 0px;
        -webkit-border-radius: 0px 10px 10px 0px;
        display: block;
        float:none;
        padding: 0.615em 1.538em 0.769em 3.077em;
        text-align: left;
        bottom: 2.308em;
        z-index: 0;
        filter: none;
        border: none;
    }
    #featureStatic article, #featureAnimated f {
            max-width: 48.308em;
    }
    #featureStatic h1, #featureAnimated h1 {
        font-family: "Exo2 Semi-Bold", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif  !important;
        position: relative;
       font-size: 3em !important;
        margin: 0;
    }
    #featureStatic h2, #featureAnimated h2 {
        font-family: "Exo2 Light", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
        font-weight: lighter;
        position: relative;
        text-transform: none;
        margin-top: .2em;
        margin-bottom: 0;
    }
    #featureStatic p, #featureAnimated p {
        margin-top: .2em;
        margin-bottom: 0;
    }
    #featureAnimated #stage, #featureAnimated li {
        position: relative;
        width: 56em;
        height: 17.692em;
    }
    #featureStatic div, #featureAnimated #strip li div {
        height: 17.692em;
    }
    #featureAnimated #strip li {
        overflow: hidden;
    }
    #featureStatic div, #featureAnimated #strip li div {
        border-radius: 0.769em;
        overflow: hidden;
    }
    #featureAnimated #strip {
        position: relative;
        width: 999999em;
    }
    #featureAnimated li {
        float: left;
    }
    #featureAnimated #stage a.arrow {
        display: block;
        height: 4.615em;
        position: absolute;
        bottom: 11.538em;
        width: 4.615em;
        z-index: 499;
    }
    #featureAnimated #stage a.leftArrow {
        background: url("/_common/images/features/leftArrowUp.png") no-repeat scroll 0 0 transparent;
        left: 1.538em;
        margin-left: 0;
    }
    #featureAnimated #stage a.leftArrow:hover, #stage a.leftOver {
        background: url("/_common/images/features/leftArrowOver.png") no-repeat scroll 0 0 transparent;
    }
    #featureAnimated #stage a.rightArrow {
        background: url("/_common/images/features/rightArrowUp.png") no-repeat scroll 0 0 transparent;
        margin-right: 0;
        right: 1.538em;
    }
    #featureAnimated #stage a.rightArrow:hover, #stage a.rightOver {
        background: url("/_common/images/features/rightArrowOver.png") no-repeat scroll 0 0 transparent;
    }
    /*  Featurettes */
    .featurette {
        width: auto;
        height: 13.846em;
    } 
    .threeCol .featurette {
        height: 12.479em;
        width: 18.205em;
    }
    .fourCol .featurette {
        height: 11.462em;
    }
    .fourFeaturetteRow .fourCol {
        width: 47%;
    }
    .oldie .fourFeaturetteRow .fourCol {
        width: 46.9%;
    }
    .fourFeaturetteRow .fourCol:nth-child(2) {
        padding-right: 0;
    }
    .oldie .fourFeaturetteRow .fourCol2 {
        padding-right: 0;
    }
    .fourFeaturetteRow .fourCol:nth-child(3) {
        padding-left: 0;
    }
    .oldie .fourFeaturetteRow .fourCol3 {
        padding-left: 0;
    }
    .fourFeaturetteRow .fourCol .featurette {
        height: 9.231em;
        width: auto;
    }
    .fourFeaturetteRow .fourCol .featurette > * {
        background: none;
        color: #444444;
        float: right;
        position: relative;
        width: 66%;
        padding-top: 0;
        padding-top
    }
    .ie7 .fourFeaturetteRow .fourCol .featurette > * {
        width: 56%;
    }
    .fourFeaturetteRow .fourCol .featuretteHover div > div {
        max-height: 100%;
    }
    .fourFeaturetteRow .fourCol .featurette h1 {
        color: #003366 !important;
    }
    .fourFeaturetteRow .fourCol .featurette a {
        color: #0066CC !important;
    }
    .fourFeaturetteRow .fourCol .featurette img {
        float: left;
        position: relative;
        width: 33%;
    }
    .ie7 .fourFeaturetteRow .fourCol .featurette img {
        width: 33%;
    }
    #sideBar .featurette {
        width: auto;
    }
    .featuretteHover:hover div > div {
        max-height: 13.846em;
    }
    /* Thumbnail Left Block */
    .thumbnailLeftBlock figure {
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        float: left;
        margin: 0.3em 2.930em 2.930em 0;
        width: 33%;
        text-align: left;
    }
    .thumbnailLeftBlock .thumbnailLeftBlockNoWrap {
        float: left;
        width: 55%;
    }
    /* Non-semantic decorator classes*/
        #sideBar.borderLeft {
        border-left: 1px solid #ddd;
        padding: 1em 0 0 1.5385em !important;
        margin-top:-1em;
    }
    /*-- when you need equal columns--*/
    .oneCol {
        width:100%;
    }
    .twoCol {
        width: 47%;
        float: left;
        padding: 0 3%;
    }
    .threeCol {
        width: 29.3%;
        float: left;
        padding: 0 3%;
    }
    .fourCol {
        width: 20.6%;
        float: left;
        padding: 0 2.9%;
    }
    .firstCol {
        border-left: none;
        padding-left: 0px;
    }
    .lastCol {
        padding-right:0;
    }
    /*-- when you need unequal columns--*/
    .left66Col {
        width: 64.7%;
        float: left;
        padding-right: 3%;
    }
    .right66Col {
        width: 64.7%;
        float: left;
        padding-left: 3%;
    }
    .right33Col {
        width: 29.3%;
        float: left;
        padding-left: 3%;
    }
    .left33Col {
        width: 29.3%;
        float: left;
        padding-right: 3%;
    }
    .left75Col {
        width: 73.4%;
        float: left;
        padding-right: 3%;
    }
    .right75Col {
        width: 73.4%;
        float: left;
        padding-left: 3%;
    }
    .right25Col {
        width: 20.6%;
        float: left;
        padding-left: 3%;
    }
    .left25Col {
        width: 20.6%;
        float: left;
        padding-right: 3%;
    }
    .firstCol {
        border-left: none;
        padding-left: 0px;
    }
    .lastCol {
        padding-right: 0;
    }
    .right33Col .boxStyle1 *:first-child, .right25Col .boxStyle1 *:first-child, .right66Col .boxStyle1 *:first-child, .right75Col .boxStyle1 *:first-child {
        margin-top: 0.5em;
    }
    /* Show in all viewports >768 */
    .hideInMobile {
        display: block !important;
        visibility: visible;
    }
    .mobileOnly {
        display: none !important;
        visibility: hidden;
    }
    /* Featurettes */   
    .featuretteHover .openClose {
        display: none;
    }
    /* IE Styles */ 
    .oldie #banner {
        padding: 0.45em 1.538em;
    }
    .oldie #logo {
        margin: 0;
    }
    .oldie #tools {
        font-size: 1.2em;
    }
    .oldie .hasSideBar {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .oldie #sideBar {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        box-shadow:none;
    }
    .oldie #banner .navLinkMobile {
        display: none;
    }
    .oldie #main, .oldie #colophon {
        padding:  0 1.5385em 1.5385em 1.5385em;
    }
    .oldie #siteMapNav.clearfix:after {
        content: normal;
        padding: 0 0 .77em;
    }
    .oldie #tools {
        width: auto;
    }
    .oldie #tools .navLink {
        display: none;
    }
    .oldie #subNav a {
        filter: none;
    }
    .oldie #featureStatic article, .oldie #featureAnimated article {
        background: url("/_common/images/features/ie_bkg.png") repeat;
        behavior: url("/_common/PIE.htc") !important;
    }
    .ie7 #featureStatic p, .ie7 #featureAnimated p {
        padding-bottom: 0 !important;
    }
    .ie7 #banner {
        z-index:1000;
    }
    .ie7 #subNav ul li {
        display: block;
        float: left;
        font-size: 1.05em;
        line-height: 120%;
        margin: 0;
        padding: 0.462em 0.308em 0 0;
    }
    /*.ie7 #subNav ul li:last-child {
        padding-right: 0;
    }*/
    .ie7 #subNav ul li a {
        padding: .7em;
        width: auto;
    }
    .ie7 .featurette > * {
        width: 90%;
        padding: 5%;
    }
    .ie7 .featurette img {
        width: 100%;
        padding: 0;
    }
    .ie7 #mainHeading {
        padding-bottom: 0.5em;
    }
    .ie7 #content.hasSideBar {
        /*width: 36.923em;*/
        width: 33.846em;
    }
    .ie7 .hasContextNav #content {
        width: 56em;
    }
    .ie7 .hasContextNav #content.hasSideBar {
        width: 33.846em;
    }
    .ie7 #sideBar {
        box-sizing: border-box;
        /*width: 16em;*/
        width: 18.846em;
        box-shadow: none;
        border: none;
        margin: 0;
        padding: 0;
    }
    .ie7 .hasContextNav  #sideBar {
        width: 18.846em;
    }
    .ie7 .thumbnailLeftBlock .thumbnailLeftBlockNoWrap {
        width: 54%;
    }
    .ie7 .hasContextNav .twoCol .thumbnailLeftBlock .thumbnailLeftBlockNoWrap {
        width: 50%;
    }
    .ie7 .hasContextNav .threeCol .thumbnailLeftBlock .thumbnailLeftBlockNoWrap {
        width: 43%;
    }
    .ie7 #siteMapNav {
        width: 59.077em;
    }
    .ie7 .twoCol {
        width: 46.9%;
    }
    .ie7 .threeCol {
        width: 29.2%;
    }
    .ie7 .fourCol {
        width: 20.5%;
    }
    .ie7 .left66Col, .ie7 .right66Col {
        width: 64.6%;
    }
    .ie7 .right33Col, .ie7 .left33Col {
        width: 29.2%;
    }
    .ie7 .left75Col, .ie7 .right75Col {
        width: 73.3%;
    }
    .ie7 .right25Col, .ie7 .left25Col {
        width: 20.5%;
    }
    .ie8 #tools.clearfix:after {
        content: none;
    }
    .ie8 #social {
        height: 1.846em;
    }
    .ie8 #siteMapNav {
        height: 29.692em;
    }
    .ie9 .searchIcon {
        margin: 0.55em .3em 0 0;
        padding: 0;
    }
    /* Javascript turned off styles */
    .no-js #social {
        margin-bottom: 1.538em;
    }
}
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    /* Style adjustments for iPad over go here */
    
    /* Header */
    #banner {
        height: 2.5em;
        padding: 0.5em 1.5385em;
    }
    /* Search */
    #search {
        max-height: 2.3em;
    }
    /* Tools and Social */
    #tools {
        font-size: 1.2em;
        list-style-type: none;
        margin: 0;
        padding: 0.5em 0.5em 0.231em 0;
    }
    #tools .navLink {
        display:block;
    }
    #tools ul li.navLink a {
        display:block;
        background:#fff url("/_common/images/arrow_down_14.png") right .1em no-repeat !important;
        padding-right: 1.308em !important;
        min-height: 1.231em;
        font-size: .9em;
        line-height: 1.1em;
        font-weight: bold;
    }
    /* Featurettes */
    .featuretteHover .openClose {
        position: absolute;
        display: block;
        height: 1.846em;
        width: 1.846em;
        z-index: 500;
        right: 0.769em;
        top: -0.923em;
    }
    .featuretteHover.open .openClose {
        background: url("/_common/images/featurettes/featurette_down_arrow_up.png") no-repeat scroll center center transparent;
    }
    .featuretteHover.closed .openClose {
        background: url("/_common/images/featurettes/featurette_up_arrow_up.png") no-repeat scroll center center transparent;
    }
    .featuretteHover.closed div > div {
        max-height: 0;
    }
    .featuretteHover.open div > div {
        max-height: 18.462em;
    }
    .fourFeaturetteRow .fourCol .featuretteHover .openClose {
        display: none;
    }
    /*-- IE Styles (overrides because IE will render this mediaquery despite being for iPad)-- */
    .oldie .openClose {
        display: none;
    }
}
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation:landscape) {
    /* Style adjustments for iPad landscape over go here */
    .fourFeaturetteRow .fourCol .featuretteHover .openClose {
        display: block;
    }
    /*-- IE Styles (overrides because IE will render this mediaquery despite being for iPad)-- */
    .oldie .fourFeaturetteRow .fourCol .featuretteHover .openClose {
        display: none;
    }
}
 @media only screen and (min-width: 960px) {
    /* Style adjustments for viewports 960px and over go here */
    #main, #banner, #subNav, #colophon, #siteMapNav {
        margin: 0 auto;
        width: 73.846em;
    }
    #main {
        position: relative;
        top: 1.5385em;
    }
    /* Header */
    #banner {
        height: 2.077em;
    }
    /* Main Nav */
    #mainNav {
        /*background: none repeat scroll 0 0 #F3F2F1;
        display: block;
        height: auto;
        position: relative;
        width: 100%;*/
        z-index: 500;
    }
    #mainNav ul {
        display: block;
        list-style-type: none;
        padding: 0 0 0 16.923em;
        width: 60em;
        z-index: 1;
    }
    #mainNav > ul {
		height: 2.116em;
	}
    #mainNav ul li div.menuContainer {
        background: url("/_common/images/background_menu_bluefade.png") repeat-x scroll 0 0 #005595;
        border-radius: 0 0 0.769em 0.769em;
        box-shadow: 0 1px 0.615em rgba(0, 0, 0, 0.3);
        color: #CCCCCC;
        left: -9999px;
        margin: 0;
        padding: 0.05em 0 0;
        position: absolute;
        top: -9999px;
        z-index: 1;
    }
    #mainNav ul li div.menuContainer div.menuCol {
        display: block;
        float: left;
        padding-bottom: 0.7em;
    }
    #mainNav ul li div.menuContainer ul {
        display: block;
        margin: 0;
        padding: 0.7em 0 0;
        white-space: normal;
        width: 100%;
    }
    #mainNav ul li div.menuContainer ul li {
        float: none;
        font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
        font-size: 0.725em !important;
        letter-spacing: normal;
        line-height: 150%;
        text-transform: none;
        white-space: normal;
        width: 100%;
    }
    #mainNav ul {
        display: block;
        list-style-type: none;
    }
    #mainNav ul li {
        color: #666666;
        display: block;
        float: left;
        font: 1.3em/100% "Exo2 Light";
        letter-spacing: 1px;
        margin: 0;
        padding: 0;
        text-transform: uppercase;
        white-space: nowrap;
    }
    #mainNav ul li a, #mainNav ul li a:visited {
        color: #666666;
        display: block;
        padding: 0.7em 0.955em 0.46em;
        text-decoration: none;
    }
    .ie8 #mainNav ul li a, .ie8 #mainNav ul li a:visited {
        padding: 0.7em 0.955em 0.45em;
    }
    #mainNav ul ul {
        border: medium none;
    }
    #mainNav ul div.menuContainer ul li a, #mainNav ul div.menuContainer ul li a:visited, #mainNav ul div.menuContainer ul li.titleBlank {
        background: none repeat scroll 0 0 transparent;
        border: medium none;
        color: #CCCCCC;
        font-weight: normal;
        margin: 0;
        padding: 0.231em 1.385em 0.231em 1.308em;
    }
    #mainNav ul div.menuContainer ul li.title, #mainNav ul div.menuContainer ul li.title a, #mainNav ul div.menuContainer ul li.title a:visited, #mainNav ul div.menuContainer ul li.titleBlank {
        color: #FFFFFF;
        font-weight: 700;
    }
    #mainNav ul div.menuContainer ul li a:hover {
        background: none repeat scroll 0 0 #185E98;
        color: #FFFFFF !important;
    }
    #mainNav ul li:hover > a {
        background: none repeat scroll 0 0 #005595;
        color: #FFFFFF;
        position: relative;
        z-index: 3;
    }
    #mainNav ul .fourColMenu div.menuContainer div.menuCol, #mainNav ul .fourColMenuleft div.menuContainer div.menuCol {
        width: 25%;
    }
    .ie7 #mainNav ul .fourColMenu div.menuContainer div.menuCol, .ie7 #mainNav ul .fourColMenuleft div.menuContainer div.menuCol {
        width: 24%;
    }
    #mainNav ul .fourColMenu:hover {
        position: relative;
    }
    #mainNav ul .fourColMenu:hover div.menuContainer {
        top: 2.15em;
        width: 40.318em !important;
    }
    #mainNav ul #aboutMenu:hover div.menuContainer {
	    left: 0;
	    width: 40.318em !important;
	}
	#mainNav ul #missionsMenu:hover div.menuContainer {
	    left: -4.881em;
	    width: 40.318em !important;
	}
	#mainNav ul #researchMenu:hover div.menuContainer {
	    left: -11.565em;
	    width: 40.318em !important;
	}
	#mainNav ul #workingMenu:hover div.menuContainer {
	    left: -17.85em;
	    width: 40.318em !important;
	}
	#mainNav ul #newsMenu:hover div.menuContainer {
	    left: -30.133em;
	    width: 40.318em !important;
	}
	#mainNav ul #careersMenu:hover div.menuContainer {
	    left: -34.483em;
	    width: 40.318em !important;
	}

	.oldie #mainNav ul #missionsMenu:hover div.menuContainer {
	    left: -4.945em !important;
	    width: 40.318em !important;
	}
	.oldie #mainNav ul #researchMenu:hover div.menuContainer {
	    left: -11.80em !important;
	    width: 40.318em !important;
	}
	.oldie #mainNav ul #workingMenu:hover div.menuContainer {
	    left: -18.26em !important;
	    width: 40.318em !important;
	}
	.oldie #mainNav ul #newsMenu:hover div.menuContainer {
	    left: -30.78em !important;
	    width: 40.318em !important;
	}
	.oldie #mainNav ul #careersMenu:hover div.menuContainer {
	    left: -35.25em !important;
	    width: 40.318em !important;
	}
    #mainNav ul .fourColMenuleft:hover {
        position: relative;
    }
    #mainNav ul .threeColMenu:hover {
        position: relative;
    }
    #mainNav ul .threeColMenu:hover div.menuContainer {
        left: -1px;
        top: 2em;
        width: 41.538em;
    }
    #mainNav ul .threeColMenuleft:hover {
        position: relative;
    }
    #mainNav ul .threeColMenuleft:hover div.menuContainer {
        left: -28.462em;
        top: 2em;
        width: 41.538em;
    }
    #mainNav ul .twoColMenu:hover {
        position: relative;
    }
    #mainNav ul .twoColMenu:hover div.menuContainer {
        left: -0.077em;
        top: 2em;
        width: 27.692em;
    }
    #mainNav ul .twoColMenuleft:hover {
        position: relative;
    }
    #mainNav ul .twoColMenuleft:hover div.menuContainer {
        left: -16.154em;
        top: 2em;
        width: 27.692em;
    }
    #mainNav ul .oneColMenu:hover {
        position: relative;
    }
    #mainNav ul .oneColMenu:hover div.menuContainer {
        left: -0.077em;
        top: 2em;
        width: 13.846em;
    }
    #mainNav ul *:hover div.menuContainer ul ul {
        left: -9999px;
        position: absolute;
        top: -9999px;
    }
    .menuContainer {
        display: block;
    }
	.ie7 #mainNav {
		height: 3.077em;
	}
    /* MEGAMENU 'HOVER INTENT' RULES */
    #mainNav ul li div.menuContainer {
		transition: all 0ms linear 85ms;
		-webkit-transition: all 0ms linear 85ms;
		-moz-transition: all 0ms linear 85ms;
		-o-transition: all 0ms linear 85ms;
	}
	#mainNav ul .fourColMenu div.menuContainer {	
		width: 40.318em !important;
	}
	#mainNav ul > li {
		position: relative;  /* prevent menu jumping on hoverOff */
	}
	#mainNav ul li > a {
		z-index: 1;			/* provide endpoint for z-index transition */
		position: relative;	/* required for z-index to work */
	}
	#mainNav > ul li.fourColMenu:hover > a {
		transition: color 0ms linear 25ms, background 0ms linear 25ms, z-index 0ms linear 25ms;
		-webkit-transition: color 0ms linear 25ms, background 0ms linear 25ms, z-index 0ms linear 25ms;
		-moz-transition: color 0ms linear 25ms, background 0ms linear 25ms, z-index 0ms linear 25ms;
		-o-transition: color 0ms linear 25ms, background 0ms linear 25ms, z-index 0ms linear 25ms;
	}
	#mainNav > ul li.fourColMenu > a {
		transition: color 0ms linear 85ms, background 0ms linear 85ms, z-index 0ms linear 85ms;
		-webkit-transition: color 0ms linear 85ms, background 0ms linear 85ms, z-index 0ms linear 85ms;
		-moz-transition: color 0ms linear 85ms, background 0ms linear 85ms, z-index 0ms linear 85ms;
		-o-transition: color 0ms linear 85ms, background 0ms linear 85ms, z-index 0ms linear 85ms;
	}
	#featureAnimated { z-index: 1; }	/* megamenu above pager dots on slideshow */    
    /* Search */
    #search {
        padding-top: 0.08em;
        width: 17.7em; /*16.923em*/
        max-height: 1.8em;
        line-height: 150%;
        padding: 0 0.308em;
    }
    #searchForm {
        vertical-align: top;
    }
    #searchInput {
        height: 1.6em;
        font-size: 1.1em;
        padding: .05em 0 0 .2em;
        width: 15.769em;
    }
    .searchIcon {
        float: none;
        position: absolute;
        right: 2em;
        top: 0.85em;
        margin: 0;
    }
    /* Tools & Search */
    #tools {
        border-right: 1px solid #DDDDDD;
        color: #999999;
        display: block;
        float: right;
        width: auto;
        font-size: 1.2em;
        list-style-type: none;
        margin: 0 1.25em 0 0;
        padding: 0.308em 0.6em 0.231em 0;
    }
   #tools ul li {
        padding: 0 0.641em;
    }
    #tools a {
        width: auto;
        height: auto;
        padding: 0 /*!important*/;
        background: none /*!important*/;
        color: #999999;
        text-decoration: none;
    }
    #tools .sandiaHomeLink {
        display:block;
    }
    /* Sub Nav */
    #subNav {
        color: #555555;
        display: block;
        padding: 0.462em 0 0;
        width:76.92em;
    }
    #subNav ul {
        display: block;
        padding: 0 0 0 16.615em;
        width: 60em;
    }
    #subNav ul li {
        display: block;
        float: left;
        font-size: 1em;
        line-height: 120%;
        margin: 0;
        padding: 0.462em 0.308em 0 0;
    }
    #subNav ul li a, #subNav ul li a:visited {
        color: #444444;
        display: block;
        float: left;
        padding: 0.231em 0.462em;
        text-decoration: none;
        background: transparent;
        filter: none;
        border: none;
    }
    #subNav ul li a:hover {
        color: #003366;
    }
    #subNav ul li.current a, #subNav ul li.current a:visited {
        color: #003366;
        background:none;
    }
    /* Context Nav */
    #contextNav {
        display: block;
        float: left;
        margin: 0 1.538em 1.538em 0;
        width: 13.846em;
        border: none;
        background-image: none;
        background: none;
        padding: 0 0 0 1px;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }
    #contextNav ul {
        display: block;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
    #contextNav ul li {
        width: auto;
        padding: 0;
    }
    #contextNav ul li ul {
        display: block;
        margin-left: 1.2em;
    }
    #contextNav a, #contextNav a:visited {
        color: #666666;
        display: block;
        padding: 0 0 .55em 0;
        text-decoration: none;
        background: none;
        filter: none;
        border: none;
        line-height: 1.5385em;
        font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    }
    #contextNav a:hover {
        color: #003366;
        text-decoration: none;
    }
    #contextNav li.current a {
        color: #003366;
        font-weight: 700;
    }
    #contextNav li.current li.current a {
        font-weight: 400;
    }
    #contextNav li:not(.current) a {
        color: #666666;
        font-weight: normal;
    }
    #contextNav li:not(.current) a:hover {
        color: #003366;
    }
    #contextHeader, a#topLink {
        display: none;
    }
    a#topLink {
        display: none;
    }
    #contentWrapper.hasContextNav {
        float: left;
    }
    .hasContextNav {
        width: 58.462em;
    }
    #headingsWrapper.hasContextNav {
        margin-left: 15.385em;
    }
    /* Side Bar */
    #sideBar {
        padding:0;
    }
    #sideBar, .hasSideBar {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .hasSideBar {
        padding-right: 3.11em;
    }
    /* Feature */
     #featureStatic, #featureStatic, #featureAnimated, #featureAnimated #stage, #featureAnimated li {
        width: 73.846em;
        height: 23.077em;
    }
    #featureStatic div, #featureAnimated #strip li div {
        height: 23.077em;
    }
    #featureStatic.hasContextNav, #featureStatic.hasContextNav, #featureAnimated.hasContextNav, #featureAnimated.hasContextNav #stage, #featureAnimated.hasContextNav li {
        width: 58.462em;
        height: 18.462em;
    }
    #featureStatic.hasContextNav div, #featureAnimated.hasContextNav #strip li div {
        height: 18.462em;
    }
    #featureControls {
        display: block;
        position: absolute;
        bottom: 0.385em;
        z-index: 600;
    }
    #featureControls ul {
        list-style: none !important;
        overflow: visible !important;
    }
    #featureControls ul li {
        float: left;
        margin-right: 0.462em;
        width: 0.615em !important;
        height: 0.615em !important;
    }
    #featureControls .dots a {
        display: block;
        width: 0.615em;
        height: 0.615em;
        margin-top: 0.231em;
        background: url("/_common/images/features/dot.png") no-repeat;
    }
    #featureControls .dots a.selected {
        background: url("/_common/images/features/dot_selected.png") no-repeat;
    }
    #featureControls .dots a.leftArrowSmall {
        margin-top: 0.231em;
        width: 0.615em;
        height: 0.846em;
        background: url("/_common/images/features/left_arrow_sm_up.png") no-repeat;
    }
    #featureControls .dots a.rightArrowSmall {
        margin-top: 0.231em;
        width: 0.846em;
        height: 0.846em;
        background: url("/_common/images/features/right_arrow_sm_up.png") no-repeat;
    }
    #featureControls .dots a.leftArrowSmall:hover {
        background: url("/_common/images/features/left_arrow_sm_over.png") no-repeat;
    }
    #featureControls .dots a.rightArrowSmall:hover {
        background: url("/_common/images/features/right_arrow_sm_over.png") no-repeat;
    }
    #featureControls ul li#pauseplay {
		margin-left: 1.083em;
	}
	#featureControls .dots a.pauseSmall {
		background: rgba(0, 0, 0, 0) url("/_common/images/features/pause_sm_up.png") no-repeat scroll 0 0;
	}
	#featureControls .dots a.pauseSmall:hover {
		background: rgba(0, 0, 0, 0) url("/_common/images/features/pause_sm_over.png") no-repeat scroll 0 0;
	}
	#featureControls .dots a.pauseSmall.play {
		background: rgba(0, 0, 0, 0) url("/_common/images/features/play_sm_up.png") no-repeat scroll 0 0;
	}
	#featureControls .dots a.pauseSmall.play:hover {
		background: rgba(0, 0, 0, 0) url("/_common/images/features/play_sm_over.png") no-repeat scroll 0 0;
	}    
    #featureStatic article, #featureAnimated article {
        max-width: 61.538em;
    }
    .hasContextNav #featureStatic article, .hasContextNav #featureAnimated article {
        max-width: 46.154em;
    }
    .thumbnailLeftBlock .thumbnailLeftBlockNoWrap {
        width: 58%;
    }
    .hasContextNav .twoCol .thumbnailLeftBlock .thumbnailLeftBlockNoWrap {
        width: 55%;
    }
    .hasContextNav .threeCol .thumbnailLeftBlock .thumbnailLeftBlockNoWrap {
        width: 48%;
    }
    .hasContextNav .fourCol .thumbnailLeftBlock .thumbnailLeftBlockNoWrap {
        width: auto;
    }
    .threeCol .featurette {
        height: 16.496em;
        width: 24.017em;
    }
    .fourFeaturetteRow .fourCol {
        width: 20.6%;
    }
    .fourFeaturetteRow .fourCol:nth-child(2) {
        padding: 0 2.9%;
    }
    .oldie .fourFeaturetteRow .fourCol2 {
        padding: 0 2.9%;
    }
    .fourFeaturetteRow .fourCol:nth-child(3) {
        padding: 0 2.9%;
    }
    .oldie .fourFeaturetteRow .fourCol3 {
        padding: 0 2.9%;
    }
    .fourFeaturetteRow .fourCol .featurette {
        height: 12.692em;
        margin-bottom: 1.538em;
    }
    .oldie .fourFeaturetteRow .fourCol {
        width: 20.5%;
    }
    .fourFeaturetteRow .fourCol .featurette > * {
        background-color: rgba(0, 0, 0, 0.75);
        color: #fff;
        float: none;
        position: absolute;
        width: 100%;
        padding-top: 1.1em;
    }
    .ie7 .fourFeaturetteRow .fourCol .featurette > * {
        width: 90%;
        padding: 5%;
    }
    .oldie .fourFeaturetteRow .fourCol .featurette > * {
        background-image: url("/_common/images/featurettes/ie_bkg.png");
    }
    .fourFeaturetteRow .fourCol .featurette h1 {
        color: #fff !important;
    }
    .fourFeaturetteRow .fourCol .featurette img {
        float: none;
        position: absolute;
        width: 100%;
    }
    .fourFeaturetteRow .fourCol .featurette a {
        color: #99CCFF !important;
    }
    .fourFeaturetteRow .fourCol .featuretteHover div > div {
        -moz-transition:max-height 1s; /* Firefox 4 */
        -webkit-transition:max-height 1s; /* Safari and Chrome */
        -o-transition:max-height 1s; /* Opera */
        transition:max-height 1s;
        max-height: 0;
        overflow: hidden;
        padding: 0 0.154em;
    }
    .fourFeaturetteRow .fourCol .featuretteHover:hover div > div {
        max-height: 10.231em;
    }
    .ie7 .fourFeaturetteRow .fourCol .featurette img {
        width: 100%;
    }
    /* IE Styles */
    .oldie #main.clearfix {
        box-sizing:border-box;
    }
    .oldie #main.clearfix:after {
        padding: 0;
    }
    .oldie #tools {
        margin: 0 1.3em 0 0;
    }
    .oldie #contextNav .slvzr-not4046current41 a {
        color: #666666;
        font-weight: normal;
    }
    .oldie #contextNav .slvzr-not4046current41 a:hover {
        color: #003366;
    }
    .oldie #featureStatic article, .oldie #featureAnimated article {
        bottom: 2.308em;
    }
    .ie7 #featureStatic p, .ie7 #featureAnimated p {
        padding-bottom: 0 !important;
    }
    .ie7 #featureControls {
        bottom: 1.154em;
    }
    .ie7 #contextNav li.current li.current li a:hover {
        color: #003366 !important;
    }
    .ie7 #subNav ul li {
        font-size: 1em;
        line-height: 120%;
        margin: 0;
        padding: 0.462em 0.308em 0 0;
    }
    .ie7 #subNav ul li a, .ie7 #subNav ul li a:visited {
        padding: 0.231em 0.462em;
    }
    .ie7 #main {
        width: 73.846em;
    }
    .ie7 #content.hasSideBar {
        /*width: 54.615em;*/
        width: 45.692em;
    }
    .ie7 .hasContextNav #content {
        width: 58.462em;
    }
    .ie7 .hasContextNav #content.hasSideBar {
        width: 35.538em;
    }
    .ie7 #sideBar {
        /*width: 16.154em;*/
        width: 25.077em;
    }
    .ie7 .hasContextNav  #sideBar {
        /*width: 16.15em; */
        width: 19.615em;
    }
    .ie7 #siteMapNav {
        width: 73.846em;
    }
    .ie7 #contextNav {
        width: 13.769em;
        padding: 0 0 0 1px;
    }
    .ie7 #contextNav ul {
        display: block;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
    .ie7 #contextNav ul li {
        width: auto;
        padding: 0;
    }
    .ie7 #contextNav ul li ul {
        display: block;
        margin-left: 1.2em;
    }
    .ie7 #contextNav ul li a, .ie7 #contextNav ul li a:visited {
        color: #666666;
        display: block;
        padding: 0 0 .55em 0;
        text-decoration: none;
        background: none;
        filter: none;
        border: none;
        line-height: 1.5385em;
    }
    .ie7 #contextNav ul li a:hover {
        color: #003366;
        text-decoration: none;
    }
    .ie7 #contextNav ul li.current a, .ie7 #contextNav ul li.current a:visited, .ie7 #contextNav ul li.current a:hover {
        color: #003366;
        font-weight: 700;
    }
    .ie7 #contextNav ul li.current ul li a, .ie7 #contextNav ul li.current ul li a:visited {
        color: #666666;
        font-weight: 400;
    }
    .ie7 #contextNav ul li.current ul li.current ul li a, .ie7 #contextNav ul li.current ul li.current ul li a:visited {
        color: #666666 !important;
        font-weight: 400;
    }
    .ie7 #contextNav ul li.current ul li.current a, .ie7 #contextNav ul li.current ul li.current a:visited {
        color: #003366;
        font-weight: 400;
    }
    .ie7 #contextNav ul li.current ul li.current ul li.current a, .ie7 #contextNav ul li.current ul li.current ul li.current a:visited {
        color: #003366 !important;
        font-weight: 200;
    }
    .ie7 #contextNav ul li.current ul li a:hover {
        color: #003366;
        font-weight: 400;
    }
    .ie8 #subNav ul li a, .ie8 #subNav ul li a:visited {
        padding: 0.231em;
    }
    .ie8 #subNav ul li a, .ie8 #subNav ul li a:visited {
        border: none !important;
    }
    .ie8 #main {
        width: 76.923em;
    }
    .ie8 #siteMapNav {
        height: 24.692em;
    }
    .ie9 .searchIcon {
        margin: 0;
        padding-top: 0.3em;
    }
    /* Javascript turned off styles */
    .no-js #tools {
        width: auto;
    }
    .no-js #social {
        float: none;
        margin: 0 auto;
        padding: 1.5385em;
    }
    .no-js #social ul {
        display: block;
        width: 13.692em;
        padding: 1.5385em 0 1.5385em 59.615em;
    }
    .no-js #contextNav {
        display: block;
        float: none;
        margin: 0 auto;
        min-height: inherit;
        width: 73.846em;
    }
    .no-js #contextNav ul {
        width: 73.846em;
        margin: 0;
        padding: 0;
    }
    .no-js #contextNav li {
        margin: 0;
    }
    .no-js #contextNav a {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        width: 100%;
        padding: 1.077em;
        line-height: 1.05em;
        text-decoration: none;
        border: #CCC 1px solid;
        background: rgb(255,255,255); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(243,243,243,1)), color-stop(51%, rgba(237,237,237,1)), color-stop(100%, rgba(255,255,255,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* IE10+ */
        background: linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 ); /* IE6-9 */
        color: #444;
    }
    .no-js #contextNav ul li ul li a {
        padding-left: 2em;
    }
    .no-js #contextNav ul li ul li ul li a {
        padding-left: 4em;
    }
}

@media screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio:0) {
    #mainNav ul #missionsMenu:hover div.menuContainer {
        left: -4.934em;
        width: 40.318em !important;
    }
    #mainNav ul #researchMenu:hover div.menuContainer {
		/*left: -220px;*/
		left: -11.565em;
        width: 40.318em !important;
    }
    #mainNav ul #workingMenu:hover div.menuContainer {
		/*left: -341px;*/
		left: -18.090em;
        width: 40.318em !important;
    }
    #mainNav ul #newsMenu:hover div.menuContainer {
		/*left: -574px;*/
		left: -30.451em;
        width: 40.318em !important;
    }
    #mainNav ul #careersMenu:hover div.menuContainer {
		/*left: -652px;*/
		left: -34.589em;
        width: 40.318em !important;
    }
}




/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
 
@media print {
    * {
        background: transparent !important;
        color: black !important;
        text-shadow: none !important;
        filter:none !important;
        -ms-filter: none !important;
    }
    /* Black prints faster: h5bp.com/s */
     a, a:visited {
        text-decoration: underline;
    }
    /*a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: "";
    }*/
    /* Don't show links for images, or javascript/internal links */
    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    /* h5bp.com/t */
    tr, img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page {
        margin: 0.5cm;
    }
    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }
    h2, h3 {
        page-break-after: avoid;
    }
}