body
{
	background:		#e6e3dc;
	padding:		10px;
}

h1
{
	font-size:		24px;
	font-family:	helvetica;
	color:			#4d4d4d;
	margin:			10px 0px 10px 0px;
	padding:		0px;
	letter-spacing:	.15em;
}

h6
{
	font-weight:	bold;
	color:			#333;
	font-family:	helvetica;
	font-size:		22px;
	letter-spacing:	.05em;
	padding:		0px;
	margin:			0px 0px 5px 0px;
}

.h6_alt
{
	font-weight:	normal;
	color:			#999;
	font-family:	helvetica;
	font-size:		22px;
	letter-spacing:	.05em;
	padding:		0px;
	margin:			0px 0px 5px 0px;
}

.alt_background
{
	width:			330px;
	height:			230px;
	padding:		20px 15px 10px 15px;
	background:		#f7f7f5;
	margin-bottom:	15px;
	border:			1px solid #c8c8c8;
}

p
{
	color:			#7e7e7e;
}

.left_column
{
	width:			471px;
	float:			left;
}

.middle_column
{
	float:			left;
	position:		relative;
	margin:			0px 0px 0px 20px;
}

.container
{
	width:			500px;
}

.content
{
	padding:		15px;
	/*font-family:	helvetica;
	font-size:		12px;
	letter-spacing:	.05em;
	line-height:	19px;*/
}

.tile_shadows_left_and_top
{
	padding:		2px 0px 0px 0px;
	margin:			0px 0px 15px 0px;
	background:		transparent url('top_and_left_double.gif') top left repeat;
	width:			auto;
	height:			auto;
/*	line-height:	0px;
	font-size:		1px;*/
	float:			left;
}

.tile_shadows_bottom
{
	margin-left:	0px;
	border-left:	1px solid #ccc9c3;
	background:		transparent url('bottom.gif') repeat-x;
	width:			auto;
	height:			4px;
	/*text-align:		right;
	line-height:	0px;
	font-size:		1px;*/
}
.tile_shadows_bottom_right
{
	background:		transparent url('lower_right_corner.gif') bottom right no-repeat;
	width:			3px;
	height:			3px;
	float:			right;
}

.tile_shadows_right
{
	margin:			0px 0px 0px 0px;
	padding:		0px;
	border-top:		1px solid #ccc9c3;
	border-left:	1px solid #ccc9c3;
	border-right:	1px solid #dad7d0;
	background:		#ffffff url('right_three.gif') top right repeat-y;
	/*line-height:	0px;
	font-size:		1px;*/
	width:			auto;
	height:			auto;
}

.alt_tile_shadows_left_and_top
{
	padding:		2px 0px 0px 0px;
	margin:			0px 0px 15px 0px;
	background:		transparent url('alt_bg/top.gif') top left repeat;
	width:			auto;
	height:			auto;
	line-height:	0px;
	font-size:		1px;
	
}

.alt_tile_shadows_bottom
{
	margin:			0px 0px 0px 0px;
	border-left:	1px solid #d8d8d6;
	background:		transparent url('alt_bg/bottom.gif') repeat-x;
	width:			auto;
	height:			4px;
	text-align:		right;
	line-height:	0px;
	font-size:		1px;
}
.alt_tile_shadows_bottom_right
{
	background:		transparent url('alt_bg/lr_corner.gif') bottom right no-repeat;
	width:			3px;
	height:			3px;
	float:			right;
	margin:			0px 0px 0px 0px;
}

.alt_tile_shadows_right
{
	margin:			0px 0px 0px 0px;
	border-top:		1px solid #d8d8d6;
	border-left:	1px solid #d8d8d6;
	border-right:	1px solid #e9e9e8;
	background:		#ffffff url('alt_bg/right.gif') top right repeat-y;
	width:			auto;
	height:			auto;
	line-height:	0px;
	font-size:		1px;
}

.drawer_top
{
	background:		#f7f7f5 url('shadows/drawers/separator.gif') top left repeat-x;
	margin:			0px 3px 0px 0px;
	padding-bottom:	1px;
	height:			auto;
	width:			auto;
}

.drawer_content
{
	padding:		1px 0px 0px 15px;
	font-family:	helvetica;
	font-size:		12px;
	color:			black;
}

.drawer_shadows_bottom
{
	margin:			0px 0px 0px 0px;
	font-size:		1px;
	border-left:	1px solid #ccc9c3;
	background:		#f7f7f5 url('bottom.gif') repeat-x;
	width:			auto;
	height:			3px;
	line-height:	0px;
	font-size:		1px;
}

/*-- only used for self contained drawers --*/

.drawer_shadows_right
{
	margin:			0px 0px 0px 0px;
	border-right:	1px solid #e9e9e8;
	background:		#f7f7f5 url('right_three.gif') top right repeat-y;
	width:			auto;
	height:			auto;
}

.drawer_right_corner
{
	float:			right;
	font-size:		1px;
	margin:			-4px -1px 0px 0px;
	height:			7px;
	width:			8px;
	background:		#f7f7f5 url('shadows/drawers/right_corner.gif') bottom right no-repeat;
}
.drawer_left_corner
{
	float:			left;
	font-size:		1px;
	margin:			-3px 0px 0px -2px;
	height:			6px;
	width:			7px;
	background:		#f7f7f5 url('shadows/drawers/left_corner.gif') bottom left no-repeat;
}

.image_container
{
	width:			auto;
	height:			auto;
	border:			1px solid silver;
	font-family:	helvetica;
	color:			#333;
	font-weight:	bold;
	padding:		5px;
}

a
{
	color:			black;
	text-decoration:underline;
}

a:hover
{
	color:			gray;
	cursor:			pointer;
}

.js_shadow_example
{
	margin:			200px 0px 50px 0px;
	width:			300px;
	height:			200px;
	background:		white;
	border-right:	1px solid #9c9c9c;
	border-bottom:	1px solid #a0a0a0;
	border-left:	1px solid #ccc;
}