/*
 * 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.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

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

::-moz-selection {
    background: #f1592a;
    text-shadow: none;
}

::selection {
    background: #f1592a;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

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

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

textarea {
    resize: vertical;
}



/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {font: 12px/1.428571428571429 'AdobeCaslonW01-Regular', Georgia, Times, serif; 
	background: #d6d6d6; color: #717073; }

.caslon {font-family: 'AdobeCaslonW01-Regular', Georgia, Times, serif; }
.caslon strong {font-family: 'Adobe Caslon W01 Bd', Georgia, Times, serif;}
.caslon em {font-family: 'Adobe Caslon W01 It', Georgia, Times, serif;}
.caslon strong + em, .caslon em + strong {font-family: 'Adobe Caslon W01 Bd It', Georgia, Times, serif;}

h1 {font: 23px/1 'AdobeCaslonW01-Regular', Georgia, Times, serif; color:#231F20; margin: 0 0 0.5em 0; padding: 0 0 0.2em 0; border-bottom: 1px solid #00B5E6;}
h2 {font: 12px/1.416666666666667 'ITCFranklinGothicW01-Dm 812668', Arial, Helvetica, sans-serif; color: #00B5E6; margin: 0 0 0.5em 0; padding: 0; font-weight: normal;}
h3 {font: 12px/1.416666666666667 'ITCFranklinGothicW01-Dm 812668', Arial, Helvetica, sans-serif; color: #00B5E6; margin: 0 0 0 0; padding: 0; font-weight: normal;}
h4 {font: 12px/1.416666666666667 'ITCFranklinGothicW01-Dm 812668', Arial, Helvetica, sans-serif; color: #717073; margin: 0 0 0 0; padding: 0; font-weight: normal;}

.article-list-item  h1 {font-size: 14px; line-height:1.428571428571429; border-bottom-width: 0;}

.book {font-family: 'ITCFranklinGothicW01-Bk 812647', Arial, Helvetica, sans-serif;}
.book em {font-family: 'ITCFranklinGothicW01-Bk 812665', Arial, Helvetica, sans-serif; font-style: normal;}
.demi {font-family: 'ITCFranklinGothicW01-Dm 812668', Arial, Helvetica, sans-serif;}
.demi em {font-family: 'ITCFranklinGothicW01-Dm 812686', Arial, Helvetica, sans-serif; font-style: normal;}
.heavy {font-family: 'ITCFranklinGothicW01-Hv 812689', Arial, Helvetica, sans-serif;}

p, table, .embed_media {margin: 0 0 0.5em 0;} 
ul {margin: 0 0 0.3em 0; padding: 0 0 0 1em; }
ol {margin: 0 0 0.5em 0.7em; padding: 0 0 0 1em; }
ul {list-style: disc url(../img/bullet.png);}

blockquote {font: 12px/1.416666666666667 'ITCFranklinGothicW01-Hv 812689', Arial, Helvetica, sans-serif; color: #00B5E6; margin: 0 0 0.5em 0; }
blockquote footer {font: 10px/1.7 'ITCFranklinGothicW01-Bk 812665', Arial, Helvetica, sans-serif; color: #00B5E6;}

.page-section {margin:  0 0 2em 0;}
.page-section.vision {margin: 0 0 2.5em 0;}
.values table {margin: 0;}

a {color: #000; text-decoration: none;}
a:hover {color: #717073; text-decoration: none;}

.col445 {width: 445px;}
.col195 {width: 195px;}
.left {float: left; margin-right: 18px;}
.right {float:right;}


.wrapper {position: relative; width: 1024px; margin: 0 auto; text-align: left;}

#master-head {position: relative; background: #000; color: #fff; height: 85px;}

.site-name {padding: 46px 14px  18px 14px; }
.site-name .logo {display: block; text-indent: -1000px; background: url(../img/LN_header_306.png) no-repeat; width:306px; height:27px }
.site-logo {display: none; padding: 46px 14px  18px 14px; }

#primary-nav {position: absolute; bottom: 16px; left: 352px; width: 672px; }
#primary-nav ul {margin:0; padding: 0; list-style: none;}
#primary-nav li {float: left; line-height: 1;  padding: 0 16px; border-right: 1px solid #00B5E6;  
		font: 11px/1 'ITCFranklinGothicW01-Bk 812647', Arial, Helvetica, sans-serif; color: #BEBDBE; letter-spacing: 3px; text-transform: uppercase; }
#primary-nav li.first {padding-left: 0;}
#primary-nav li.last {padding-right: 0; border-right-width: 0;}
#primary-nav a {color: #BEBDBE; text-decoration: none; }
#primary-nav li.here a, #primary-nav li.parent-here a, 
#primary-nav a:hover {color: #00B5E6; text-decoration: none;}

#page-tools {position: absolute; top: 14px; width: 110px; left: 50%; margin-left: 392px;}
.addthis_toolbox a {float: left; margin-right: 5px;}

#master-foot {background: #d6d6d6;  font-size: 10px; line-height: 1; color: #000; }
#master-foot .wrapper { /* background: url(../img/LN_footer.png) no-repeat 100% 100%; */ background: url(../img/LN_footer.png) no-repeat 100% 20px; width: 996px; padding: 14px 0;  }
#master-foot a {color: #000; text-decoration: none;}
#master-foot  a:hover {color: #00B5E6; text-decoration: none;}



