body {
	margin:	    0px;
	padding:    0px;
	}

#leftcontent {
	position:	absolute;
	padding:	0; 
	margin:		0;
	top:		115px;
	left:		2%;
	width:		22%;
	background:	#fff;
	overflow:	hidden;
	}

#leftcontent li {
	list-style: none; 
	margin:	    0;
	border-top: 1px solid gray;
	}

#leftcontent li a {
	text-decoration: none;
	}


#centercontent {
	position:   absolute;
	top:	    115px;
	left:	    25%;
	width:	    50%;
	background: #fff;
	}

#rightcontent {
	position:   absolute;
	top:	    115px;
	left:	    76%;
	width:	    22%;
	background: #fff;
	}

#banner {
	position:   absolute;
	right:	    5%;
	width:	    90%;
	top:	    10px;
	}

#photobubble { 
	width:	    340px;
	background: #fff;
}

/* XXX: this should be fixed to be a "code" class, instead of hijacking the "pre" class */
pre {
	background-color:   #aaa;
	border-style:	    dashed;
	border-color:	    #000;
	border-width:	    1px;
	padding:	5px;
	margin:		0px;
	overflow:	auto;
	}

p,h1 {
	padding:	5px;
	margin:		0px;
	}

hr { 
	border:		    0;
	width:		    66%;
	color:		    #000;
	background-color:   #000;
	height:1px;
	}
	    
h1 {
	font-size:	    14px;
	}
	
#centercontent h1 {
	font-size:	    20px;
	background-color:   #b0a384;
	border-style:	    dashed;
	border-color:	    #000;
	border-width:	    1px;
	}
	
#banner h1 {
	font-size:	    14px;
	}

#rightcontent p {
	font-size:	    10px;
	}

.w640 { 
	width:  640px;
	}

img { 
	border:	    0;
	margin: 4px; 
	}

img.floatLeft { 
	float:	left; 
	margin: 4px; 
	}

img.floatRight { 
	float:	right; 
	margin: 4px; 
	}

table {
	background-color:   #FFF;
	width:		    100%;
	border-collapse:    collapse;
}

table.photo {
	background-color:   #FFF;
	width:		    100px; 
	border-collapse:    collapse;
}

th {
	font-size:	    12px;
	background-color:   #CCC;
	border:		    1px solid black;
	padding:	    1px;
}

td {
	font-size:	    10px;
	background-color:   #FFF;
	border:		    1px solid black;
	padding:	    1px;
}