/* bm~styles.css -----------------------------------------------------
   CSS styles for Celebrating Research,
   generated 2009-12-18 16:51:23 GMT by Big Medium v2.0.8
   
   DO NOT EDIT THIS FILE MANUALLY
   This file is generated automatically, and any changes that you
   make to it will be overwritten. To add your own custom styles,
   use the "Edit Theme CSS" option in the Big Medium control panel.
   You may also remove theme styles via the "Remove Design Theme"
   option. Navigation styles may be removed via the navigation options
   in "HTML Preferences."
   ------------------------------------------------------------------- */

/* START BASE BIG MEDIUM STYLES
------------------------------------------------------ */
/* $Id: base.css 3311 2008-09-05 09:56:36Z josh $ */

/* margins and containers
---------------------------------------------------------- */
p {
    margin-top:0;
    margin-bottom:1em;
}

div.bmw_link {  /* container for each page link */
    margin-bottom: 1.4em;
}

div.bmw_pagetools span { /* page tool spacing */
    margin-right: 1em;
}

div.bmw_pageContent,
div.bmw_anncContent,
div.bmw_tipContent,
div.bmw_link,
div.bmc_aboveContent,
div.bmc_belowContent,
div.bmw_images,
div.bmw_gallery,
form.bmf_form p {
    overflow: hidden;
    zoom:1; /* not standard, but necessary to make ie observe overflow */
}

/* navigation bars
---------------------------------------------------------- */
div.bmw_navigation ul, div.bmw_navigation li {
    list-style:none;
    padding:0;
    margin:0;
}
div.bmw_navigation a {
    display:block;
}
div.bmw_navigation iframe { /* for ie dropdowns */
	position: absolute;
	left: -1px;
	top: -1px;
	z-index: 0;
}
select.bmHide { visibility: hidden; } /* for IE 5.0 dropdowns */
div.bmw_navigation div.bmn_skipnav a,
div.bmw_navigation div.bmn_skipnav a:visited,
div.bmw_navigation div.bmn_skipnav a:hover {
    position: absolute;
    left: -99999px;
    float: left;
    width: 1px;
    font-size: 1px;
    line-height: 1px;
    text-align:left;
    background-color:transparent;
}


/* big medium link
---------------------------------------------------------- */
a.bmw_bigmedium {
    width: 90px;
    height: 16px;
    background: url(bm.assets/powered_by_big_medium.gif) no-repeat;
    display:block;
    text-indent:-10000em;
    font-size:0em;
    line-height:0em;
}

/* images
---------------------------------------------------------- */
img { border: 0; }

img.bma_leftthumb {
    float:left;
    margin-right: .5em;
}
img.bma_rightthumb {
    float:right;
    margin-left: .5em;
}

/* image wrappers
---------------------------------------------------------- */

div.bmc_image {
    padding: .5em
}
div.bmc_leftContentImage {
    float:left;
    margin-right: .5em;
}
div.bmc_rightContentImage{
    float:right;
    margin-left: .5em;
}
div.bmc_centerContentImage{
    margin-left: auto;
    margin-right: auto;
}

/* pullquotes
---------------------------------------------------------- */
blockquote.bmc_bigPullquote,
blockquote.bmc_smallPullquote {
    padding: 0 1em;
    margin: 0;
    width: 200px;
}

blockquote.bmc_bigPullquote {
    font-size: small;  /* fake size for ie5 */
    voice-family: "\"}\""; voice-family:inherit;
    font-size: medium; /* real font size for everyone else */
}

blockquote.bmc_rightPullquote {
    float:right;
    margin-left: .5em;
}
blockquote.bmc_leftPullquote {
    float:left;
    margin-right: .5em;
}
blockquote.bmc_centerPullquote{
    margin-left: auto;
    margin-right: auto;
}


/* document wrappers
---------------------------------------------------------- */

div.bmc_document {
    padding: 0 1em;
    width: 200px;
}
div.bmc_rightDocument {
    float:right;
    margin-left: .5em;
}
div.bmc_leftDocument {
    float:left;
    margin-right: .5em;
}
div.bmc_centerDocument{
    margin-left: auto;
    margin-right: auto;
}
div.bmc_Document {
    margin-bottom: 0.8em;
}

/* feed icon
---------------------------------------------------------- */

a.bma_feed {
    padding-left: 18px;
    background-image: url(bm.assets/feed-icon-12x12.gif);
    background-repeat: no-repeat;
	background-position: left center;
}

/* comment icon
---------------------------------------------------------- */

