


#page {
	min-height: 1px;
	}
	
	#page:after {
		content: ".";
		height: 0;
		clear: both;
		display: block;
		visibility: hidden;
		}

#sidebar {
	float: left;
	width: 220px;
	padding: 0;
	margin: 80px 0 0;
}	

#sidebar .section {
	min-height: 200px;
	margin: 0 0 2em 0;
	
	background: #f8f8f8;
	border: 1px solid #ccc;
	border-width: 1px 0 1px 1px;
	
	border-right: 2px solid #eee;
	
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;

	-moz-box-shadow: 0 1px 0 #fff;		
	}
	
	#sidebar .section h2 {
		padding: 0 15px;
		
		color: #555;
		border-bottom: 1px solid #ccc;	
	
		text-transform: uppercase;
		font-size: .875em;
		line-height: 2.5em;		
		}
		
	#sidebar .section h2 a {
		color: #555;
		}
		
	#sidebar .section .button-group {
		padding: 5px 15px 15px;
		font-size: .6875em;
		}
	
#main {
	float: left;
	width: 720px;
	}
	
	
#breadcrumb {
	color: #776F67;
	
	font-size: .625em;
	text-transform: uppercase;
	line-height: 3em;	
}
	
#content {
	position: relative;
	padding: 30px 28px 60px;
	min-height: 400px;
	
	background: #fff;
	border: 1px solid #ccc;
	color: #555;
	
	font-size: .875em;
	line-height: 1.5em;
	
	-moz-border-radius: 5px;
	-moz-box-shadow: 0 1px 0 #fff;	
	}
	
	
.button-more {
	display: block;
	width: 120px;
	height: 30px;
	margin: 1em 0;
	background: url(button-more.gif);
	
	text-indent: -9000px;
	}
	
	.button-more:hover {
		background-position: 0 -30px;
		}
	
	
.page-tools {
	background: #eee;
	padding: 5px 1em;
	margin: 3em 0 -2em;
	
	font-size: .785em;
	text-align: right;
	
	-moz-border-radius: 5px;
	-moz-box-shadow: 0 1px 0 #ccc;
	
	text-shadow: 0 1px 0 #fff;
	
	clear: both;
	}
	
.page-tools a {
	color: 	#777;
	}
	
.page-tools a.referpage {
	padding: 0 0 0 20px;
	background: url(referpage.gif) no-repeat  0 1px;
	}