/* bm~styles.css -----------------------------------------------------
   CSS styles for Association of Research Libraries (ARL),
   generated 2012-01-19 19:26:20 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 NAVIGATION HNAV STYLES
------------------------------------------------------ */
/* $Id: hnav_dropdown.css 2690 2007-10-19 13:11:44Z josh $
   Thanks to the gang from htmldog.com and the handy suckerfish technique:
   http://www.htmldog.com/articles/suckerfish/dropdowns/

This section controls the color of the navigation;
these may be overridden in the theme styles
-------------------------------------------------------------------    */

div.bmn_hnav li {
    background: #fff;  /* background color of main, top-level sections */
}

div.bmn_hnav li li {
    background-color: #eff;  /* background color of dropdowns*/
}

div.bmn_hnav li:hover, div.bmn_hnav li.bmn_hover {
    background: #dee;    /* rollover background color */
}

div.bmn_hnav li {
    border-bottom: 1px solid #dee;   /* border between menu items */
    border-right: 1px solid #dee;
}

div.bmn_hnav li ul {
    padding-top: 1px;   /* should be same width as border-bottom above */
}

/*
This section controls the width of the navigation; override in theme styles
-------------------------------------------------------------------    */
div.bmn_hnav li { /* vary main section width according to name length */
    width:auto; 
}

div.bmn_hnav li ul,
div.bmn_hnav li li {
    width:10em; /* width of the navigation items and dropdown menus */
}
div.bmn_hnav li ul ul {
    margin-left:10em; /* should be same as the width above */
}

/* the rest is the css to handle the layout of the dropdowns
   --------------------------------------------------------- */
div.bmn_hnav, div.bmn_hnav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position:relative;
    zoom:1; /* forces IE to give layout and honor relative position */
}
div.bmn_hnav { margin: 0px 0px 1px 0px; }

div.bmn_hnav a {
    display: block;
    padding: .2em .7em;
}

div.bmn_hnav li {
    float: left;
    line-height:1.2em;
}
div.bmn_hnav li ul ul {
    margin-top:-1.6em; /* line height + ( 2 x padding on div.bmn_hnav li ) */
}

/*fix issue in IE7*/
div.bmn_hnav li:hover,
div.bmn_hnav li.bmn_hover {
    position: static;
}

/*hide all subnav*/
div.bmn_hnav li ul {
    position: absolute;
    z-index: 1001;
    left: -999999em;
}
/*reveal first-level subnav on rollover*/
div.bmn_hnav li:hover ul,
div.bmn_hnav li.bmn_hover ul {
    left: auto;
}
/* ... but keep nested second-level and third-level subnav hidden */
div.bmn_hnav li:hover ul ul,
div.bmn_hnav li.bmn_hover ul ul,
div.bmn_hnav li:hover ul ul ul,
div.bmn_hnav li.bmn_hover ul ul ul {
    left: -999999em;
}
/* ... until their parents are rolled over */
div.bmn_hnav li li:hover ul,
div.bmn_hnav li li.bmn_hover ul,
div.bmn_hnav li li li:hover ul,
div.bmn_hnav li li li.bmn_hover ul {
    left: auto;
}

/*get clear of the floated navigation */
div.bmn_hnav span.bmn_clearNav {
    height:0px;
    font-size:0px;
    display:block;
    width: 0px;
    overflow:hidden;
    clear:left;
}

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

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

/* 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 */
th.sectionHead a,       /* links in section and headline bars */
td.rightCol a,          /* right-column links */
#HomePage td.midCol a,  /* homepage center-column links */
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(/arlimages/arl_background.gif);
    border: 1px solid #fff;
    position: relative;
    zoom:1; /* force ie to give layout and respect relative position */
}


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

/* logo is a h1 tag with its text hidden and an image displayed instead.
   we nudge it down a bit (relative position) to make it overlap
   the purple bar. */

h1#HomeARLlogo,
h1#InsideARLlogo{
    /* nudge it down 12px */
    position: relative;
    z-index:1;
    width:780px;
    top: -2px;

    /* set the width of the graphic and center it */
    margin: 0px auto 6px;
    background-repeat:no-repeat;
}
h1#HomeARLlogo,
h1#InsideARLlogo {     /* big logo for homepage */
    background-image:url(/arlimages/main_logo-v2.gif);
}

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

h1#HomeARLlogo a,
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 */
    height:120px;
    width: 242px;
}


/* ---------------------------------------------------------------------
   UTILITY NAVIGATION
   --------------------------------------------------------------------- */

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

