body {
    background-color: #e3dfdc;
    color: #353535;

    font-family: Verdana, Arial, San Serif;
    font-weight: normal;
    font-size: 12px;

    margin: 0px;
    padding: 0px;
}

img {
	border: 0px;
}

a {
    color: #0AA5D2;
    font-family: Verdana, Arial, San Serif;
	font-weight: normal;
    text-decoration: none;
}

A:hover {
    color: #CC6600;
    font-family: Verdana, Arial, San Serif;
	font-weight: normal;
    text-decoration: none;
}

li {
    font-size: 10px;
	list-style-image: url(/images/grey_bullet.gif);
}


#icon {
	margin: 0px;
	margin-top: 3px;
	margin-bottom: -2px;
	padding: 0px;
}

#main-table {
    border: 0;
    float: center;
    margin: auto;
    padding: 0px;
    width: 780px;
}

#pop-main-table {
    border: 0;
    float: center;
    margin: auto;
    padding: 0px;
    width: 350px;
}

#site-nav {
    background-color: #5e5a55;
    padding: 10px;
    padding-left: 16px;
    padding-bottom: 15px;
}

.site-nav-menuitem a {
    float: left;
    display: block;
    background-position: 0px 0px;
    height: 10px;
    padding-left: 15px;
}

.site-nav-menuitem a:hover {
    background-position: 0px -10px;
}

.site-nav-menuitem a:active {
    background-position: 0px -20px;
}

/* I'd prefer these be id's but then :hover and :active from above don't take effect */
.site-nav-home a {
    background: url(/images/btnHome.gif) no-repeat;
    width: 35px;
}

.site-nav-about a {
    background: url(/images/btnAbout.gif) no-repeat;
    width: 71px;
}

.site-nav-contact a {
    background: url(/images/btnContact.gif) no-repeat;
    width: 54px;
}

.site-nav-employ a {
    background: url(/images/btnEmploy.gif) no-repeat;
    width: 77px;
}

.site-nav-press a {
    background: url(/images/btnPress.gif) no-repeat;
    width: 76px;
}


#site-nav ul {
    display: inline;
    margin-left: 0;
    padding-left: 0;
}

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

#search-nav {
    float: right;
    position: relative;
    top: -10px;
}

#search-form {
    display: inline;
}

/*
input.search {
	font-size: 9px;
    font-family: Verdana, Arial, San Serif;
    height: 16px;
    width: 125px;
    padding-left: 1px;
    border: 1px solid #5E5A55;
    position: relative;
    top: -9px;
}
*/

#search-form .image {
    position: relative;
    top: -4px;
}

#header {
    background: url(/images/header_bg.gif);
}

#pop-header {
    background: url(/images/header_bg_pop.gif);
	height: 40px;
}

#pop-header .hhmi-logo {
	padding-top: 11px;
	padding-left: 13px;
	float: left;
}

#pop-header .jfrc-logo {
	padding-top: 13px;
	padding-right: 15px;
	float: right;
}

#bar-close-window {
	padding-right: 16px;
	margin-bottom: 12px;
	background-color: #4c4843;
	height: 15px;
}

.close-window-rollover a {
    margin-top: 5px;
    padding: 0px;
	float: right;
	list-style: none;
    display: block;
    background: url(/images/btnCloseWindow.gif) no-repeat;
    background-position: 0px 0px;
    width: 90px;
    height: 5px;
}

.close-window-rollover a:hover {
    background-position: 0px -10px;
}

.more-questions-rollover a {
	list-style: none;
    display: block;
    background: url(/images/btnMoreQuestions.gif) no-repeat;
    background-position: 0px 0px;
    width: 107px;
    height: 6px;
}

.more-questions-rollover a:hover {
    background-position: 0px -17px;
}


#sidebar-bbcard {
    background-color: #fff;
    margin-bottom: 5px;
    padding: 3px;
}


.bbcard-scientist {
    background-color: #f6f7e9;
    height: auto;
    margin-top: 3px;
    padding: 4px;
    padding-top: 15px;
}

/* NOTE - A better value for the overflow should be visible, but that
          breaks a previous bbcard in IE. * Behaviour of hidden in IE is
          incorrect, and undesirable in firefox, but it's the only thing
          that works between the two. -Ed */
.bbcard-info {
    float: right;
    overflow: hidden;
    width: 84px;
}

.bbcard-title {
	color: #5B5B5B;
    font-size: 10px;
    font-weight: bold;
    margin-left: 9px;
    padding-bottom: 10px;
}

.bbcard-image {
    border: 1px solid #bab7ae;
    margin: 9px;
    margin-top: 0px;
    padding: 2px;
    float: left;
}

/* NOTE - be careful adjusting the relative top positioning in the next 5 bbcard
          classes.. This setup makes it difficult to change margins, etc.. while
          gaining the ability to support arbitrary lengths of text correctly. */
.bbcard-name {
    float: right;
    position: relative;
    top: -9px;
    width: 70px;
}

.bbcard-name a {
	color: #0AA5D2;
	font-size: 10px;
    font-weight: bold;
}

.bbcard-bullet {
    padding-right: 10px;
    padding-left: 3px;
}

.bbcard-abstract-img {
    clear: right;
    display: block;
    padding-top: 10px;
    position: relative;
    top: -5px;
}

.bbcard-abstract {
	color: #0AA5D2;
    float: right;
	font-size: 10px;
    position: relative;
    top: -9px;
    width: 70px;
}


