/* bm~styles.css -----------------------------------------------------
   CSS styles for Dawson Times,
   generated 2007-07-10 04:44:39 GMT by Big Medium v2.0b50
   
   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 2306 2007-07-02 15:46:21Z 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;
}
* html div.bmw_navigation iframe { /* for ie dropdowns */
	position: absolute;
	left: -0.25em;
	top: -0.25em;
	z-index: 0;
}
select.bmHide { visibility: hidden; } /* for IE 5.0 dropdowns */


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

/* document icons
---------------------------------------------------------- */
a.bm_docicon {
    padding-left: 20px;
    background-image: url(bm~assets/docIconSm_generic.gif);
    background-repeat: no-repeat;
}
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 {
    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: 0;
    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;
}
ul.bmw_overflowNav a.bma_thisPage {
    background-color: #ffa;
}
span.bma_inertPage {
   color: #999;
   border-color: #ccc;
}

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

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

#bmlbox_overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
    background-color: #000;
}

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

/* START NAVIGATION VNAV STYLES
------------------------------------------------------ */
/* $Id: vnav_dropdown.css 1545 2006-12-26 22:46:55Z 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_vnav li {
    background-color: #fff;        /*background color of main section area*/
}

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

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

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

/*
This section controls the width of the navigation; override in theme styles
-------------------------------------------------------------------    */
div.bmn_vnav, div.bmn_vnav ul, div.bmn_vnav li {
    width:100%; /* width of the navigation column and dropdown menus */
}

div.bmn_vnav li ul {
    margin-left:100%; /* should be same as the width above */
}

/* the rest is the css to handle the layout of the dropdowns
   --------------------------------------------------------- */
div.bmn_vnav, div.bmn_vnav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position:relative;
}

div.bmn_vnav a {
    display: block;
    padding: .3em;
}

div.bmn_vnav li {
    float: left;
    line-height:1.2em;
}

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

/*hide all subnav*/
div.bmn_vnav li ul {
    /* margin is line height (1.2em) + ( 2 x padding div.bmn_vnav a (.3em) ) */
    margin-top:-1.8em;
    position: absolute;
    z-index: 1001;
    left: -999999em;
}

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

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

/* START NAVIGATION HNAV STYLES
------------------------------------------------------ */
/* $Id: hnav_dropdown.css 1545 2006-12-26 22:46:55Z 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;
    clear:left;
    display:block;
}

/* START SUBNAVIGATION VSUB STYLES
------------------------------------------------------ */
/* $Id: vsub_dropdown.css 1545 2006-12-26 22:46:55Z 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_vsubnav li {
    background-color: #fff;        /*background color of main section area*/
}

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

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

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

/*
This section controls the width of the navigation; override in theme styles
-------------------------------------------------------------------    */
div.bmn_vsubnav, div.bmn_vsubnav ul, div.bmn_vsubnav li {
    width:100%; /* width of the navigation column and dropdown menus */
}

div.bmn_vsubnav li ul {
    margin-left:100%; /* should be same as the width above */
}

/* the rest is the css to handle the layout of the dropdowns
   --------------------------------------------------------- */
div.bmn_vsubnav, div.bmn_vsubnav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position:relative;
}

div.bmn_vsubnav a {
    display: block;
    padding: .3em;
}

div.bmn_vsubnav li {
    float: left;
    line-height:1.2em;
}

/*hide all subnav*/
div.bmn_vsubnav li ul {
    /* margin is line height (1.2em) + ( 2 x padding div.bmn_vsubnav a (.3em) ) */
    margin-top:-1.8em;
    position: absolute;
    z-index: 1001;
    left: -999999em;
}

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

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

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

/* START SUBNAVIGATION HSUB STYLES
------------------------------------------------------ */
/* $Id: hsub_dropdown.css 1545 2006-12-26 22:46:55Z 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_hsubnav li {
    background: #fff;  /* background color of main, top-level sections */
}

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

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

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

div.bmn_hsubnav 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_hsubnav li { /* vary main section width according to name length */
    width:auto; 
}

div.bmn_hsubnav li ul,
div.bmn_hsubnav li li {
    width:10em; /* width of the navigation items and dropdown menus */
}
div.bmn_hsubnav 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_hsubnav, div.bmn_hsubnav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position:relative;
    zoom:1; /* forces IE to give layout and honor relative position */
}
div.bmn_hsubnav { margin: 0px 0px 1px 0px; }

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

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

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

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

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

