/*
  Common CSS Styles V2.0

  History:
  2008 Feb 28: Version 1.0: Initial Version

  This module provides the styling for global application
  within three related websites.

  Copyright (c) 2009, PageOne Websites and Internet Technology Co.

*/

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxx RESET! xxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

html, body, div, span, applet, object, iframe, p, blockquote, pre, /* a, */ abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var  {
  border: 0;
  margin: 0;

/* The outline: CSS property is not implemented in IE7.
  outline: 0;
*/
  padding: 0;
  vertical-align: baseline;
}



/* xxxxxxxxxxxxxxxxxxxxxxx LAYOUT xxxxxxxxxxxxxxxxxxxxxxxx */

body {
  background: #eee url('../img/bg_tile.gif') repeat-x center top;
  color: #333333;
  color: #00314C;
  font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Sans Serif", sans-serif;
  font-size: 90%;
  line-height: 1.4;
  width:100%;
  }

/*
#left_column p, #left_column ul, #content_container p {
  letter-spacing:0.06em;
  text-align:justify;
  text-align:left;
}
*/

#content_container {
  letter-spacing:0.03em;
  text-align:justify;
  text-align:left;
  _zoom:1; /* IE6: gives hasLayout */
}



#page_container  {
  margin: 0 auto;
  width:752px;
  }

.ppx_clear { background: transparent; clear:both; font-size:1px; height:1%; line-height:1px; }
.clear { clear: both; }

.brclear {
  clear:both;
  line-height:1px;
}


/* xxxxxxxxxxxxxxxxxxxxxx LOGO AREA xxxxxxxxxxxxxxxxxxxxxx */

#header_container { 
  position:relative;
}

#logo_container  {
  background-color: #FFE8A4;
  background-color: #ffffff;
  height:107px;
  width:752px;
}

#title_container {
  margin:20px 0 0 0;  
  padding-left:15px;
  position:absolute; 
  top: 0; 
  left: 120px; 
  right:0;
}

#title_container h1, #title_container h2 {
  border:0;
  margin:0;
  padding:0;
}

#title_container h2 {
  color:#005380;
  display:inline; 
  font-size:140%;
  font-style:italic;
}

#top_right {
  height:27px;
  text-align:right;
  width:84px; 
  position:absolute;
  top:5px;
  right:5px;
}

#nav_container {  }


/* xxxxxxxxxxxxxxxxxxxxxx HOME PAGE xxxxxxxxxxxxxxxxxxxxxx */

#indexCallout { 
  background-image: url('../img/main_graphic.jpg');
  background-repeat: no-repeat;
  background-position: top center;

  color:white; 
  height:241px; 
  overflow: hidden; 
  width:752px; 
  z-index:0; 
}

#indexCallout h1    { border:0; line-height:1.2; margin:0; padding:35px 15px 0 15px; }
#indexCallout h2    { border:0; line-height:1.2; margin:0 15px 10px 15px; padding:0; }

#indexCallout p {
  background: url('../img/png75.png') repeat top left;
  border: 0;
  color: #333333;
  color: #00314C;
  line-height: 1.6;
  margin:0;
  padding: 10px 15px;
  padding-bottom: 12px;
  margin-right:400px;
  }

.indexCalloutSm    { float:left;margin-right:1px;width:250px; }
.indexCalloutSmR    { float:left;margin-right:0;width:250px; }

* html .indexCalloutSm img    { margin-bottom: -3px; }
* html .indexCalloutSmR img  { margin-bottom: -3px; }