#sidebar-tout {
    border: 1px solid #B9B7AD;
    background-color: #ffffff;
    margin-bottom: 5px;
    padding: 15px;
}

#tout-title {
    border-bottom: 1px dotted #c3c4bf; 
    font-size: 10px;
    font-weight: bold;
    margin-bottom: 8px;
    padding-bottom: 8px;
}

#tout-text {
    border-bottom: 1px dotted #c3c4bf; 
    font-size: 10px;
    margin-bottom: 8px;
    padding-bottom: 8px;
}

.tout-name-div {
	color: #5B5B5B;
    font-weight: bold;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px dotted #c3c4bf; 
}

.tout-name {
	color: #5B5B5B;
    font-weight: bold;
    padding-top: 8px;
}

#sidebar-contact {
    border: 1px solid #B9B7AD;
    background-color: #ffffff;
    margin-bottom: 5px;
    padding: 15px;
}

#contact-title {
    border-bottom: 1px dotted #c3c4bf; 
    font-size: 10px;
    margin-bottom: 8px;
    padding-bottom: 8px;
}

.contact-name-div {
	color: #5B5B5B;
    font-weight: bold;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px dotted #c3c4bf; 
}

.contact-name {
	color: #5B5B5B;
    font-weight: bold;
    padding-top: 8px;
}

#sidebar-tout {
    border: 1px solid #B9B7AD;
    background-color: #ffffff;
    margin-bottom: 5px;
    padding: 15px;
}

#tout-title {
    border-bottom: 1px dotted #c3c4bf; 
    font-size: 10px;
    margin-bottom: 8px;
    padding-bottom: 8px;
}

.tout-name-div {
	color: #5B5B5B;
    font-weight: bold;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px dotted #c3c4bf; 
}

.tout-name {
	color: #5B5B5B;
    font-weight: bold;
    padding-top: 8px;
}

#content-nav {
    border-bottom: 2px solid #bab8ac;
    height: 30px;
}

#content-nav ul { /* all lists */
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#content-nav li { /* all list items */
    float: left;
    list-style: none;
}

#content-nav li ul { /* second-level lists */
    display: none;
    position: absolute;
    top: 30px;
}

#content-nav li:hover ul, li.over ul { /* lists nested under hovered list items */
    display: block;
    background: #fff;
}

#content-nav li ul li {      /* second-level listitems */
    border-bottom: 1px solid #000; 
    padding-bottom: 5px;
    padding-left: 10px;
    padding-top: 5px;
}

#top-stories, #research, #janelia, #grants, #resources li {
    background: #fff;
    border: 1px solid #000;
}

#top-stories li {
    width: 150px;
}

#top-stories-menu a{
    display: block;
    width: 106px;
    height: 30px;
    background: url(/images/newsMenuButton.gif) no-repeat;
    background-position: 0px 0px;
}

#top-stories-menu a:hover {
    background-position: 0px -35px;
}


#research li {
    width: 180px;
}

#research-menu a{
    display: block;
    width: 173px;
    height: 30px;
    background: url(/images/researchMenuButton.gif) no-repeat;
    background-position: 0px 0px;
}

#research-menu a:hover {
    background-position: 0px -35px;
}

#janelia li {
    width: 140px;
}

#janelia-menu a{
    display: block;
    width: 119px;
    height: 30px;
    background: url(/images/janeliaMenuButton.gif) no-repeat;
    background-position: 0px 0px;
}

#janelia-menu a:hover {
    background-position: 0px -35px;
}

#grants li {
    width: 220px;
}

#grants-menu a{
    display: block;
    width: 176px;
    height: 30px;
    background: url(/images/grantsMenuButton.gif) no-repeat;
    background-position: 0px 0px;
}

#grants-menu a:hover {
    background-position: 0px -35px;
}

#resources li {
    width: 196px;
}

#resources-menu a{
    display: block;
    width: 206px;
    height: 30px;
    background: url(/images/resourcesMenuButton.gif) no-repeat;
    background-position: 0px 0px;
}

#resources-menu a:hover {
    background-position: 0px -35px;
}

#home-content {
    width: 420px;
    padding-right: 4px;
    padding-top: 6px;
}

#content {
    border: 1px solid #B9B7AD;
    background-color: #ffffff;
    margin-bottom: 5px;
    width: 420px;
    padding: 0px;
}

#pop-content {
    width: 350px;
    padding: 3px;
    margin: 0px;
    background: #fff;
    font-size: 120%;
}

#pop-content-cap {
    margin-bottom: 2px;
    width: 100%;
    height: 9px;
    background-color: #bdd3d2;
}

#content h1 {
    font-size: 175%;
    font-weight: normal;
    margin-top: 5px;
}

#content h2 {
	font-weight: bold;
    font-size: 9px;
    color: #757575;
}

#content p {
    font-size: 100%;
    font-weight: normal;
}

#content-box {
    background: #fff;
    font-size: 12px;
    margin-bottom: 10px;
    padding: 3px;
}

#content-box h1 {
    font-size: 9px;
}

#content-box h2 {
	font-weight: normal;
    font-size: 9px;
    color: #757575;
    margin-bottom: 2px;
}

#container {
    width: 565px;
    padding-left: 15px;
    padding-right: 7px;
    padding-bottom: 20px;
    padding-top: 0px;
}

#pop-container {
    width: 350px;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 22px;
    padding-bottom: 20px;
    background-color: #fff;
    font-size: 75%;
    color: #353535;
}

