/* generic page */
	
	/* this was for restricting the line under the heading
		to the width of the first two columns */ 
	/*
	.generic-main-normal
	{
		width: 535px;
		float: left;
	}
	*/
	#generic-heading
	{
		margin: 0px 0px 10px 0px;
		padding: 30px 0px 7px 0px;
		border-bottom: 1px solid #D1DFDF;
	}
	#generic-heading-info
	{
		float: right;
	}
	#generic-heading-html
	{
		float: right;
		padding: 4px 0px 0px 0px;
	}
	#generic-heading h1
	{
		margin: 0px 0px 0px 130px; /* 150 - 20px wide logo */
		padding: 0px 0px 0px 45px; /* 25 + 20px wide logo */
		background-image: url("/images/generic_smoothieking_logo.gif");
		background-repeat: no-repeat;
		background-position: left;
	}
	
	/* 8 + 22px wide logo */
	/*
	.generic-main-extra-wide #generic-heading h1
	{
		margin: 0px;
		padding-left: 30px; 
	}
	*/
	
	#generic-left-column
	{
		width: 150px;
		min-height: 100px; /* so that there's something to float up against */
		float: left;
		padding-bottom: 15px;
	}
	#generic-right-column
	{
		float: left;
		width: 178px;
	}
	.generic-right-column-padded
	{
		padding-left: 20px;
	}
	#generic-subnav ul
	{
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		text-align: right;
	}
	#generic-subnav li
	{
		clear: both;
		padding-bottom: 5px;
	}
	#generic-subnav a
	{
		font-size: 13px;
		text-decoration: none;
		line-height: 1.1em;
	}
	#generic-subnav a.current
	{
		color: #CC3366;
	}
	#generic-subnav a:hover
	{
		text-decoration: underline;
	}
	
	#generic-subnav ul ul
	{
		padding: 3px 0px 1px 20px;
		margin: 0px;
	}
	#generic-subnav ul ul li
	{
		background: transparent url(/images/sidenav-bullet.gif) no-repeat scroll top right;
		padding: 2px 10px 4px 0px;
		line-height: 1em;
	}
	#generic-subnav ul ul a
	{
		font-size: 11px;
		font-weight: normal;
	}
	
	.generic-main-normal #generic-body
	{
		float: left;
		margin-left: 25px;
		width: 360px;
		padding-bottom: 15px;
	}
	.generic-main-wide #generic-body
	{
		float: left;
		margin-left: 25px;
		width: 539px;
		padding-bottom: 15px;
	}
	.generic-main-extra-wide #generic-body
	{
		padding-bottom: 15px;
	}

	.generic-inset-button	
	{
		text-align: center;
	}
	
	/** an inset element floating to the right
		in the middle of a block of copy **/
	.generic-inset-mid-right
	{
		float: right;
		padding: 8px 3px 8px 8px;
	}
	
	/** an inset element floating to the right
		at the beginning of a block of copy **/
	.generic-inset-top-right
	{
		float: right;
		padding: 2px 3px 8px 8px;
	}
	
	/** an inset element floating to the left
		in the middle of a block of copy **/
	.generic-inset-mid-left
	{
		float: left;
		padding: 8px 8px 8px 0px;
	}
	
	/** an inset element floating to the left
		at the beginning of a block of copy **/
	.generic-inset-top-left
	{
		float: left;
		padding: 2px 8px 8px 0px;
	}
	

	/* styles for a standard view with two columns:
		- use 'wide' generic-width
		- enclose the appropriate content in divs on one page, in either order.
	 */
	
	.generic-two-column-main
	{
		float: left;
		width: 360px;
	}
	
	.generic-two-column-side
	{
		float: right;
		width: 150px;
		padding-right: 10px;
	}
	
	
	
	
	/* Generic Charts */
	
	
	.generic-chart
	{
		border-collapse: collapse;
		border-spacing: 0px;
		padding: 0px;
		margin: 0px;
	}
	.generic-chart th,
	.generic-chart td
	{
		border-right: 1px solid #FFFFFF;
		padding: 3px 5px;
		margin: 0px;
		font: normal 10px "Trebuchet MS";
		color: #333333;
		text-align: center;
	}
	.generic-chart .generic-chart-middle
	{
		background-color: #CCCCCC;
	}
	.generic-chart .generic-chart-top-left
	{
		background-color: #CCCCCC;
		background-image: url("/images/generic-chart-top-left.gif");
		background-position: top left;
		background-repeat: no-repeat;
	}
	.generic-chart .generic-chart-top-right
	{
		background-color: #CCCCCC;
		background-image: url("/images/generic-chart-top-right.gif");
		background-position: top right;
		background-repeat: no-repeat;
	}
	.generic-chart .generic-chart-bottom-left
	{
		background-color: #CCCCCC;
		background-image: url("/images/generic-chart-bottom-left.gif");
		background-position: bottom left;
		background-repeat: no-repeat;
	}
	.generic-chart .generic-chart-bottom-right
	{
		background-color: #CCCCCC;
		background-image: url("/images/generic-chart-bottom-right.gif");
		background-position: bottom right;
		background-repeat: no-repeat;
	}

@media print
{
	#generic-left-column
	{
		display: none;
	}
	#generic-heading h1
	{
		background-image: none;
		margin: 0px;
		padding: 0px;
	}
	.generic-main-normal #generic-body,
	.generic-main-wide #generic-body,
	.generic-main-extra-wide #generic-body
	{
		width: auto;
		margin: 0px;
		padding: 0px;
	}
}