/* START THEME STYLES
----------------------------------------------------------- */
/* ----------------------------------------------------------
   DEFAULT STYLES
   ---------------------------------------------------------- */

body {
    background-color: #ad0500;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 10px 0;
    margin: 0;
    text-align: center;
}

p {
    margin: 1em 0em 0em;
}

ul, ol {
    margin: 1em 0em 1em 1em;
    padding: 0;
}

li {
    margin: 1em 0em 0em;
    padding: 0;
}

/* ----------------------------------------------------------
   LINK STYLES
   ---------------------------------------------------------- */

a:link {
    color: #006;
}
a:visited {
    color: #909;
}

/* some links should not change color when visited */
div.bmw_link a.bma_section:visited,
div.bmw_breadcrumbs a:visited {
    color: #006;
}

a:hover {
    color: #c00;
}

/* headline links */
div.bmw_link a.bma_head {
    font-weight: bold;
}


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

/* small font (regular size) */
body,
.bmc_smallPullquote,
h3.bmw_tips {
    font-size: x-small;
    voice-family: "\"}\"";
    voice-family: inherit;
    font-size: small;
}

/* x-large font */
h2.bmw_headline {
    font-size: large;
    voice-family: "\"}\"";
    voice-family: inherit;
    font-size: x-large;
}

/* medium font (regular size) */
.bmc_smallPullquote,
div.bmw_spotlightLinks div.bmw_link a.bma_head {
    font-size: small;
    voice-family: "\"}\"";
    voice-family: inherit;
    font-size: medium;
}

/* x-small sizes */
div.bmw_breadcrumbs,
span.bmw_pubdate,
span.bmw_modified,
div.bmc_caption,
div.bmw_footer,
div.bmw_link a.bma_section,
div.bmw_quickteaseLinks h3.bma_heading,
div.bmw_tips_tip {
    font-size: xx-small;
    voice-family: "\"}\"";
    voice-family: inherit;
    font-size: x-small;
}


/* ----------------------------------------------------------
   TOP STRIP ELEMENTS
   ---------------------------------------------------------- */

/* top utility links ------------- */

#toplinks {
    text-align: right;
    font-weight: normal;
    font-size: 9px;
    padding-bottom:12px;
    background: url(http://www.hometowntimes.com/graphics/top_003.gif);
}

#toplinks a,
#toplinks a:visited {
    color: #fff;
}
#toplinks a:hover {
    color: #fff;
    text-decoration: underline;
}

/* main logo cell ---------------- */

td.logo {
    border-bottom: #29006B 9px solid;
    border-top: #C60000 1px solid;
    text-align: left;
}

/* yellow pages links ------------ */

.yellowpageimg {
    margin-top: 15px;
    height: 63px;
    padding-right: 9px;
    text-align: right;
}


/* quicklinks pulldown ----------- */

#pullz {
    text-align: right;
    width: 100%;
    height: 23px;
    padding-top:2px;
    background-color: #29006B;
}

form.bmw_pulldown {
    margin: 0;
    padding: 0;
}

form.bmw_pulldown select {
    font-size: 10px;
}




/* ----------------------------------------------------------
   SECTION NAVIGATION
   ---------------------------------------------------------- */

#MainNav {
    background: #ad0500;
    padding: 5px;
    text-align: center;
    position: relative;
    z-index: 1;
}


/* white border around subnavigation */
div.bmw_navigation ul ul {
    border: 1px solid #fff;
}
div.bmw_navigation ul,
div.bmw_navigation li {
    border:none;
}

/* all navigation gets a red #ad0500 background color,
   with a blue highlight color of #29006b */

div.bmw_navigation ul,
div.bmw_navigation ul ul,
div.bmw_navigation li,
div.bmw_navigation li ul li {
    background-color: #ad0500;
    text-align: left;
}

div.bmw_navigation li.bmn_hover,
div.bmw_navigation li:hover,
div.bmw_navigation li.bmn_active {
    background-color: #29006b;
}

/* links are always white, 11px bold, no underline */
div.bmw_navigation a,
div.bmw_navigation a:visited,
div.bmw_navigation li.bmn_active a {
    background-color: transparent;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
}

