/* 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: #6F6146;
  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 co;ntent area */
div#content		{margin:0px 181px 0 140px; 
				min-height: 370px;
				padding: 0 0;
				background-color: #fff;
}



#map { /* Adjust position, of google map */
	margin: 0 0;  /* MAKE SURE AFTER THE  MAP IS ALREADY DONE TO SET THE MARGIN BACK TO ZERO */
	padding: 0 0;
	width:550px;
	height:340px;
	top: 20px;
	left: 15px;
	
}
	
	/* start of right column */			
 
div#rightcolumn {position:absolute; 
				width:181px; top:136px; bottom: 50px; right:0px;  
				margin:10px 0 0 0;			
				padding:3px  0;
				background-color:#EE9A49;
				/* border-top:2px solid #960; border-bottom:1px solid #960;} */
}
				
/*start of google search styling */
#cse-search-box	{margin: 30px 0 10px 10px; /* controls the positioning of the box and button search altogether */
				
}

#custom-search-box {padding: 0; /* controls the positioning and settings of the search box */
					width: 115px; 
					font-size: 12px; 
					position: relative; 
}

#search-button	{padding: 0; /*controls the positioning and settings of the search button */
				width: 30px; 
				border:1px; 
				position: relative; 
				top:10px; 
}
/*endof google search styling */
				
#findus {background: #8B5A2B;
		margin: 20px 5px 0 5px;
		padding: 0 0 ;
		font-weight: normal;
}



#rightcolumn #findus p {margin: 0;
	padding: 0 5px 5px 5px;
	color:white;
	font-family:'Lucida Grande',Verdana,Helvetica,Arial,sans-serif;
	font-size:13px;
	font-weight:normal;
	text-align:left;
	word-spacing: 1px;
	
}

/*footer styles*/
div#footer		{position:relative; 
				width:900px; 
				height:75px; 
				margin: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 */