.normalCallout    { border-top: 3px solid #00314C; color: #00314C; font-size: 80%; line-height: 1.7; margin-top:1px; padding: 10px 15px; }
.getStarted      { color: #00314C; font-size: 80%; line-height: 1.7; margin-bottom: 50px; padding: 5px 15px; }

.purtzkiCallout {
  background: url('../img/main_graphic.jpg') no-repeat top center;
  color:white;
  }
.jfdentCallout {
  background: url('../img/main_graphic.jpg') no-repeat top center;
  color:white;
  }
.jfdocCallout {
  background: url('../img/main_graphic.jpg') no-repeat top center;
  color:white;
  }

a:link.redCallout, a:visited.redCallout {
  background:#F67500;

  background-color:#F67500;

  border-bottom:1px solid white;
  color:white;
  display: block;
  font-size: 90%;
  font-weight:bold;
  line-height: 1.7;
  margin:0;
  padding:15px;
  text-decoration: none;
  }
a:hover.redCallout {
  background:#DB6A00;
  border-bottom:1px solid white;
  color:white;
  display: block;
  font-size: 90%;
  font-weight:bold;
  line-height: 1.7;
  margin:0;
  padding:15px;
  text-decoration: none;
  }



/* xxxxxxxxxxxxxxxxxxxxxx HEADER AREA xxxxxxxxxxxxxxxxxxxxxx */

#content_container {
  background-color:#ffffff;
}

#page_title {
  border-bottom: 3px solid #00314C;
  height:auto;
  overflow: hidden;
  width: 752px;
  height:280px;
  }

#page_info {
  background:#FFE8A4;
  background:#E8E8E8; /* light grey */

  background:#A9A9A9; /* dark grey */

  background:#668CFF; /* blue */

  background:#3E83A3; /* darker blue */

  background:#FF9633; /* lighter orange */

  background:#DB6A00; /* darker orange */


  border:1px solid #bbbbbb;
  border-top:0;
  border-bottom:0;  
  
  color:#ffffff;

/*   color:#00314C; */

  float: left;
  height:100%;
  overflow:hidden;
  width:198px;
  text-align:center;
  }

#page_info p {
  font-size:150%;
  font-weight:bold;
  line-height:1.1;
  margin:0;
  padding:15px;
  padding-top:30px;
  padding-bottom: 0;
  }

#page_info h1 {
  border:0;
  font-size:175%;
  font-weight:bold;
  line-height:1.25em;
  margin:0;
  

  padding:25% 10px 0 10px;
  _padding-top:40px;


  pxadding:10px 10px 5px 10px;

  text-decoration:none;
  }


/* In CSS, floated elements need to have a width declared.
   Only elements with an intrinsic width
   (html, img, input, textarea, select, or object) are not affected.
*/
img#page_photo { display:block; float: right; }

/* xxxxxxxxxxxxxxxxxxxxxx LEFT COLUMN xxxxxxxxxxxxxxxxxxxxxx */

#left_column {
  background-color:#ffffff;
  clear:left;
  display:inline;
  font-size: 90%;
  float:left;
  height: 1%;
  margin:0;  padding:0;
  width:575px;
  overflow:hidden;
  _zoom:1; /* IE6: gives hasLayout */
  }

#left_pad { padding: 10px 15px; padding-bottom: 50px; }

#left_column p { 
  line-height: 1.6em; 
  padding-right: 10px; 
}

#left_column p.quote {
  background: #ffefbb;
  background-color: #FFE8A4;

  border-bottom: 1px solid #f5e5b1;
  border-bottom: 1px solid #EFD685;

  color: #00314C;
  font-size: 110%;
  padding: 20px;
  margin: 10px 0 5px 0;
  }



/* xxxxxxxxxxxxxxxxxxxxxx RIGHT COLUMN xxxxxxxxxxxxxxxxxxxxxx */

#right_column  {
  background-color:#ffffff;
  border-left: 1px solid #eee;
  border-bottom: 1px solid #eee;
  clear:right;
  display:inline;
  float:right;
  height: 1%;
  margin:0 0 50px 0;  padding:0;
  width:176px;
  }

#right_pad { padding: 10px; }