#pop-container h1 {
    margin-top: 10px;
    padding: 0px;
	font-weight: bold;
    font-size: 125%;
    color: #6f6559;
}

#pop-container-quote {
    width: 425px;
    padding-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 25px;
    background-color: #eef5f5;
    font-size: 80%;
    color: #666666;
}

#pop-container-quote h1 {
    margin: 0px;
    padding: 0px;
	font-weight: bold;
    font-size: 175%;
    color: #6f6559;
}

#pop-container-quote h2 {
	font-weight: bold;
    font-size: 100%;
	color: #6f6559;
    margin-bottom: -10px;
}


/* TODO - search for other things like this... -Ed */
.inner-content {
    float: left;
    width: 350px;
}

#news-archive h1 {
    color: #666666;
    font-size: 70%;
    font-weight: bold;
}

#news-archive h1 .left-side {
    width: 50%;
}

#news-archive h1 .right-side {
    position: relative;
    left: 45%;
}

#news-archive h1 a {
    font-weight: bold;
}

.search-header {
    background: #c4c4bc;
    font-size: 65%;
    padding: 3px;
    padding-left: 8px;
}

.search-body {
    background: #f7f8ea;
    color: #706458;
    font-size: 65%;
    font-weight: bold;
    margin-top: 2px;
    padding: 15px;
}

.search-body img {
    position: relative;
    top: 5px;
}

.news-content ul {
    margin: 0px;
    padding: 0px;
}

.news-content li {
    list-style: none;
    border-top: 1px dotted #c4c4ba;
    padding-bottom: 15px;
    padding-top: 5px;
}

.first-news-item {
    border-top: 1px dotted #c4c4ba;
}

.news-header {
    color: #17add0;
    font-size: 150%;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 8px;
}

.news-date {
    color: #999999;
    font-size: 10px;
    padding-bottom: 2px;
}

.news-desc {
    font-size: 120%;
}

.news-link {
    color: #999999;
    padding-bottom: 2px;
}


#news-ads {
    float: right;
    width: 170px;
}


#science-content {
    float: left;
    /* TODO - calc */
    width: 350px;
}

#science-content h2 {
	color: #6f6559;
    font-size: 80%;
    font-weight: bold;
    margin-bottom: -12px;
}


#science-content ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#science-content .filler {
    background: #bdd3d1;
    height: 8px;
    padding: 0px;
}

#science-content li {
    background: #f0f6f6;
    list-style: none;
    margin: 2px;
    padding: 5px;
    padding-left: 45px;
    padding-bottom: 15px;
}


#science-ads {
    float: right;
    width: 170px;
}

#events-content {
    border-top: 1px dotted #c4c4ba;
    float: left;
    width: 350px;
}

#events-content h2 {
	color: #6f6559;
    font-size: 80%;
    font-weight: bold;
    margin-bottom: -5px;
}

#events-content ul {
    margin: 0px;
    padding: 0px;
}

#events-content li {
    list-style: none;
    padding-bottom: 15px;
    padding-top: 5px;
}

.events-header {
    color: #17add0;
    font-size: 150%;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 8px;
}

.events-date {
    color: #999999;
    font-size: 10px;
    padding-bottom: 2px;
}

.events-desc {
    font-size: 120%;
}

.events-links {
    border-top: 1px dotted #c3c4bf; 
    border-bottom: 1px dotted #c3c4bf; 
    margin-top: 8px;
    color: #999999;
    padding-bottom: 2px;
    padding-left: 1px;
    padding-top: 2px;
}

.events-links a {
    padding-right: 10px;
}

#events-calendar {
    border-top: 1px dotted #c4c4ba;
    float: right;
    margin-left: 10px;
    width: 170px;
}

#events-calendar table {
    font-size: 60%;
    width: 100%;
    padding: 0px;
    margin-top: 8px;
}

#events-calendar th {
    background: #c4c4bc;
    color: #62615c;
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-bottom: 8px;
    font-size: 120%;
    text-align: left;
}

#events-calendar td {
    background: #f6f7e9;
    color: #999999;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    width: 10px;
}

#events-calendar td.day {
    font-family: monospace;
    font-size: 110%;
    text-align: center;
}

#events-calendar .event-on-date {
    font-weight: bold;
    color: 
}


#philosophy-content {
    float: left;
    /* TODO - calc */
    width: 350px;
}


#philosophy-content h2 {
	color: #6f6559;
    font-size: 80%;
    font-weight: bold;
    margin-bottom: -12px;
}

#philosophy-content p {
    font-size: 100%;
    font-weight: normal;
}

#philosophy-content ul.pullout {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#philosophy-content .filler {
    background: #bdd3d1;
    list-style: none;
    height: 8px;
    padding: 0px;
}

#philosophy-content li.pullout {
    background: #f0f6f6;
    list-style: none;
    margin: 2px;
    padding: 5px;
    padding-left: 45px;
    padding-bottom: 8px;
    font-size: 125%;
}

#philosophy-content ul.index-list {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#philosophy-content li.index-list {
    border-top: 1px dotted #c4c4ba;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#philosophy-content li p {
    font-size: 120%;
    margin: 0px;
    padding-bottom: 10px;
}

#philosophy-content li h2 {
    color: #6f6559;
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 1px;
    margin-top: 13px;
}

#philosophy-ads {
    float: right;
    width: 172px;
}

#visitor-guide-header {
    border-top: 1px dotted #c4c4ba;
    float: left;
    width: 354px;
}
#visitor-guide-header h1 {
    color: #0AA5D2;
    font-size: 10px;
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 8px;
}


