/* $Id: style.css,v 1.38.2.2 2009/04/27 14:20:53 goba Exp $ */

/**
 * sel, for Drupal 6.x
 * Jeff Drury, jeffdrury [dot] com
 *
 */

/* General */

* {
margin: 0;
padding: 0;
}

html {
height: 100%;
}

body {
height: 100%;
font: 12px/20px helvetica, arial, verdana, sans-serif;
background: #000 url(bg-body.jpg) no-repeat top center;
}

h1 {
margin-left: 10px;
margin-bottom: 10px;
font-size: 16px;
color: #006990;
}

h2 {
margin-left: 20px;
margin-bottom: 10px;
font-size: 16px;
font-weight: normal;
color: #006990;
}

h3 {
font-size: 14px;
color: #006990;
}

img {
display: block;
}

a {
color: #006990;
}


/* Main Wrapper */

#wrapper {
position: relative;
width: 1000px;
min-height: 100%;
margin: 40px auto;
padding-bottom: 120px;
background: #fff url(bg-wrapper.jpg) no-repeat top left;
}

* html #wrapper {
height: 100%;
}


/* Main Navigation */

#nav-main {
position: absolute;
width: 100%;
height: 52px;
top: 0;
left: 0;
background: transparent url(bg-nav-main.png) repeat-x top left;
z-index: 100;
}

#nav-main ul {
position: relative;
width: 1000px;
height: 40px;
margin: 0 auto;
background: transparent url(bg-nav-main-ul.png) no-repeat top left;
list-style-type: none;
}

#nav-main ul li {
display: inline;
}

#nav-main ul li a {
display: block;
position: absolute;
top: 0;
height: 40px;
text-indent: -9999px;
text-decoration: none;
outline: 0;
}

#nav-main-home a {
background: transparent url(bg-nav-main-home.png) no-repeat top left;
width: 300px;
left: 0;
}

#nav-main-expmap a {
background: transparent url(bg-nav-main-expmap.png) no-repeat top left;
width: 123px;
left: 465px;
}

#nav-main-hist a {
background: transparent url(bg-nav-main-hist.png) no-repeat top left;
width: 173px;
left: 589px;
}

#nav-main-about a {
background: transparent url(bg-nav-main-about.png) no-repeat top left;
width: 61px;
left: 763px;
}

#nav-main-contact a {
background: transparent url(bg-nav-main-contact.png) no-repeat top left;
width: 77px;
left: 825px;
}

#nav-main-bifhome a {
background: transparent url(bg-nav-main-bifhome.png) no-repeat top left;
width: 77px;
left: 902px;
}

#nav-main-home a:hover,
#nav-main-expmap a:hover,
#nav-main-hist a:hover,
#nav-main-about a:hover,
#nav-main-contact a:hover,
#nav-main-bifhome a:hover,
#nav-main-expmap a.curr,
#nav-main-hist a.curr,
#nav-main-about a.curr,
#nav-main-contact a.curr,
#nav-main-bifhome a.curr {
background-position: bottom left;
}


/* Local Navigation */

#nav-local {
position: relative;
width: 920px;
height: 30px;
margin: 0 0 20px 0;
background: transparent url(bg-nav-local.png) no-repeat -20px 0;
}

#nav-local ul.nav-era-main {
float: left;
width: 700px;
height: 30px;
list-style-type: none;
}

#nav-local ul.nav-era-aux {
float: right;
width: 100px;
height: 30px;
list-style-type: none;
}

#nav-local ul li {
display: inline;
}

#nav-local ul li a {
display: block;
float: left;
height: 30px;
line-height: 30px;
padding-left: 5px;
padding-right: 5px;
color: #ebebeb;
text-decoration: none;
border-right: 1px solid rgb(255, 255, 255);
border-right: 1px solid rgba(255, 255, 255, 0.2);
outline: 0;
}

#nav-local ul.nav-era-aux li a {
display: block;
float: left;
height: 20px;
line-height: 20px;
margin-top: 5px;
padding-left: 5px;
padding-right: 5px;
color: #ebebeb;
text-decoration: none;
border-right: 1px solid rgb(255, 255, 255);
border-right: 1px solid rgba(255, 255, 255, 0.2);
outline: 0;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, .4);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#nav-local ul li a:hover {
color: #fff;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.1);
}

#nav-local ul li a.curr {
background-color: rgb(255, 182, 15);
background-color: rgba(255, 182, 15, 0.6);
}