div.bmw_navigation a:hover,
div.bmw_navigation li.bmn_active a:hover {
    text-decoration: underline;
    color: #fff;
}

/* ----------------------------------------------------------
   SUBSECTION NAVIGATION
   ---------------------------------------------------------- */

/* subsection nav links follow same style rules as above, but
   we put a white border around the containing #SubNavigation
   div */

/* fix the width to 175px prevent IE from slipping subnav to the
   bottom of the page */

#SectionMenu {
    width: 175px;
}

#SubNavigation {
    border-top: #fff solid 1px;
    padding-bottom: 5px;
    background-color: #ad0500;
    width:175px;
}

#SubNavigation ul {
    width: 175px;
}

#SubNavigation1 {
    padding: 0px 0px 5px 5px;
    margin: 0px 5px;
    background-color: #fff;
    width:160px;
}

.bmw_mainsectionlink,
a.bmw_mainsectionlink,
a.bmw_mainsectionlink:visited,
a.bmw_mainsectionlink:hover {
    background-color: #3382CF;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    padding: 5px;
    display:block;
}


/* ----------------------------------------------------------
   FOOTER STYLES
   ---------------------------------------------------------- */

#Footer {
    border: none;
    padding: 0em 1em 1em;
    margin: 0 auto;
    text-align: center;
}

/* ----------------------------------------------------------
   QUICKTEASE TEXT
   ---------------------------------------------------------- */

/*quicktease heading */
div.bmw_quickteaseLinks h3.bma_heading {
    margin-bottom: 0px;
}

/* ----------------------------------------------------------
   TIPS STYLES
   ---------------------------------------------------------- */

/* tip text */
div.bmw_tips_tip {
    color: #333366;
}

/* ----------------------------------------------------------
   BIG-PICTURE LAYOUT ELEMENTS
   ...and elements that are common to all pages.
   ---------------------------------------------------------- */

#PleaseUpgrade { display: none; }

#PageFrame {
    margin: 10px auto;
    width: 780px;
    position: relative;
    background-color: #fff;
    text-align: center;
}

.ieFixer {
    width: 100%;
    position: relative;
}

#Content {
    margin-top: 10px;
    width: 100%;
    text-align: left;
}

.fullborder {
    clear: both;
    border-top: #999 1px dotted;
    background: #fff;
}

.adpeeps {
    background-color: #fff;
    padding: 10px 1px 10px 5px;
}

#sidebar_right {
    text-align: left;
    width: 179px;
    float: right;
    background-color: #fff;
}



/* ----------------------------------------------------------
   HOMEPAGE AND SECTION PAGES
   ---------------------------------------------------------- */

#OtherArticles {
    border-top: #999 1px dotted;
    padding-top: 10px;
}

#SpotImageRight {
    FLOAT: left;
    WIDTH: 180px;
    MARGIN-RIGHT: 5px;
}

#HomeOthers {
    FLOAT: left;
    WIDTH: 410px;
}

#SectionMenu {
    margin-right: 600px;
    position: relative;
}

#MainSecContent {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FLOAT: left;
    PADDING-BOTTOM: 5px;
    WIDTH: 410px;
    PADDING-TOP: 0px;
}

div.bmw_spotlightLinks {
    margin-top: 10px;
    margin-bottom: 7px;
    padding:5px;
    
}

#MainSecCanvas {
    float: right;
    width: 600px;
    background: #fff;
}

#OlderArticles {
    FLOAT: right;
    WIDTH: 175px;
    MARGIN-RIGHT: 0px;
}

/* ----------------------------------------------------------
   HOMEPAGE ONLY
   ---------------------------------------------------------- */

#weather {
    text-align: center;
    width: 160px;
    background-color: #E7F3FF;
}

#special_banner {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

#special_banner1 {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

.longlinks_head {
    width: 100%;
    background-color: #00559C;
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    padding: 5px;
}

/* ----------------------------------------------------------
   SECTIONS ONLY
   ---------------------------------------------------------- */

/* container for the main ad across the top of section pages */
#mainBanner {
    margin-top: 1em;
}


#BoxedArticles {
    padding: 5px;
    margin: 0;
    text-align: left;
}
#BoxedArticles a {
    font-weight: normal;
}
#BoxedArticles strong a {
    font-weight: bold;
}