#generic-content-ads {
    float: right;
    width: 170px;
}

#faq-content {
    float: left;
    /* TODO - calc */
    width: 354px;
    margin: 0px;
    padding-top: 2px;
}

#faq-content h1 {
	font-weight: normal;
	font-size: 20px;
	font-family: Verdana, Arial, San Serif;
	color: #057778;
}

#faq-content h4 {
    color: #057778;
    font-size: 100%;
    font-weight: bold;
    margin-bottom: -12px;
    margin-top: 13px;
}


/* TODO - search out and replace other smallgrey's */
#faq-content .smallgrey {
	font-size: 85%
}

#about-content {
    float: left;
    /* TODO - calc */
    width: 354px;
    margin: 0px;
    padding-top: 2px;
}

#about-content h1 {
	font-weight: normal;
	font-size: 20px;
	font-family: Verdana, Arial, San Serif;
	color: #057778;
}

/* TODO - search out and replace other smallgrey's */
#about-content .smallgrey {
	font-size: 85%
}



#scied-content {
    float: left;
    /* TODO - calc */
    width: 354px;
    margin: 0px;
    padding-top: 2px;
}

#scied-content h1 {
	font-weight: normal;
	font-size: 20px;
	font-family: Verdana, Arial, San Serif;
	color: #057778;
}


#scied-content li {
	font-size: 12px;
	list-style-image: url(/images/grey_bullet.gif);
}

/* TODO - search out and replace other smallgrey's */
#scied-content .smallgrey {
	font-size: 85%
}

#sciresearch-content {
    float: left;
    /* TODO - calc */
    width: 354px;
    margin: 0px;
    padding-top: 2px;
}

#sciresearch-content h1 {
	font-weight: normal;
	font-size: 20px;
	font-family: Verdana, Arial, San Serif;
	color: #057778;
}

#sciresearch-name {
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Arial, San Serif;
	color: #057778;
}

#sciresearch-leadership {
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana, Arial, San Serif;
	color: #057778;
}

#sciresearch-host {
	font-weight: normal;
	font-size: 11px;
	font-family: Verdana, Arial, San Serif;
	color: #057778;
}

#sciresearch-photo {
	font-weight: normal;
	font-size: 9px;
	font-family: Verdana, Arial, San Serif;
	color: #666666;
	
}

#sciresearch-extra {
	font-weight: normal;
	font-size: 10px;
	font-family: Verdana, Arial, San Serif;
	
}

#sciresearch-content h2 {
    color: #057778;
    font-size: 85%;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: -12px;
    margin-top: 13px;
}

#sciresearch-content h3 {
    color: #057778;
    font-size: 125%;
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 20px;
}

#sciresearch-content a {
    color: #0AA5D2;
    font-family: Verdana, Arial, San Serif;
	font-size: 10px;
	font-weight: bold;
    margin-top: 6px;
    text-decoration: none;
}

#sciresearch-content A:hover {
    color: #CC6600;
    font-family: Verdana, Arial, San Serif;
	font-size: 10px;
	font-weight: bold;
    margin-top: 6px;
    text-decoration: none;
}

/* TODO - search out and replace other smallgrey's */
#sciresearch-content .smallgrey {
	font-size: 85%
}

#officers-content {
    float: left;
    /* TODO - calc */
    width: 354px;
    margin: 0px;
    padding-top: 2px;
}

#officers-content h1 {
	font-weight: normal;
	font-size: 20px;
	font-family: Verdana, Arial, San Serif;
	color: #057778;
}


/* TODO - search out and replace other smallgrey's */
#officers-content .smallgrey {
	font-size: 85%
}

#iad-content {
    float: left;
    /* TODO - calc */
    width: 354px;
    margin: 0px;
}

    /* Had to use a negative value to get the content closer to the header */

#iad-content h1 {
	font-weight: normal;
	font-size: 20px;
	font-family: Verdana, Arial, San Serif;
	color: #057778;
    margin-top: -20px;
}
		
#iad-content h2 {
    color: #057778;
    font-size: 85%;
    font-weight: bold;
    margin-bottom: -12px;
    margin-top: 13px;
}

#iad-content h3 {
	font-weight: bold;
	font-size: 14px;
	font-family: Verdana, Arial, San Serif;
	color: #057778;
    margin-bottom: 20px;
}

#iad-content .smallgrey {
	font-size: 85%
}

#campus-content {
    float: left;
    /* TODO - calc */
    width: 354px;
    margin: 0px;
}

    /* Had to use a negative value to get the content closer to the header */

#campus-content h1 {
	font-weight: normal;
	font-size: 20px;
	font-family: Verdana, Arial, San Serif;
	color: #057778;
    margin-top: -20px;
}
		
#campus-content h2 {
    color: #6f6559;
    font-size: 85%;
    font-weight: bold;
    margin-bottom: -12px;
    margin-top: 13px;
}

#campus-content h3 {
	font-weight: bold;
	font-size: 14px;
	font-family: Verdana, Arial, San Serif;
	color: #057778;
}

#campus-content ul.index-list {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#campus-content li.index-list {
    border-top: 1px dotted #c4c4ba;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#campus-content li p {
    font-size: 120%;
    margin: 0px;
    padding-bottom: 10px;
}

#campus-content li h2 {
    color: #6f6559;
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 1px;
    margin-top: 13px;
}

/* had to set a size in the content div to get the size right */
#campus-content .smallgrey {
	font-size: 85%
}

