/* GENERAL STYLES
---------------------------------------------------------- */
body {
	background-color: #cccccc;
	margin-top: 0;
	padding-bottom: 10px;
	text-align: center;
	font: 12px/16px arial, helvetica, sans-serif; 
}
#container {
	width: 790px; 
	background-color: #FFFFFF;
	position: relative; 
	color: #000;
	text-align: left;
	margin-left: auto; 
	margin-right: auto;
}
#header {
	width: 790px; 
	background-color: #ffffff; 
	float: left;
        height: 100px;
    margin-bottom: 0;
    padding-bottom: 0;
}
#navcontainer ul {
	padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
	margin-left: 0px;
	background-color: #B9FF3F;
	color: white;
	float: left;
	width: 100%;
	font-family: verdana, arial, helvetica, sans-serif;
}
#navcontainer ul li { display: inline; }
#navcontainer ul li a {
	padding-bottom: 0.5em;
	padding-right: 1.5em;
    padding-left: 1.5em;
	padding-top: 0.3em;
	background-color: #B9FF3F;
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
	font-size: 13px;
	float: left;
}
#navcontainer ul li a:hover {
background-color: #f2f2f2;
color: #FF5400;
}
#navcontainer a:active { 
background-color: #FF5400;
}

#subnavcontainer ul {
	padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
	margin-left: 0px;
	background-color: #0099FF;
	color: white;
	float: left;
	width: 100%;
	font-family: verdana, arial, helvetica, sans-serif;
}
#subnavcontainer ul li { display: inline; }
#subnavcontainer ul li a {
	padding-bottom: 0.5em;
	padding-right: 1.5em;
    padding-left: 1.5em;
	padding-top: 0.3em;
	background-color: #0099FF;
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
	font-size: 11px;
	float: left;
}
#subnavcontainer ul li a:hover {
background-color: #f2f2f2;
color: #FF5400;
}
#subnavcontainer #active a { background-color: #f2f2f2; }
#breadcrumb {
	float: left;
	width: 770px;
	margin-bottom: 0px;
	padding-left: 20px;
	margin-top: 5px;
	background-color: #ffffff;
        border-bottom: #626161 0px solid;
}
#breadcrumb p {
	font: 12px verdana, arial, helvetica, sans-serif; 
	color: #000000;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 0px;
	margin-top: 7px;
}
#content {
	clear: both;
	width: 790px; 
	overflow: auto;
	margin-top: 0px; 
	background-color: #ffffff;
	padding-top: 0px;
        text-align: left;
}
#content h1 {
	font: bold 24px arial, helvetica, sans-serif; 
	color: #FF9C00; 
	text-align: left;
	padding-left: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#content h2 {
	font: bold 16px arial, helvetica, sans-serif; 
	color: #F89F1F; 
	text-align: left;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 5px;
}
#content h3 {
	font: bold 12px arial, helvetica, sans-serif; 
	color: #000000; 
	text-align: left;
	padding-left: 5px;
	margin-bottom: 5px;
	margin-top: 0px;
}
#content p {
	margin: 0px 0px 0px 0px; 
	padding-left: 5px;
	margin-bottom: 10px;
	font: 12px arial, helvetica, sans-serif; 
	color: #000000;
}
#footer {
	clear: both; 
	margin: 0px 0px 10px;        
        padding-top: 25px;
        padding-bottom: 10px;
}
#footer h3 {
	font: 11px arial, helvetica, sans-serif; 
	text-align: center;
	color: #000000;
	margin-top: 10px;
	margin-bottom: -5px;
}
#footer p {
	font: 11px arial, helvetica, sans-serif; 
	text-align: center;
	color: #000000;
}
A:link {
	color: #000000; 
	text-decoration: underline;
}
A:active {
	color: #69c; 
	text-decoration: underline;
}
A:hover {
	color: #FF9C00; 
	text-decoration: underline;
}
ul {
	padding-left: 30px; 
	margin: 0px 0px 0px 0px; 
	line-height: 16px; 
	list-style-type: disc; 
	text-align: left;
}
ul li {
	margin-top: 0px; 
	margin-left: 0px; 
	text-align: left
}
ul li ul {
	padding-left: 0px; 
	margin: 0px 0px 0px 0px;
}
#spacer {
	width: 300px;
}