#right_column p.quote {
  background: #F9D6C3;

  background-color:#FAC180;

  border-bottom: 1px solid #DB6A00;
  color: #F67500;
  font-size: 84%;
  padding: 10px;
  margin: 0 0 5px 0;
  }



/* xxxxxxxxxxxxxxxxxxxxxx FOOTER xxxxxxxxxxxxxxxxxxxxxx */

#footer_container {
  border-top: 15px solid #F67500;
  font-size: 84%;
  line-height: 1.6;
  padding:10px 0;
  }

#footer_container p              { color: #999; margin:0; padding: 0; }
#footer_container p.sitedesign       { padding-top: 20px;  padding-bottom: 20px;  }
#footer_container p.phonerow      { color: #00314C; line-height: 1; margin:0; margin-top:20px; margin-bottom:10px; padding:0; }
#footer_container span.phonebox  { padding:10px 10px 11px 10px;background:#fff;border:1px solid #ccc;border-bottom:1px solid #aaa;margin-right:5px;}

#footer_container p a            { color: #666; }

#footer_container .footer_logo      { border:1px solid #ddd;float:right;height:120px;width:150px; }
#footer_container .iconFooter      { border-right:5px solid white; margin-bottom:-2px; }



/* xxxxxxxxxxxxxxxxxxxxxx TYPOGRAPHIC xxxxxxxxxxxxxxxxxxxxxx */

h1, h2, h3, h4, h5, h6 { line-height: 1.3; }