a.bma_commentcount {
	padding-left: 14px;
	background-image: url(bm.assets/comment-12x12.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

/* document icons
---------------------------------------------------------- */
a.bm_docicon {
    padding-left: 20px;
    background-image: url(bm.assets/docIconSm_generic.gif);
    background-repeat: no-repeat;
	background-position: left top;
}
a.bm_gifDocIcon, a.bm_pngDocIcon, a.bm_jpgDocIcon, a.bm_jpegDocIcon, a.bm_icoDocIcon,
a.bm_bmpDocIcon, a.bm_jfifDocIcon, a.bm_tifDocIcon, a.bm_tiffDocIcon, a.bm_psdDocIcon,
a.bm_epsDocIcon {
    background-image: url(bm.assets/docIconSm_image.gif);
}
a.bm_pdfDocIcon {
    background-image: url(bm.assets/docIconSm_pdf.gif);
}
a.bm_docDocIcon {
    background-image: url(bm.assets/docIconSm_doc.gif);
}
a.bm_xlsDocIcon, a.bm_xlwDocIcon {
    background-image: url(bm.assets/docIconSm_excel.gif);
}
a.bm_rtfDocIcon {
    background-image: url(bm.assets/docIconSm_rtf.gif);
}
a.bm_txtDocIcon {
    background-image: url(bm.assets/docIconSm_txt.gif);
}
a.bm_xmlDocIcon {
    background-image: url(bm.assets/docIconSm_xml.gif);
}
a.bm_zipDocIcon, a.bm_gzDocIcon, a.bm_gzipDocIcon, a.bm_tazDocIcon,
a.bm_tgzDocIcon, a.bm_hqxDocIcon, a.bm_binDocIcon, a.bm_tarDocIcon {
    background-image: url(bm.assets/docIconSm_zip.gif);
}
a.bm_sitDocIcon {
    background-image: url(bm.assets/docIconSm_sit.gif);
}
a.bm_dmgDocIcon {
    background-image: url(bm.assets/docIconSm_dmg.gif);
}
a.bm_pptDocIcon, a.bm_ppsDocIcon {
    background-image: url(bm.assets/docIconSm_powerpoint.gif);
}
a.bm_mppDocIcon {
    background-image: url(bm.assets/docIconSm_project.gif);
}
a.bm_sxwDocIcon, a.bm_stwDocIcon, a.bm_sxgDocIcon, a.bm_sdwDocIcon, a.bm_sglDocIcon {
    background-image: url(bm.assets/docIconSm_oo-write.gif);
}
a.bm_sxcDocIcon, a.bm_stcmDocIcon, a.bm_sdcDocIcon {
    background-image: url(bm.assets/docIconSm_oo-calc.gif);
}
a.bm_sxiDocIcon, a.bm_stiDocIcon, a.bm_sddDocIcon, a.bm_sdpDocIcon {
    background-image: url(bm.assets/docIconSm_oo-impress.gif);
}
a.bm_sxdDocIcon, a.bm_stdDocIcon, a.bm_sdaDocIcon {
    background-image: url(bm.assets/docIconSm_oo-draw.gif);
}
a.bm_mp3DocIcon, a.bm_mpuDocIcon, a.bm_m4aDocIcon, a.bm_midDocIcon, a.bm_midiDocIcon,
a.bm_rmiDocIcon, a.bm_m4pDocIcon, a.bm_aacDocIcon, a.bm_aifDocIcon, a.bm_aiffDocIcon,
a.bm_aifcDocIcon, a.bm_wavDocIcon, a.bm_wmaDocIcon, a.bm_ramDocIcon, a.bm_rmDocIcon {
    background-image: url(bm.assets/docIconSm_audio.gif);
}
a.bm_wmvDocIcon, a.bm_aviDocIcon, a.bm_mpegDocIcon, a.bm_mpeDocIcon, a.bm_mpgDocIcon,
a.bm_mp4DocIcon {
    background-image: url(bm.assets/docIconSm_winvideo.gif);
}
a.bm_swfDocIcon {
    background-image: url(bm.assets/docIconSm_flash.gif);
}
a.bm_movDocIcon, a.bm_qtDocIcon, a.bm_moovDocIcon, a.bm_qtmDocIcon {
    background-image: url(bm.assets/docIconSm_quicktime.gif);
}

/* overflow navigation
---------------------------------------------------------- */
ul.bmw_overflowNav, ul.bmw_overflowNav li {
    margin: .5em 0em;
    padding: 0;
    list-style:none;
    position:relative; /* helps ie6 show the bottom link borders */
}
ul.bmw_overflowNav li {
    display:inline;
}
ul.bmw_overflowNav a, span.bma_inertPage {
    border:1px solid #999;
    padding: .2em .4em;
    text-decoration:none;
    background-color: #fff;
    line-height: 200%;
}
ul.bmw_overflowNav a.bma_thisPage {
    background-color: #ffa;
}
span.bma_inertPage {
   color: #999;
   border-color: #ccc;
}

/* search form 
---------------------------------------------------------- */

form.bmw_search button {
    vertical-align: top;
}

/* email, comment, widget-builder forms
---------------------------------------------------------- */
form.bmf_form {
    margin:.5em 0em;
    border: 1px solid #999;
    padding:.5em;
}
form.bmf_form p {
    overflow:hidden;
    zoom: 1;
}
form.bmf_form label {
    width: 30%;
    display: block;
    float:left;
    text-align: right;
    margin-right: .5em;
}
form.bmf_form input,
span.bmf_caption {
    width: 60%;
    display: block;
    float:right;
    margin-right: .5em;
}
label.bmf_req, p.bmf_req label {
    font-weight:bold;
}
form.bmf_form .bmf_comment {
    float:none;
    width: 99%;
    margin: 0;
    display:inline;
}
form.bmf_form label.bmf_auto,
form.bmf_form input.bmf_auto {
    width: auto;
    display:inline;
    float:none;
}
p.bmf_authorintro-sent,
p.bmf_authorintro-,
p.bmf_sendintro,
p.bmf_confirm,
div.bmf_tomail,
div.bmf_emailform-sent,
form.bmf_form input.bmf_honey,
.bmf_honey {
    display:none;
}
p.bmf_sendintro-,
div.bmf_tomail-,
p.bmf_confirm-sent {
    display:block !important;
}
p.bmf_privacy {
    font-size: smaller;
}
#bmjsFeed { width:95% }

/* gadget preview styling */
#bmjsSample div.bmfeedItem{margin-bottom:1em;overflow:hidden;zoom:1}
#bmjsSample img{float:left;margin-right:5px;}
#bmjsSample div div > p:first-child{margin-top:0}
#bmjsSample div div > p:last-child{margin-bottom:0}

/* workaround for mozilla hidden field bug */
input[type="hidden"] {
    display: none !important;
    visibility: hidden !important;
    padding: 0;
    border: 0;
}

/* comment html
---------------------------------------------------------- */

.bmc_comment {
    zoom: 1;
    overflow: hidden;
    border:1px solid #666;
    padding:.3em;
    margin-bottom: 1em;
    background-color: #fff;
}
.bmc_comment_staff {
    background-color: #ffc;
}
.bmc_comment_meta {
    background-color: #ddf;
    padding: .1em .5em;
    overflow: hidden;
    zoom: 1;
}
.bmc_comment_name {
    font-weight:bold;
    float: left;
    width: 40%;
}
.bmc_comment_timestamp {
    float:right;
    width: 55%;
    text-align:right;
    padding-top: .2em;
}
.bmc_comment_date,
.bmc_comment_time {
    padding-right: .5em;
    border-right: 1px solid #999;
    margin-right: .2em;
}

/* tag cloud
---------------------------------------------------------- */

ul.bmw_tagcloud, ul.bmw_tagcloud li {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}
ul.bmw_tagcloud li {
    display: inline;
    margin-right: 1em;
}
ul.bmw_tagcloud li a {
    text-decoration: none;
}
a.bmw_tagcloud_xsmall { font-size: x-small; }
a.bmw_tagcloud_small { font-size: small; }
a.bmw_tagcloud_medium { font-size: medium; }
a.bmw_tagcloud_large { font-size: large; }
a.bmw_tagcloud_xlarge { font-size: x-large; }

/* edit links
---------------------------------------------------------- */

p.bmEditPanel {
	padding: 1px 10px 1px;
	font-size: 11px;
	line-height: 15px;
	height: 16px;
	text-align: left;
	background: url(bm.assets/edit-panel.png) no-repeat right top;
}
p.bmEditPanel a,
p.bmEditPanel a:visited {
    font-size:11px;
    line-height: 15px;
    color: #fff;
    padding-left: 18px;
	background-position: left center;
    background-repeat: no-repeat;
}
p.bmEditPanel a:hover {
    color: #ccc;
}
a.bmEdit,
a.bmNewPage {
    padding-right: 10px;
    border-right:1px solid #fff;
    margin-right: 5px;
}
a.bmEdit {
    background-image: url(bm.assets/bmcp_edit.gif);
}
a.bmNewPage {
    background-image: url(bm.assets/bmcp_newpage.gif);
}
a.bmDel {
    background-image: url(bm.assets/bmcp_delete.gif);
}

/* image lightbox
---------------------------------------------------------- */

#bmlbox_lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}

#bmlbox_lightbox img{ width: auto; height: auto;}

#bmlbox_lightbox a img { border: none; }

#bmlbox_outerImageContainer {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}

#bmlbox_imageContainer { padding: 10px; }

#bmlbox_loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

#bmlbox_hoverNav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 99%; /* 100% can cause 1-pixel overhang */
    z-index: 10;
}

#bmlbox_imageContainer>#bmlbox_hoverNav { left: 0; }
#bmlbox_hoverNav a { outline: none; }

#bmlbox_prevLink,
#bmlbox_nextLink {
    width: 49%;
    height: 100%;
    display: block;
}