/* HOME PAGE
---------------------------------------------------------- */
#spotlight {
	float: left;
	margin: 0px 0px 0px 0px; 
	width: 760px;
	background-color: #ffffff; 
        border-bottom: #999999 1px dashed;
}
#spotlight h2 {
	font: bold 24px arial, helvetica, sans-serif; 
	color: #F89F1F; 
	text-align: left;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 5px;
}
#spotlightleft {
	float: left; 
	width: 300px;
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
}
#spotlightright {
	float: right;
	margin: 0px 0px 0px 0px; 
	width: 445px;
        padding-left: 7px;
        padding-top: 5px;
        padding-right: 5px;
	background-color: #ffffff;
}
#homeleft {
    float: left;
    width: 469px;
    margin: 0px;
    margin-right: 10px;
    margin-top: 5px;
    padding-left: 15px;    
    padding-right: 10px;
    border-right: #999999 1px dashed;

}
#homeleft h1 {
	font: bold 24px arial, helvetica, sans-serif; 
    color: #FF8400;
    margin-top: 0px;
    padding-left: 0px;
    padding-top: 0px;
}
#homeleft h2 {
	font: bold 18px arial, helvetica, sans-serif; 
	color: #FF5400; 
    margin-top: 0px;
    padding-left: 0px;
}
#homeleft h3 {
	font: bold 16px arial, helvetica, sans-serif; 
	color: #FF5400;
    margin-top: 0px;
    padding-left: 0px;
}
#homeleft h4 {
	font: bold 16px arial, helvetica, sans-serif; 
	color: #333333;
    margin-top: 0px;
    padding-left: 0px;
    padding-bottom: 5px;
    padding-top: 5px;
}
#homeleft h5 {
	font: bold 13px arial, helvetica, sans-serif; 
	color: #2877D3;
    margin-top: 0px;
    padding-left: 0px;
}
#homeleft p {
	padding-left: 0px;
        padding-top: 5px;
	margin-bottom: 0px;
	font: 13px arial, helvetica, sans-serif; 
	color: #000000;
}
#homeleftrow1 {
	float: left;
	width: 470px;
        margin-bottom: 10px;
}
#homeleftrow2 {
	float: left;
	width: 470px;
        margin-bottom: 10px;
}
#homeleftrow3 {
	float: left;
	width: 470px;
        margin-bottom: 10px;
}
#homeright {
        float: left;
	width: 250px;
        margin-top: 10px;
        margin-left: 5px;
}
#homeright h3 {
	font: bold 16px arial, helvetica, sans-serif; 
	color: #2877D3;
        margin-top: 0px;
        margin-left: 0px;
        padding-left: 0px;
}
#homeright p {
	font: bold 12px arial, helvetica, sans-serif; 
	color: #666666;
        padding-left: 0px;
}
#homerightrow1 {
	float: left;
	width: 238px;
        padding-left: 10px;
        margin-left: 0px;
        padding-bottom: 0px;
        margin-bottom: 10px;
        border-bottom: #cccccc 1px solid;
        border-right: #cccccc 1px solid;
        border-left: #cccccc 1px solid;
        border-top: #cccccc 1px solid;
	background-color: #F2F2F2;
}  
#homerightrow1 h3 {
	font: bold 15px arial, helvetica, sans-serif; 
	color: #0099FF;
        padding-left: 0px;
        padding-top: 10px;
        margin-left: 0px;
} 
#homerightrow1 p {
	font: bold 12px arial, helvetica, sans-serif; 
	color: #666666;
        padding-left: 0px;
}
#homerightrow2 {
	float: left;
	width: 250px;
        padding-left: 0px;
        margin-left: 0px;
        padding-bottom: 0px;
        margin-bottom: 10px;
}
#homerightrow3 {
	float: left;
	width: 250px;
        padding-left: 0px;
        margin-left: 0px;
        padding-bottom: 0px;
        margin-bottom: 10px;
}
#row1 {
	float: left;
	margin: 0px 0px 0px 0px; 
        padding-top: 10px;
	width: 760px;
	background-color: #ffffff; 
}
#row1left {
	float: left;
	margin: 0px 0px 0px 0px; 
	width: 465px;
        padding-left: 10px;
        padding-right: 5px;
	background-color: #ffffff;
	border-bottom: #999999 1px dashed;
        border-right: #999999 1px dashed;
} 
#row1right {
	float: right; 
	width: 260px;
        padding-left: 10px;
        padding-right: 5px;
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
}
#row2 {
	float: left;
	margin: 0px 0px 0px 0px; 
        padding-top: 10px;
	width: 760px;
	background-color: #ffffff; 
}
#row2left {
	float: left;
	margin: 0px 0px 0px 0px; 
	width: 465px;
        padding-left: 10px;
        padding-right: 5px;
	background-color: #ffffff;
	border-bottom: #999999 1px dashed;
        border-right: #999999 1px dashed;
} 
#row2right {
	float: right; 
	width: 260px;
        padding-left: 10px;
        padding-right: 5px;
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
}
#homecol1 {
	float: left;
	margin: 0px 0px 0px 0px; 
        padding-top: 10px;
	width: 410px;
	background-color: #ffffff; 
}
#col1latest div.bmw_latestLinks {
        width: 390px;
        float: left;
}
#wamnews {
	float: left;
	margin: 0px 0px 0px 0px; 
	width: 400px;
        padding-left: 10px;
        padding-right: 5px;
	background-color: #ffffff;
	border-bottom: #999999 1px dashed;
        border-right: #999999 1px dashed;
}
#wamaction {
	float: left;
	margin: 0px 0px 0px 0px; 
	width: 400px;
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 5px;
	background-color: #ffffff;
	border-bottom: #999999 1px dashed;
        border-right: #999999 1px dashed;
}
#devoverview {
	float: left;
	margin: 0px 0px 0px 0px; 
	width: 400px;
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 5px;
	background-color: #ffffff;
	border-bottom: #999999 1px dashed;
        border-right: #999999 1px dashed;
}
#homecol2 {
	float: left; 
	width: 160px;
	margin: 0px 0px 0px 0px;
        padding-top: 10px;
	background-color: #ffffff;
        border-right: #999999 1px dashed;
}
#col2latest div.bmw_latestLinks {
        width: 150px;
        float: left;
}
#col2row1 {
	float: left; 
	width: 150px;
        padding-left: 10px;
        padding-right: 5px;
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
}
#col2row2 {
	float: left; 
	width: 150px;
        padding-left: 10px;
        padding-right: 5px;
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
}
#col2row3 {
	float: left; 
	width: 150px;
        padding-left: 10px;
        padding-right: 5px;
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
}
#homecol3 {
	float: left; 
	width: 160px;
	margin: 0px 0px 0px 0px;
        padding-top: 10px;
	background-color: #ffffff;
}
#col3latest div.bmw_latestLinks {
        width: 150px;
        float: left;
}
#col3row1 {
	float: left; 
	width: 150px;
        padding-left: 10px;
        padding-right: 5px;
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
}
#col3row2 {
	float: left; 
	width: 150px;
        padding-left: 10px;
        padding-right: 5px;
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
}
#col3row3 {
	float: right; 
	width: 150px;
        padding-left: 10px;
        padding-right: 5px;
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
}
/* SECTION PAGE
------------------ */
#sectionleft {
    float: left;
    width: 470px;
    margin: 0px;
    margin-right: 15px;
    margin-top: 5px;
    padding-left: 15px;    
    padding-right: 10px;

}
#sectionleft h1 {
	font: bold 24px arial, helvetica, sans-serif; 
    color: #FF8400;
    margin-top: 0px;
    padding-left: 0px;
    padding-top: 0px;
}
#sectionleft h2 {
	font: bold 18px arial, helvetica, sans-serif; 
	color: #0099FF; 
    margin-top: 0px;
    padding-left: 0px;
}
#sectionleft h3 {
	font: bold 16px arial, helvetica, sans-serif; 
	color: #FF8400;
    margin-top: 0px;
    padding-left: 0px;
}
#sectionleft h4 {
	font: bold 16px arial, helvetica, sans-serif; 
	color: #333333;
    margin-top: 0px;
    padding-left: 0px;
    padding-bottom: 5px;
    padding-top: 5px;
}
#sectionleft h5 {
	font: bold 13px arial, helvetica, sans-serif; 
	color: #2877D3;
    margin-top: 0px;
    padding-left: 0px;
}
#sectionleft p {
	padding-left: 0px;
        padding-top: 5px;
	margin-bottom: 0px;
	font: 13px arial, helvetica, sans-serif; 
	color: #000000;
}
#sectionleftrow1 {
	float: left;
	width: 470px;
        margin-bottom: 10px;
}
#sectionleftrow2 {
	float: left;
	width: 470px;
        margin-bottom: 10px;
}
#sectionright {
        float: left;
	width: 250px;
        margin-top: 15px;
        margin-left: 5px;
}
#sectionrightrow1 {
	float: left;
	width: 238px;
        padding-left: 10px;
        margin-left: 0px;
        padding-bottom: 0px;
        margin-bottom: 10px;
        border-bottom: #cccccc 1px solid;
        border-right: #cccccc 1px solid;
        border-left: #cccccc 1px solid;
        border-top: #cccccc 1px solid;
	background-color: #F2F2F2;
}  
#sectionrightrow1 h3 {
	font: bold 15px arial, helvetica, sans-serif; 
	color: #0099FF;
        padding-left: 0px;
        padding-top: 10px;
        margin-left: 0px;
} 
#sectionrightrow1 p {
	font: bold 12px arial, helvetica, sans-serif; 
	color: #666666;
        padding-left: 0px;
}
#sectionbanner {
	float: left;
	width: 300px;
	margin: 0px;
        margin-bottom: 5px;
}
#sectionbanner2 {
	float: left;
	width: 296px;
        height: 60px;
	margin: 0px;
        border: #2877D3 1px solid;
}
#sectionbanner2 p {
	font: bold 14px arial, helvetica, sans-serif; 
	color: #ff9900;
	padding-left: 0px;
        padding-top: 5px;
        text-align: center;
	margin: 0px;
}