#nav-local ul li.nav-local-first a {
margin-left: 25px;
}


/* Main Content */

#content {
width: 920px;
margin: 0 auto;
}

div.content-wrapper {
background: transparent url(black10.png);
background: rgba(0, 0, 0, 0.1) none;
padding: 10px;
}


/* Main Column */

#main {
width: 620px;
float: left;
}

#main p {
margin: 0 20px 12px 20px;
}

#main embed {
margin: 0 10px 10px 10px;
}

#main form {
margin: 0 0 20px 20px;
}

#main form input:focus, #main form textarea:focus {
background-color: rgb(255, 182, 15);
background-color: rgba(255, 182, 15, 0.4);
}

#main div.content-wrapper h2 {
margin: 10px;
}


/* Side Column */

#side {
width: 280px;
float: right;
}

#side h2 {
margin: 0;
padding: 0;
}


/* Call out box for About home page */

.pull-out-about {
margin: 0 10px;
padding: 20px;
background: transparent url(green40.png);
background: rgba(67,150,57,.4) none;
border: 10px solid rgb(255,255,255);
border: 10px solid rgba(255,255,255,.4);
}

.pull-out-about h3 {
margin-bottom: 10px;
font-size: 14px;
text-transform: uppercase;
text-align: center;
}

.pull-out-about p {
margin-bottom: 10px;
}

.pull-out-about a {
background-color: rgb(255,255,255);
background-color: rgba(255,255,255,.2);
text-decoration: none;
text-align: center;
display: block;
padding: 5px;
}

.pull-out-about a:hover {
background-color: rgb(255,255,255);
background-color: rgba(255,255,255,.4);
}


/* Split Pane Boxes (About) */

.split-box {
width: 460px;
float: left;
}

.split-box p {
margin: 0 30px 0 0;
}


/* Feature Boxes (Home, About) */

.feat-box {
width: 280px;
background-color: rgb(255, 255, 255);
background-color: rgba(255, 255, 255, .2);
float: left;
border: 10px solid rgb(255, 255, 255);
border: 10px solid rgba(0, 0, 0, .1);
margin-left: 10px;
margin-top: 20px;
text-align: center;
}

.first {
margin-left: 0;
}

.feat-box h2 {
margin-left: 10px;
margin-bottom: 10px;
padding-top: 10px;
}

.feat-box h2 a {
display: block;
font-size: 14px;
font-weight: normal;
width: 240px;
height: 30px;
color: #fff;
background-color: #f4911e;
margin: -30px 10px 170px 10px;
line-height: 30px;
text-decoration: none;
}

.feat-box h2 a:hover {
background-color: #ffb60f;
}

.feat-box h3 {
font-size: 14px;
text-transform: uppercase;
margin-bottom: 0;
}

.feat-box p {
font-size: 14px;
margin: 0 20px 20px 20px;
}

.feat-box img {
display: block;
margin: 10px -10px;
}


/* Header Replacements */

h1#head-home {
background: transparent url(bg-h1-home.png) no-repeat top left;
width: 614px;
height: 40px;
text-indent: -9999px;
margin: 0 auto 20px auto;
}

h1#head-contact {
background: transparent url(bg-h1-contact.png) no-repeat top left;
width: 130px;
height: 30px;
text-indent: -9999px;
margin: 0 0 10px 20px;
}

h1#head-about {
background: transparent url(bg-h1-about.png) no-repeat top left;
width: 300px;
height: 30px;
text-indent: -9999px;
margin: 0 0 10px 20px;
}

h1#head-about-method {
background: transparent url(bg-h1-about-method.png) no-repeat top left;
width: 150px;
height: 30px;
text-indent: -9999px;
margin: 0 0 10px 20px;
}

h1#head-about-team {
background: transparent url(bg-h1-about-team.png) no-repeat top left;
width: 70px;
height: 30px;
text-indent: -9999px;
margin: 0 0 10px 20px;
}

h1#head-about-coll {
background: transparent url(bg-h1-about-coll.png) no-repeat top left;
width: 150px;
height: 30px;
text-indent: -9999px;
margin: 0 0 10px 20px;
}

h1#head-exp-map {
background: transparent url(bg-h1-exp-map.png) no-repeat top left;
width: 180px;
height: 30px;
text-indent: -9999px;
margin: 0 0 0 20px;
}

h1#head-exp-map-found {
background: transparent url(bg-h1-exp-map-found.png) no-repeat top left;
width: 150px;
height: 30px;
text-indent: -9999px;
margin: 0 0 0 20px;
}

