/* bm~styles.css -----------------------------------------------------
   CSS styles for Quest Energy Services,
   generated 2009-12-14 18:29:56 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 3097 2008-06-03 16:33:08Z 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: 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, 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: 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 2716 2007-10-31 17:46:37Z 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 {
    /* if safari has trouble w/vertical alignment of submenus,
       try setting to a unit-based width, like 100px */
    width:100%;
}

div.bmn_vnav li ul {
    margin-left:100%; /* match width above */
}

/* the rest is the css to handle the layout of the dropdowns
   --------------------------------------------------------- */

/* note: avoid position:relative on "div.bmn_vnav" or
   "div.bmn_vnav ul" -- makes ie7 cover adjacent text
   and links and make them unclickable */

div.bmn_vnav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

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

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

/*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;
    display:block;
    width: 0px;
    overflow:hidden;
    clear:left;
}

/* 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 SUBNAVIGATION VSUB STYLES
------------------------------------------------------ */
/* $Id: vsub_dropdown.css 2716 2007-10-31 17:46:37Z 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 {
    /* if safari has trouble w/vertical alignment of submenus,
       try setting to a unit-based width, like 100px */
    width:100%;
}

div.bmn_vsubnav li ul {
    margin-left:100%; /* match width above */
}

/* the rest is the css to handle the layout of the dropdowns
   --------------------------------------------------------- */
   
/* note: avoid position:relative on "div.bmn_vsubnav" or
   "div.bmn_vsubnav ul" -- makes ie7 cover adjacent text
   and links and make them unclickable */

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

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

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

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

/*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;
    display:block;
    width: 0px;
    overflow:hidden;
    clear:left;
}

/* START SUBNAVIGATION HSUB STYLES
------------------------------------------------------ */
/* $Id: hsub_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_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;
    display:block;
    width: 0px;
    overflow:hidden;
    clear:left;
}

/* START THEME STYLES
----------------------------------------------------------- */
body {
	font-family: "Trebuchet MS", Arial, sans-serif;
	margin: 0px 20px 12px;
	padding: 0;
	background-color: #00CC00;
}

/*Pagewrapper serves as a container for all elements on the page.
Min-width is set to 720px. This prevents the box from getting too narrow -
to the point that it would either break the layout or make text
impossible to read. When a user makes the browser window narrow,
pagewrapper will shrink in width until it reaches 720px - then the
browser will spawn a horizontal scrollbar. MSIE 6 does not support
min-width, but we have included a special workaround. See the
readme_first file included with this PagePack for details.*/
#pagewrapper{
	margin: 0 0 0 0;
	min-width: 720px;
}

/*The masthead DIV contains the background images that comprise the
layout's upper curve, as well as the logodiv.
Masthead's background image tiles left to right along the X-Axis
creating the masthead's textured backdrop.*/
#masthead {
	background-image: url(../images/topmiddle.jpg);
	background-repeat: repeat-x;
	vertical-align: bottom;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

/*The logodiv carries the embedded logo image and a right-aligned
background image that creates the abstract pear scene and the
top right corner of the top curve.*/
#logodiv {
	background-image: url(../images/topleft.jpg);
	background-repeat: no-repeat;
	background-position: left;
	vertical-align: bottom;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

/*The menubar DIV is the container for our menu. Background image
is set to render a textured behind the top-level links that matches
the sub-menu texture. Dark gray borders are set on all sides except
for the top. The lighter-colored top border you see is actually part
of the masthead images. Font-size is set to .85em for the entire menu.*/
#menubar {
	background-image: url(../images/figleaf12.jpg);
	background-repeat: repeat-x;
}

/*The logodiv carries the embedded logo image and a right-aligned
background image that creates the abstract pear scene and the
top right corner of the top curve.*/
#menubar2 {
	background-image: url(../images/figleaf9.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 120px;
}



/*Sidebar1 is the left sidebar table cell.*/
#sidebar1 {
	background-image: url(../images/leftside.jpg);
	background-repeat: repeat-y;
	width: 165px;
	background-color: #FFFFFF;
}