#utilityNav {
    text-align:right;
    font-size: 11px;
    color: #fff;
    padding:19px 20px 0px 0px;
    height: 30px;
    line-height: 11px;
}
#utilityNav a,
#utilityNav a:visited {
    color: #fff;
}
#utilityNav a:hover {
    color: #f60;
}


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

#searchForm {
    position: absolute;
    z-index: 2;
    top:29px;
    left: 390px;
    width: 370px;
    text-align: right;
}

#searchForm form {
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 12px;
}

#searchForm #q { /* search field */
    font-family: "Frutiger Light", "Trebuchet MS", Verdana, sans-serif; 
    letter-spacing: 0.1em;
    background-color: #fff;
    font-size: 11px;
    line-height: 15px;
    padding: 2px;
    height: 15px;
    color: #99f; 
    width:200px;
    border:1px solid #fff;
    border-right: 0px none transparent;
	vertical-align: bottom;
    margin: 0px;
}

#searchForm #sa { /* search button */
	height: 21px;
	width: 21px;
	border: none;
	vertical-align: bottom;
	margin:0px;
}


/* ---------------------------------------------------------------------
   TOP DROPDOWN NAVIGATION: Main section links
   --------------------------------------------------------------------- */

#MainNavigation { /*box that contains the navigation */
    margin: 0px 20px;
    padding-left: 153px;
    top:-12px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #fff;
    background-color: #ffc;
    position:relative;
    z-index:11;
    zoom: 1; /* forces IE to give layout and honor relative position */
}

#MainNavigation li a {
    background-repeat: no-repeat;
    font-size: 11px;
    line-height: 12px;
    padding: 4px 6px 4px 20px;
    background-image: url(/arlimages/nav-purple-v2.png);
    background-position: 5px 5px;
    background-color: #ffc;
}
#MainNavigation li li a {
    padding-right: 4px;
}

#MainNavigation a:visited {
    color: #306;
}
#MainNavigation a:hover {
    color: #f60;
}

#MainNavigation li {
    background-repeat: no-repeat;
    background-image: url(/arlimages/nav-orange-v2.png);
    background-position: 5px 5px;
    background-color: #ccc;
    border: none;
}

/* this makes the "inactive" image go away when links are hovered */
#MainNavigation li:hover a,
#MainNavigation li.bmn_hover a,
#MainNavigation li:hover li:hover a,
#MainNavigation li.bmn_hover li.bmn_hover a,
#MainNavigation li:hover li:hover li:hover a,
#MainNavigation li.bmn_hover li.bmn_hover li.bmn_hover a {
    background-image: none; /* hide inactive image on rollover */
    background-color: transparent;
}
/* ...except unhovered subnav and sub-subnav */
#MainNavigation li:hover li a,
#MainNavigation li.bmn_hover li a,
#MainNavigation li:hover li:hover li a,
#MainNavigation li.bmn_hover li.bmn_hover li a{
    background-image: url(/arlimages/nav-purple-v2.png);
}


/* not all main sections are displayed in main nav; hide these: */
li.bmn_sec-__HOME,
li.bmn_sec-bigmedium,
li.bmn_sec-diversity,
li.bmn_sec-leadership,
li.bmn_sec-membersonly,
li.bmn_sec-preserv,
li.bmn_sec-pp,
li.bmn_sec-rtl,
li.bmn_sec-sc,
li.bmn_sec-stats {
    display: none;
}

/* dropdown subnav */
#MainNavigation li li,
#MainNavigation li ul {
    width: 16em;
}
#MainNavigation li ul ul {
    margin-left:16em; /* should be same as the width above */
    margin-top:-21px;    
}
#MainNavigation li li {
    border-bottom: none;
    border-top: 1px solid #fff;
}
#MainNavigation li ul {
    opacity: .95;
    background-color: #ccc;
    border: none;
    padding-top:0px;
}

/*two-line subnav needs a bump */
#MainNavigation li.bmn_sec-pubs ul {
/*    margin-top:-33px;   */
}


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

div.bmw_breadcrumbs {
    font-size: 11px;
    position: absolute;
    z-index: 10; 
    top: 114px;
    left: 247px;
    width: 513px;
    color: #306; 
}
div.bmw_breadcrumbs a,
div.bmw_breadcrumbs a:visited { 
    font-size: 11px; 
    color: #306; 
}
div.bmw_breadcrumbs a:hover { 
	color: #f60; 
}


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

/* The main content table consists of the main purple 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. */

