body#content {
    font:  .8em/1.2em verdana, arial, sans-serif;
    margin-left:  25px;
    margin-right: 25px;
  }

  body#home      {background-color:  #000000;}
  body#news      {background-color:  #000000;}
  body#about     {background-color:  #000000;}
  body#products  {background-color:  #000000;}
  body#audition  {background-color:  #000000;}
  body#order     {background-color:  #000000;}
  body#bargains  {background-color:  #000000;}
  body#faqs      {background-color:  #000000;}
  body#support   {background-color:  #000000;}
  body#links     {background-color:  #000000;}
  body#rants     {background-color:  #000000;}
  body#raves     {background-color:  #000000;}
  body#owners    {background-color:  #000000;}
  body#contact   {background-color:  #000000;}
/*body#contact   {background: url(../images/background.gif);} */


  #content {
    border-left:   1 px solid #711515;
    border-right:  1 px solid #711515;
    border-bottom: 1 px solid #711515;
    padding: 10px 5px 6px 5px;
  }
  

  h1#content {
    font-size: 1.2em;
    color: #711515;
    background-color: transparent;
  }


/* =============================================================== */
/*         Control Text Area Background                            */
/* =============================================================== */

  div#text_area         {
/*  background-color:    #000000;   */
    background:          url(../images/background.gif);   
  }

  a:link    {color: #0000FF; font: bold italic 1.10em  arial, verdana, helvetica, sans-serif;  text-decoration: none}
  a:visited {color: #0000FF; font: bold italic 1.10em  arial, verdana, helvetica, sans-serif;  text-decoration: none}   
  a:hover   {color: #FF0000; font: bold italic 1.10em  arial, verdana, helvetica, sans-serif;  text-decoration: none}   
  a:active  {color: #0000FF; font: bold italic 1.10em  arial, verdana, helvetica, sans-serif;  text-decoration: none}

/* current black-background colors: */
/* a:link    {color: #220088; font: bold italic 1.25em  arial, verdana, helvetica, sans-serif;  text-decoration: none} */
/* a:visited {color: #880088; font: bold italic 1.25em  arial, verdana, helvetica, sans-serif;  text-decoration: none} */
/* a:hover   {color: #FF0000; font: bold italic 1.25em  arial, verdana, helvetica, sans-serif;  text-decoration: none} */
/* a:active  {color: #880088; font: bold italic 1.25em  arial, verdana, helvetica, sans-serif;  text-decoration: none} */


/* ==================================================================== */ 
/* No borders around images in hyperlinks:                              */

   a img {border: none;}

/* ==================================================================== */ 

  .center              {
     text-align:        center;
  }

  .italic               {
    font-style:          italic;
  }
  .yellow              {
    color:               yellow;
    font-style:          italic;
  }
  .red                 {
    color:              #FF0000;                       
    font-style:          italic;
  }
  .blue                {
    color:              #0080FF;                       
    font-style:          italic;
  }
  .tan                 {
    color:              #FFBB77;                       
    font-style:          italic;
  }

/* =============================================================== */
/*               Side Navigation Bar on Home Page                  */
/* =============================================================== */

/* Side Navigation Bar - used on Home Page                                       */
/* a.v_menu:link    {color: #FFFFFF; text-decoration: none}                      */
/* a.v_menu:visited {color: #FFFFFF; text-decoration: none}                      */
/* a.v_menu:hover   {color: #FFFF00; font-style: italic; text-decoration: none}  */
/* a.v_menu:active  {color: #FFFFFF; text-decoration: none}                      */


/* =============================================================== */
/*               Top Navigation Bar Section                        */
/* =============================================================== */

/* Top Navigation Bar - indentation (padding), font, etc.          */

  ul#topnav {
    list-style-type: none;
    margin:          0;
    padding-left:    100px;
    padding-bottom:  24px;
    border-bottom:   0px solid #000000;
    font:            bold 12px verdana, arial, sans-serif;
  }

/* Top Navigation Bar - elements in the unordered list (menu)      */

  ul#topnav li {
    float:            left;
    height:           25px;
    background-color: #3A6DA5;
    color:            #FFFFFF;
    margin:           2px 4px 0px 2px;
    border:           0px solid #000000;     /* 1px solid #000000;  */
  }

/* Top Navigation Bar - Default characteristics for the links       */

  ul#topnav a:link, ul#topnav a:visited {
    display:          block;
    color:            #ffffff;
    background-color: transparent;
    text-decoration:  none;
    padding:          4px;
  }


/* Top Navigation Bar - Hover characteristics                       */

  ul#topnav a:hover {
    background-color: #000000;
    color:            #ffffff;
  }