h1#head-exp-map-chasing {
background: transparent url(bg-h1-exp-map-chasing.png) no-repeat top left;
width: 220px;
height: 30px;
text-indent: -9999px;
margin: 0 0 0 20px;
}

h1#head-exp-map-planning {
background: transparent url(bg-h1-exp-map-planning.png) no-repeat top left;
width: 220px;
height: 30px;
text-indent: -9999px;
margin: 0 0 0 20px;
}

h1#head-exp-map-nav {
background: transparent url(bg-h1-exp-map-nav.png) no-repeat top left;
width: 250px;
height: 30px;
text-indent: -9999px;
margin: 0 0 0 20px;
}

h1#head-exp-map-managing {
background: transparent url(bg-h1-exp-map-managing.png) no-repeat top left;
width: 220px;
height: 30px;
text-indent: -9999px;
margin: 0 0 0 20px;
}

h1#head-exp-map-inst {
background: transparent url(bg-h1-exp-map-inst.png) no-repeat top left;
width: 180px;
height: 30px;
text-indent: -9999px;
margin: 0 0 0 20px;
}

h1#head-exp-map-being {
background: transparent url(bg-h1-exp-map-being.png) no-repeat top left;
width: 180px;
height: 30px;
text-indent: -9999px;
margin: 0 0 0 20px;
}

h1#head-exp-map-rel {
background: transparent url(bg-h1-exp-map-rel.png) no-repeat top left;
width: 180px;
height: 30px;
text-indent: -9999px;
margin: 0 0 0 20px;
}

h1#head-exp-map-leaving {
background: transparent url(bg-h1-exp-map-leaving.png) no-repeat top left;
width: 180px;
height: 30px;
text-indent: -9999px;
margin: 0 0 0 20px;
}

h1#head-exp-map-citations {
background: transparent url(bg-h1-exp-map-citations.png) no-repeat top left;
width: 300px;
height: 30px;
text-indent: -9999px;
margin: 0 0 10px 20px;
}

h1#head-about-lab-videos {
background: transparent url(bg-h1-about-lab-videos.png) no-repeat top left;
width: 320px;
height: 30px;
text-indent: -9999px;
margin: 0 0 10px 20px;
}

h1#head-meet-the-experts {
background: transparent url(bg-h1-meet-the-experts.png) no-repeat top left;
width: 320px;
height: 30px;
text-indent: -9999px;
margin: 0 0 10px 20px;
}

h1#head-lumina-deliverables {
background: transparent url(bg-h1-lumina-deliverables.png) no-repeat top left;
width: 320px;
height: 30px;
text-indent: -9999px;
margin: 0 0 10px 20px;
}

h1#head-hist {
background: transparent url(bg-h1-hist.png) no-repeat top left;
width: 240px;
height: 30px;
text-indent: -9999px;
margin: 0 0 0 20px;
}

h1#head-hist-01 {
background: transparent url(bg-h1-hist-01.png) no-repeat top left;
width: 500px;
height: 30px;
text-indent: -9999px;
margin: 0 0 0 20px;
}

h1#head-hist-02 {
background: transparent url(bg-h1-hist-02.png) no-repeat top left;
width: 500px;
height: 30px;
text-indent: -9999px;
margin: 0 0 0 20px;
}

h1#head-hist-03 {
background: transparent url(bg-h1-hist-03.png) no-repeat top left;
width: 500px;
height: 30px;
text-indent: -9999px;
margin: 0 0 0 20px;
}

h1#head-hist-04 {
background: transparent url(bg-h1-hist-04.png) no-repeat top left;
width: 500px;
height: 30px;
text-indent: -9999px;
margin: 0 0 0 20px;
}

h1#head-hist-05 {
background: transparent url(bg-h1-hist-05.png) no-repeat top left;
width: 500px;
height: 30px;
text-indent: -9999px;
margin: 0 0 0 20px;
}

h1#head-hist-06 {
background: transparent url(bg-h1-hist-06.png) no-repeat top left;
width: 500px;
height: 30px;
text-indent: -9999px;
margin: 0 0 0 20px;
}

h1#head-hist-07 {
background: transparent url(bg-h1-hist-07.png) no-repeat top left;
width: 500px;
height: 30px;
text-indent: -9999px;
margin: 0 0 0 20px;
}

h1#head-hist-08 {
background: transparent url(bg-h1-hist-08.png) no-repeat top left;
width: 500px;
height: 30px;
text-indent: -9999px;
margin: 0 0 0 20px;
}