#MainTable {
    border: 1px solid #999999;
    padding: 0;
    margin: 2px 20px 0px 20px;
    background-color: white;
    width:740px;
}

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

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

/* 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(/arlimages/sidebar_border.gif);
	background-repeat: repeat-y;
	background-position: right top;
	width: 579px;
}

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


/* homepage announcements in left column */
#HomePage td.leftCol {
    font-size: 8pt;
    font-weight: lighter;
}
#HomePage td.leftCol a {
    text-decoration: none;
}
#HomePage td.leftCol h3 {
    font-size: 10pt;
    font-weight: bold;
    margin: 1em 0em;
    font-style: normal;
}


/* ---------------------------------------------------------------------
   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 {
    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, Georgia, "Times New Roman", serif; 
	 font-size: 10pt; 
	 line-height: 1.3em;
	 width:420px;
}
/* ...except for the homepage which likes Frutiger */
#HomePage td.midCol {
	 font-family: "Frutiger Light", "Trebuchet MS", Verdana, sans-serif; 
}

/* add the yellow horizontal rule between links fed by the news widget to the homepage */
#HomePage td.midCol div.bmw_link {
   padding-bottom: 1em;
   margin: 1em 0em;
   border-bottom: #fc0 1px solid;
}

/* tweak the spacing above elements in the middle column on the homepage */
#HomePage td.midCol p {
 margin-top:5px;
}

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

/* every cell has a div.cellPad element which gives the content
   its breathing room.  The div.cellPadFollow is for the "Follow ARL"
   block on the homepage. */

td.leftCol .cellPad,
td.rightCol .cellPad {
    width: 140px;
}
div.cellPad {
    padding: 0px 9px 9px 9px;
}

div.cellPadFollow {
    padding: 0px 9px 0px 9px;
}

#FollowTable {
    border: 0;
    align: center;
    margin: 0px 0px 0px 0px;
    width:150px;
}

td.followARL {
    padding: 0px 0px 10px 10px;
}

div.bmw_latestLinks { /* subsection right-column links */
    width: 159px;
}

div.bmw_latestLinks div.bmw_link {
    padding: 0px 9px;
}

div.bmw_latestLinksGray { /* content-page right-column links for Code of Best Practices in Fair Use */
    width: 159px;
}

div.bmw_latestLinksGray div.bmw_link {
    padding: 0px 9px;
}

div.bmw_tagcloud { /* subsection right column tag cloud */
    width: 159px;
}

div.bmw_tagcloud div.bmw_link {
    padding: 0px 9px;
}

ul.bmw_tagcloud {
    padding: 0px 9px;
}





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

/* these headers are the colored 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: #306; /* purple */
    color: #fff;
    border-bottom: 1px #999 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 #999 solid;
    width: 140px; /* with 18px of padding, that's a total of 158px */
}

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

th.subsectionTitle { /* this is the subsection title/link */
    background: #603;
    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: #fff;
}

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: #f60;
}

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: #000;
    background: #ffc;
    padding: 2px 9px;

    width:403px; /* with 18px padding 1px border, that's a total of 421px */
    height:28pt;
    border-bottom: 0;
    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: #ffc;
    border-bottom: 0;
    height:28pt;
    width:140px;
}


div.tools {
    width:140px;
}
th.toolLinks img {
    vertical-align:middle;
}
th.toolLinks a,
th.toolLinks a:visited {
    color: #000;
}
th.toolLinks a:hover {
    color: #f60;
}


th.sectionToolLinks {
    font-weight: normal;
    font-size: 8pt;
    background: #603;
    height:36px;
    width:140px;
}

th.sectionToolLinks img {
    vertical-align:middle;
}
th.sectionToolLinks a,
th.sectionToolLinks a:visited {
    color: #fff;
}
th.sectionToolLinks a:hover {
    color: #f60;
}



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

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

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

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

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