#map-content {
	font-size: 85%;
}

#map-content p {
    margin-top: 15px;
}

#map-content h2 {
    color: #6f6559;
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 8px;
}


#staff-list {
    list-style: none;
    font-size: 85%;
}

#staff-photo {
	float: left;
    padding-bottom: 15px;
    padding-right: 20px;
}

#staff-stats {
    margin-left: 115px;
    padding: 0px;
}

#staff-stats h2 {
    color: #6f6559;
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 1px;
    margin-top: 0px;
	text-align: left;
}

#staff-stats ul {
    margin: 0px;
    padding: 0px;
}

#staff-stats li {
    margin-left: 15px;
    padding-top: 10px;
	list-style-image: url(/images/orange_bullet.gif);
}
#campus-ads {
    float: right;
    width: 170px;
}

#campus-img {
    border: 3px solid #c4c4bc;
}

.image-title {
    display: block;
    padding-top: 6px;
    padding-bottom: 14px;
    font-size: 85%;
    color: #5a5a5a;
}

/* PHOTO GALLERY */
#photo-gallery {
    margin: 0px;
    padding: 0px;
	list-style: none;
}

#photo-gallery li {
	float: left;
	list-style: none;
	margin-bottom: 25px;
}

#photo-gallery li.img-pad {
	margin-right: 18px;
}

#photo-gallery img.arrow {
	display: inline;
	list-style: none;
	margin-bottom: 1px;
	border: none;
}

#photo-gallery img {
	display: block;
	list-style: none;
	margin-bottom: 3px;
    border: 2px solid #c4c4bc;
}

#box-photoquote-cap {
    background: #bdd3d1;
    list-style: none;
    height: 8px;
    padding: 0px;
    margin-bottom: 2px;
}

#box-photoquote {
    background: #f0f6f6;
    padding-bottom: 16px;
}

#box-photoquote td {
    font-size: 120%;
}

#box-photoquote .quote-pic {
	position: absolute;
    float: left;
    margin: 0px;
    padding-top: 19px;
    padding-left: 23px;
}

#photoquote-text {
    margin-left: 138px;
    padding-top: 19px;
    padding-right: 22px;
    color: #6f6559;
    font-size: 125%;
}

#quotecredit {
    padding-top: 17px;
    padding-bottom: 11px;
    color: #6f6f6f;
    font-size: 70%;
}

#readmore {
    border-top: 1px dotted #c4c4bc;
    padding-top: 6px;
    /*padding-right: 10px;*/
    font-size: 70%;
    text-align: right;
    width: 100%;
}

#inset-image-left {
	float: left;
	padding-top: 13px;
	padding-left: 14px;
}

#inset-image-right {
	position: absolute;
	margin-left: 186px;
	padding-top: 13px;
	padding-right: 14px;
}

#pullquote {
    margin: 0px;
    padding-left: 5px;
    padding-right: 5px;
    border-top: 1px dotted #c4c4ba;
    border-bottom: 1px dotted #c4c4ba;
    color: #6f6559;
    font-size: 125%;
    font-weight: bold;
}

#pullquote .quotecredit {
    color: #6f6f6f;
    font-size: 55%;
    font-weight: bold;
}

#pullquote .quotedesc {
    color: #6f6f6f;
    font-size: 95%;
    font-weight: normal;
}

#statement-open {
    margin: 0px;
    margin-left: 115px;
    color: #6f6559;
    font-size: 106%;
    font-weight: bold;
}


#box-header {
    margin: 0px;
    padding: 0px;
}

#box-main {
    padding: 10px;
}

#box-main img {
    display: inline;
    margin: 0px;
    padding: 0px;
}

#box-main h2 {
    padding-top: 0px;
}

.box-tertiary {
    background-color: #eff5f5;
    float: right;
    padding: 10px;
    padding-top: 5px;
    margin-top: 3px;
    margin-bottom: 3px;
    width: 95%;
}

.box-tertiary ul {
    margin: 0px;
    padding: 0px;
}

.box-secondary {
    background-color: #eff5f5;
    float: right;
    padding: 10px;
    padding-top: 5px;
    margin-top: 3px;
    margin-bottom: 3px;
    width: 45%;
}

.box-secondary ul {
    margin: 0px;
    padding: 0px;
}

.news-box li {
    list-style-image: none;
    list-style: none;
    border-bottom: 1px dotted #cccccc;
    padding-bottom: 10px;
}

.news-box li.last {
    list-style: none;
    border-bottom: 0;
}

.events-box .title {
    font-size: 120%;
    font-weight: bold;
}

.events-box p {
    margin-top: 4px;
    margin-bottom: 8px;
}

.events-box li {
    list-style: none;
    list-style-image: none;
}

.events-box-nav {
    border-bottom: 1px dotted #c4c4ba;
    border-top: 1px dotted #c4c4ba;
    margin: 0px;
    margin-top: -14px;
    margin-bottom: 20px;
    padding: 2px;
    padding-left: 1px;
}

.events-box-nav a {
    padding-right: 10px;
    font-size: 90%;
}

#events-box-nav ul {
    margin: 0px;
    padding: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
}

#events-box-nav li {
    list-style: none;
    display: inline;
}

#box-footer {
    background: #ececec; 
    border-top: 1px solid #d7d7d7;
    clear: right;
    font-size: 80%;
    padding: 3px;
}

#box-footer a img{
    padding-left: 7px;
    padding-right: 10px;
    position: relative;
    top: -1px;
}


