/* CSS for three column layout with absolutely positioned side columns and header */

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; 
				min-width:800px; 
				max-width:900px; 
				margin-left:auto; 
				margin-right:auto; 
				top:1px;
} /* This center the container as well as  it sets its dimensions */
				
div#header		{position:relative; 
				width:900px; 
				height:135px; 
				margin:0; 
				padding:0; 
} /* Establishes the position and size of header */

	/* Start of styles for Header navigation menu */			
#nav 	{ position:absolute; top:62px; left:0;
		margin: 0;
		padding: 0;
		background: #332502 ;
		list-style-type: none;
		width: 900px;    
		float: left; 
}
#nav li {
  margin: 0;
  padding: 0;
  float: left;
}
#nav a {
  float: left;
  width: 179px; /* determines the width of each component on the list */
  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;
}	/* End of Header Navigation menu */

	
	/* 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;
}	
					
	/* Set the styles for  Head of left navigation menu */				
#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);
}
		
	/* Left navigation styling menus starts here*/
#leftnav	{margin:0 5px 0 5px; /* Adjust left 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 	{border: none; /* check this part during final test */
}

#leftnav a:hover		{background: #8e633b;
}

#body_bas #leftnav_bas a,  /*  Edit this if you want to add the location awareness on the nav bar */
    #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:0px 181px 0 140px; 
				padding: 10px 5px;
				background-color:#fff;
}

#content img.illus 	{ /* Adjust position of main picture in content area here */
					float: left;
					margin: 0 10px 0 5px;
					padding: 3px 0 0 0; /*Adjust distance between main picture and sourrounding text */
}

#content h3 		{text-align: center;
				/* Adjust position, color and size  of main content heading */
}

#content p 	{ /* Adjust position, color and size  of main content paragraph characters */
			margin: 0 0;
			padding: 0 5px 10px 5px;
			color:black;
			font-family:'Lucida Grande',Verdana,Helvetica,Arial,sans-serif;
			font-size:17px;
			font-weight:normal;
			text-align:left;
			word-spacing: 1px;
}
	/* End of Main content */
				
 
	/* Start or right cloumn */
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 */
				
#picturegallery {background: #BEB06F;
				margin: 30px 5px 0 5px;
				padding: 0 0 ;
				font-weight: normal;
}

#picturegallery h4 	{font-style: normal;
					text-align: center;
					color: #FFF;
					margin: 0  0;
					padding: 10px 0 10px 0;
					background: url(images/PicGallery2.gif);
}

#picturegallery a	{text-decoration: none; /* Eliminates default underlining of link */
					color: #fff;
}

#picturegallery a:hover {color: #332502;
}

#picturegallery img 	{width:171px;
					height:171px;
					border:none;
					display: block;
					margin: 0  0;
					padding: 0 0;
}
/* End of right column */


/*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 */