h1#head-hist-09 {
background: transparent url(bg-h1-hist-09.png) no-repeat top left;
width: 500px;
height: 30px;
text-indent: -9999px;
margin: 0 0 0 20px;
}


/* Unordered list with pics */

ul.pic-list {
list-style-type: none;
margin: 0 20px 30px 50px;
}

ul.pic-list li {
clear: left;
padding-top: 10px;
margin-top: 10px;
border-top: 1px solid #e0e0e0;
}

ul.pic-list li img {
width: 60px;
height: 60px;
float: left;
margin-right: 10px;
border: 10px solid rgba(0,0,0);
border: 10px solid rgba(0,0,0,.1);
}

ul.pic-list li.vid {
width: 440px;
border: 10px solid rgba(0,0,0);
border: 10px solid rgba(0,0,0,.1);
}

ul.pic-list li a {
color: #f4911e;
}

ul.pic-list li h3 a {
text-decoration: none;
}

ul.pic-list li p {
margin-left: 0 !important;
}


/* Unordered list for about index page */

ul.index-list {
list-style-type: none;
margin-left: 20px;
}

ul.index-list li {
float: left;
width: 280px;
height: 150px;
margin-right: 20px;
padding-bottom: 20px;
}

ul.index-list li h3 a {
display: block;
text-decoration: none;
color: #f4911e;
line-height: 30px;
border-bottom: 1px solid #f4911e;
}

ul.index-list li p {
padding-top: 9px;
margin-left: 0 !important;
}


/* Slideshow on About home page */

#slideshow-about {
overflow: hidden;
width: 400px;
height: 266px;
}


/* Captions */

div.caption {
padding: 0 20px;
margin: 20px auto 0 auto;
}

div.caption a {
color: #006990;
}

div.caption p {
font-size: 10px;
color: #006990;
text-align: right;
}

div.caption h3 {
margin-bottom: 10px;
line-height: 30px;
border-bottom: 1px solid #006990;
}

div.caption li {
color: #999;
}


/* Wide Table */

#wide table.stripeMe td,#wide table.stripeMe th {
vertical-align: top;
padding: 10px;
font-weight: normal;
}

tr.alt {
background-color: rgba(0,0,0,0.05);
}


/* Helpers */

ul.split-col {
float: left;
width: 280px;
margin: 0 0 20px 10px;
padding-left: 20px;
}

.clr {
clear: both;
}

ul.pic-list li.vid {
width: 440px;
border: 10px solid rgba(0,0,0);
border: 10px solid rgba(0,0,0,.1);
margin: 0 0 20px 0;
padding-top: 10px;
}

.hide {
display: none;
}

p.summ {
margin: 0 20px 12px 20px !important;
}

p.intro {
margin: 0 20px 12px 20px !important;
font-size: 16px;
}

p.intro strong {
font-size: 18px;
}

.cent {
text-align: center;
}

/* Expert Index Page */

ul.expert-list {
list-style-type: none;
margin: 0 20px 30px 50px;
}

ul.expert-list li {
clear: left;
padding-top: 10px;
margin-top: 10px;
border-top: 1px solid #e0e0e0;
}

ul.expert-list li img {
width: 60px;
height: 60px;
float: left;
margin-right: 10px;
border: 1px solid rgba(0,0,0);
border: 1px solid rgba(0,0,0,.1);;
}

ul.expert-list li.vid {
width: 440px;
border: 10px solid rgba(0,0,0);
border: 10px solid rgba(0,0,0,.1);
}

ul.expert-list li h3 a {
text-decoration: none;
}

ul.expert-list li p {
margin-left: 0 !important;
}



/* Social Link Icons */

ul#nav-social-links {
list-style-type: none;
padding-right: 10px;
}

ul#nav-social-links li {
display: inline;
}

#icon-ning a, #icon-twitter a, #icon-vimeo a, #icon-delicious a, #icon-facebook a, #icon-rss a, #icon-linkedin a {
display: block;
float: left;
width: 24px;
height: 24px;
margin-right: 10px;
text-indent: -9999px;
outline: 0;
}

#icon-ning a {
background: transparent url(bg-icon-ning.png) no-repeat top left;
}

#icon-twitter a {
background: transparent url(bg-icon-twitter.png) no-repeat top left;
}

#icon-vimeo a {
background: transparent url(bg-icon-vimeo.png) no-repeat top left;
}

#icon-delicious a {
background: transparent url(bg-icon-delicious.png) no-repeat top left;
}