.footer-nav ul {
    margin: 0px;
    padding: 0px;
}

.footer-nav li {
    list-style: none;
    display: block;
}

.footer-nav-menuitem a {
    display: block;
    background-position: 0px 0px;
    height: 5px;
}

.footer-nav-menuitem a:hover {
    background-position: 0px -10px;
}

/* as above: prefer these be id's but then :hover and :active from above don't take effect */
.footer-nav-jfrc-news a {
    background: url(/janelia/images/btnViewJNews.gif) no-repeat;
    width: 177px;
}
.footer-nav-news-archive a {
    background: url(/janelia/images/btnViewArchives.gif) no-repeat;
    width: 127px;
}

#upcoming-events {
    padding: 3px;
    background-color: #fff;
    margin-bottom: 10px;
}

#director-msg {
    padding: 3px;
    background-color: #fff;
}

#director-msg-content {
    background-color: #bdd3d1;
    margin-top: 3px;
    padding: 20px;
    padding-top: 3px;
}

#director-msg-content h1 {
    font-size: 125%;
    color: #fff;
}

#director-msg-content td {
	width: 150px;
	font-size: 85%;
}

#director-msg-content td h2 {
	font-size: 75%;
    color: #496466;
}

#director-msg-content td.col-pad {
	padding-right: 25px;
}

#fast-facts {
    padding: 3px;
    background-color: #fff;
}

#fast-facts-content {
    background-color: #bdd3d1;
    margin-top: 3px;
    padding: 20px;
    padding-top: 3px;
}

#fast-facts-content h1 {
    font-size: 125%;
    color: #fff;
}

#fast-facts-content p {
    font-size: 90%;
}

#fast-facts-content td {
	width: 180px;
	font-size: 85%;
}

#fast-facts-content td h2 {
	font-size: 100%;
    color: #496466;
    margin-bottom: 0px;
}

#fast-facts-content td.col-pad {
	padding-right: 25px;
}

#ad {
    padding-top: 6px;
}

#footer-cap {
    margin-top: 15px;
	background-color: #fff;
	border-top: 3px solid #4C4843;
}

#footer-nav {
	background-color: #42A960;
    height: 35px;
    padding-left: 13px;
    padding-right: 19px;
}

#pop-footer-nav {
	background-color: #42A960;
    height: 12px;
}

#footer-about {
    padding-left: 13px;
    padding-right: 19px;
}

.smallgrey {
	color: #999999;
	font-weight: normal;
	font-size: 10px;
	font-family: Verdana, Arial, San Serif;
}
 
.ad-box {
    background-color: #fff;
    margin-bottom: 10px;
    padding: 3px;
}

.ad-box ul {
    margin: 0px;
    margin-top: 2px;
    padding-left: 20px;
    padding-top: 16px;
    padding-bottom: 4px;
	background-color: #f7f7e9;
}

.ad-box li {
    margin: 0px;
    padding: 0px;
    padding-bottom: 16px;
	list-style-image: url(/images/orange_bullet.gif);
}

.ad-box-interior li.download {
    margin: 0px;
    padding: 0px;
    padding-bottom: 16px;
	list-style-image: url(/images/download_icon.gif);
}

.ad-box-interior {
    background-color: #fff;
    color: #999999;
    margin-top: 16px;
    padding: 0px;
}

.ad-box-interior h2 {
    margin: 0px;
    margin-top: 2px;
    padding-top: 14px;
    padding-bottom: 9px;
    padding-left: 16px;
	font-weight: bold;
    font-size: 9px;
    color: #5b5b5b;
	background-color: #ffffff;
}

.ad-box-interior h2.next {
    margin: 0px;
    margin-top: -5px;
    padding-bottom: 9px;
    padding-left: 16px;
	font-weight: bold;
    font-size: 9px;
    color: #5b5b5b;
	background-color: #ffffff;
}

.ad-box-interior ul {
    margin: 0px;
    padding-left: 27px;
    padding-right: 10px;
    padding-bottom: 4px;
	background-color: #ffffff;
}

.ad-box-interior p {
    margin: 0px;
    padding-left: 15px;
    padding-right: 15px;
	background-color: #f7f7e9;
    padding-bottom: 16px;
    color: #353535;
}

.ad-box-interior li {
    margin: 0px;
    padding: 0px;
    padding-bottom: 16px;
	list-style-image: url(/images/orange_bullet.gif);
}

.ad-box-interior li.darktext {
    margin: 0px;
    padding: 0px;
    padding-bottom: 16px;
	list-style-image: url(/images/orange_bullet.gif);
    color: #353535;
}

.ad-box-interior li.external {
    margin: 0px;
    padding: 0px;
    padding-bottom: 16px;
	list-style-image: url(/images/external_link_icon.gif);
}

.ad-box-interior li.download {
    margin: 0px;
    padding: 0px;
    padding-bottom: 16px;
	list-style-image: url(/images/download_icon.gif);
}

.ad-box-interior ul.more-questions {
    margin: 0px;
    padding: 0px;
    padding-left: 15px;
    border-top: 1px solid #e2e2e2;
	background-color: #f3f3f3;
}

.ad-box-interior li.more-questions {
    margin: 0px;
    padding: 0px;
    padding-top: 6px;
    padding-bottom: 5px;
	list-style: none;
}

.web-desc {
    display: block;
    color: #000;
}

#back {
    background: #fff;
    border-top: 1px dotted #c4c4ba;
    clear: left;
    padding-top: 10px;
    padding-bottom: 0px;
    position: relative;
    margin: 0px;
    margin-top: 20px;
    margin-bottom: 10px;
    width: 565px;
}

