@charset "iso-8859-1";

/*
Font Colors:
  Normal                 -- Black #000000
  Accent                 -- #1094ae (similar to teal)
  Header                 -- Ghostwhite #f8f8ff (for header tag line and all of footer)
  link                   -- color:#404040
  link hover             -- color:#1094ad 1 value down from accent colour (to eliiminate validation warnings)
  link button            -- color:#1094ac 2 values down from accent color (to eliiminate validation warnings)
  horizontal line        -- color:#d3d3d3

*****************************************
testing moving to black / orange / white
*****************************************


Backgrounds:
  Body                   -- Dimgray #696969 (only seen if screen resolution is wider than table)
  Header and Footer      -- #222222 (a couple of shades lighter than black)
  Left and Right Columns -- Gainsboro #dcdcdc
  Middle (content)       -- Snow #fffafa
  Mail form              -- lightgrey #d3d3d3

horizontal line
  Content                -- lightgrey #d3d3d3
  Left and Right Columns -- snow #fffafa



NOTE -- do not change padding in header, it causes left and right column width to change

orangered = #FF4500

*/



/* general styles */
body
          {
          background:#696969;
          margin:0;
          padding:0;
          color:#000000;
          font-family:Tahoma, Geneva, sans-serif;
          }

a
          {
          color:blue;
					text-decoration:none;
          }

a:hover
          {
          color:#ff4500;
          text-decoration:underline;
          }
					
					
					
h1, h2, h3, h4, h5, h6
          {
          /*color:#1094ae;*/
          color:#ff4500;
          }

hr
          {
          /*color:#d3d3d3;*/
          /*color:orangered;*/
          margin:5px 0;
					background:#666666;
				  height:3px;
          }

h1, h2, h3, h4, h5, h6
          {
          margin-top:0;
          margin-bottom:0.25em;
          }

p
          {
          margin-top:0;
          margin-bottom:0.6em;
          }
					
					
					
dl, dt, dd {/* not yet used in document */}
ul, ol, li {/* not yet used in document */}
blockquote, cite, pre, q  {/* not yet used in document */}

td
          {
          vertical-align: top;
          }




/* main table styles */

div#container
          {
          width:1000px;
          margin-left:auto;
          margin-right:auto;
          }

table#main_table
          {
          border:0;
          width:1000px;
          table-layout:fixed;
          }

col.left_width, col.right_width
          {
          width:200px;
          }

col.middle_width
          {
          width:600px;
          }

td#header, td#footer
          {
          background:#222222;
          color:#f8f8ff;
          text-align:center;
          margin:0;
          padding:0;
          }

td#header h1
          {
          /*color:#1094ae;*/
          color:#ff4500;
          margin-top:20px;
          }

td#header h2.tagline
          {
          font-style:italic;
          color:#f8f8ff;
          }

td#header img
          {
          margin-left:10px;
          }

td#footer
          {
          font-size:0.8em;
          height:100px;
          }

td#footer a
          {
          color:#f8f8ff;
					font-weight:bold;
          }

td#footer a:hover
          {
          /*color:#1094ae;*/
          color:#ff4500;
          }

td#footer p
          {
          margin:15px 0;
          }

td#left_column, td#right_column
          {
          margin:0;
          /*background:#dcdcdc;*/
          background:#fffafa;
          color:#000000;
          padding:10px;
          }

td#left_column p, #right_column p
          {
          font-size:1em;
          }

td#left_column hr, td#right_column hr
          {
          /* color:#fffafa;  color does not work well with light background */
          }

td#left_column p, td#left_column h3
          {
          margin:2px 0;
          }

td#right_column p, td#right_column h2, td#right_column h3, td#right_column h4, td#right_column h5, td#right_column hr
          {
          margin:0 0 7px 0;
          }


/* UL has issues with margin and padding in different browsers
   created a style called p.news class as alternate with a symbol used as bullet*/

/* style uses a background image and paragraph padding to give bullet effect */
td#right_column p.news
          {
          margin-left:5px;
          padding-left:27px;
          background:url('img/styles/nut.jpg') no-repeat 0 3px;
          }




td#middle_column
          {
          margin:0;
          padding:20px 35px;
          color:#000000;
          background:#fffafa;
          }


/* additional styles */

p.spacer
          {
          font-size:0.25em;
          }

img.leftfloat
          {
          float:left;
          margin-right:10px;
          margin-bottom:10px;
          }

img.rightfloat
          {
          float:right;
          margin-left:15px;
          margin-bottom:10px;
          }

img.img_left
          {
          margin-right:10px;
          }

img.img_right
          {
          margin-left:10px;
          }

.center
          {
          text-align:center;
          }

.bold
          {
          font-weight:bold;
          }

.indent
          {
          padding-left:25px;
          }
			

/* menu buttons */
a.button
          {
          padding:1px 5px;
          /*color:#fffafa;*/
          color:#111111;
          text-decoration:none;
          font-weight:bold;
          border-top:2px solid #ff4500;
          border-bottom:2px solid #ff4500;
          border-left:5px solid #ff4500;
          border-right:5px solid #ff4500;
          background:#d3d3d3;
          }

a.button:hover
          {
          /*color:#000000;*/
          /*color:#fffafa;*/
          color:#ff4500;
          text-decoration:none;
          }

a.menu
          {
          display:block;
          margin:5px 0 3px 0;
          width:160px;
          }

a.sub
          {
          /*padding-left:35px;*/
          width:130px;
					margin-left:30px;
          }

a.current
          {
          background:#a9a9a9;
          /*font-style:italic;*/
          /*color:white;*/
          /*color:#111111;*/
          color:#ff4500;
          }

a.current:hover
          {
          /*color:white;*/
          /*color:#111111;*/
          color:#ff4500;
          }

					


/* more styles */

div.text_right
          {
          float:right;
          width:375px;
          }

.lc_address
          {
          margin-left:10px;
          }

.textmiddle
          {
          vertical-align:middle;
          }

.clear
          {
          clear:both;
          }

.borderless
          {
          border:0;
          }

td.parts
          {
          vertical-align: middle;
          }

					
.price
          {
          text-align:center;
          font-weight:bold;
          font-size:1.25em;
          }
					
.emph1
          {
          text-align:center;
          border-top:3px solid #222222;
          border-bottom:2px solid #222222;
					background: #ff4500;
          }

.top
          {
          font-size:0.9em;
          }
					
					

/* w3c footer image placement */
div.footer_container
          {
          position:relative;
          width:100%;
          }

div.footer_container .footer_img
          {
          position:absolute;
          right:10px;
          top:0;
          margin:0;
          padding:0;
          }

form#mailform
          {
          background: #d3d3d3;
          padding:10px;
          border:1px solid #696969;
          }

.formerror
          {
          color:red;
					font-size:0.9em;
          }
  
	
.sold
          {
          color:red;
					font-size:2em;
          }
					
a.social {}
a.social:hover {position: relative; top: 3px;}

					
/* for testing column width dimensions */
div.blue100 {background:blue; width:100px; padding:0; margin:0; float:left;}
div.red100 {background:red; width:100px; padding:0; margin:0; float:left;}
div.blue90 {background:blue; width:90px; padding:0; margin:0; float:left;}
div.red90 {background:red; width:90px; padding:0; margin:0; float:left;}