#bmlbox_prevLink {
    left: 0;
    float: left;
    background: url(bm.assets/lightbox_prev.gif) left 0% no-repeat;
}

#bmlbox_nextLink {
    right: 0;
    float: right;
    background: url(bm.assets/lightbox_next.gif) right 0% no-repeat;
}

#bmlbox_imageDataContainer {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
	overflow: hidden;
	width: 100%	
}

#bmlbox_imageData {
    padding: 0 10px;
    color: #666;
}

#bmlbox_imageData #bmlbox_imageDetails {
    width: 70%;
    float: left;
    text-align: left;
}

#bmlbox_imageData #bmlbox_caption {
    font-weight: bold;
}

#bmlbox_imageData #bmlbox_numberDisplay {
    display: block;
    clear: left;
    padding-bottom: 1.0em;
}

#bmlbox_imageData #bmlbox_bottomNavClose {
    width: 66px;
    float: right;
    padding-bottom: 0.7em;
    outline: none;
}

#bmlbox_overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 0px; /* fixes pageload flash in some sites */
    background-color: #000;
}

/* sitemap link
---------------------------------------------------------- */
a.bma_sitemap { display:none }

/* START THEME STYLES
----------------------------------------------------------- */
/* ---------------------------------------------------------------------
   DEFAULT FONT AND LINK STYLES
   --------------------------------------------------------------------- */