#site-map ul {margin:0; padding: 0; list-style: none;}
#site-map ul ul {margin-top: 0.5em;}
#site-map li {width: 82px; float: left; margin-right: 14px; margin-bottom: 0.5em;}
#site-map li.last {margin-right: 0;}
#site-map li#affiliates,  #site-map li#affiliates li {/* width: 320px;  margin-right: 18px; */ width: 129px;}
#site-map li#affiliates li {margin-bottom: 1em;}

#site-map li.level-1 > a, #site-map li.level-1 > span {font: 9px/1 'ITCFranklinGothicW01-Dm 812668', Arial, Helvetica, sans-serif; color: #00B5E6; letter-spacing: 2px; text-transform: uppercase; 
		display: block; color: #00B5E6; text-decoration: none; padding: 0.5em 0; border-bottom: solid 1px #717073;}
#site-map li.level-1 > a:hover {color: #000; text-decoration: none;}

#copyright {clear: both; font-size: 10px; line-height: 1; color: #000; padding: 14px 0;}
#copyright a {margin: 0 0 0 18px;}

.container {background: #fff;}
body.home .container {background: #000; color: #fff;}

#highlights {width: 1024px;  height: 336px; overflow: hidden; }
#highlights .slide {position: relative; width: 1024px; height: 336px; overflow: hidden;}

#highlights .figure {position: relative; width: 334px; height: 336px; float: left; z-index: 2;}
#highlights .background  {position: absolute; top: 0; right: 0;}
#highlights .figcaption {position: absolute;  bottom: 18px; left: 14px; color: #fff; font-size: 12px;}
#highlights .copy  {position: absolute; width: 658px; left: 352px; top: 48px; color: #fff; font: 33px/40px 'AdobeCaslonW01-Regular', Georgia, Times, serif;;  z-index: 2; 
             white-space: pre;   transform: translate3d(0, 0, 0).   text-shadow: rgba(255, 255, 255, 0.3) 0px 0px 1px; }
#highlights h1 {font: 14px/1.416666666666667 'ITCFranklinGothicW01-Dm 812668', Arial, Helvetica, sans-serif; letter-spacing: 2px; color: #000; margin: 0 0 1.5em 0; padding: 0; font-weight: normal; border-bottom-width: 0; text-transform: uppercase; }

#latest-news {margin: 0; padding: 0; list-style: none;}

#latest-news .date { display: block; float: left; ;}
#latest-news a {display: block; margin-left: 62px; text-decoration: none;}
#latest-news a:hover {color: #00B5E6; text-decoration: none;}

.widgets {background: #000; color: #fff; padding: 14px; font-size: 12px; line-height: 1.416666666666667; }
.widgets h2 {
	font: 11px/1 'ITCFranklinGothicW01-Dm 812668', Arial, Helvetica, sans-serif; color: #00B5E6; letter-spacing: 3px; text-transform: uppercase; 
	border-bottom: solid 1px #717073; padding: 0 0 0.5em 0;margin: 0 0 1em 0; }
.widgets .col {width: 320px; float: left; margin-right: 18px;}
.widgets .col.last {margin-right: 0;}
.widgets a {color: #fff; text-decoration: none;}
.widgets a:hover {color: #00B5E6; text-decoration: none;}

.container .page {padding: 14px 14px 48px 14px;}

.breadcrumb {margin-left: 338px; font-size: 10px; height: 48px;}
.breadcrumb a {text-decoration: none;}
.breadcrumb a:hover {color: #00B5E6; text-decoration: none;}

.sidebar {width: 320px; float: left; }
.sidebar ul {margin: 0; padding: 0; list-style: none; list-style-image: none; font-size: 12px; line-height: 1; }
.sidebar ul ul {margin: 1em 0 0 0; border-left: 1px solid  #00B5E6; padding-left: 18px; display: none; }
.sidebar li.here ul, .sidebar li.parent-here ul  {display: block;}

.sidebar li {margin: 0 0 1em 0;}

.sidebar a {color: #717073; text-decoration: none;}
.sidebar a:hover, sidebar li.selected a {color: #000; text-decoration: none;}
.sidebar li.level-1 > a {color: #00B5E6; text-decoration: none;}
/* .sidebar li.has-children > a:after {content:" >";} */

.sidebar li.here > a, .sidebar li.parent-here > a {color: #231F20; text-decoration: none;}
.sidebar a:hover, .sidebar li.level-1 > a:hover {color: #231F20; text-decoration: none;}


.main {width: 658px; float: right;}
.main li {padding-left: 0.5em;}
.main .col195 {font-size: 12px;}

.page-header {margin: 0 0 3em 0;}

ul.thumbs {margin: 0; padding: 0; list-style: none; width: 100%; overflow: hidden;}
ul.thumbs li {display: block; width: 130px; height: 131px; float: left; margin-right: 1px; padding-left: 0;}


.thumbs a {display: block; position: relative; width: 130px; height: 131px; overflow: hidden;}

.thumbs .name {display: block; width: 130px; height: 131px; position: absolute;   z-index:999;  top: 0px;  left: -130px; 
	background-color: rgba(0,181,230,0.85);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; 
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#dd00B5E6,endColorstr=#dd00B5E6); 
    opacity: 0.85;
    zoom: 1;
   color: #fff; }
.thumbs .name span {display: block; padding: 10px; position: absolute; bottom: 0; left: 0; color: #fff;}

body.people ul.thumbs li, body.people .thumbs a, body.people .thumbs .name { width: 108px; height: 108px;}
body.people .sidebar li {margin-bottom: 0.4em;}

.bio h1 {clear: both; padding-top: 1em;} 
.bio .credentials {font-size: 12px;}
.bio .position {font-size: 14px;}
.bio .contact, .bio .tools {margin-bottom: 1em; font-size: 12px; line-height: 1.416666666666667;}

.bio .publications-list li {margin-bottom: 0.5em;}

.contact-icon {display: inline-block; width: 15px; font: 12px/1.416666666666667 'ITCFranklinGothicW01-Dm 812668', Arial, Helvetica, sans-serif; color: #00B5E6;}


th, td {vertical-align: top; text-align: left; padding: 0 0 0.5em 0;}
th[scope^="row"] { padding-right: 2em; }
th {font: 12px/1.416666666666667 'ITCFranklinGothicW01-Dm 812668', Arial, Helvetica, sans-serif; color: #00B5E6; margin: 0 0 0.5em 0; padding: 0; font-weight: normal;}

#timeline-controls {margin:  1em 0; font-size: 12px; line-height: 10px; letter-spacing: 1px;}
#timeline-controls a {padding: 0 7px 0 12px; border-left: 1px solid #717073;}
#timeline-controls a.first {padding-left: 0; border-left-width: 0;}
#timeline-controls a.activeSlide {color: #00B5E6; text-decoration: none;} 

/* ARTICLES */
.article-list-item {margin: 0 0 1em 0;}
.article-list-item  h1 {font-size: 14px; line-height:1.428571428571429; font-family: 'ITCFranklinGothicW01-Bk 812647', Arial, Helvetica, sans-serif; margin: 0; border-bottom-width: 0;}

.article-header  h1 {border-bottom-width: 0; margin: 0;}
.article-header {border-bottom: 1px solid #00B5E6; margin: 0 0 1em 0; padding-bottom: 0.5em;}
.article-meta {font-size: 12px; }

.pagination {font-size: 12px; line-height: 1; text-transform: uppercase; margin: 1em 0 1em -5px;}
.pagination a {color: #00B5E6; text-decoration: none; margin: 0 5px;}
.pagination a:hover {color: #000; text-decoration: none;}

.side-list {list-style: none; margin: 0 0 2em 0; padding: 0;}
.side-list li {padding: 0;}

/* FORMS */

form {position: relative; display: block; margin: 0; }

form .col-half {width: 137px;}
form .row {clear: both;}

input, textarea {
width: 100%;
margin: 0px;
border: 0px;
padding: 7px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box; 
box-sizing: border-box; *behavior: url(/assets/js/boxsizing.htc);
}



label {display: block; margin: 0 0 0.5em 0;}

button {
	background: transparent; 
	border: 0px; padding: 0; margin: 0; 
}

a.video {display: block; position: relative;}
a.video > .play {
	display: block; position: absolute; left: 50%; top: 50%; margin-top: -22px; margin-left: -22px; width: 44px; height: 44px; 
	background: transparent url(../img/play-button.png) no-repeat center center;
}


#question {height: 100px;}

#ask-more {
	visibility: hidden;
	position: absolute; top: 100%; z-index: 100; width: 320px; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: rgba(35,31,32,0.85);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#dd231f20,endColorstr=#dd231f20); 
    zoom: 1;
}

#ask-more .inner-wrap {padding: 9px 14px 0 14px;}

#ask-more a.close {position: absolute; top: 5px; right: 5px; 	text-transform: uppercase; color: #fff; text-decoration: none;}
#ask-more a.close:hover {color: #00B5E6; text-decoration: none;}

#ask-more  label {margin: 0;}
a#privacy {display: inline-block; float: right; font-size: 10px;}


#search-form {margin: 0 0 9px 0;}
#keywords  {padding-right: 27px; }
 #question {/* padding-right: 27px; resize: none; */}
#search-button {width: 19px; height: 19px; padding: 0; position: absolute; bottom: 4px; right: 4px;}

#more-expand {width: 19px; height: 19px; padding: 0; position: absolute; top: 4px; right: 4px;}
#submit-button {width: 63px; height: 19px; padding: 0; margin: 9px 0;	}



#ajaxSuccess {display:none;}

/* Overlay */
#simplemodal-overlay {background-color: rgba(35,31,32,0.85);}

/* Container */
#simplemodal-container {height: auto; width:550px; color:#fff; 
	background-color: rgba(35,31,32,0.85);     
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#dd231f20,endColorstr=#dd231f20); 
    zoom: 1; }
#simplemodal-container .simplemodal-data {padding:70px;}
#simplemodal-container a.modal-close {
	z-index:3200; position:absolute; top:9px; right:9px; cursor:pointer;
	text-transform: uppercase; color: #fff; text-decoration: none;
}
#simplemodal-container a.modal-close:hover {color: #00B5E6; text-decoration: none;}

#ajaxSuccess h1 {border-bottom-width: 0; color: #00B5E6;}
#ajaxSuccess .ajax-question {font-size: 14px;}
#ajaxSuccess .ajax-legal {font-size: 10px; margin-top: 28px;}








/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * 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;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

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

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}



/* ==========================================================================
   PRINT STYLES.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        /* color: #000 !important;  Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: none;
    }


    /*
     * Don't show links for images, or javascript/internal links
     */


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


    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;
    }


.wrapper {width: 100%; }
#master-foot .wrapper {width: auto;  }

#copyright {padding-left: 14px;}

	#primary-nav, #site-map, .sidebar, .tools, .breadcrumb, .no-print {
		display: none;
	}

	#master-head {height: auto;}
	.site-name {display: none;}
	.site-logo {display: block;}

	.main {float: none;}
	
body {font: 12px/1.428571428571429 Arial, Helvetica, sans-serif; color: #231F20; }

h1 {font: 23px/1 Georgia, Times, serif; color:#231F20; font-weight: normal;}
h2 {font: 12px/1.416666666666667 Arial, Helvetica, sans-serif; color: #00B5E6; font-weight: bold;}
h3 {font: 12px/1.416666666666667 Arial, Helvetica, sans-serif; color: #00B5E6; margin: 0 0 0 0; padding: 0; font-weight: normal;}
h4 {font: 12px/1.416666666666667 Arial, Helvetica, sans-serif; color: #231F20; margin: 0 0 0 0; padding: 0; font-weight: normal;}

.caslon {font-family: Georgia, Times, serif; }
.caslon strong {font-family: Georgia, Times, serif;}
.caslon em {font-family: Georgia, Times, serif;}
.caslon strong + em, .caslon em + strong {font-family: Georgia, Times, serif;}

.book {font-family: Arial, Helvetica, sans-serif;}
.book em {font-family: Arial, Helvetica, sans-serif;}
.demi {font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
.demi em {font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
.heavy {font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

a {color: #000; text-decoration: none;}
a:hover {color: #231F20; text-decoration: none;}

blockquote {font: 12px/1.416666666666667 Arial, Helvetica, sans-serif; color: #00B5E6;  font-weight: bold;}
blockquote footer {font: 10px/1.7  Arial, Helvetica, sans-serif; color: #00B5E6; font-weight: bold;}

#highlights figcaption {color: #231F20; }
#highlights .copy  {color: #231F20; font-size: 30px; line-height: 40px; white-space: pre;}
#highlights h1 {font: 14px/1.416666666666667 Arial, Helvetica, sans-serif; color: #000;}

.widgets {color: #231F20; }
.widgets h2 {
	font: bold 11px/1 Arial, Helvetica, sans-serif; color: #00B5E6; 	border-bottom: solid 1px #717073;}
.widgets a {color: #231F20; text-decoration: underline;}

/* END PRINT STYLES */
}