div.bmn_vsubnav li {
    font-size: 9pt;
    background-image: url(/arlimages/purplebox.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.bmn_vsubnav a { 
	display:inline;
}

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

div.bmn_vsubnav 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.bmn_vsubnav li li li {
    padding-left: 15px;
}


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

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

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

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

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

/* the "more on this topic" header has a cream background */

td.rightCol h3.more,
td.rightCol div.bmw_latestLinks h3 {
    margin-top: 0;
    padding: 4px 10px;
    background: #ffc;
    font-weight: bold;
}


/* for the Code of Best Practices on Fair Use, the "more on this topic" header has a gray background */

td.rightCol h3.more,
td.rightCol div.bmw_latestLinksGray h3 {
    margin-top: 0;
    padding: 4px 10px;
    background: #ccc;
    font-weight: bold;
}


/* the tag cloud header has a cream background */

td.rightCol h3.more,
td.rightCol div.bmw_tagcloud h3 {
    margin-top: 0;
    padding: 4px 10px;
    background: #ffc;
    font-weight: bold;
}


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

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

#FooterContactBar {
    padding: 3px 10px;
    background: #330066;
    font-weight: lighter;
    color: #FFFFFF;
    letter-spacing: 0.02em;
    text-align:right;
    margin-bottom: 1em;
}

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

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

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


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

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

span.bmw_modified {
    display:block;
}

#FooterRight div.bmw_feeds {
    display:inline;
}
#FooterRight img {
    vertical-align: bottom;
}

#FooterFollowBar {
    padding: 3px 10px;
    background: #ffffff;
    font-weight: bold;
    color: #330066;
    letter-spacing: 0.02em;
    text-align:left;
    margin-bottom: 1em;
    border: 1px solid #999999;
}

#FooterFollowBar img {
    vertical-align: bottom;
}




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

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


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

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

h2.noMargin { 
    font-family: "Frutiger Light", "Trebuchet MS", Verdana, sans-serif; 
    font-size: 9pt; 
    margin-top: 0;
    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;
}


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

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

h3.small { 
    font-family: "Frutiger Light", "Trebuchet MS", Verdana, sans-serif; 
    font-size: 8pt; 
    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: 8.5pt; 
    margin-top: 1.2em;
    margin-bottom: 0;
}

h4.noMargin { 
    font-family: "Frutiger Light", "Trebuchet MS", Verdana, sans-serif;
    font-size: 8.5pt; 
    margin-top: 0;
    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;
}


h3.bmw_tips {
    display: none;
}


/* ---------------------------------------------------------------------
   TAGS
   --------------------------------------------------------------------- */

p.bmw_tags {
    font-family: "Frutiger Light", "Trebuchet MS", Verdana, sans-serif; 
    font-size: 8pt;
    padding-top: 12px;
}

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

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

p.yellow_rule {
    border-top: 1px solid #fc0;
    padding-top: 1em;
    margin-top: 1em;
}

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

hr.gray {
    background-color: #ccc;
    color: #ccc;
    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 */
}

del {
    color: red;
}

ins {
    color: red;
}

.smallFont {
    font-size: 9pt;
}

.smallerFont {
    font-size: 8pt;
}

.greenFont {
        color: #336666;
}

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

.inTextHead { 
	 font-family: "Frutiger Light", "Trebuchet MS", Verdana, sans-serif; 
	 font-size: 9pt;
	 font-weight: bold;
}

a.bmw_tagcloud_xsmall {
    font-size: 8pt;
}

a.bmw_tagcloud_small {
    font-size: 9pt;
}

a.bmw_tagcloud_medium {
    font-size: 10pt;
}

a.bmw_tagcloud_large {
    font-size: 11pt;
}

a.bmw_tagcloud_xlarge {
    font-size: 12pt;
}


/* ---------------------------------------------------------------------
   FORMSPRING FONT STYLES
   --------------------------------------------------------------------- */

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

.formHeading + p {
    margin-top: 0.2em;
}

.formHeading + br {
    margin-top: 0;
}

a.formHeading { 
    font-weight: bold; 
}

.formText {
	 font-family: Palatino, Georgia, "Times New Roman", serif; 
	 font-size: 10pt; 
	 line-height: 1.3em;
}

.formSection { 
	 font-family: Palatino, Georgia, "Times New Roman", serif; 
	 font-size: 10pt; 
	 line-height: 1.3em;             /* intro text to a section */
}

.formField { 
	 font-family: Palatino, Georgia, "Times New Roman", serif; 
	 font-size: 10pt; 
	 line-height: 1.3em;            /* question text */
}
            
.formSupporting {
	 font-family: Palatino, Georgia, "Times New Roman", serif;   
     font-size: 9pt;
     color: #cccccc;             /* small text below questions */
}
/*careers and residencies database styles*/
.odd { background-color: #fff; }
.even { background-color: #cccccc; }
table.sortable th {font-family: "Frutiger Light", "Trebuchet MS", Verdana, sans-serif; 
    font-size: 9pt; 
    margin-top: 1.2em;
    margin-bottom: 0;
	border-width: 0px 1px 1px 1px;
	background-color: #fff;
}