body {
	 font-family: "Frutiger Light", "Trebuchet MS", Verdana, sans-serif; 
	 background-color: #333;
	 font-size: 10pt; 
	 color: #000000; 
}
a         { color: #333; }
a:visited { color: #666; }
a:hover   { color: #306; }

/* some links should not be underlined */
a.bma_head,             /* link widget headlines */
div.bmw_breadcrumbs a,  /* breadcrumb links */
div.bmw_navigation a,   /* left-column/sitemap subnavigation links */
#utilityNav a,          /* top-right nav */
#Footer a,              /* all footer links */
#HomeFooter a,          /* footer links on the homepage*/
th.sectionHead a,       /* links in section and headline bars */
td.rightCol a,          /* right-column links */
#HomePage td.midCol a,  /* homepage center-column links */
div.homeText a,            /* homepage links in left top paragraph */
a.h1,
a.h2,
a.h3,
a.h4 {
    text-decoration: none;    
}



/* ---------------------------------------------------------------------
   BASIC PAGE OUTLINE AND SETUP
   --------------------------------------------------------------------- */

/* the page frame contains everything on the page, sets the overall
   width, centers the page, and gives a 10px top/bottom margin. */

#PageFrame {
    width:782px;
    margin: 10px auto;
}

/* the "page box" contains all content except the utility navigation
   and gives the pinstripe background and white border. */
   
#BoxedPage {
    background-image: url(http://www.arl.org/arlimages/arl_background.gif);
    border: 1px solid white;
    position: relative;
    zoom:1; /* force ie to give layout and respect relative position */
}


/* ---------------------------------------------------------------------
   LOGO
   --------------------------------------------------------------------- */

/* logo is a h1 tag with its text hidden and an image displayed instead. */
   
h1#InsideARLlogo{
    /* nudge it up 7px */
    position: relative;
    top:-7px;
    z-index:3;

    /* set the width of the graphic and position it horizontally */
    margin: 0 auto 0 40px;
    height:160px;
    width: 720px;
    background-repeat:no-repeat;
}


h1#InsideARLlogo {   
    background-image:url(http://www.arl.org/arlimages/CR_inside_logo.gif);
}

/* set the link to display as a block and make the text disappear */

h1#InsideARLlogo a {
    display:block;
    font-size:0px;
    line-height:0px;
    text-indent:-999999em;
}

/* set the size of the clickable area of the logo graphics */

h1#InsideARLlogo a {
    height:90px;
    width: 600px;
}

/* ---------------------------------------------------------------------
   UTILITY NAVIGATION [used only for spacing purposes in CR site]
   --------------------------------------------------------------------- */

/* the top-right nav at the very top of all pages */