/* CONTENT PAGE
------------------ */
#listingleft {
	float: left;
	width: 470px;
        padding-left: 15px;    
        padding-right: 10px;
        margin-right: 10px;
        margin-top: 0px;
}
#listingleft h2 {
	font: bold 24px arial, helvetica, sans-serif; 
	color: #ff5400;
        margin-top: 0px;
        padding-left: 2px;
}
#listingleft h3 {
	font: bold 16px arial, helvetica, sans-serif; 
	color: #ff9900;
        margin-top: 0px;
        padding-left: 0px;
}
#listingleft p {
	margin: 0px 0px 0px 0px; 
	padding-left: 0px;
	margin-bottom: 10px;
	font: 14px arial, helvetica, sans-serif; 
	color: #000000;
}
#listingleftrow1 {
	float: left;
	width: 480px;
}
#listingleftrow2 {
	width: 480px;
        margin-top: 0px;
        margin-bottom: 20px;
}
#listingleftrow2col1 {
	float: left;
	width: 200px;
}
#listingleftrow2col2 {
	float: left;
	width: 200px;
}
#listingright {
	float: left;
	width: 250px;
        margin-top: 15px;
        margin-left: 5px;
}
#listingrightrow1 {
	float: left;
	width: 238px;
        padding-left: 10px;
        margin-left: 0px;
        padding-bottom: 0px;
        margin-bottom: 10px;
        border-bottom: #cccccc 1px solid;
        border-right: #cccccc 1px solid;
        border-left: #cccccc 1px solid;
        border-top: #cccccc 1px solid;
	background-color: #F2F2F2;
}  
#listingrightrow1 h3 {
	font: bold 15px arial, helvetica, sans-serif; 
	color: #0099FF;
        padding-left: 0px;
        padding-top: 10px;
        margin-left: 0px;
} 
#listingrightrow1 p {
	font: bold 12px arial, helvetica, sans-serif; 
	color: #666666;
        padding-left: 0px;
}
#listingrightrow2 {
	float: left;
	width: 250px;
        margin-bottom: 10px;
}
#relatedlinks {
	float: left;
	width: 250px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#relatedlinks h3 {
	font: bold 14px arial, helvetica, sans-serif; 
	color: #ffffff; 
	text-align: left;
	padding-left: 10px;
        padding-top: 5px;
        padding-bottom: 0px;
}
#relatedlinksrow1 {
	float: left;
	width: 248px;
	margin: 0px;
        padding-bottom: 0px;
	background-color: #0099FF;      
        border-right: #cccccc 1px solid;
        border-left: #cccccc 1px solid;
        border-top: #cccccc 1px solid;
}
#relatedlinksrow2 {
	float: left;
	width: 248px;
	margin: 0px;
        padding-top: 0px;
        border-bottom: #cccccc 1px solid;
        border-right: #cccccc 1px solid;
        border-left: #cccccc 1px solid;
}

