body {
		text-align:center;
		background: #660000;
	     }
	
	#frame {
	        width:700px;
		margin-right:auto;
		margin-left:auto;
		margin-top:10px;
		padding:20px;
		text-align:left;
		background:#aaaaaa;

		background-image: url("/cobblestones.jpg");
		background-repeat: repeat-y;

		border: 4px solid #000000;
		overflow: auto
		}

	#contenttop {
/*	       background:#cccccc;*/
/*	       margin-bottom: 10px;*/
	       text-align: center;
	       clear: both;
/*	       border: 1px solid #000000*/
		border-bottom: 3px solid #000000;
	}


	#navbar {
		margin-top: -1px;
		border-bottom: 3px solid #000000;
		margin-bottom: 20px;
		padding: 3px;
	}

	.navspacer {
		border-right: 1px solid #000000;
		margin-right: 10px;
	}

	.navlink {
		padding-right: 20px;
	}

	.navlink a {
	  	text-decoration: none;
		color: #eeeeee;
	}	

	.navlink a:hover {
		color: #000000;
	}
		
	#contentcenter {
	        margin-left: 20px;
		width:650px;
		float:left;
/*		background:#aaaaaa;*/
		}


	#description {
		padding:4px;
		background:#cccccc;
		border: 1px solid #000000;
		}

	#album {
	       padding:3px;
	       background: #cccccc;
	       border: 2px solid #000000;
	}

	#subalbum {
	       margin-top: 5px;
	       padding-top: 3px;
	       border-top: 2px solid #000000;
	       clear: both;
	}

	#subalbum a {
	       border-right: 1px solid #000000;
	       margin-right: 5px;
	       padding-right: 5px;
	}

	#graphic {
	       margin: 7px;
	       width: 300px;

	       border: 2px solid #000000;
	       float: left;
	}				

	.title {
	  font-size: 30px;	
	}

	#contentcenter h1 {
		font-size:20px;
		padding-top:0px;
		padding-bottom:10px;
		margin:0px;
		}

/*
	yDSF (ydnar Drop-Shadow-Fu)
	ydnar@sixapart.com - http://www.sixapart.com
*/

.ydsf {
	display: block;
	position: relative;
	margin: 4px -4px -4px 4px;
	background: url(shadow-grid.gif) repeat;
}

/* ie6 ignores this selector */
html>body .ydsf {
	margin: 10px -10px -10px 10px;
	background: url(shadow.png) right bottom no-repeat;
}

/* shadow corners */
.ydsf:before,
.ydsf:after {
	content: " ";
	display: block;
	width: 10px;
	height: 10px;
	background: inherit;	
}

.ydsf:before {
	position: absolute;
	top: 0;
	right: 0;
	margin: -10px 0 0 auto;
	background-position: right top;
}

.ydsf:after {
	margin: -10px 0 0 -10px;
	background-position: left bottom;
}

.ydsf .inner {
	display: block;
	position: relative;
	overflow: hidden; /* prevents margin leakage from child elements */
	left: -4px;
	top: -4px;
}

/* ie6 ignores this selector */
html>body .ydsf .inner {
	left: -10px;
	top: -10px;
	margin: 0;
}