#utilityNav {
    text-align:right;
    font-size: 8pt;
    color: #fff;
    letter-spacing: 0.2em;
    padding:10px 20px 20px 0px;
}
#utilityNav a,
#utilityNav a:visited {
    color: #fff;
}

#utilityNav a:hover {
    color: #f60;
}



/* ---------------------------------------------------------------------
   HORIZONTAL BAR THAT CONTAINS SEARCH BOX
   --------------------------------------------------------------------- */

#MainNavigation { /*box that contains the navigation */
    margin: 0px 20px;
    top:-10px;
    border: 1px solid white;
    background-color: #999;
    height: 18px;
    position:relative;
    z-index:2;
    zoom: 1; /* forces IE to give layout and honor relative position */
}




/* ---------------------------------------------------------------------
   SEARCH BOX
   --------------------------------------------------------------------- */

#searchForm {
    float:right;
    height: 18px;
    margin-left: 1px solid white;
    width: 160px;
    background-color: #999;
    text-align:right;
}




#searchForm form {
    margin: 0;
    padding: 0;
}

#searchForm #q { /* search field */
    font-family: "Frutiger Light", "Trebuchet MS", Verdana, sans-serif; 
    letter-spacing: 0.2em;
    background-color: #ccc;
    font-size: 10px; 
    color: #333; 
    height:12px;
    padding: 1px 3px;
    width:132px;
    border:1px solid #fff;
    margin: 1px 3px 1px 0px;
    vertical-align: middle;
}



#searchForm #sa { /* search button */
	height: 14px;
	width: 14px;
	margin: 2px 3px 2px 0px;
	border: none;
	vertical-align: middle;
}



/* ---------------------------------------------------------------------
   BREADCRUMBS
   --------------------------------------------------------------------- */

div.bmw_breadcrumbs {
    font-weight: bold; 
    font-size: 8pt;
    color: #333; 
    position: absolute;
    z-index: 10; 
    top: 120px;
    left: 180px;
    width: 580px;
    padding-left: 12px;
}



/* ---------------------------------------------------------------------
   MAIN CONTENT TABLE
   --------------------------------------------------------------------- */

/* The main content table consists of the main horizontal bar header section,
   and two columns below that -- the left column for subnavigation,
   and the right column in turn contains an inner content
   table (see next section), which contains the section header strips,
   the main text and, if applicable, the right-column sidebar. 
   we nudge it up a bit (relative position) to make it overlap
   the logo. */

#MainTable {
    border: 1px solid #ffffff;
    padding: 0;
    margin: 2px 20px 0px 20px;
    background-color: #cccccc;
    width:740px;
    
    /* nudge it up 38px */
    position: relative;
    top:-38px;
    z-index: 4;
}



/* except on the homepage, where we don't nudge the table up */

#HomeMainTable {
    border: 1px solid #ffffff;
    padding: 0;
    margin: 2px 20px 0px 20px;
    background-color: #cccccc;
    width:740px;
    height:600px;
}



td {
    text-align:left;
    vertical-align:top;
}

td.leftCol {       /* border plus width = 159 */
     border-right: 1px solid #ffffff; 
     width: 158px; /* 140px plus the div.cellpad padding */
}

/* ...except for the homepage, which looses 5 px in width to the cover image */
#HomePage td.leftCol {
    border-right: 1px solid #ffffff; 
    width: 153px;
}


/* the homepage and section page have a sidebar; so we apply a background
   image to add the border (can't just apply a border to the inner content
   table, because it won't extend to the bottom of the main table if the
   left column is taller). */

td.sectionCol {
	background-image: url(http://www.arl.org/arlimages/CR_sidebar_border.gif);
	background-repeat: repeat-y;
	background-position: right top;
	width: 579px;
}

td.articleCol {  /* no sidebar border for article pages */
    width:579px;
}


/* ---------------------------------------------------------------------
   INNER CONTENT TABLE
   --------------------------------------------------------------------- */

/* The inner content table displays the section header strips,
   the main text and, if applicable, the right-column sidebar */

#InnerTable {
    width: 100%;
    border:0;
    padding:0;
    margin:0;
}

td.leftCol, td.midCol, td.rightCol, td.GalleryRightCol {
    margin: 0;
    padding: 0;
    vertical-align: top;
}


/* the main page text always lives in the middle column. Give it
   our "reading" font, Palatino/Times/Georgia, and a hint of extra
   line spacing. */

td.midCol {
	 font-family: Palatino, "Times New Roman", Georgia, serif; 
	 font-size: 10pt; 
	 line-height: 1.3em;
	 width:420px;
	 background-color: #ffffff;
}

/* ...except for the homepage */
#HomePage td.midCol {
    width: 560px;
}

/* midCol in article pages is full width */
td.articleCol td.midCol {
    width: auto;
}