/* BASIC FONT STYLES
---------------------------------------------------------- */
/* bold sans-serif; using arial in preference to helvetica
   because of its superior unicode handling in windows */
h1, h2, h3, h4, h5, h6,
div.bmw_navigation,
a.bmw_mainsectionlink,
a.bma_head {
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
}

/* normal sans-serif */
div.bmw_breadcrumbs,
.bmc_comment_meta,
form.bmf_form label {
    font-family: arial, helvetica, sans-serif;
}

a {
    color: #00c;
}
a:visited {
    color: #669;
}
a:hover {
    color: #f60;
}


/* FONT SIZES
---------------------------------------------------------- */

h3 {
    font-size: 100%;
    margin-bottom: 0.2em;
}

/* the entire homepage is smaller text */
#BMT_HomeMainContent {
    font-size: 90%;
}
#BMT_HomeMainContent div.bmw_link {
    font-size: 100%;
}
/* except the spotlight headline, which is bigger */
div.bmw_spotlightLinks a.bma_head {
    font-size: 165%;
    line-height: 1.3em;
}
/* elsewhere, all link lists are smaller than other text */
div.bmw_link {
    font-size: 100%;
}

/* x-small fonts */
div.bmw_footer,
div.bmc_caption,
div.bmt_pageInfo,
p.bmw_tags,
div.bmw_breadcrumbs {
    font-size: 85%;
}

