/* ================================================================
   Thorne Research Corporation — Site Stylesheet
   Optimized for Internet Explorer 5.0 / Netscape Navigator 4.x
   Display: 800x600 resolution
   Last updated: 02/14/2000
   ================================================================ */

/* ==================== BODY / BASE ==================== */

body {
    background-color: #dde3ea;
    color: #111111;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
}

/* ==================== LINKS ==================== */

a           { color: #003399; text-decoration: underline; }
a:visited   { color: #551a8b; }
a:hover     { color: #cc0000; }

/* ==================== HEADER ==================== */

#header {
    background-color: #001f3f;
    border-bottom: 2px solid #003366;
    width: 100%;
}

#header-inner {
    width: 760px;
    margin: 0 auto;
    padding: 11px 0;
}

#logo {
    font-size: 22px;
    font-weight: bold;
    color: #ffffff;
    letter-spacing: 4px;
    font-family: Arial, sans-serif;
    line-height: 1;
}

#logo .accent { color: #88bbdd; }

#tagline {
    font-size: 10px;
    color: #5577aa;
    letter-spacing: 5px;
    text-transform: uppercase;
    margin-top: 4px;
}

/* ==================== NAVIGATION ==================== */

#nav {
    background-color: #003366;
    border-top: 1px solid #336699;
    border-bottom: 3px solid #001133;
    width: 100%;
}

#nav-inner {
    width: 760px;
    margin: 0 auto;
    line-height: 0;
    font-size: 0;
}

#nav a {
    display: inline-block;
    padding: 7px 16px;
    color: #bbccdd;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    border-right: 1px solid #004488;
    border-left: 1px solid #002255;
    line-height: normal;
}

#nav a:first-child { border-left: none; }
#nav a:hover      { background-color: #004899; color: #ffffff; text-decoration: none; }
#nav a:visited    { color: #bbccdd; }
#nav a.current    { background-color: #002244; color: #ffffff; border-bottom: 3px solid #6699cc; }

/* ==================== MAIN WRAPPER ==================== */

#main-wrapper {
    width: 760px;
    margin: 0 auto;
    background-color: #ffffff;
    border-left: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
    border-bottom: 2px solid #888888;
    min-height: 420px;
}

/* ==================== HERO ==================== */

#hero {
    background-color: #002244;
    color: #ffffff;
    padding: 20px 25px;
    border-bottom: 3px solid #336699;
}

#hero h1 {
    font-size: 15px;
    font-weight: bold;
    color: #ffffff;
    letter-spacing: 1px;
    margin: 0 0 11px 0;
    font-family: Arial, sans-serif;
    line-height: 1.3;
}

#hero p {
    font-size: 12px;
    color: #9aadbe;
    line-height: 1.8;
    margin: 0;
}

/* ==================== PAGE BANNER ==================== */

.page-banner {
    background-color: #003366;
    color: #ffffff;
    padding: 10px 20px;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
    border-bottom: 2px solid #336699;
}

/* ==================== CONTENT ==================== */

#content {
    padding: 14px 22px 22px 22px;
}

h2 {
    font-size: 12px;
    font-family: Arial, sans-serif;
    color: #001f3f;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-bottom: 1px solid #003366;
    padding-bottom: 4px;
    margin: 20px 0 10px 0;
}

h3 {
    font-size: 12px;
    color: #002244;
    margin: 0 0 5px 0;
    font-family: Arial, sans-serif;
}

p {
    line-height: 1.65;
    margin: 0 0 8px 0;
}

/* ==================== RULES / DIVIDERS ==================== */

.rule-fancy {
    border: 0;
    border-top: 1px solid #336699;
    border-bottom: 1px solid #001a33;
    margin: 16px 0;
}

.rule-thin {
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 10px 0;
}

/* ==================== PILLARS ==================== */

.pillar-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 4px;
    margin: 12px 0;
}

.pillar-cell {
    width: 25%;
    vertical-align: top;
    padding: 9px 10px;
    border: 1px solid #b8c5d8;
    background-color: #f2f6fc;
}

