<style type="text/css">

	/* General */
	
	body
	{
		text-align			: center;
		font-family			: Garamond;
		font-size			: 18px;
	}
	
	#container 
	{
	  margin				:0 auto;
	  width					:800px;
	  text-align			:left;
	/*  border				: solid black 1px; */
	  padding				:0px;
	} 
	
	a:link, a:active, a:visited, a:hover
	{
		background						:auto;
		text-decoration					:underline;
		color							:black;
	}
	
	ul
	{
		list-style-type					: none;
		text-indent						: 0px;
		padding							: 0px;
		margin							: 0px;
	}
	
	.rightBorder
	{
		border-right					:2px solid gray;
		padding							:5px;
	}
	
	.leftBorder
	{
		border-left						:2px solid gray;
		padding							:5px;
	}
	
	.copyright
	{
		text-align						: center;
		font-size						: xx-small;
		margin							: 0px;
		padding							: 0px;
	}
	
	.ImageFloatLeft
	{
		float							: left;
		margin							: 5px;	
		border							: none;	
	}
	
	.ImageFloatRight
	{
		float							: right;
		margin							: 5px;
		border							: none;	
	}
	
	/*
	 * Panel Information
	 */
	
	div#top_panel
	{
		margin							: 0px;
		padding							: 0px;
	}
	
	div#left_panel
	{
		float							: left;
		margin-right					: 10px;
		
		border-right					: 1px solid gray;
	}
	
	
	div#right_panel
	{
		float							: left;
	 	width							: 630px; 
/*		border							: 1px solid black;  */
	
	
	}
	
	div#bottom_panel
	{
		clear							:left;
	}
	
	/* 
	 * Catalog
	 *
	 * All attributes required for catalog entries.
	 */
	 
	div#catalog
	{
	}
	
	div#catalog .items
	{
	/*	position						:absolute;	*/
	/*	border							:1px solid red;*/
	/*	width							:700px;*/
	}
	
	div#catalog .items .item
	{
	/*	width							: 325px; */
		float							: left;
		padding							: 10px;
	}
	
	div#catalog .items .item p
	{
		padding							: 0px;
		margin							: 0px;
	}
	
	div#catalog .items .item .summary
	{
		clear							: left;
		margin-bottom					: 5px;

	}
	
	div#catalog .items .item .summary img
	{
		width							: 250px;
		height							: 250px;	
		float							: left;
		border							: 1px solid gray;
		padding							: 5px;
		margin							: 3px;
		width							: 125px;
		height							: 125px;
	}
	
	div#catalog .items .item .detail
	{
		clear							: left;
		margin-bottom					: 10px;
		width							: 630px; 
	}
	
	div#catalog .items .item .detail img
	{
		float							: left;
		width							: 250px;
		/*height							: 250px;*/
		border							: 1px black solid;
		padding							: 5px;
		margin-right					: 10px;

	}
	
	div#catalog .items .item p
	{
		margin-top						: 10px;
	}
	
	/*
	 * Menu
	 *
	 * All layout attributes required for the menu
	 */
	
	div.menu
	{
		width							: 125px;
		padding							: 10px;
		padding-top						: 0px;
	}
	
	div.menu h1
	{
		font-size						: large;
		text-align						: center;
		background						: #cccccc;
		padding							: 2px;
		border-top						: black solid 1px; 
		border-bottom					: black solid 1px;
		margin							: 2px;
	}
	
	div.menu ul 
	{
		padding							: 5px;
	}
	
	div.menu ul li
	{
		padding							: 3px;
	}
	
	
	/* 
	 * banner section 
	 */
	div#banner
	{
		padding							: 0px;
		margin							: 10px;
		text-align						: center;
	}
	
	div#banner h1
	{
		padding							: 0px;
		margin							: 0px;
	}
	
	/* 
	 * Bread Crumbs 
	 */
	
	#bread_crumbs
	{
		padding							: 1px;
		margin							: 0px;
		font-size						: x-small;
		border-top						: 1px lightgrey solid;
		border-bottom					: 1px lightgrey solid;
	/*	width							: 630px; */
	}
	
	#bread_crumbs a
	{
		font-size						: small;
		text-decoration					: none;
	}
	
	/*
	 * About Page
	 */
	div#about
	{
		width							: 650px;
	}
	
	div#welcome
	{
		width							: auto;
		padding							: 10px;
		border-bottom					: 1px solid lightgrey;
		font-size						: medium;
	}
	
	div#admin
	{
	/*	width							: 630px; */
		padding							: 0px;
	/*	border							: red 2px solid;*/
	}
	
	div.form
	{
		margin							: 5px;
		border-bottom					: 1px solid lightgray;
	}
	
	div.form .row 
	{
		margin							: 10px;
		width							: 625px;
	}
	
	div.form .row label
	{
	
		width							: 100px;
		float 							: left;
		text-align 						: left;
		margin-right					: 10px;
	}

</style>