/* Style rule for body text and background */
 body
  {
   margin: 0;
   padding: 0;
   background-color: #FFCC99;
   color: #006666;
   font-family: century gothic, sans-serif;
   font-size: 17px;
  }

/* Header */
 #header
  {
   height: 150px;
   border-bottom: 15px solid #006666;
   background-color: #FFB366;
   text-align: center;
   padding: 10px;
  }
 
/* Style for left sidebar column */
 #leftsidebar
  {
   background-color: #8D3333;
   float: left;
   display: inline;
   padding: 0;
   margin: 1em;
   width: 10em;
   height: 45em;
   border: .5em ridge #006666;
    /* total width is 10em */
  }

/* Right Sidebar */
  #rightsidebar
  {
   background-color: #ADADAD;
   background-image: url("pics/misc/swirl4.jpg");
   color: #E5FFFF;
   font-size: 25px;
   font-weight: bold;
   text-align: center;
   float: right;
   display: inline;
   padding: 0;
   border: 10px ridge #006666;
   margin: 1em;
   width: 50px;
   height: 430px;
    /* total width is ? */
  }

/* Style for Main */
 #main
  {
   margin: 1em;
   margin-left: 10em; /* must equal width of left sidebar */
   margin-right: 4em;
  } 

/* Footer */
 #footer
  {
   height: 125px;
   font-family: arial, helvetica, sans-serif;
   font-size: 15px;
   background-color: #FFB366;
   color: #CC0000;
   border-top: 7px solid #006666;
   margin-top: 20px;
   padding: 10px;
   clear: both;
  }

/* Level 1 headings */
 h1
  {
   color: #B82E00;
   font-family: century gothic, sans-serif;
   font-weight: bold;
   font-size: 40px;
   text-align: center;
  }

/* Level 1 alternative headings */
 h1.alt1
  {
   color: #3366FF;
   font-family: century gothic, sans-serif;
   font-weight: bold;
   font-size: 40px;
   text-align: center;
  }

/* Level 2 headings */
 h2 
  {
   color: #B82E00;
   font-family: century gothic, sans-serif;
   font-size: 27px;
   text-align: center;
  }

/* Level 2 alternative headings */
 h2.alt1
   {
   color: #FFB366;
   font-family: century gothic, sans-serif;
   font-size: 27px;
   text-align: center;
  }

/* Level 3 headings */
 h3 
  {
   font-family: Arial, Helvetica, sans-serif;
   font-style: italic;
   text-decoration: underline;
   color: #1F2159;
  }

/* Regular links */
 a:link
  {
   color: #006666;
   text-decoration: underline;
  }
 
 a:visited
  {
   color: #006666;
   text-decoration: underline;
  }

 a:hover
  {
   color: #99FFFF;
   text-decoration: underline;
  }

 a:active
  {
   color: #99FFFF;
   text-decoration: underline;
  }

/* Navbar-id */
 #navbar
  {
   float: left;
   width: 160px;
  }

/* Navbar-Anchor-class */

 a.navbar
 {
  float: right;
  width: 120px;
  padding: 7px;
  border-left: 6px solid #FF8F1F;
  border-right: 6px solid #FF8F1F;
  font-family: arial,helvetica;
  font-size: 12pt;
  font-weight: bold;
  text-decoration: none;
  text-align: left;
  margin-bottom: 10px;
 }

 a.navbar:link
 {
  color: #006666;
  background-color: #FFCC99;
 }

 a.navbar:visited
 {
  color: #006666;
  background-color: #FFCC99;
 }

 a.navbar:hover
 {
  color: #FFCC99;
  background-color: #006666;
 }

 a.navbar:active
 {
  color: #CC0000;
  background-color: #FF8F1F;
 }

/* float image to left of paragraph */
 img.floatleft
  {
   float: left;
   margin-right: 5px;
  }

/* float image to right of paragraph */
 img.floatright
  {
   float: right;
   margin-right: 5px;
   margin-left: 10px;
  }

/* float to right of paragraph using span */
 span.floatright
  {
   float: right;
   margin-right: 5px;
   margin-left: 10px;
  }

/* center image between margins */
 div.center
  {
   width: 100%;
   text-align: center;
  }

/* Underlined text */
 span.underline
  {
   text-decoration: underline;
  }

/* bolder and bigger */
 span.bold
  {
   font-weight: bold;
   font-size: 35px;
  }

/* drop down menus */
 select
  {
   color: #B82E00;
   background-color: #FFCC99;
   border: solid #006666;
  }

/* buy now buttons */
 input
  {
   color: #006666;
   background-color: #FFCC99;
   border: solid #B82E00;
  }

/* text area */
 textarea
  {
   color: #006666;
   background-color: #FFCC99;
   border: solid #B82E00;
  }

/* table */

 table
  {
   background-color: #FFB366;
   border: 10px ridge #006666;
   text-align: left;
  }

/* td */

 td
  {
   border: 1px solid #006666;
   padding: 20px;
  }

/* Style for tables of thumbnail images */

 table.thumbs
  {
   text-align: center;
   border-collapse: collapse;
   margin: auto;
  }

/* Style for table cells that contain thumbnails */

 td.thumbs
  {
   border: ridge 7px #006666;
   padding: 5px;
   font-size: 17px;
  }

/* Style for thumbnail images */
 
 img.thumbs
  {
   width: 142px;
   height: 107px;
   border: 0;
  }