body, table, p, ul, li { font-family:"Myriad Pro", Arial, sans-serif; font-size:14px; }
h1, h2, h3, h4, h5, h6 { color:#271F12; }
h1           { font-size:20px; color:#271F12; }
h2, h3, h3, h4, h5     { font-size:18px; }
h1.lite      { color:#c5e4e3; margin-top:5px; }
.lite      { color:#c5e4e3; margin-top:5px; font-size:20px; }
body         { background:url(../img/bg1.jpg) repeat-x; background-color:#e9e1d5; padding:0px; margin:0px; }
div          { text-align:left; }
ul.list      { xxpadding-left:15px; }
ul.list li   { padding-bottom:3px; list-style-type:disc; }
ol.list li   { padding-bottom:3px; }
a            { color:#271F12; }
img          { border-style:none; }

#wrapper     { padding-left:0px; width:750px; }
#logo        { padding-top:30px; padding-bottom:0px; }
#banner      { width:758px; height:271px; padding:0; background:url(../img/box.png) no-repeat; }
#bannershow  { padding-left:14px; padding-top:14px; }
#content     { padding-left:10px; }
#nav         { width:100%; padding-bottom:50px; padding-left:50px; }
#sidebar     { width:200px; font-size:8px; float:right; border:3px solid #DAC4AF; background-color:#271F12; color:#eee; margin-top:20px; padding:10px; }
#sidebar strong  { color:#c5e4e3; }
#sidebar a   { color:#c5e4e3; }
#main        { padding-bottom:50px; clear:left; width:450px; }
#mainContact { padding-bottom:50px; clear:left; width:450px; }
#mainContact input {background-color:#DAC4AF; }
#mainContact textarea {background-color:#DAC4AF; }



#main em     { color:#816230; font-weight:bold; }

/* Eventually migrate from sidebar to sidebar2, then rename */
#sidebar2    { float:right; margin-top:20px; }
.sidebox     { width:200px; font-size:8px; border:3px solid #DAC4AF; background-color:#271F12; color:#eee;  padding:10px; margin:0px; }
.sidebox a   { color:#c5e4e3; }

table.hours    { color:#fff; }
table.hours td { padding:2px 0 0 0; }


/* Coupon Design - Three nested div's to create the border */

div.coupon1 { border:1px solid #271F12; width:220px; float:left; margin:0 10px 10px 0; }
div.coupon2 { border:6px dotted #c5e4e3; background-color:#fff; }
div.coupon3 { border:1px solid #271F12; padding: 0 8px 8px 8px; background-color:#271F12; color:#fff; }
div.coupon3 h2 { color:#c5e4e3; }
div.coupon3 table th { font-weight:normal; padding-right:10px; }
div.coupon3 p.fine { font-size:12px; font-style:italic; }
div.coupon3 p.lite { text-align:center; color:#c5e4e3; xmargin-right:20px; padding:10px 0 10px 0; border:1px dashed #aaa; border-width:1px 0 1px 0; }
div.coupon3 b { color:#eee; font-weight:normal; }

/* 
  Suckerfish-style dropdown menus
  -------------------------------
  
  Assuming the following structure for a menu hierarchy, the CSS immediately below
  will create a basic drop-down menu effect. Note that the :hover fix is required
  for Internet Explorer.
   
   <ul id="dropdown">
     <li class="headlink"><a href="#">bodycare</a>
       <ul>
         <li><a href="#">lotions</a></li>
         <li><a href="#">creams</a></li>
       </ul>
     </li>
     <li><a href="#">complexion care</a></li>
     <li><a href="#">therapeutics</a></li>
   </ul>
   
  Note that the width of the menu elements is set to 110px.
*/

body                                        { behavior:url("/css/csshover3.htc"); } 

#dropdown, #dropdown ul                     { padding:0; margin:0; list-style:none; }
#dropdown a, #dropdown li, #dropdown li ul  { width:95px; }
#dropdown a                                 { display:block; }
#dropdown li                                { float:left; }
#dropdown li ul                             {	position:absolute; left:-999%; }
#dropdown li:hover ul                       { left:auto; }
#dropdown li:hover                          { position:static; }

/* If we add a border or some padding to the LI's, then we also need to adjust the margins and widths */

#dropdown li                                { padding:4px; }
#dropdown li ul                             {	width:103px; }
#dropdown li:hover ul                       {	margin:4px 0 0 -5px; }
#dropdown li.headlink                       { margin-left:-1px; border:1px solid #271F12; }
#dropdown li.headlink ul                    { border:1px solid #271F12; }

/* Now let's add some colors and styling to the elements to match our color scheme */

#dropdown li.headlink                       { background-color:#eee; text-align:center; }
#dropdown li.headlink a                     { text-decoration:none; }
#dropdown li.headlink ul a                  { text-decoration:underline; }
#dropdown li a                              { font-size:12px; color:#271F12; }
#dropdown ul                                { background-color:#eee; text-align:left; }
#dropdown ul li:hover                       { background-color:#c5e4e3; }