/* ----------------------------------------------------------------*/
/* Top Navigation Bar - ties class name in link statement to       */
/* highlighted color on menu when page is active                   */
/* (uses <body id="  "> tag                                        */
/* ----------------------------------------------------------------*/
  body#home      li.home,
  body#news      li.news,    
  body#about     li.about,    
  body#products  li.products,
  body#audition  li.audition,
  body#order     li.order,   
  body#bargains  li.bargains,
  body#faqs      li.faqs,    
  body#support   li.support,
  body#links     li.links,
  body#rants     li.rants,   
  body#raves     li.raves,  
  body#owners    li.owners, 
  body#contact   li.contact
  { border-bottom: 1px solid #3A6DA5;
    color:                   #FFFF00;
    background-color:        #3A6DA5;
    font-style: italic; 
  }

/* Top Navigation Bar - also used to tie class name in link statement to <body id=" " in    */
  body#home      li.home     a:link,  body#home      li.home     a:visited,
  body#news      li.news     a:link,  body#news      li.news     a:visited,
  body#about     li.about    a:link,  body#about     li.about    a:visited,
  body#products  li.products a:link,  body#products  li.products a:visited,
  body#audition  li.audition a:link,  body#audition  li.audition a:visited,
  body#order     li.order    a:link,  body#order     li.order    a:visited,
  body#bargains  li.bargains a:link,  body#bargains  li.bargains a:visited,
  body#faqs      li.faqs     a:link,  body#faqs      li.faqs     a:visited,
  body#support   li.support  a:link,  body#support   li.support  a:visited,
  body#links     li.links    a:link,  body#links     li.links    a:visited,
  body#rants     li.rants    a:link,  body#rants     li.rants    a:visited,
  body#raves     li.raves    a:link,  body#raves     li.raves    a:visited,
  body#owners    li.owners   a:link,  body#owners    li.owners   a:visited,
  body#contact   li.contact  a:link,  body#contact   li.contact  a:visited
  { color:            #FFFF00;
    background-color: #3A6DA5;
  }

/* Top Navigation Bar - restore hover behavior for current page     */
  body#home      li.home     a:hover,  
  body#news      li.news     a:hover,  
  body#about     li.about    a:hover,  
  body#products  li.products a:hover, 
  body#audition  li.audition a:hover, 
  body#order     li.order    a:hover,  
  body#bargains  li.bargains a:hover,  
  body#faqs      li.faqs     a:hover,  
  body#support   li.support  a:hover,  
  body#links     li.links    a:hover,  
  body#rants     li.rants    a:hover,  
  body#raves     li.raves    a:hover,  
  body#owners    li.owners   a:hover,  
  body#contact   li.contact  a:hover
  { color:            #FFFF00;
    background-color: black;  
  }

/* =============================================================== */
/*              Side Navigation Bar Section                        */
/* =============================================================== */
#sidenav {
  width: 150px;
  font:  bold 12px verdana, arial, sans-serif;
}

#sidenav ul {
  list-style: none;
  margin:     0;
  padding:    0;
}

#sidenav li {
  border-left:      2px solid #3A6DA5;   /* #711515; */
  border-bottom:    0px;
/*border-bottom:    1px solid #ED9F9F;  */

}

#sidenav li a:link,  #sidenav li a:visited {
  display:          block;
  padding:          5px 5px 5px 0.5em;
/*border-left:      12px solid #711515; */
  border-right:     0px solid #000000;
  background-color: #222222;         /* dark gray */  
/*background-color: #3A6DA5;            main blue */
  color:            #FFFFFF;
  text-decoration:  none;
}

#sidenav li a:hover {
  background-color:  #711515;
  color:             #FFFFFF;
}


/* ---------------------------------------- */
/* second level menu:                       */
/* ---------------------------------------- */
#sidenav ul ul {
  margin-left: 12px;
}

#sidenav ul ul li {
  border-left:      4px solid #711515;
  border-right:     2px solid #3A6DA5;
  border-bottom:    0px;
/*border-bottom:    1px solid #ED9F9F;     */
  margin:           0px;
}

#sidenav ul ul li a:link,  #sidenav ul ul li a:visited {
  background-color: rgb(144, 155, 180);
  border-left:      0px solid #3A6DA5;  /*rgb(144, 155, 180); */ /* #711515;*/
  color:            #FFFFFF;
}

#sidenav ul ul li a:hover {
  background-color:  #711515;
  color:             #FFFFFF;
}