/* bm~styles.css -----------------------------------------------------
   CSS styles for Information Access Alliance,
   generated 2009-12-18 16:54:58 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: Arial, sans-serif; 
	 background-color: #C7D7BE;
	 font-size: 10pt; 
	 color: #666666; 
}
a         { color: #607754; }
a:visited { color: #999999; }
a:hover   { color: #999999; }

/* some links should not be underlined */
td.horizontalNav a,    /* horizontal logo banner */
td.horizontalLogo a,    /* horizontal logo banner */
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 
   and gives the white border. */
   
#BoxedPage {
    background-color: #C7D7BE;
    border: 1px solid white;
    position: relative;
    zoom:1; /* force ie to give layout and respect relative position */
}


/* ---------------------------------------------------------------------
   HORIZONTAL NAVIGATION BAR
   --------------------------------------------------------------------- */

#horizontalNav {
    border: 1px solid #999999;
    margin: 20px 20px 20px 20px;
    padding: 0px;
    background-color: #607754;         /* dark green */
    width:740px;
}

/* navigation color/style enhancements
----------------------------------- */
div.bmw_navigation a,
div.bmw_navigation a:visited {
    text-decoration: none;
    font-weight: bold;
    text-align:left;
    color: white;
}

div.bmw_navigation li {
    border: 0;
    background-color: #607754;        /*background color of main section area (dark green)*/
}


div.bmw_navigation li:hover, div.bmn_vnav li.bmn_hover {
    background: #C7D7BE;              /* rollover background color (light green) */
}


div.bmw_navigation li.bmn_active {
    background-color: #666666;         /*background color when active (dark gray)*/
}


/* ---------------------------------------------------------------------
   HORIZONTAL LOGO BANNER
   --------------------------------------------------------------------- */

#horizontalLogo {
    border: 1px solid #999999;
    margin: 0px 20px 10px 20px;
    padding: 0px;
    background-color: white;
    height:80px;
    width:740px;
}



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

div.bmw_breadcrumbs {
    font-weight: bold; 
    font-size: 8pt;
}

div.bmw_breadcrumbs a,
div.bmw_breadcrumbs a:visited { 
    font-size: 8pt; 
    color: #607754; 
}
div.bmw_breadcrumbs a:hover { 
	color: #999999; 
}

#Breadcrumbs {
    border: 0;
    margin: 0px 20px 10px 30px;
    padding: 0px;
    width:740px;
}


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

/* The main content table consists of the main green header section,
   and two columns below that -- the left column for the logos,
   and the larger right column. */

#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 = 134 */
     border-right: 1px solid #999; 
     width: 134px; /* 116px plus the div.cellpad padding */
}

td.mainCol {  
    width:606px;
}




/* ---------------------------------------------------------------------
   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.mainCol, td.rightCol {
    margin: 0;
    padding: 0;
    vertical-align: top;
}


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

td.mainCol {
	 font-family: Palatino, "Times New Roman", Georgia, serif; 
	 font-size: 10pt; 
	 line-height: 1.3em;
	 width:588px;
}


td.mainCol {
    width: auto;
}

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


td.rightCol {
    width: 144px; 
}


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

td.leftCol .cellPad {
    width: 116px;
}


td.rightCol .cellPad {
    width: 144px;
}

td.leftCol p {
  margin-top:16px;
}

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

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


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: #607754; /* dark green */
    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.sectionHeadMid { /* this is the main section title/link */
    height: 28pt;
}
th.sectionHeadMid,
th.sectionHeadMid h2.bmw_headline {
    width:544px; /* with 18px padding, that's a total of 562px */
    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: #607754;
    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: 122px;     
    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: white;
    background: #999999;
    padding: 2px 9px;

    width:544px; /* with 18px padding 1px border, that's a total of 562px */
    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:544px; /* with 18px of padding, that's a total of 562px */
}

th.toolLinks {
    font-weight: normal;
    font-size: 8pt;
    background: #999999;
    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: #fff;
}





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

td.rightCol h3.more,
td.rightCol div.bmw_latestLinks h3 {
    margin-top: 0;
    padding: 4px 10px;
    background: white;
    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 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: #607754;
}

span.bmw_modified {
    display:block;
}



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

h1 { 
    font-family: Arial, sans-serif; 
    font-size: 10pt; 
    margin-top: 1.2em;
    margin-bottom: 0;
}

h2 { 
    font-family: Arial, sans-serif; 
    font-size: 9pt; 
    margin-top: 1.2em;
    margin-bottom: 0;
}

h3 { 
    font-family: Arial, sans-serif; 
    font-size: 9pt; 
    font-style: italic;
    font-weight: normal;
    margin-top: 1.2em;
    margin-bottom: 0;
}

h4 { 
    font-family: Arial, 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: #C7D7BE;
    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; 
}