/* big blockquote */
blockquote.bmc_bigPullquote {
    font-size: 160%;
    line-height: 1.3em;
}

/* OVERALL PAGE WRAPPERS
------------------------------------------------------------------------- */
div.bmt_wrapper {       /* creates a border around the page */
    margin: 1em auto;
    width: 956px;
    border: 1px solid #ccc;
    background-color: #f3f3ff;
}

div.bmt_page_canvas {
	/* the main container for the page */
	background-color: #fff;
	width: 950px;
	margin: 3px;
	text-align: left;
}


/* COLUMNS WIDTHS/LAYOUT
------------------------------------------------------------------------- */

/* On most pages, .bmt_mainContent is the container for the
   left and main column */
div.bmt_mainContent {
    overflow:hidden;
    line-height: 1.5em;
    clear:both;
    float: left;
    width: 770px;
}
/* ...except on the homepage where it contains all columns
   between navigation and footer. */
#BMT_HomeMainContent {
    width:100%;
    float:none;
}

/* general column setup */
div.bmt_column {
    float: left;
    overflow: hidden;
    zoom: 1;
    margin-right: 10px;
    text-align: left;
    padding-bottom: 1px;
}
div.bmt_narrow,
div.bmt_sidebar {
    width: 160px;
    padding: 5px;
    overflow: hidden;
}
div.bmt_adcol {
    margin-right: 0px;
}

/* specific column setup */
div.bmt_pageContent {
    float: right;
    width: 590px;
    overflow: hidden;
}

/* left column of interior pages
   (contains subnavigation and sidebar) */
div.bmt_utility {
    width: 170px;
    float: left; /* safari needs this */
}

/* comments, at bottom of content pages */
div.bmw_comments {
    float:left;
    width: 450px;
}

/* "latest" links, used at bottom of content pages */
div.bmw_latestLinks {
    float:left;
    padding-left: 0px;
}


/* TOP HEADER
------------------------------------------------------------------------- */
div.bmt_header {
    /* wrapper around the logo and search columns */
    height:50px;
    overflow: hidden;
    margin-bottom: 3px;
}

/* logo area (orange box) ------------- */
div.bmt_headerBrand {
    /* holds the logo or site name */
    width:170px;
    float:left;
}
/*on homepage, this headerBrand is wider */
body.bmt_home div.bmt_headerBrand {
    width:410px;
}

