/* bm~styles.css -----------------------------------------------------
   CSS styles for Know Your Copy Rights,
   generated 2009-12-18 16:55:22 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: #306;
	 font-size: 10pt; 
	 color: #000000; 
}
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(http://www.arl.org/arlimages/kycr_background.gif);
    border: 1px solid white;
    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;
    top:12px;
    z-index:1;

    /* set the width of the graphic and center it */
    margin: 0 auto;
    height:160px;
    width: 720px;
    background-repeat:no-repeat;
}
h1#HomeARLlogo {     /* big logo for homepage */
    background-image:url(http://www.arl.org/arlimages/kycr_main_logo.gif);
}
h1#InsideARLlogo {   /* smaller logo for inside pages */
    background-image:url(http://www.arl.org/arlimages/kycr_inside_logo.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 */
h1#HomeARLlogo a {
    height:160px;
    width: 720px;
}
h1#InsideARLlogo a {
    height:85px;
    width: 600px;
}


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

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


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

#searchForm {
    float:right;
    height: 18px;
    margin-left: 1px solid white;
    width: 160px;
    background-color: #ffc;
    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: #ff9;
    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;
}


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

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

/* the navigation elements are in an unordered html list.
   We float the list items so that they appear horizontally. */

#MainNavigation ul,
#MainNavigation li {
    margin: 0;
    padding: 0;
    list-style:none;
}
#MainNavigation li {
    float:left;
    background-repeat: no-repeat;
	background-position: 0px -1px;
}

/* The links are block elements; we set their height and width to
   control the dimensions of the link (kind of like an image map).
   We hide the text of the links and then set a background image
   so that the image displays instead of the text. */

#MainNavigation a {
	display: block;
	height: 18px;
	width: 100px;
	background-repeat: no-repeat;
	font-size: 0px;
	line-height: 0px;
	text-indent: -999999em;
	background-position: 0px -1px;
}

/* The links are block elements; we set their height and width to
   control the dimensions  of the link (kind of like an image map).
   We hide the text of the links and then set a background image
   so that the image displays instead of the text.
   
   The <li> list element (identified by id) has the "active" rollover
   image as its background image. The link has the "inactive" nav
   image as its background, but we set the link background image to
   disappear when it's rolled over, revealing the "active" rollover
   image behind it.
   
   So, each navigation element has background images associated with
   its <li> and with the <a> inside of it.
*/

/* about arl main navigation graphics */
#MainNav-arl {
    background-image: url(http://www.arl.org/arlimages/nav-about_on.gif);
}
#MainNav-arl a {
    background-image: url(http://www.arl.org/arlimages/nav-about_off.gif);
}


/* issues main navigation graphics */
#MainNav-issues {
    background-image: url(http://www.arl.org/arlimages/nav-issues_on.gif);
}
#MainNav-issues a {
    background-image: url(http://www.arl.org/arlimages/nav-issues_off.gif);
}

/* resources main navigation graphics */
#MainNav-resources {
    background-image: url(http://www.arl.org/arlimages/nav-resources_on.gif);
}
#MainNav-resources a {
    background-image: url(http://www.arl.org/arlimages/nav-resources_off.gif);
}

/* events main navigation graphics */
#MainNav-events {
    background-image: url(http://www.arl.org/arlimages/nav-events_on.gif);
}
#MainNav-events a {
    background-image: url(http://www.arl.org/arlimages/nav-events_off.gif);
}

/* news main navigation graphics */
#MainNav-news {
    background-image: url(http://www.arl.org/arlimages/nav-news_on.gif);
}
#MainNav-news a {
    background-image: url(http://www.arl.org/arlimages/nav-news_off.gif);
}

/* this makes the "inactive" image go away when links are hovered */
#MainNavigation li:hover a,
#MainNavigation li.bmn_hover a {
    background-image: none;
}

#BoxedPage #MainNavigation li li:hover a,
#BoxedPage #MainNavigation li li.bmn_hover a {
    background-image: none;
}


/* ---------------------------------------------------------------------
   TOP DROPDOWN NAVIGATION: Subnavigation links
   --------------------------------------------------------------------- */

/*the subnavigation for the dropdowns are also in HTML <ul> unordered lists.
  we hiden them by default, moving them way off screen to the left.*/

#MainNavigation li ul {
    position: absolute;
    z-index: 1001;
    zoom:1;
    left: -999999em;
    top: 18px;
    width:725px;
    background-repeat: no-repeat;
    padding-left: 20px;
}

/*reveal subnav on rollover by bringing it back into view*/
#MainNavigation li:hover ul,
#MainNavigation li.bmn_hover ul {
    left: 0px;
}

/*subnav links are all 31px tall. The text remains hidden thanks
  to the styles for #MainNavigation a. */
#MainNavigation li li a {
    height:31px;
}

