/* CSS for three column layout with absolutely positioned side columns and header */
/* from the book Stylin' by Charles Wyke-Smith publsihed by New Riders */
body 			{margin:0; 
				padding:0; 
				font: 1.0em verdana, arial, sans-serif; 
				background: url(images/bg55copy.jpg) top left repeat;
} /* Display settings for entire page, including background of web site */


div#container	{position:relative; /* display option for workable area only */
				min-width:800px; 
				max-width:900px; 
				margin-left:auto; 
				margin-right:auto; 
				top:1px;
}

div#header		{position:relative; 
				width:900px; 
				height:135px; 
				margin:0; 
				padding:0; 
}
				
#nav { position:absolute; top:62px; left:0;
  margin: 0;
  padding: 0;
  background: #332502 ;
  list-style-type: none;
  width: 900px;    
  float: left; /* Contain floated list items */
}
#nav li {
  margin: 0;
  padding: 0;
  float: left;
}
#nav a {
  float: left;
  width: 179px;
  color: #FFF;
  text-decoration: none;
  line-height: 1.3;
  text-align: center;
  border-right: 1px solid #FFF;
}
#nav #nav_con a {
  border: none;
}
#nav a:hover {
  background: #8B4513;
}
#body_hom #nav_hom a, 
    #body_pic #nav_pic a,
	#body_dir #nav_dir a,
    #body_abo #nav_abo a,
    #body_con #nav_con a {
  background: #BEB06F;
  color: #1A1303;
  font-weight: bold;
}

/*start of left column */
div#leftcolumn	{position:absolute; 
				left:0; top:136px; bottom:50px; width:140px; /* Modify height and width or nav here */
				padding:0; margin:10px 0 15px 0;
				background:#EE9A49; /* Adjust options for top or header round corners in nav */
					}	
					
#Merchandise h4 {
	font-style: normal;
	text-align: center;
	color: #FFF;
	margin: 10px 6px 1px 5px;
	padding: 10px 5px 10px 5px;
	background: url(images/Merchandise.gif);
}
					
#leftnav{
  margin:0 5px 0 5px; /* Adjust nav block position here */
    padding: 2px;
  background: #332502;
  list-style-type: none;
  width: 125px;
  float: left; /* Contain floated list items */
}
#leftnav li {
  margin: 0;
  padding: 0;
  float: left; /* This corrects the */
  width: 100%; /* IE whitespace bug */
}
#leftnav a {    
  display: block;  /* to increase clickable area as a's default to inline */
  color: #FFF;
  text-decoration: none;
  padding: 0 15px;
  line-height: 1.2; /* Adjust nav block's height here */
  border-bottom: 1px solid #FFF;
}
#leftnav #leftnav_mis a { /* check this part during final test */
  border: none;
}
#leftnav a:hover {  
  background: #8e633b;
}
#body_bas #leftnav_bas a,  /* check this part during final test */
    #body_pot #leftnav_pot a,#body_sto #leftnav_sto a,
    #body_jew #leftnav_jew a,#body_fet #leftnav_fet a,
    {
  background: #BEB06F;
  color: #1A1303;
  font-weight: bold;
}
/* End of left navigation menu styling */

/* Styling for Link img display */
#leftcolumn #link	{position:absolute; 
					border: none;
					top:175px; 
					left:5px; 
					margin:0; 
					
}

#link img	{border-style: solid; /* If you want to eliminate the default blue border on a linked image, you can use the border-style: none; declaration, or you can use this example to change its color */

			border-color:#EE9A49;
}

#link img:hover {border-color:#8e633b; /* Changes the img border color on hover */

}
/* End of left column */

/* Start of Main content area*/
div#content		{margin:0 0 0 140px; width: 760px;
				padding: 0px 0px;
				background-color:#fff;
}

h1 {
  margin: 0 6px;
  padding: 10px 0 5px 0;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 45px;
  color: black;
  text-align: center;
}


p.photo a, p.thumb a, ul.thumbnails a { /* This picture gallery was based on the example provided by the book "The Art & Science of CSS" by Sitepoint  */
  display: block;
  float: left;
  margin: 0;
  padding: 4px 4px 4px 4px;
  border: 1px solid #ccc;
  border-top-color: #eee;
  border-right-color: #ddd;
  border-bottom-color: #bbb;
  background-color: #fff;
  text-align: center;
}
p.thumb a, ul.thumbnails a {
  width: 80px;
  margin-right: 10px;
  margin-bottom: 10px;
  }
p.photo a:hover, p.thumb a:hover, ul.thumbnails a:hover {
  border: 1px solid #ccc;
  background-color: #eee;
}
ul.thumbnails a {
  width: 80px;
  margin-right: 10px;
  margin-bottom: 10px;
    }
p.thumb, ul.thumbnails {
  margin: 0 0 0 0;
  padding: 0 0 10px 30px; /* control position of thumbnails  on the content area */
  float: left;
  text-align: center;
  background-color: #fff;
  line-height: 1em;
  list-style: none;
  }
ul.thumbnails li, ul.navigation li {
  display: inline;
  margin: 0;
  padding: 0;

}
/* end content section */

/*footer styles*/
div#footer		{position:relative; 
				width:900px; 
				height:75px; 
				margin:0 0; 
				padding:0 0; 
				background: url(images/footer1.gif);
				clear: both; 
				font-size:.65em; 
				text-align:center; /* centers the ul elements in the div */
				}

 div#footer ul {padding: 8px 0; margin:0 0;} /* vertical spacing between the lists */
 div#footer li {display:inline; /* the key CSS - makes the lists display horizontally */
						color:white; /* sets the color of the vertical lines */
						border-left:1px solid; /* creates the vertical line to the left of each list items */
						color:#AFF; /* sets the color of the vertical lines  - links colored below */
						padding:0 5px 0 9px; /* horiz space between links and vert lines - needed diff l & r values to center */
						}
 div#footer li:first-child {border-left:0;} /* removes the left border of the first list item - IDWIMIE */
 div#footer ul li a {text-decoration:none; /* removes the underlining off the links */
 							 color:white; /* the color of the links */
							 }
 div#footer ul li a:hover {text-decoration:underline;} /* underlines the links when hovered */
 div#footer ul.fineprint li {color:#fff;} /* color for copyright and vert dividers on last row */
 div#footer ul.fineprint li a {color:#CCC;} /* had to explicitly color these or they inherit white from div#footer li */
  div#footer ul.fineprint li a:hover {color:#FFF;} /* turns bottom row white when hovered */