td.midCol p {
  margin-top:12px;
}

td.rightCol {
    width: 159px; /* 140px plus the div.cellpad padding */
    background-color: #cccccc;
    border-left: 1px solid #ffffff; 
}

td.GalleryRightCol {
    width: 159px; /* 140px plus the div.cellpad padding */
    background-color: #000000;
    border-left: 1px solid #ffffff; 
}


/* every cell has a div.cellPad element which gives the content
   its breathing room. */

td.leftCol .cellPad,
td.rightCol .cellPad,
td.GalleryRightCol .cellPad {
    width: 140px;
}
div.cellPad {
    padding: 0px 9px 9px 9px;
}
div.bmw_latestLinks { /* subsection right column links */
    width: 159px;
}

div.bmw_latestLinks div.bmw_link {
    padding: 0px 9px;
    margin-top: -10px;
}



/* ---------------------------------------------------------------------
   MISC HOME PAGE STYLES
   --------------------------------------------------------------------- */

.homeText { 
    padding: 0px 9px 0px 9 px;
    width: 160px;
    height: 221px;
    margin: 10px 0px 0px 0px;
}


.homeLogoBox { 
    padding: 4px 9px;
    width: 160px;
    height: 71px;
    margin: 0;
    border-top: 1px solid #ffffff; 
    border-bottom: 1px solid #ffffff; 
}

/* logo is a h1 tag with its text hidden and an image displayed instead. */
   
h1#HomeARLlogo{
    /* nudge it up 28px */
    position: relative;
    top:-28px;
    z-index:1;

    /* set the width of the graphic and position it horizontally */
    margin: 0 0 0 -26px;
    height:125px;
    width:125px;
    background-repeat:no-repeat;
    background-image:url(http://www.arl.org/arlimages/CR_arl_logo.gif);
}



/* insert extra padding above the left-column navigation (below ARL logo) */

div.homeNavCellPad {
    width: 135px;
    padding: 25px 9px 9px 9px;
}



/* ---------------------------------------------------------------------
   TABLE HEADERS, SECTION NAMES, HEADLINES
   --------------------------------------------------------------------- */

/* these headers are the gray horizontal strips that show the section and page
   titles, along with contact information and print/email links.
   
   All belong to the sectionHead class, which sets up the default
   display. */

th {
    text-align:left;
}

th.sectionHead {
    padding: 4px 9px;
    margin: 0;
    background-color: #999; /* red-purple in ARL site */
    color: #fff;
    border-bottom: 1px #ffffff solid;
    font-size: 9pt;
    
    /* article titles are floated, and this overflow rule prevents extra
       lines from dipping outside of the th container */
    overflow:hidden;
    zoom:1;
}
th.sectionHead a,
th.sectionHead a:visited {
    color: #fff;
}

th.sectionHeadLeft { /* nothing ever happens here, just a placeholder */
    border-right: 1px #ffffff solid;
    width: 140px; /* with 18px of padding, that's a total of 158px */
}

th.sectionHeadMid { /* this is the main section title/link (purple bar in ARL site) */
    height: 28pt;
}
th.sectionHeadMid,
th.sectionHeadMid h2.bmw_headline {
    width:403px; /* with 18px padding, that's a total of 421px */
    font-family: Palatino, "Times New Roman", Georgia, serif;
    font-size: 16pt;
    font-weight: lighter;
    color: #fff;
}



th.subsectionTitle { /* this is the subsection title/link */
    background: #999;
    font-size:10pt;
    font-weight: bold;
    padding: 2px 10px;
    height:16pt;
}

/* we want the entire section strip to be clickable when it's a link,
   so we make the link a block element. */
   
th.sectionHeadMid a,
th.subsectionTitle a {
    display:block;
}
th.sectionHeadMid a:hover,
th.subsectionTitle a:hover {
    color: #306;
}

th.sectionHeadRight { /* this holds the section's contact email link */
    width: 140px;     /* with 18px of padding, that's a total of 158px */
    font-size: 9pt;
    vertical-align: middle;
}

th.sectionHeadRight a,
th.sectionHeadRight a:visited { 
    color: #fff; 
}

th.sectionHeadRight a:hover {
    color: #306;
}

h2.bmw_headline { /* this is the page/section headline */
    font-size: 10pt;
    font-style: normal;
    font-weight: bold; 
    margin: 0;
}

th.articleTitle { /* this holds the page title and tools for content pages */
    color: #ffffff;
    background: #666666;
    padding: 2px 9px 2px 9px;

    width:403px; /* with 18px padding 1px border, that's a total of 421px */
    height:36px;
    border-bottom: 1px solid white; 
    text-align: right; /* this aligns the tools to the right side; headline
                          still appears at left because it's floated, see
                          "th.articleTitle h2" below. */
}