/*Maincontent is the center content table cell. We assign a background
image to create a dashed vertical rule between maincontent and sidebar1.*/
#maincontent {
	font-size: .9em;
	background-repeat: repeat;
	background-position: left top;
	padding: 13px 20px 10px;
	vertical-align: top;
	background-color: #FFFFFF;
	background-image: url(/images/middlebit.jpg);
	height: 300pt;
}

/*Maincotent paragraph margins.*/
#maincontent p {
	margin: 0px 0;
	color: #000033;
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 5px;
	padding-left: 5px;
	font-weight: normal;
	padding-top: 0px;
	padding-bottom: 5px;
	text-decoration: none;
	font-size: 0.9em;
	line-height: 14pt;
}

/*Sidebar2 is the right sidebar table cell. We assign a background
image to create a dashed vertical rule between sidebar 2 and maincontent.*/
#sidebar2 {
	font-size: .8em;
	padding: 0px;
	background-color: #FFFFFF;
	width: 150px;
	text-align: center;
	background-repeat: repeat-y;
}
/*Sidebar2 is the right sidebar table cell. We assign a background
image to create a dashed vertical rule between sidebar 2 and maincontent.*/
#sidebar3 {
	background-image: url(../images/rightedge.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	width: 52px;
}

/*The copyrightcell carries the textured background along the bottom
edge of the mainbox. Nested inside this cell is the
copyrightnotice DIV.*/
#copyrightcell {
	background-image: url(../images/bottommiddle.jpg);
	background-repeat: repeat-x;
}

/*Copyrighnotice contains the embedded copyright notice, which
also creates the bottom left curve of the main box. We also set
a background image that completes the bottom curve.*/
#copyrightnotice {
	font-size: .75em;
	background-image: url(../images/bottomleft.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#sidebar1 h3, #sidebar2 h3 {
	color: #666666;
}
/*the top class is applied to headings at the top of a DIV when we want
those heading to be flush with the top of the DIV. This class can be
assigned to any element to set its margin to zero.*/
.top {margin: 0;}
#sidecontent a:link {
	color: #837C50;
}
#sidecontent a:visited {
	color: #9D9660;
}
#sidecontent a:hover, #sidecontent a:active, #sidecontent a:focus {
	color: #333333;
}
/*Footer styles*/
#footer a:link {
	font-size: 0.75em;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 10px;
	margin: 0px;
	padding: 0px;
}
#footer a:visited {
	font-size: 0.75em;
	color: #CCCCCC;
	text-decoration: none;
	line-height: 10px;
	margin: 0px;
	padding: 0px;
}
#footer a:hover, #footer a:active, #footer a:focus {
	font-size: 0.75em;
	color: #FFFFFF;
	text-decoration: underline;
	line-height: 10px;
	margin: 0px;
	padding: 0px;
}
#maincontent h3 {
	text-align: left;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 2px;
	font-size: 1em;
}
#maincontent h2 {
	margin: 0px;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	color: #003366;
	text-align: left;
	line-height: normal;
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 4px;
}
#maincontent h1 {
	margin: 0px;
	font-size: 1.8em;
	font-family: Arial, Helvetica, sans-serif;
	color: #003399;
	text-align: left;
	line-height: normal;
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 10px;
}
#maincontent h1 a {
	text-align: left;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
#maincontent h1 a:hover {
	text-align: left;
	color: #0088ba;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
#maincontent h2 a {
	text-align: left;
	color: #003399;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	border: 0px;
	text-decoration: none;
}
#maincontent h2 a:hover {
	text-align: left;
	color: #0033FF;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
#maincontent h2 a:visited {
	text-align: left;
	color: #003399;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
#maincontent h1 a:visited {
	text-align: left;
	color: #003399;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