.pillar-cell h3 {
    font-size: 10px;
    color: #003366;
    border-bottom: 1px solid #6699cc;
    padding-bottom: 4px;
    margin-bottom: 7px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.pillar-cell p {
    font-size: 11px;
    color: #333333;
    line-height: 1.6;
    margin-bottom: 5px;
}

.pillar-cell a { font-size: 10px; }

/* ==================== NEWS ==================== */

.news-item {
    border-bottom: 1px dotted #cccccc;
    padding: 9px 0;
}

.news-item:last-child { border-bottom: none; }

.news-date {
    font-size: 10px;
    color: #777777;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.news-headline {
    font-size: 12px;
    font-weight: bold;
    color: #002244;
    margin: 3px 0;
    line-height: 1.3;
}

.news-blurb {
    font-size: 11px;
    color: #444444;
    line-height: 1.65;
}

/* ==================== SIDEBAR ==================== */

.col-main     { vertical-align: top; padding-right: 14px; }

.col-side {
    vertical-align: top;
    background-color: #edf2f8;
    border: 1px solid #b8c5d8;
    padding: 10px 12px;
    width: 178px;
}

.col-side h3 {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 1px solid #99aabb;
    padding-bottom: 3px;
    margin-bottom: 7px;
    color: #002244;
}

.col-side p { margin-bottom: 5px; }

/* ==================== INSET / QUOTE ==================== */

.inset-box {
    background-color: #edf2f8;
    border-left: 3px solid #003366;
    border-top: 1px solid #aabbcc;
    border-right: 1px solid #aabbcc;
    border-bottom: 1px solid #aabbcc;
    padding: 9px 14px;
    margin: 12px 0;
    font-size: 11px;
    font-style: italic;
    color: #334455;
    line-height: 1.7;
}

/* ==================== ABOUT PAGE ==================== */

.photo-box {
    width: 162px;
    height: 204px;
    background-color: #b8b8b8;
    border: 2px inset #999999;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 10px;
    color: #444444;
    line-height: 1.6;
}

.leadership-table {
    width: 100%;
    border-collapse: collapse;
    margin: 8px 0;
    font-size: 11px;
}

.leadership-table th {
    background-color: #003366;
    color: #ffffff;
    padding: 5px 9px;
    text-align: left;
    font-size: 11px;
    letter-spacing: 1px;
}

.leadership-table td {
    padding: 5px 9px;
    border-bottom: 1px solid #dddddd;
    color: #222222;
}

.leadership-table tr:nth-child(even) td { background-color: #f2f6fc; }

/* ==================== RESEARCH PAGE ==================== */

.pillar-header {
    background-color: #003366;
    color: #ffffff;
    padding: 5px 11px;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 9px;
}

.research-pillar {
    margin-bottom: 18px;
    padding-bottom: 16px;
    border-bottom: 1px dotted #bbccdd;
}

.research-pillar:last-child { border-bottom: none; }

.initiative-table {
    width: 100%;
    border-collapse: collapse;
    margin: 8px 0;
    font-size: 11px;
}

.initiative-table th {
    background-color: #003366;
    color: #ffffff;
    padding: 5px 9px;
    text-align: left;
    font-size: 11px;
}

.initiative-table td {
    padding: 6px 9px;
    border-bottom: 1px solid #dddddd;
    vertical-align: top;
    line-height: 1.6;
}

.initiative-table td.init-name {
    font-weight: bold;
    color: #002244;
    width: 210px;
    white-space: nowrap;
}

.initiative-table tr:nth-child(even) td { background-color: #f2f6fc; }

.restricted { color: #880000; font-weight: bold; }

.federal-note {
    background-color: #f7f7f7;
    border: 1px solid #cccccc;
    border-left: 3px solid #888888;
    padding: 9px 13px;
    font-size: 11px;
    color: #555555;
    margin: 14px 0;
    font-style: italic;
    line-height: 1.7;
}

/* ==================== CAREERS PAGE ==================== */

.job-posting {
    border: 1px solid #b8c5d8;
    padding: 10px 13px;
    margin-bottom: 13px;
    background-color: #f9fafe;
}

.job-title {
    font-size: 13px;
    font-weight: bold;
    color: #002244;
    margin-bottom: 2px;
}

.job-dept {
    font-size: 10px;
    color: #667788;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 7px;
}

.job-req {
    font-size: 11px;
    color: #333333;
    line-height: 1.65;
}

/* ==================== FOOTER ==================== */

#footer {
    background-color: #001830;
    color: #6688aa;
    padding: 14px 0;
    font-size: 10px;
    border-top: 2px solid #336699;
    width: 100%;
}

#footer-inner {
    width: 760px;
    margin: 0 auto;
}

#footer a         { color: #6688aa; }
#footer a:hover   { color: #99bbcc; }
#footer a:visited { color: #557799; }

/* ==================== UTILITIES ==================== */

.small      { font-size: 10px; color: #666666; }
.fine-print { font-size: 9px;  color: #445566; line-height: 1.5; }