/* initial settings */

html { font-size:100.01%; }

body { 
	font-size:1em; 
	margin:0; 
	padding:0;
	background:#fff; 
	color:#000; 
}

h1, h2, h3, h4, h5, h6, p, pre, 
blockquote, ul, ol, dl, address, table {
	margin:.5em 0; 
	padding:0; 
}

div { 
	margin:0; 
	padding:0; 
}

li, dd { margin-left:1.6em; }

ol li { margin-left:2.2em; }

li, dt { margin-top:.2em; margin-bottom:.2em; }

blockquote { margin:.2em .8em; }

input, select, textarea, button { font-size:inherit; }

a img { border:none; }

/* end initial settings */

body { 
	font-family:Trebuchet, "Trebuchet MS", sans-serif; 
	background-color:#ccc; 
	background-image:url(bg.png); 
}

#pageContent { 
	background-color:#fff; 
	margin-left:5px; 
	padding:8px; 
	width:735px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	float:left; 
}

ul#pictures { 
	float:left;
	margin-left:20px;  
}

ul#pictures li { 
	list-style-type:none; 
	margin:0;
	border:1px outset #999;  
	width:148px; 
	height:158px;
	background-color:#fff; 
	margin-bottom:20px; 
}

ul#pictures li img { 
	border:1px inset #aaa; 
	margin:3px; 
}

h1 { 
	font-size:1.4em; 
	margin:.2em 0;
	letter-spacing:2px; 
	border-bottom:1px dotted #ccc; 
}

h2 { 
	font-size:1.2em; 
	margin:.2em 0; 
	letter-spacing:1px; 
	text-decoration:underline; 
	font-weight:normal; 
}

dt { font-weight:bold; }

ul li { list-style-type:square; }

.clear { clear:left; }

a:link { }
a:visited { color:green; }
a:focus { background-color:#ffff99; }
a:hover { background-color:#ffff99; }
a:active { }