/* The subnavigation images are placed as background images for
   each ul subnav list. The "image map" effect is used by setting the
   width for each link in the subnav lists. */

/* about arl subnavigation */

    #MainNavigation #MainNav-arl-members {
        background-image: url(http://www.arl.org/arlimages/drop-arl-members_off.gif);
        width:101px;
    }

    #MainNavigation #MainNav-arl-members a {
        background-image: url(http://www.arl.org/arlimages/drop-arl-members_on.gif);
        width:101px;
    }

    #MainNavigation #MainNav-arl-board {
        background-image: url(http://www.arl.org/arlimages/drop-arl-board_off.gif);
        width:99px;
    }

    #MainNavigation #MainNav-arl-board a {
        background-image: url(http://www.arl.org/arlimages/drop-arl-board_on.gif);
        width:99px;
    }

    #MainNavigation #MainNav-arl-staff {
        background-image: url(http://www.arl.org/arlimages/drop-arl-staff_off.gif);
        width:99px;
    }

    #MainNavigation #MainNav-arl-staff a {
        background-image: url(http://www.arl.org/arlimages/drop-arl-staff_on.gif);
        width:99px;
    }
    
    #MainNavigation #MainNav-arl-prtnrs {
        background-image: url(http://www.arl.org/arlimages/drop-arl-prtnrs_off.gif);
        width:401px;
    }

    #MainNavigation #MainNav-arl-prtnrs a {
        background-image: url(http://www.arl.org/arlimages/drop-arl-prtnrs_on.gif);
        width:401px;
    }



/* issues subnavigation */

    #MainNavigation #MainNav-issues-copyright {
        background-image: url(http://www.arl.org/arlimages/drop-issues-copyright_off.gif);
        width:90px;
    }

    #MainNavigation #MainNav-issues-copyright a {
        background-image: url(http://www.arl.org/arlimages/drop-issues-copyright_on.gif);
        width:90px;
    }

    #MainNavigation #MainNav-issues-diversity {
        background-image: url(http://www.arl.org/arlimages/drop-issues-diversity_off.gif);
        width:80px;
    }

    #MainNavigation #MainNav-issues-diversity a {
        background-image: url(http://www.arl.org/arlimages/drop-issues-diversity_on.gif);
        width:80px;
    }

    #MainNavigation #MainNav-issues-esci {
        background-image: url(http://www.arl.org/arlimages/drop-issues-esci_off.gif);
        width:100px;
    }

    #MainNavigation #MainNav-issues-esci a {
        background-image: url(http://www.arl.org/arlimages/drop-issues-esci_on.gif);
        width:100px;
    }

    #MainNavigation #MainNav-issues-leadership {
        background-image: url(http://www.arl.org/arlimages/drop-issues-leadership_off.gif);
        width:110px;
    }

    #MainNavigation #MainNav-issues-leadership a {
        background-image: url(http://www.arl.org/arlimages/drop-issues-leadership_on.gif);
        width:110px;
    }

    #MainNavigation #MainNav-issues-legislation {
        background-image: url(http://www.arl.org/arlimages/drop-issues-legislation_off.gif);
        width:120px;
    }

    #MainNavigation #MainNav-issues-legislation a {
        background-image: url(http://www.arl.org/arlimages/drop-issues-legislation_on.gif);
        width:120px;
    }

    #MainNavigation #MainNav-issues-assessment {
        background-image: url(http://www.arl.org/arlimages/drop-issues-assessment_off.gif);
        width:91px;
    }

    #MainNavigation #MainNav-issues-assessment a {
        background-image: url(http://www.arl.org/arlimages/drop-issues-assessment_on.gif);
        width:91px;
    }

    #MainNavigation #MainNav-issues-models {
        background-image: url(http://www.arl.org/arlimages/drop-issues-models_off.gif);
        width:109px;
    }

    #MainNavigation #MainNav-issues-models a {
        background-image: url(http://www.arl.org/arlimages/drop-issues-models_on.gif);
        width:109px;
    }



/* resources subnavigation */

    #MainNavigation #MainNav-resources-stats {
        background-image: url(http://www.arl.org/arlimages/drop-resources-stats_off.gif);
        width:90px;
    }

    #MainNavigation #MainNav-resources-stats a {
        background-image: url(http://www.arl.org/arlimages/drop-resources-stats_on.gif);
        width:90px;
    }
    
    #MainNavigation #MainNav-resources-career {
        background-image: url(http://www.arl.org/arlimages/drop-resources-career_off.gif);
        width:91px;
    }

    #MainNavigation #MainNav-resources-career a {
        background-image: url(http://www.arl.org/arlimages/drop-resources-career_on.gif);
        width:91px;
    }

    #MainNavigation #MainNav-resources-pubs {
        background-image: url(http://www.arl.org/arlimages/drop-resources-pubs_off.gif);
        width:168px;
    }

    #MainNavigation #MainNav-resources-pubs a {
        background-image: url(http://www.arl.org/arlimages/drop-resources-pubs_on.gif);
        width:168px;
    }

    #MainNavigation #MainNav-resources-maillist {
        background-image: url(http://www.arl.org/arlimages/drop-resources-maillist_off.gif);
        width:115px;
    }

    #MainNavigation #MainNav-resources-maillist a {
        background-image: url(http://www.arl.org/arlimages/drop-resources-maillist_on.gif);
        width:115px;
    }

    #MainNavigation #MainNav-resources-email {
        background-image: url(http://www.arl.org/arlimages/drop-resources-email_off.gif);
        width:236px;
    }

    #MainNavigation #MainNav-resources-email a {
        background-image: url(http://www.arl.org/arlimages/drop-resources-email_on.gif);
        width:236px;
    }