h1.bmw_sitelogo {       /* sitelogo; displays site name in main logo */
    margin: 0;
    font-family: georgia, palatino, "palatino linotype",
        times, "times new roman", "hoefler text", serif;
    font-size: 110%;
    font-weight:bold;
}
/*on homepage, the site name is bigger, not bold */
body.bmt_home h1.bmw_sitelogo {
    font-size: 180%;
    font-weight: normal;
}

h1.bmw_sitelogo a,
h1.bmw_sitelogo a:visited { /* logo text link; display as orange box */
    display:block;
    background: url(bm~theme/logo-top.png) no-repeat #e80;
    height: 44px;
    padding-top:6px;
    padding-left: 20px;
    padding-right: 5px;
    color: #fff;
    text-align:right;
    text-decoration: none;
}
/*on homepage, less padding because of larger font size */
body.bmt_home h1.bmw_sitelogo {
    padding-top: 0px;
    height: 50px;
}

/* search area (green box) ---------------- */
div.bmt_headerText {
    /* green box; holds search form, header text */
    float:right;
    width: 765px; /* for internal pages */
    height: 47px;
    padding-top: 3px;
    padding-left: 5px;
    background: url(bm~theme/search-top-green.png) repeat-x #8b2;
    color: #fff;
}
/*on homepage, this headerText green bar is narrower */
#BMT_HomeHeaderText {
    width:525px;
}

/* today's date */
span.bmw_today {
    font-size:110%;
    line-height:1.4em;
}

/* SEARCH FORM
------------------------------------------------------------------------- */
form.bmw_search {
    float:right;
    width: 337px;
    padding: 0px 5px 0px 18px;
    background: url(bm~theme/search-icon.gif) no-repeat 0px 3px;
}

/* search field */
form.bmw_search input {
    border: 1px solid #8b2;
    color: #333;
    background-color: #fff;
    font-size: .9em;
    padding: 3px;
    width: 250px;
    margin:0;
}

/* search button */
form.bmw_search button {
    border-width: 1px;
    padding: 2px;
    font-size: .9em;
    margin:0px 0px 0px 5px;
}

/* form on search results page gets a more plain display */
div.bmw_search_results form.bmw_search {
    padding: 0;
    margin: 1em auto;
    background-image: none;
    float: none;
}
div.bmw_search_results form.bmw_search input {
    width: auto;
    border-color: #9cf;
}



/* NAVIGATION - rules shared between main nav and subnav
------------------------------------------------------------------------- */

/* section links */
a.bmw_mainsectionlink,
div.bmw_navigation a {
    text-decoration: none;
    font-weight: bold;
}

/* active and rollover section links */
div.bmw_navigation li.bmn_active a,
div.bmw_navigation li.bmn_active a:visited,
div.bmw_navigation li.bmn_active a:hover,
div.bmw_navigation a:hover {
    color: #FF9C00;
}

/* menu item background */
div.bmw_navigation li,
div.bmw_navigation li ul li {
    background-color: transparent;
}


/* MAIN NAVIGATION - specific rules for main nav
------------------------------------------------------------------------- */

div.bmt_navigation {
    background: url(bm~theme/nav-top-gray.png) repeat-x #222;
    margin-bottom: 10px;
    height: 1.7em;
    font-size: 120%;
}

div.bmn_hnav {
    /* prevent ie from hiding main nav behind subnav */
    z-index: 1;
}

/* inactive link color */
div.bmt_navigation a,
div.bmt_navigation a:visited {
    color: #999;
}
div.bmt_navigation a:hover {
    color: #fff;
}

/*background color of dropdown menus */
div.bmt_navigation li ul {
    background: #333;
}

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

/* active item background color */
div.bmt_navigation li.bmn_active {
    background-color: transparent;
}

/* border between menu items */
div.bmt_navigation li {
    border-bottom: 0px;
    border-right: 0px;
}

/* first level of main subnav smaller */
div.bmt_navigation li ul {
    font-size: 90%;
}
div.bmt_navigation li ul ul {
    font-size: 100%;
}


/* SUB-NAVIGATION (left-column nav on internal pages)
------------------------------------------------------------------------- */

div.bmt_subnavigation div.bmw_navigation {
	width: 170px;
	background-color: #0099FF;
	padding-bottom: 1.6em;
	background-position: left bottom;
	background-repeat: no-repeat;
}
div.bmt_subnavigation ul,
div.bmt_subnavigation li {
    /* safari submenus behave better w/unit-based width */
    width: 170px;
}