#back a {
    color: #0AA5D2;
    font-size: 80%;
    font-weight: bold;
}

#archive-bottom-next {
    border-top: 1px dotted #c4c4ba;
    margin-bottom: 35px;
}

.smallwhite {
	color: #FFFFFF;
    display: inline;
	font-weight: normal;
	font-size: 10px;
	font-family: Verdana, Arial, San Serif;
}

.smallwhite a{
	color: #FFFFFF;
}

.smallwhite a:hover {
	color: #0D657F;
}

.smallwhite a:active {
	color: #004551;
}

.smallblue {
	font-weight: normal;
	font-size: 10px;
	font-family: Verdana, Arial, San Serif;
	color: #0AA5D2;
}

.smallblue a {
	font-weight: normal;
	font-size: 10px;
	font-family: Verdana, Arial, San Serif;
	text-decoration: none;
	color: #0AA5D2;
}

.smallblue a:hover {
	font-weight: normal;
	font-size: 10px;
	font-family: Verdana, Arial, San Serif;
	text-decoration: none;
	color: #CC6600;
}


/* The Science/Labs */
#lab-content {
    float: left;
    /* TODO - calc */
    width: 350px;
}

#tabs {
    border-bottom: 2px solid #ecede5;
    margin-bottom: 30px;
}

#tabs ul {
    margin: 0px;
    padding: 0px;
}

#tabs ul li {
    display: inline;
    background: #ecede5;
    padding-left: 3px;
    padding-right: 43px;
    padding-top: 3px;
    padding-bottom: 2px;
}

#tabs.partner ul li {
    padding-right: 23px;
}

#tabs.region ul li {
    border-bottom: 1px solid #ecede5;
    display: block;
    float: left;
    margin-right: 2px;
    padding-right: 0px;
    padding-bottom: 2px;
    position: relative;
    top: 2px;
    width: 65px;
}

#tabs .selected {
    border: 2px solid #ecede5;
    border-bottom: 1px solid #fff;
    background: #fff;
}

#tabs ul li.selected  {
    border-bottom: 1px solid #fff;
}

#tabs .inactive {
    background: #ecede5;
	color: #999999;
}

/* experimental - used on regional pages to get around tab width problem */
#tabs-newline {
    border-bottom: 2px solid #ecede5;
    margin-top: -20px;
    margin-bottom: 30px;
}

#tabs-newline ul {
    margin: 0px;
    padding: 0px;
}

#tabs-newline ul li {
    display: inline;
    background: #ecede5;
    padding-left: 3px;
    padding-right: 43px;
    padding-top: 3px;
    padding-bottom: 2px;
}

#tabs-newline .selected {
    border: 2px solid #ecede5;
    border-bottom: 1px solid #fff;
    background: #fff;
}
/* --- */

.lab-list {
    margin: 0px;
    padding: 0px;
}

.lab-list li {
    border-top: 1px dotted #c4c4ba;
    list-style: none;
    padding-top: 12px;
}

.lab-photo {
    border: 3px solid #c4c3be;
    float: left;
	margin-right: 20px;
}

/* TODO - I'm not quite sure what is going on with this image wrapping... 
          The relative left position seems to act like padding would. -Ed */
.lab-info {
    position: relative;
    left: 15px;
}

.lab-name {
    color: #5e5b56;
    font-size: 120%;
    font-weight: bold;
    padding-left: 10px;
}

.lab-title {
    color: #17abcf;
    font-size: 110%;
    font-weight: bold;
    margin-bottom: 10px;
}

/* TODO - Weird image floating above does allow proper bordering here.. -Ed */
.lab-link {
    color: #17abcf;
    font-weight: bold;
}

.lab-link img {
    padding-left: 4px;
    padding-right: 10px;
}

.research-focus {
    border-top: 1px dotted #dedfda;
    margin-top: 40px;
    margin-bottom: 25px;
}

/* FIXME - Why isn't h1 or p picked up? -Ed */

/* I dunno, but Ichanged the h1 to an h2 and it's working now. p is still not responding though -Jim */

.research-focus h2 {
	color: #6f6559;
    font-size: 10px;
    font-weight: bold;
    margin-bottom: 2px;
}

.research-focus p {
    font-size: 12px;
}

#visiting-content {
    float: left;
    width: 350px;
}

#visiting-content li {
    list-style: decimal;
}

#visiting-content h2 {
	color: #6f6559;
    font-size: 85%;
    font-weight: bold;
    margin-bottom: -12px;
}

#postdoc-content {
    float: left;
    width: 350px;
}

#postdoc-content h2 {
	color: #6f6559;
    font-size: 85%;
    font-weight: bold;
    margin-bottom: -12px;
}

#postdoc-content h3 {
    font-size: 120%;
    color: #5e5b56;
}

#postdoc-content a {
    font-size: 100%;
}

#advisory-content ul {
    margin: 15px;
    padding: 0px;
}

#advisory-content ul li {
    border-top: 1px dotted #c4c4ba;
    list-style: none;
    padding-top: 15px;
    padding-bottom: 15px;
/* this did work in terms of getting the orange bullets to show up, but they had alignment problems
	list-style-position: outside;
	list-style-image: url(/images/bullet_icon.gif);
/*
/* FIXME - This doesn't work as expected -Ed 
	list-style-image: url(/images/grey_bullet.gif);
    list-style-position: inside;
*/
}