/* on email and feeds pages only */
#SubSecContent {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FLOAT: right;
    PADDING-BOTTOM: 5px;
    WIDTH: 590px;
    PADDING-TOP: 5px;
    BACKGROUND-COLOR: #fff;
    margin-left: 5px;
}

/* ----------------------------------------------------------
   ARTICLE PAGE STYLES
   ---------------------------------------------------------- */

#ArticleContent {
    padding: 5px 0px 5px 5px;
    float: left;
    width: 370px;
}

#ArticleSideBar {
    padding: 5px 5px 5px 0px;
    margin-left: 380px;
    text-align: center;
}

.announce {
    margin-left: 2px;
    background-color: #FFFFED;
}


div.bmw_pagetools {
    margin-top: 1em;
}

div.bmw_pageContent {
    overflow: visible;
}

/* author byline */
div.bmw_byline {
    font-weight: bold;
}

/* publication and modified dates */
span.bmw_pubdate,
span.bmw_modified {
    color: #c00;
}

/* big pullquotes */
blockquote.bmc_bigPullquote {
    border: #006 dotted 4px;
    color: #006;
    font-weight: bold;
    padding: 10px;
    width: 208px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 180px;
}

/* small pullquotes */
blockquote.bmc_smallPullquote {
    background-color: #ffffff;
    background-image: url(http://www.hometowntimes.com/graphics/pullquote2.JPG);
    background-repeat: no-repeat;
    border-style: none;
    color: #08008e;
    font-family: georgia, palatino, "times new roman", serif;
    font-style: italic;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    width: 122px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 100px;
}

/* image captions */
div.bmc_caption {
    color: #666;
}

/* nudge breadcrumbs to the left */
div.bmw_breadcrumbs {
    margin-left: 5px;
    padding-left: 5px;
}

/* let centered images and captions extend across entire width */
div.bmc_centerContentImage,
.bmc_image {
    width: auto !important;
    text-align: center !important;
}


/* ----------------------------------------------------------
   COUPONS AND ADVERTISER DIRECTORY
   ---------------------------------------------------------- */

/* CouponCanvas replaces MainSecCanvas on coupon section page */

#CouponCanvas { /* custom version of MainSecCanvas for Coupon page */
    background: #fff;
}
#CouponCanvas #ArticleContent { 
    width:550px;
}
#CouponCanvas #ArticleSideBar {
    margin-left: 570px;
}
#CouponCanvas h2.bmw_headline {
    text-align:center;
}

/* advertiser directory gets custom yellow background on links */
div.advDirLinks div.bmw_link {
    background: #fff45b;
    padding: 1em;
    border:1px solid #cc9;
    margin: 0em 1em 1em;
}
div.advDirLinks {
    text-align:center;
}


/* ----------------------------------------------------------
   NEWS FEED AND UTILITY PAGES
   ---------------------------------------------------------- */

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

/* ----------------------------------------------------------
   RSS FEED STYLES
   ---------------------------------------------------------- */

.rss_box {
    width: 170px;
    padding: 5px 5px 5px 5px;
}

.rss_title,
.rss_title a {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    margin: 5px 0;
    padding: 0;
    text-align: right;
}

.rss_title a:visited,
.rss_title a:active {
    color: #922;
}

.rss_title a:hover {
    text-decoration: underline;
}

.rss_item {
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
    margin-bottom: 1em;
}

.rss_item a:link,
.rss_item a:visited {
    text-decoration: none;
    color: #26590D;
}

.rss_item a:hover {
    text-decoration: underline;
    color: #F66025;
}

.rss_date {
    font-size: 8px;
    font-weight: normal;
    color: #338;
}


    /* box around the link */
    div.bmc_external_link {
        border: 1px solid #090;
        background: #cfc;
        padding: 10px;
        text-align:center;
        margin: 1em auto;
    }
   
    /* the link text */
    div.bmc_external_link {
      font-size: 14px;
    }

/* scrolling comments */
    div.bmw_comments {
        height:450px;
        overflow:scroll;
        border:1px solid black;
        padding:5px;
font-size: 10px;
    }
form.bmf_form textarea.bmf_comment {
        width: 300px;
        height: 100px;

    }
.footerlinks A:link {text-decoration: underline; color: #FFF;}
.footerlinks A:visited {text-decoration: underline; color: #FFF;}