th.articleTitle h2 {
    float:left;
    text-align:left;
    width:403px; /* with 18px of padding, that's a total of 421px */
}

th.toolLinks {
    font-weight: normal;
    font-size: 8pt;
    background: #666666;
    border-bottom: 1px solid white; 
    height:32px;
    width:140px;
}
div.tools {
    width:140px;
}
th.toolLinks img {
    vertical-align:middle;
}
th.toolLinks a,
th.toolLinks a:visited {
    color: #fff;
}
th.toolLinks a:hover {
    color: #306;
}



/* ---------------------------------------------------------------------
   LEFT-COLUMN SUBNAVIGATION
   --------------------------------------------------------------------- */

/* The subnavigation is a nested <ul> list inside div.bmn_vsubnav.
   Get rid of default margin/padding and standard bullets. */

div.bmw_navigation {
    font-family:"Frutiger Light","Trebuchet MS",Verdana,sans-serif;
}

div.bmw_navigation ul,
div.bmw_navigation li {
    margin: 0;
    padding:0;
    list-style:none;
}

/* Give top-level list items the gold-box graphic and a bold 9pt font */

div.bmw_navigation li {
    font-size: 9pt;
    background-image: url(http://www.arl.org/arlimages/CR_goldbox.gif);
    background-repeat: no-repeat;
    margin-bottom: 1em;
	font-weight: bold;

    /*place graphic 0px from left edge of nav and 14px from top */
    background-position: 0px 14px;
    padding-left: 20px; /* nudge text right, to show the graphic */
    padding-top: 13px; /* nudge text down, to align vertically with the graphic */
}
div.bmw_navigation a { 
	display:inline;
}

/* Nested subsection items should be smaller with a bit less spacing,
   should not be boldface. */

div.bmw_navigation li li {
    font-weight: normal;
    font-size: 8pt;
    padding-top: 8px;
    padding-left: 0;
    background-image: none;
    margin: 0;
}

/* Sub-subsections (third-level and below) should get indented. */

div.bmw_navigation li li li {
    padding-left: 15px;
}


/* ---------------------------------------------------------------------
   HOMEPAGE IMAGE GALLERY
   --------------------------------------------------------------------- */

#HomePage div.bmw_gallery {
    padding: 0px 0px 0px 0px;
}

#HomePage div.bmw_gallery div.bmc_image {
    padding: 0px 0px 0px 0px;
}



/* ---------------------------------------------------------------------
   RIGHT-COLUMN STYLES
   --------------------------------------------------------------------- */

/* The right column is used for secondary content, like links to other
   pages. Make the font small and lightweight. */

td.rightCol, 
td.GalleryRightCol {
    font-size: 8pt;
    font-weight: lighter;
}

/* ...the exception is h3 headings, which should be larger and,
   by default, boldface */

td.rightCol h3, 
td.GalleryRightCol h3 {
    font-size: 10pt;
    font-weight: bold;
    margin: 1em 0em;
    font-style: normal;
}

/* the "Collection Profile" header in right col of overview page: */

td.rightCol h3.more,
td.rightCol div.bmw_latestLinks h3 {
    margin-top: 0;
    margin-bottom: 10px;
    padding: 13px 10px 2px 10px;
    background: #666666;
    height:25px;
    font-weight: bold;
    font-size: 9pt;
    color: white;
    border-bottom: 1px solid white; 
}


/* the "Collection Profile" image box in right col of overview page: */
 
td.rightCol div.bma_mediatop {
        width: 141px;
    }

 div.bma_mediatop {
    width: 140px;
    padding: 0px 9px;
    margin: 0px 0px 10px -9px;
    background: #000000;
 }
 
 

/* the "Collection Profile" link in right col of overview page: */
 
    img.bma_thumb {
        margin-top: 10px;
        margin-bottom: 10px;
    }



/* the "Image Gallery" header: */

td.rightCol div.bmw_gallery h3, 
td.GalleryRightCol div.bmw_gallery h3 {
    margin-top: 0;
    padding: 10px 10px 0px 10px;
    font-weight: bold;
    font-size: 9pt;
    color: ffffff;
    border-top: 1px solid #ffffff; 
}


/* ---------------------------------------------------------------------
   SLIDESHOW STYLES
   --------------------------------------------------------------------- */

/* To reverse the slideshow background from white to black: */

    #bmlbox_outerImageContainer,
    #bmlbox_imageDataContainer {
        background-color: #000;
    }

/* To change the slideshow caption type to white: */

    #bmlbox_imageData {
        color: #fff;
    }