h1 { font-size: 200%; margin: 0 0 5px 0; padding: 10px 0 2px 0; border-bottom: 1px solid #eee;  }
h2 { font-size: 150%; margin: 0; padding: 10px 0 5px 0; }
h3 { font-size: 140%; margin: 0; padding: 10px 0 5px 0; }
h4 {
  font-size: 120%;
  margin: 0 0 10px 0;
  padding: 18px 0 5px 0;
  border-bottom: 1px solid #F67500;
  color: #F67500;
}
h5 { font-size: 100%; margin: 0 0 5px 0; padding: 18px 0 5px 0; border-bottom: 1px solid #F67500; color: #666; }
h6 { font-size: 100%; margin: 0; padding: 10px 0 5px 0; }

p { margin: 0; padding: 5px 0; }

.rightlinks { padding:10px 10px 13px 10px;border: 1px solid #eee;text-align: center; }
.jobtitle { font-size: 90%; color: #aaa; padding-top:0;margin-top:0; }
.linkinfo { font-size: 90%; padding-top: 0; margin-top: 0; color: #666; padding-bottom:15px; margin-bottom:10px; border-bottom: 1px solid #eee; }
.buynow { padding: 10px;margin:10px 0;background: #ddd;text-align: center; }

/*
.buynowprice { color: #528a33; font-size: 120%;font-weight: bold; padding:10px 40px; margin:0; border: 1px solid #ddd;background: #eee url('../img/icon_Payment.gif') center left no-repeat; }
*/

.blockquote { padding-left: 20px; }


/* xxxxxxxxxxxxxxxxxxxxxx IMAGES xxxxxxxxxxxxxxxxxxxxxx */

img.img-left          { margin-top: 6px; border: 1px solid #ddd; left: right; margin-right:15px;  }
img.img-right          { margin-top: 6px; border: 1px solid #ddd; float: right; margin-left:20px;  }
img.img-right-marg    { margin-top: 6px; border: 1px solid #ddd; float: right; margin-left:20px; margin-bottom:10px;  }
img.img-right-nobdr    { margin-top: 6px; border: 0; float: right; margin-left:20px; margin-bottom:10px;  }
img.img-right2        { margin-top: 6px; border: 0; float: right; margin-left:0;  }

img.icon16 { border-right:5px solid white; margin-bottom:-3px; }
img.icon15 { border-right:10px solid white; margin-bottom:-2px; }


form.paypalBtn      { line-height:1;display:inline;margin-bottom:0;margin-top: 6px; border: 1px solid #ddd; float: right; margin-left:10px; width: 73px; height: 44px; padding: 10px;  }
form.paypalBtn-left  { line-height:1;display:inline;margin-bottom:0;margin-top: 6px; border: 1px solid #ddd; float: left; margin-right:10px; width: 73px; height: 44px; padding: 10px;   }


form.paypalBtn input, form.paypalBtn-left input { line-height:1; border: 0; margin: 0; margin-bottom: -3px; padding: 0;}



/* xxxxxxxxxxxxxxxxxxxxxx LISTS xxxxxxxxxxxxxxxxxxxxxx */

.rightlist, .rightlist li {
  font-size: 90%;
  letter-spacing: 0em;
  list-style-type:none;
  margin: 0;
  padding:0;
  width: 100%;
  }

.rightlist li a:link, .rightlist li a:visited {
  background: #F9D6C3;

  background-color:#EEEEEE;

  color: #005380;
  display: block;
  height: 1%;
  margin-bottom: 1px;
  padding: 3px 5px;
  text-decoration: none;
  }

.rightlist li a:hover {
  background: #F67500;
  color: #ffffff;

  display: block;
  height: 1%;
  margin-bottom: 1px;
  padding: 3px 5px;
  text-decoration: underline;
  }

.rightlist li a.grayout:link, .rightlist li a.grayout:visited {
  background: #eee;
  color: #ccc;
  cursor: default;
  display: block;
  height: 1%;
  margin-bottom: 1px;
  padding: 3px 5px;
  text-decoration: none;
  }
.rightlist li a.grayout:hover {
  background: #eee;
  color: #ccc;
  cursor: default;
  display: block;
  height: 1%;
  margin-bottom: 1px;
  padding: 3px 5px;
  text-decoration: none;
  }



/* xxxxxxxxxxxxxxxxxxxxxx LINKS xxxxxxxxxxxxxxxxxxxxxx */

a:link, a:visited {
  color: #005380;
  font-weight:bold;
  text-decoration:underline
  }

a:hover {
  color: #ce0000;
  font-weight:bold;
  text-decoration:none
  }



/* xxxxxxxxxxxxxxxxxxxxxx TABLES xxxxxxxxxxxxxxxxxxxxxx */

table {
  border: 1px solid #eee;
  margin:0;
  padding:0;
  width: 100%;
  }

td {
  border: 1px solid #eee;
  margin:0;
  padding:5px;
  }



/* xxxxxxxxxxxxxxxxxxxxxx GLOBAL STYLES xxxxxxxxxxxxxxxxxxxxxx */

.buttons      { margin:25px 0; }
.highlight    { background-color: #FAC180; }
.marg10_top    { margin-top: 10px; }
.pad10        { padding: 10px; }
.printerform    { background: white; }
.text-center    { text-align: center; }
.toolboxprice  { color: green; font-weight: bold; }



/* xxxxxxxxxxxxxxxxxxxxxx MISC STYLES xxxxxxxxxxxxxxxxxxxxxx */

#skinnyDiv {
  float:left;
  width: 285px;
  }

#skinnyDiv p {
  border-top: 2px solid #eee;
  padding: 5px;
  }



/* xxxxxxxxxxxxxxxxxxxxxx FAX ORDER FORM xxxxxxxxxxxxxxxxxxxxxx */

.formBox { background: white; border: 2px solid #FAC180; padding: 10px; margin-top: 5px; margin-bottom: 5px; }

div.formBox h6 { line-height: 1;margin:0;padding: 0; text-align: center; }
div.formBox h3 { line-height: 1;margin:0;padding: 5px 0 8px 0; text-align: center; }
div.formBox h1 { line-height: 1;margin:0;padding: 10px; margin-top: 5px; text-align: center;border:0; }

.formTitle { text-align: right; font-weight: normal; width: 150px;vertical-align: middle;}
.form_app      { border: 1px solid #aaa; margin: 0; padding: 2px; font-weight: bold; font-family: "Courier New", Courier, sans-serif; font-size: 16px; width: 300px; }
.form_appTall  { border: 1px solid #ddd; border-bottom: 1px dashed #666; margin: 0; padding: 10px 2px; font-weight: bold; font-family: "Courier New", Courier, sans-serif; font-size: 16px; width: 300px; }
.form_appSm  { border: 1px solid #aaa; margin: 0; padding: 2px; font-weight: bold; font-family: "Courier New", Courier, sans-serif; font-size: 16px; width: 60px; }
.blockquote { padding-left: 10px;padding-top:0;padding-bottom:0;margin-top:10px;margin-bottom:10px;margin-left: 25px; border-left: 2px solid #ddd; }

.articledate { margin-top: 0;padding-top: 0; }



/* xxxxxxxxxxxxxxxxxxxxxx CONTACT FORM xxxxxxxxxxxxxxxxxxxxxx */

form, label, fieldset, legend  { border:0; margin:0; padding:0; }
input, textarea { margin-bottom:10px; }
legend { font-weight:bold; }
label { cursor:pointer; border-bottom:1px solid #ccc;margin-left:10px; }

.formcontainer { margin: 10px 0; text-align: center; width:545px; }

#contactform {
  background-color:#eee;
  border:0;
  border-bottom: 1px solid #aaa;
  display:block;
  line-height:2;
  margin: 0;
  padding: 0;
  text-align: left;
  }

#Name, #EmailAddress, #YourEnquiry {
  border: 1px solid #ddd;
  font-family: "Courier New", "Courier Std", Courier, "Helvetica Neue", Helvetica, Arial, "Microsoft Sans Serif", sans-serif;
  font-size: 16px;
  margin: 0 10px;
  padding: 10px;
  width: 500px;
  }

#contactformbtn {
  background-color: #fff;
  cursor: pointer;
  color: #666;
  font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Sans Serif", sans-serif;
  font-size: 18px;
  font-weight: bold;
  margin: 10px;
  }

.contacttable table, .contacttable tr, .contacttable td {
  border: 0;
  border-collapse:
  collapse;

/* The border-spacing: CSS property is not supported in IE7.
  border-spacing: 0;
*/

  margin: 0;

/* The outline: CSS property is not implemented in IE7.
  outline: 0;
*/

  padding: 0;
  text-align: left;
  vertical-align: top;
}
.contacttable table td {  border: 0; padding:10px;  }
.fldname {  font-weight:bold;  text-transform: none;  padding:0;  }
.flddata {  font-weight:normal;  padding:0;  }

/* Skip Link Anchor */
.skiplink {
  left:-9999px;
  position:absolute;
  top:-9999px;
}

img.right_col_img {
  margin-top:20px;
  width:155px;
}

/* Google Map Canvas */
div.mapcanvas {
  border:1px solid #DDDDDD;
  float:right;
  height:200px;
  margin-left:20px;
  margin-top:6px;
  width:350px;
}


/* absolutely position the shadow text Xpx from upper left, depending on shadow depth */
div#title_container h1, div#title_container h2 {
  /* shadow */
  color:#cccccc;
  position : absolute;
  letter-spacing:0.1em;
  left : 15px;
}

div#title_container h1 {
  /* shadow */
  top : 0;
}

div#title_container h2 {
  /* shadow */
  font-family:"Palatino Linotype";
  font-size:130%;
  font-weight:normal;
  left : 105px;
  top : 36px;
}

/* absolutely position the top text -Xpx from the shadow text, match the px size */
div#title_container h1 span, div#title_container h2 span {
  /* Title Text */
  position : absolute;
  color: #00314C;
  top : -1px;
  left : -1px;
}

div#title_container h1 span {
  /* Title Text */
  top : -1px;
  left : -1px;
}

div#title_container h2 span {
  /* Title Text */
  
  top : -1px;
  left : -1px;
}


/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmclear {
  font-size:1px;
  height:0px;
  width:0px;
  clear:left;
  line-height:0px;
  display:block;
}

.qmmc {
  position:relative;
}

.qmmc a {
  float:left;
  display:block;
  white-space:nowrap;
  width:auto;
}

.qmmc div a {
  float:none;
  width:auto;
}

.qmmc div {
  visibility:hidden;
  position:absolute;
}


/*!!!!!!!!!!! QuickMenu Styles [Modify!] !!!!!!!!!!!*/


  /* Remove the comments bleow for vertical mains and change the false value to
           true in the Qm_create function after the menus structure. */
  /*.qmmc a {float:none}*/




/* TOP LEVEL NAVIGATION BAR -- BELOW STYLES DEFINE THE CURRENTLY SELECTED TAB */
    #qm0.qmmc .qmbcmain { border-bottom:3px solid #f5e5b1;background-color:#F67500 !important;color:#fff !important;}
    #qm0.qmmc .qmbcmain:hover { background-color:#F67500 !important;color:#fff !important;}
    #qm0.qmmc .qmbcmainparent { background-image:url('../img/nav_arrow.gif') !important;}


/* DROP-DOWN NAVIGATION -- BELOW STYLES DEFINE THE CURRENTLY SELECTED PAGE */
    #qm0.qmmc .qmbcsub { background-color:#F67500 !important;color:#fff !important;border-width:1px !important;border-color:#666666;}
    #qm0.qmmc .qmbcsub:hover { background-color:#F67500 !important;color:#fff !important;border-width:1px !important;cursor:default;}
    #qm0.qmmc .qmbcsubparent { background-color:#7da751 !important;color:#fff !important;border-width:1px !important;border-color:#666666;}


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX   EXTERNAL BREADCRUMBS   XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX   EXTERNAL BREADCRUMBS   XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX   EXTERNAL BREADCRUMBS   XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

/* EXTERNAL BREADCRUMBS -- MAIN CONTAINER */
  .qm-crumbs-container {
      background:#fff;
      border-bottom:1px solid #aaa;
      color:#666;
      font-size:76%;
      height:12px;
      line-height:1;
      margin:0;
      margin-bottom:3px;
      padding:10px 20px;
      padding-bottom:12px;
      z-index:999999;
      }

/* EXTERNAL BREADCRUMBS -- LINKS */
  .qm-crumbs-container a:link,   .qm-crumbs-container a:visited {
      background:transparent;
      color:#666;
      display:block;
      float:left;
      margin:0;
      padding:0;
      text-decoration:underline;
      width:auto;
      }

/* EXTERNAL BREADCRUMBS -- LINKS HOVER STATE */
  .qm-crumbs-container a:hover {
      color:#2d73b9;
      text-decoration:underline;
      }

/* EXTERNAL BREADCRUMBS -- NON-LINK TEXT IN BREADCRUMB */
  .qm-crumbs-current {
      color:#528917;
      font-weight:bold;
      margin:0;
      padding:0;
      }

/* EXTERNAL BREADCRUMBS -- THE DIVIDERS */
  .qm-crumbs-divider {
      color:#666;
      float:left;
      margin:0;
      padding:0;
      width:auto;
      }

/* EXTERNAL BREADCRUMBS -- THE SPAN EACH SET OF LINKS AND DIVIDERS IS WRAPPED IN */
  .qm-crumbs-container span {
      background:transparent;
      display:block;
      padding:0;
      margin:0;
      }


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX   TABS   XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX   TABS   XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX   TABS   XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

/* TOP LEVEL NAVIGATION BAR -- BELOW STYLES DEFINE THE MAIN NAVIGATION BAR ITSELF! */
  #qm0  {
    background: transparent url('../img/whiteborder.gif') repeat-x center bottom;
    border:0;
    margin:0 auto;
    padding:0;
    width: 752px;
    }

/* TOP LEVEL NAVIGATION BAR -- BELOW STYLES DEFINE THE NON-ACTIVE TABS */
  #qm0 a  {
    background-color:transparent;
    border:0;
    border-left:1px solid #ccc;
    border-bottom:3px solid #fff;
    color:#ffffff;
    font-size:84%;
    font-weight: bold;
    line-height:1.5;
    padding:13px 7px 14px 7px;
    text-decoration:none;
    }

/* TOP LEVEL NAVIGATION BAR -- BELOW STYLES DEFINE THE NON-ACTIVE TABS HOVER STATE WHEN THERE IS xxx NO xxx DROP DOWN MENUS ATTACHED */
  #qm0 a:hover {
    background-color:#F67500;
    text-decoration:underline;
    }

/* TOP LEVEL NAVIGATION BAR -- BELOW STYLES DEFINE THE NON-ACTIVE TABS HOVER STATE WHEN THERE xxx IS xxx A DROP DOWN MENUS ATTACHED */
  body #qm0 .qmactive, body #qm0 .qmactive:hover {
    text-decoration:underline;
    background: #F67500 url('../img/nav_arrow.gif') no-repeat center bottom;
    }

/* TOP LEVEL NAVIGATION BAR -- BELOW STYLES DEFINE THE NON-ACTIVE TABS DEFAULT STATE WHEN THERE xxx IS xxx A DROP DOWN MENUS ATTACHED */
  #qm0 .qmparent  {
    background: transparent url('../img/nav_arrow.gif') no-repeat center bottom;
    cursor:pointer;
    }


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX   DROP-DOWN MENUS   XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX   DROP-DOWN MENUS   XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX   DROP-DOWN MENUS   XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

/* DROP-DOWN MENUS -- BELOW STYLES DEFINE THE DROP-DOWN MENU CONTAINER */
  #qm0 div    {
    background-color:#eee;
    border:1px solid #666;
    padding:0;
    margin:0;
    }

/* DROP-DOWN MENUS -- BELOW STYLES DEFINE THE LINKS INSIDE THE DROP-DOWN MENU CONTAINER */
  #qm0 div a  {
    background-color:#eee;
    border:0;
    border-bottom:1px solid #053c3d;
    color:#000;
    font-weight: normal;
    letter-spacing: 0px;
    padding: 5px 10px;
    text-decoration:none;
    }