#maincontent img {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #666666;
}
#maincontent h4 {
	margin: 0px 0;
	text-align: left;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 20px;
	text-decoration: none;
	font-size: 9pt;
	line-height: 10pt;
	font-style: italic;
}
#button img {
	border: 0px;
}
#sidebar2 h1 {
	font-size: 1.5em;
	padding: 20px 2px 0px 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #003399;
	margin: 0px;
	line-height: 20px;
}
#sidebar2 p {
	font-size: 0.9em;
	padding: 5px 2px 0px 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #000033;
	font-style: italic;
	margin: 0px;
}
#footer {
	margin-right: 30px;
	padding: 0px;
	margin-top: 0px;
}
#line {
	background-color: #124586;
}
#maincontent ul {
	margin: 0px 0px 20px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	line-height: 13pt;
	padding: 0px;
}
#sidebar2 a {
	color: #000033;
	text-decoration: none;
}
#sidebar2 img {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #666666;
}
#sidebar2 img a {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #666666;
}
#main2 {
	margin: 0;
	min-width: 720px;
	background-color: #FFFFFF;
	padding: 0px;
	height: 50px;
}
#main2 p {
	margin: 0px;
	color: #000033;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	font-size: .8em;
	line-height: 14pt;
	text-align: center;
	padding: 0px;
}
#main2 a {
	margin: 0px 0;
	color: #000033;
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 5px;
	padding-left: 5px;
	font-weight: normal;
	padding-top: 0px;
	padding-bottom: 10px;
	text-decoration: none;
	text-align: center;
}
#maincontent li {
	margin: 0px;
	color: #000033;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	font-size: 0.9em;
	line-height: 18pt;
	padding: 0px 0px 10px 10px;
}

#maincontent ul {
	padding: 0px 0px 10px 200px;
}
#footer p {
	margin-right: 30px;
	padding: 0px;
	margin-top: 0px;
	line-height: 10px;
}
#maincontent a {
	color: #000033;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
}
#maincontent a:hover {
	color: #000033;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: underline;
}












/* 
  -----------------------------------
  PopMenu Magic Style Sheet
  by Project Seven Development
  www.projectseven.com
  Menu Type: Vertical
  Style Theme:3 -Blue Sapphire
  -----------------------------------
*/
div.bmw_navigation, div.bmw_navigation ul {
	margin: 0;
	padding:0;
}
div.bmw_navigation li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div.bmw_navigation ul {
	z-index: 10000;
	background-color: #00CC00;
}
div.bmw_navigation a, div.bmw_navigation ul a {
	display: block;
	text-decoration: none;
	padding: 4px 5px 4px 25px;
	border-top: 0px solid #495F96;
	border-right: 0px solid #394975;
	border-bottom: 1px solid #000033;
	border-left: 0px solid #495F96;
	line-height:1;
	font-size: 0.9em;
	color: #000033;
	background-color: #FFFFFF;
}

/* ------ the current page marker style ------ */
div.bmw_navigation .p7PMmark {
}
/* ------ the trigger link styles ------- */

/*the normal trigger link */
div.bmw_navigation .p7PMtrg {
	background-image:  url(img/p7PM_dark_east.gif);
	background-repeat:	no-repeat;
	background-position: right center;
}
/* the active trigger link style */
div.bmw_navigation .p7PMon {
	color: #336666;
}

/*the submenu classes */

div.bmw_navigation .p7PMhide {
	left: -9000px;
	border: 0;
}
div.bmw_navigation .p7PMshow {
	left: auto;
	z-index: 20000 !important;
}
/* Top level menu width */
div.bmw_navigation {
	width: 160px;
	color: #99CC00;
}

/* 2nd and subsequent Submenu widths */
div.bmw_navigation ul {
	width: 160px;
	color: #660033;
}

/* ------ this one deals with the first level of menu ------- */
div.bmw_navigation ul li a {
	background-image: url(images/leftside.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	background-color: #FFFFFF;
}

/* ------ this one deals with the flyout menus only ------- */
div.bmw_navigation ul ul li a {
	background-color: #FFFFFF;
	background-image: none;
}

div.bmw_navigation ul ul {

	border-top: 1px solid #009900;
	border-right: 1px solid #002200;
	border-bottom: 1px solid #002200;
	border-left: 1px solid #009900;
	background-image: none;
}




div.bmw_navigation a:hover
 {
	color: #FFFFFF;
	background-color: #009900;
	background-image: none;
}