/* The slideshow navigational elements are graphics located as follows: */
/* <http://www.celebratingresearch.org/bm.assets/lightbox_prev.gif> */
/* <http://www.celebratingresearch.org/bm.assets/lightbox_next.gif> */
/* <http://www.celebratingresearch.org/bm.assets/lightbox_close.gif> */


/* To specify the slideshow font: */

    #bmlbox_imageDataContainer {
        font-family: "Frutiger Light", "Trebuchet MS", Verdana, sans-serif;
        font-size: 9pt; 
    }


/* ---------------------------------------------------------------------
   PAGE FOOTER
   --------------------------------------------------------------------- */

/* Everything below the main content table is contained in div#Footer */

#Footer {
    margin: 10px 20px 20px;
    font-size: 8pt;
    
    /* contain floated footer elements */
    overflow:hidden;
    zoom:1;
    
    /* close the gap between MainTable and Footer on all pages except homepage */
    position: relative;
    top: -38px;
}

#HomeFooter {
    margin: 10px 20px 20px;
    font-size: 8pt;
    
    /* contain floated footer elements */
    overflow:hidden;
    zoom:1;
}

/* The contact information is contained in #FooterContactBar. */

#FooterContactBar {
    padding: 3px 10px;
    background: #999999;
    font-weight: lighter;
    color: #333;
    letter-spacing: 0.02em;
    text-align:right;
    margin-bottom: 1em;
    border: 1px solid white;
}


#FooterContactBar address { /* address and phone, floated left */
    font-style: normal;
    float:left;
    width: 80%;
    margin: 0;
    text-align:left;
}

a.organization-name,
a.organization-name:visited {     /* the link to ARL's site */
    color: #333;
}
a.organization-name:hover { 
	 color: #306; 
}

a.FooterEmail,
a.FooterEmail:visited {     /* the contact email */
    color: #333;
}
a.FooterEmail:hover { 
	 color: #306; 
}

/* The remaining footer info (copyright and modification date) are
   displayed in two columns, contained by #FooterLeft and #FooterRight. */
   
#FooterLeft {
    float:left;
    font-weight: bold;
    margin-left: 10px;
    width:40%;
}

#FooterRight {
    float:right;
    text-align:right;
    font-weight: bold;
    margin-right: 10px;
    width:40%;
}


.FooterNewsFeedFont a {
     font-weight: lighter;
     font-color: #333333;
}

span.bmw_modified {
    display:block;
}



/* ---------------------------------------------------------------------
   VARIOUS HEADING STYLES
   --------------------------------------------------------------------- */

h1 { 
    font-family: "Frutiger Light", "Trebuchet MS", Verdana, sans-serif; 
    font-size: 10pt; 
    margin-top: 1.2em;
    margin-bottom: 0;
}

h2 { 
    font-family: "Frutiger Light", "Trebuchet MS", Verdana, sans-serif; 
    font-size: 9pt; 
    margin-top: 1.2em;
    margin-bottom: 0;
}

h3 { 
    font-family: "Frutiger Light", "Trebuchet MS", Verdana, sans-serif; 
    font-size: 9pt; 
    font-style: italic;
    font-weight: normal;
    margin-top: 1.2em;
    margin-bottom: 0;
}

h4 { 
    font-family: "Frutiger Light", "Trebuchet MS", Verdana, sans-serif;
    font-size: 8pt; 
    margin-top: 1.2em;
    margin-bottom: 0;
}

h1 + p,
h2 + p,
h3 + p,
h4 + p {
    margin-top: 0.2em;
}

h1 + br,
h2 + br,
h3 + br,
h4 + br {
    margin-top: 0;
}

a.h1, a.h2, a.h4 { 
    font-weight: bold; 
}

a.h3 { 
    font-style: italic;
}





/* ---------------------------------------------------------------------
   MISC FONT STYLES
   --------------------------------------------------------------------- */

.bmc_byline { /* author byline style */
    font-size:12pt;
}


hr {
    background-color: #cccccc;
    color: #cccccc;
    height: 1px;
    border: none;
    margin-top: 1.0em;
}

hr + p {
    margin-top: 1.2em;
}

ul {
    padding: 0;
    margin-left: 20px;   /* margin from left edge */
}

li {
    margin-bottom: 10px; /* leading between items */
}

blockquote {
    padding: 0;
    margin-left: 20px;   /* margin from left edge */
}

.smallFont { 
    font-size: 9pt; 
}

.xsmallFont { 
    font-size: 8pt; 
}

.greenFont {
        color: #336666;
}

.grayFont {
    color: #333333;
}

.smallGrayFont {
    font-size: 9pt; 
    color: #333333;
}