#advisory-content h1 {
	font-weight: normal;
	font-size: 20px;
	font-family: Verdana, Arial, San Serif;
	color: #057778;
    padding: 0px;
}
		
#advisory-content h2 {
    color: #6f6559;
    font-size: 80%;
}

#advisory-content h3 {
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Arial, San Serif;
	color: #057778;
}
		
.advisor-title {
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana, Arial, San Serif;
	color: #057778;
    float: left;
}

/* 
Changed to the version below; works in FF, Mac, test in other browsers - Brenda
TODO - A BR causes this to be not true in FF -Ed
.advisor-desc {
    position: relative;
    left: 100;
}
*/

.advisor-desc {
    margin-left: 190px;
}




#officer-content ul {
    margin: 15px;
    padding: 0px;
}

#officer-content ul li {
    border-top: 1px dotted #c4c4ba;
    padding-top: 15px;
    padding-bottom: 15px;
	list-style-image: url(/images/bullet_icon.gif);

/* FIXME - This doesn't work as expected -Ed 
	list-style-image: url(/images/grey_bullet.gif);
    list-style-position: inside;
*/
}

#officer-content h1 {
	font-weight: normal;
	font-size: 20px;
	font-family: Verdana, Arial, San Serif;
	color: #057778;
    padding: 0px;
}
		
#officer-content h2 {
    color: #6f6559;
    font-size: 80%;
}

#officer-content h3 {
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Arial, San Serif;
	color: #057778;
}
		
.officer-title {
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana, Arial, San Serif;
	color: #057778;
    float: left;
}

/* 
Changed to the version below; works in FF, Mac, test in other browsers - Brenda
TODO - A BR causes this to be not true in FF -Ed
.advisor-desc {
    position: relative;
    left: 100;
}
*/

.officer-desc {
    margin-left: 180px;
}

/* FAQ */
#faq-content {
    float: left;
    /* TODO - calc */
    width: 350px;
}

#faq-content h2 {
    color: #0AA5D2;
    font-size: 65%;
    font-weight: bold;
    margin-bottom: 1px;
    margin-top: 13px;
}

#faq-content ul.index-list {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#faq-content li.index-list {
    border-top: 1px dotted #c4c4ba;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#faq-content li p {
    font-size: 120%;
    margin: 0px;
    padding-bottom: 10px;
}

#faq-content li h2 {
    color: #6f6559;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 1px;
    margin-top: 13px;
}

#faq-ads {
    float: right;
    width: 180px;
    margin-top: -15px;
}

ul.jump-list {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

li.jump-list {
    border-top: 1px dotted #c4c4ba;
    list-style: none;
    padding-top: 5px;
    padding-bottom: 2px;
}

li.jump-list-last {
    border-top: 1px dotted #c4c4ba;
    border-bottom: 1px dotted #c4c4ba;
    list-style: none;
    padding-top: 5px;
    padding-bottom: 2px;
}

#jump-box {
    margin: 0px;
    padding: 0px;
}

#jump-box.text {
	position: absolute;
    float: left;
    margin: 0px;
    padding: 0px;
}

/* 
this is a really hacky way to do this.
can a bullet be positioned to the left of a list item?
*/
#down-arrow {
	margin-left: 330px;
	margin-top: -8px;
    padding-bottom: 5px;
}

#positions-content {
    margin: 0px;
    padding: 0px;
}

#positions-content h2 {
	color: #6f6559;
    font-size: 80%;
    font-weight: bold;
    margin-bottom: -12px;
}

#positions-content ul.index-list {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#positions-content li.index-list {
    border-top: 1px dotted #c4c4ba;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#positions-content li p {
    font-size: 120%;
    margin: 0px;
    padding-bottom: 10px;
}

#positions-content li h3 {
    color: #6f6559;
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 8px;
    margin-top: 13px;
}

#positions-content li h2 {
    color: #6f6559;
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 1px;
    margin-top: 13px;
}

#positions-content td {
    font-size: 75%;
    margin: 0px;
    padding: 0px;
}

#positions-content td h2 {
    color: #6f6559;
    font-size: 100%;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

#positions-ads {
    float: right;
    width: 172px;
}


INPUT.search {
        font-size: 9px; font-family: Verdana, Arial, San Serif; height: 14px; width: 125px; padding-top: 1px; padding-bottom: 1px; border: 1px solid #5E5A55; background-color: #FFFFFF;
}

TD.topmenuitem {
        font-weight: normal;
        font-size: 10px;
        font-family: Verdana, Arial, San Serif;
        text-decoration: none;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 8px;
        padding-right: 8px;
        color: #0AA5D2;
        background-color: #FFFFFF;
}

TD.topmenuitem:hover {
        font-weight: normal;
        font-size: 10px;
        font-family: Verdana, Arial, San Serif;
        text-decoration: none;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 8px;
        padding-right: 8px;
        color: #5B5B5B;
        background-color: #E1F3FF;
}

A.topmenuitem {
        font-weight: normal;
        font-size: 10px;
        font-family: Verdana, Arial, San Serif;
        text-decoration: none;
        padding-top: 5px;
        padding-bottom: 5px;
        color: #0AA5D2;
}

A.topmenuitem:hover {
        font-weight: normal;
        font-size: 10px;
        font-family: Verdana, Arial, San Serif;
        text-decoration: none;
        padding-top: 5px;
        padding-bottom: 5px;
        color: #5B5B5B;
}

.topmenudiv {
        background-color: #BDBDBA;
}