/* events subnavigation */

/*  This is the button for the current MM when it's applicable. */

/*     #MainNavigation #MainNav-events-current {
        background-image: url(http://www.arl.org/arlimages/drop-events-current_off.gif);
        width:155px;
    }  

    #MainNavigation #MainNav-events-current a {
        background-image: url(http://www.arl.org/arlimages/drop-events-current_on.gif);
        width:155px;
    }
    */

    #MainNavigation #MainNav-events-future {
        background-image: url(http://www.arl.org/arlimages/drop-events-future_off.gif);
        width:145px;
    }

    #MainNavigation #MainNav-events-future a {
        background-image: url(http://www.arl.org/arlimages/drop-events-future_on.gif);
        width:145px;
    }

    #MainNavigation #MainNav-events-confs {
        background-image: url(http://www.arl.org/arlimages/drop-events-confs_off.gif);
        width:165px;
    }

    #MainNavigation #MainNav-events-confs a {
        background-image: url(http://www.arl.org/arlimages/drop-events-confs_on.gif);
        width:165px;
    }

    #MainNavigation #MainNav-events-cal {
        background-image: url(http://www.arl.org/arlimages/drop-events-cal_off.gif);
        width:390px;
    }

    #MainNavigation #MainNav-events-cal a {
        background-image: url(http://www.arl.org/arlimages/drop-events-cal_on.gif);
        width:390px;
    }


/* news subnavigation */

    #MainNavigation #MainNav-news-enews {
        background-image: url(http://www.arl.org/arlimages/drop-news-enews_off.gif);
        width:120px;
    }

    #MainNavigation #MainNav-news-enews a {
        background-image: url(http://www.arl.org/arlimages/drop-news-enews_on.gif);
        width:120px;
    }

    
    #MainNavigation #MainNav-news-ppenews {
        background-image: url(http://www.arl.org/arlimages/drop-news-ppenews_off.gif);
        width:125px;
    }

    #MainNavigation #MainNav-news-ppenews a {
        background-image: url(http://www.arl.org/arlimages/drop-news-ppenews_on.gif);
        width:125px;
    }


    #MainNavigation #MainNav-news-pr {
        background-image: url(http://www.arl.org/arlimages/drop-news-pr_off.gif);
        width:455px;
    }

    #MainNavigation #MainNav-news-pr a {
        background-image: url(http://www.arl.org/arlimages/drop-news-pr_on.gif);
        width:455px;
    }




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


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

div.bmw_breadcrumbs {
    font-weight: bold; 
    font-size: 8pt;
    position: absolute;
    z-index: 10; 
    top: 125px;
    left: 180px;
    width: 580px;
}
div.bmw_breadcrumbs a,
div.bmw_breadcrumbs a:visited { 
    font-size: 8pt; 
    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(http://www.arl.org/arlimages/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 {
    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;
}
/* ...except for the homepage which likes Frutiger */
#HomePage td.midCol {
	 font-family: "Frutiger Light", "Trebuchet MS", Verdana, sans-serif; 
}

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

td.leftCol .cellPad,
td.rightCol .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;
}



/* ---------------------------------------------------------------------
   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: #603; /* red-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, "Times New Roman", Georgia, serif;
    font-size: 18pt;
    font-weight: lighter;
    color: #fff;
}

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



/* ---------------------------------------------------------------------
   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 purple-box graphic and a bold 9pt font */

div.bmw_navigation li {
    font-size: 9pt;
    background-image: url(http://www.arl.org/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.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;
}


/* ---------------------------------------------------------------------
   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 gray background */

td.rightCol h3.more,
td.rightCol div.bmw_latestLinks h3 {
    margin-top: 0;
    padding: 4px 10px;
    background: #ccc;
    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: #336666;
    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.organization-name,
a.organization-name:visited {     /* the link to ARL's site */
    color: #fff;
}
a.organization-name:hover { 
	 color: #FF6600; 
}

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

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 + 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; 
}

.greenFont {
        color: #336666;
}