/* browse more heading */
div.bmt_subnavigation h3 {
    margin-top: 0;
    padding-left: 5px;
}

/* main section link at top of subnav */
a.bmw_mainsectionlink,
a.bmw_mainsectionlink:visited {
    font-size: 120%;
    color: #fff;
    display: block;
    padding: 5px;
    background-color: #f90;
    border-bottom: 3px #666 solid;
}
a.bmw_mainsectionlink:hover {
    color: #0099FF;
}

/* inactive link color */
div.bmt_subnavigation a,
div.bmt_subnavigation a:visited {
    color: #333;
    padding: .3em 5px;
}

/*background color of dropdown menu */
div.bmt_subnavigation li ul {
	background-color: #0099FF;
}

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

/* border between section links */
div.bmt_subnavigation li {
    border-top: solid 1px #8b2;
    border-bottom: 0px none;
    border-right: 0px none;
}

/* active item background color */
div.bmt_subnavigation li.bmn_active {
    background-color: #000000;
}

/* nudge horizontal nav up by .5em more (for li border) */
div.bmt_subnavigation ul ul {
    margin-top: -1.88em;
}



/* HOMEPAGE ADDITIONS
------------------------------------------------------------------------- */

div#BMT_HomePrimaryLinks {
    width: 410px;
    padding-bottom: 1px;
}

/* spotlight link presentation */
div.bmw_spotlightLinks div.bmw_link {
    border: 1px solid #ccc;
    padding: 4px;
    margin-bottom: 2em;
}

/* on section pages, links presented in left column
   under spotlight, in vertical list */
#BMT_SectionContent div.bmw_links {
    width: 450px;
    float: left;
}

/* ...but on homepage, they are tiled horizontally */
#BMT_HomePrimaryLinks div.bmw_links div.bmw_link {
    float:left;
    margin-right: 5px;
    padding-left: 5px;
    margin-bottom: 1.5em;
    width:195px;
    overflow:hidden;

 /* these left-column link blocks must be a fixed
    height; to make these links taller or shorter,
    edit this height (increase or decrease
    in increments of 1.5em): */
    height:15em;
}

/* spacing between additional links */
div.bmw_moreLinks {
    margin-bottom: 2em;
}

/* on section pages, morelinks presented in right column
   under spotlight */
#BMT_SectionContent div.bmw_moreLinks {
    float: right;
    width: 160px;
    padding: 0px 5px;
}

/* spacing between homepage's "browse more" links */
div.bmw_sections div.bmw_link {
    margin-bottom: 0.3em;
}

/* contains the right two columns;
   can be used to display wide-ish banners, too */
#BMT_HomeContentAds {
    width: 350px;
    text-align:center;
}

/* navigation appears below both link columns on section pages */
ul.bmw_overflowNav {
    clear:both;
}


/* INTERNAL PAGE ADDITIONS
------------------------------------------------------------------------- */

/* page headline */
h2.bmw_headline {
    color: #fff;
    font-size: 200%;
    line-height: 1.2em;
    padding: 5px;
    margin: 0em 0em .3em;
}
/* ...except for homepage, which has none of this */
#BMT_HomeContent h2.bmw_headline {
    color: #000;
    font-size: 100%;
    line-height: 1.5em;
    padding: 0;
    background-color: transparent;
    background-image: none;
    margin: 0em 0em 0.3em;
}

/* feed pages have no breadcrumbs;
   adjust top margin of headline accordingly */
.bmt_feed h2.bmw_headline {
    margin-top: 1.05em;
}

/* navigation breadcrumbs */
div.bmw_breadcrumbs {
    margin-bottom: 0.2em;
    color: #333;
    line-height: 1.8em;
}
div.bmw_breadcrumbs a,
div.bmw_breadcrumbs a:visited {
    color: #333;
}
div.bmw_breadcrumbs a:hover {
    color: #f60;
}