/* DROP-DOWN MENUS -- BELOW STYLES DEFINE THE HOVER STATE ON THE LINKS INSIDE THE DROP-DOWN MENU CONTAINER */
  #qm0 div a:hover  {
    background-color:#F67500;
    border-bottom:1px solid #666;
    color:#fff;
    text-decoration:none;
    }

/* DROP-DOWN MENUS -- BELOW STYLES DEFINE THE FLY-OUT CONTAINER OFF THE DROP-DOWN MENUS */
  #qm0 div div  {
    margin:-5px 0px 0px 5px;
    }

/* DROP-DOWN MENUS -- BELOW STYLES DEFINE THE HOVER STAKE ON A NON-ACTIVE LINK FOR A FLY-OUT MENU */
  body #qm0 div .qmactive, body #qm0 div .qmactive:hover  {
    background-color:#F67500;
    color:#fff;
    text-decoration:none;
    background-image:none;
    }

/* DROP-DOWN MENUS -- BELOW STYLES DEFINE THE GRAPHIC FOR A FLY-OUT MENU */
  #qm0 div .qmparent     {
    background-image:none;
    background-repeat:no-repeat;
    background-position:95%;
    }


/* Styles previously located in head below the ppx_menu.css definition */

.qmfv{visibility:visible !important;}.qmfh{visibility:hidden !important;}


#qm0 a.mmain {
  text-align:center;
  width:110px;
}