#icon-facebook a {
background: transparent url(bg-icon-facebook.png) no-repeat top left;
}

#icon-rss a {
background: transparent url(bg-icon-rss.png) no-repeat top left;
}

#icon-linkedin a {
background: transparent url(bg-icon-linkedin.png) no-repeat top left;
}


/* Footer */

#footer {
position: relative;
width: 100%;
height: 110px;
margin-top: -110px;
background: transparent url(bg-footer.png) repeat-x top left;
}

#footer ul {
width: 960px;
height: 40px;
margin: 0 auto;
list-style-type: none;
color: #fff;
}

#footer ul li {
display: inline;
}

#footer ul li a {
display: block;
float: left;
}

#footer p {
width: 960px;
margin: 0 auto;
padding: 40px 0 0 0;
color: #fff;
}


/* Era Analysis Pages */

#era-main {
width: 900px;
background: #fff url(bg-era-main.gif) repeat-y top left;
}

#era-main-content {
float: left;
width: 700px;
}

#slideshow-era {
width: 700px;
height: 240px;
margin-bottom: 20px;
}

#era-main-nav-inner ul {
list-style-type: none;
margin-left: 40px;
}

#era-main-nav-inner ul li {
display: inline;
float: left;
margin-right: 20px;
}

#era-main-nav-inner ul li a {
color: #66a5bc;
}

#era-main-nav-inner ul li a:hover {
color: #006990;
}

#era-main-sidebar {
float: right;
width: 200px;
}

#era-main-sidebar h3 {
width: 200px;
height: 50px;
margin: 0;
padding: 0;
text-indent: -9999px;
}

#era-main-sidebar h3#takeaways {
background: #666 url(bg-era-main-sidebar-takeaways.gif) no-repeat top left;
}

#era-main-sidebar h3#references {
background: #666 url(bg-era-main-sidebar-references.gif) no-repeat top left;
}

#era-main-sidebar ol {
list-style-type: none;
color: #fff;
}

#era-main-sidebar ul {
list-style-type: none;
padding-bottom: 20px;
}

#era-main-sidebar li {
padding-left: 40px;
margin-bottom: 20px;
margin-right: 20px;
}

#era-main-sidebar li.l01 {
background: transparent url(bg-era-main-sidebar-ol-1.png) no-repeat top left;
}

#era-main-sidebar li.l02 {
background: transparent url(bg-era-main-sidebar-ol-2.png) no-repeat top left;
}

#era-main-sidebar li.l03 {
background: transparent url(bg-era-main-sidebar-ol-3.png) no-repeat top left;
}

#era-main-sidebar li.l04 {
background: transparent url(bg-era-main-sidebar-ol-4.png) no-repeat top left;
}

#era-main-sidebar li.l05 {
background: transparent url(bg-era-main-sidebar-ol-5.png) no-repeat top left;
}

#era-main-sidebar li.l06 {
background: transparent url(bg-era-main-sidebar-ol-6.png) no-repeat top left;
}

#era-main-sidebar ul li {
background: transparent url(bg-era-main-sidebar-ul-li.png) no-repeat 10px 0;
}

#era-main-sidebar ul li a {
color: #ccc;
}

#era-main-sidebar ul li a:hover {
color: #fff;
}

#era-main-footer {
width: 900px;
height: 90px;
border-top: 10px solid #eaeaea;
}

#era-main-footer ul {
list-style-type: none;
}

#era-main-footer ul li {
text-indent: -9999px;
}

#era-analysis-toggle {
margin-top: 10px;
padding: 0 10px;
background-color: #006990;
}

#era-analysis-toggle h1 {
width: 900px;
height: 120px;
margin: 0;
padding: 0;
text-indent: -9999px;
background: #006990 url(bg-era-analysis-toggle.gif) no-repeat top left;
outline: 0;
cursor: pointer;
}

#era-analysis-toggle h1.toggle-over {
background: #006990 url(bg-era-analysis-toggle-over.gif) no-repeat top left;
}

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


/* Styles for sidebar lists */


div.sidebar-list ul {
list-style-type: none;
margin: 0;
padding: 0;
}

div.sidebar-list li img {
float: left;
width: 60px;
height: 60px;
margin-right: 10px;
}

div.sidebar-list li h4 {
font-size: 12px;
font-weight: bold;
color: #006990;
margin-bottom: 0;
}

div.sidebar-list li p {
font-size: 12px;
margin-bottom: 0;
}