/* byline style */
div.bmw_byline {
    padding: 0.2em 5px;
	background-color: #f3f3ff;
	background-image: url(bm~theme/byline-gray-bottom.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 0.2em;
}

/* container for publish date and email/print links */
div.bmt_pageInfo {
    background-color: #f3f3ff;
    margin-bottom: 1.5em;
    padding: 0.2em 5px;
    border-bottom: 1px #ddd solid;
}

/* document and image captions */
div.bmc_caption {
    color: #666;
    line-height: 1.3em;
}


/* PULLQUOTES, DOCUMENTS, CODE BLOCKS, AUTHOR BLURBS
------------------------------------------------------------------------- */

div.bmw_authorblurb,
div.bmc_download,
div.bmc_document,
pre {
    border: 1px solid #9cf;
    background-color: #f3f3ff;
    padding: 1em;
    margin-bottom: 15px;
    overflow: auto;
    zoom:1;
}
pre { /* help ie6 observe overflow rule */
    width: 94%;
    padding: 2%;
    margin: 1em auto;
}

blockquote.bmc_bigPullquote,
blockquote.bmc_smallPullquote {
    padding: 1em 1em 1em 45px;
    background: url(bm~theme/quote.png) no-repeat 3px 3px;
    color: #36c;
}

/* document downloads */
div.bmc_aboveContent div.bmc_document,
div.bmc_belowContent div.bmc_document,
div.bmc_centerDocument,
div.bmc_download {
    text-align:center;
    margin: 0em auto 1em;
    width: auto;
}

/* author blurb */
div.bmw_authorblurb {
    margin:1em 0em;
}


/* IMAGES
------------------------------------------------------------------------- */

/* misc images */
div.bmc_image {
    padding:0px;
    background-color: #ffffff;
    border:0px solid #9cf;
}

div.bmc_centerContentImage {
    margin-bottom: 1em;
}


/* image gallery */
div.bmw_gallery div.bmc_image {
    border:1px solid #9cf;
    padding: 3px;
    background-color: #f3f3ff;
    margin-bottom: 0.5em;
}
div.bmw_gallery h3 {
    margin-top: 0;
}
div.bmw_gallery {
    margin-bottom: 1em;
}


/* EMAIL/COMMENT/WIDGET FORMS
---------------------------------------------------------- */
form.bmf_form {
    border: 1px solid #9cf;
    background-color: #f3f3ff;
    padding:.5em;
}
form.bmf_form input,
form.bmf_form textarea {
    border-color: #9cf;    
}


/* COMMENTS
------------------------------------------------------------------------- */

/*blue border for comments */
.bmc_comment {
    border:1px solid #9cf;
    padding:4px;
    background-color: #f3f3ff;
}
/*green border for staff comments */
.bmc_comment_staff {
    background-color: #fff;
    border:1px solid #9c3;
}

/* blue header bar for each comment */
.bmc_comment_meta {
    background-color: #36f;
    color: #fff;
    padding: 2px 4px;
}
/* green header for staff comments */
.bmc_comment_staff .bmc_comment_meta {
    background-color: #FF5400;
}
.bmc_comment_meta a,
.bmc_comment_meta a:visited {
    color: #fff;
}
.bmc_comment_timestamp {
    padding-top: 2px;
}
.bmc_comment_date,
.bmc_comment_time {
    border-right: 1px solid #ccc;
}


/* ANNOUNCEMENTS, TIPS, RELATED LINKS
------------------------------------------------------------------------- */

div.bmw_tips,
div.bmw_announcements {
    margin-bottom: 1.5em;
}

div.bmw_related ul,
div.bmw_related li,
div.bma_related ul,
div.bma_related li {
    /* related links lists within link blocks and on
       content pages */
	margin: 0;
	padding: 0;
	list-style: square inside;
        padding-left: 5px;
	padding-top: 0px;
        padding-bottom: 5px;

}

/* NEWS FEED LIST
------------------------------------------------------------------------- */
div.bmw_sectionfeeds {
    margin-top: 1.5em;
}

div.bmw_sectionfeeds ul,
div.bmw_sectionfeeds li {
    margin: 0;
    padding: 0;
    line-height: 1.4em;
    list-style: none;
}

div.bmw_newsgadget {
    margin: .8em 0em;
}


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

div.bmt_footer {
    clear: both;
    text-align: center;
    margin: 0px 0px 10px; 
    line-height: 1.4em;
    color: #000000;
    padding-top: 1em;
    font: bold 12px verdana, arial, helvetica, sans-serif;
    position: relative; /* for internet explorer */
}

/* center big medium logo */
a.bmw_bigmedium {
    margin: .5em auto 0 auto;
}