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;
	}
		
	#contentleft {
		width:175px;
		float:left;
		text-align: left;
		clear: left;
		}
	
	#contentcenter {
	        margin-left: 20px;
		width:450px;
		float:left;
/*		background:#aaaaaa;*/
		}

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

	.statfont {
		font-size: 13px;
		font-weight: bold;
	}

	.newfont {
		font-size: 12px;
		font-weight: bold;
		color: #770000;
	}

	#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;
	}

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

	#graphic {
	       margin: 7px;
	       width: 133px;
	       height: 108px;
	       border: 2px solid #000000;
	       float: left;
	}				

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

/* CSS Tabs */

/*
ul#tabnav {
font: bold 14px verdana, arial, sans-serif;
list-style-type: none;
padding-bottom: 24px;
border-bottom: 1px solid #000000;
margin: 0;
}

ul#tabnav li {
float: left;
height: 21px;
background-color: #cccccc;
margin: 2px 2px 0 2px;
border: 1px solid #000000;
}

body#tab1 li.tab1, body#tab2 li.tab2 {
border-bottom: 1px solid #aaaaaa;
background-color: #aaaaaa;
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a {
color: #000;
}

#tabnav a {
float: left;
display: block;
color: #666;
text-decoration: none;
padding: 4px;
}

#tabnav a:hover {
background-color: #aaaaaa;
}

*/

/*
	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;
}

.wrap1, .wrap2, .wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
  }
.wrap1 {
  float:left;
  background:url(shadow.gif) right bottom no-repeat;
  }
.wrap2 {
  background:url(corner_bl.gif) left bottom no-repeat;
  }
.wrap3 {
  padding:0 4px 4px 0;
  background:url(corner_tr.gif) right top no-repeat;
  }