h1,h2,h3 {
	font-family: "lucida sans", arial, sans-serif;
}
h1 {
	font-size: large;
	margin-top:0px; /* so that FF does not have blank bit at the top */
}
h2 {
	font-size: medium;
	margin:0px;
	padding:2px;
}
html, body {
	color: #000000;
	background-color: #EEEEEE;
	font-family: tahoma, verdana, arial, sans-serif;
	font-size:small;
	margin: 0px;
	padding: 0px;
}
.central {
	text-align:center;
/*	border: 1px solid blue; /* for debug */
}
/* ===============	 */
#container {
	width:100%;
	float: left;
	margin:0px;
	padding-left: 0px;
	margin-right: -40px;
	background: #CCCCCC url("images/right_edge4.gif") repeat-y right;
}
#content {
	height: 100%;
	margin:0px;
	margin-right: 40px; 
	padding-right:10px;
	padding-left:50px;
	padding-top: 10px;
	padding-bottom: 2px;
	background: #CCCCCC url("images/left_edge4.gif") repeat-y left;
}
#wrapper {
	background: #CCCCCC url("images/right_edge4.gif") repeat-y right;
}
#clearing {
	height: 19px;
	clear: both;
}
/* ===============	 */

.website_list tr {
	color: #000000;
	background-color: #FFFFFF;
	vertical-align: top;
	border:0px;
}
.website_list tr td {
	border-bottom:1px solid gray;;
}
.comment {
	font-size: 95%; 
	color: #555;
	background-color: #DDD;
	margin-top:25px;
	padding:5px;
	border:1px solid #999;
	zwidth:80%;
}

a {
	font-family: arial, sans-serif;
	font-weight: bold;
	color: #0000FF;
	font-size:1em;
}
a:hover {
	color: #000000;
}
.none {
	display:none;
}
/*===============================================================*/
/* div.img-box is the surrounding box with caption 
/*===============================================================*/
div.img-box {
	float:left;
	margin: 5px 27px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
/*	border:1px dotted gray; /*for debug */
}
div.img-box p { /* the caption underneath the image */
	text-align: center;
	color:#515151; 
	font-size: small;
	margin:0px 0px 15px 4px;
	padding:5px 0px 0px 0px;
	border: none;
/*	border:1px dashed red; /* for debug */
}
.img-shadow {
	float:left; 
	background: url(images/shadowalpha.png) no-repeat bottom right !important;
	background: url(images/shadow_grey.gif) no-repeat bottom right;
	margin: 10px 1px 0 10px !important;
	margin: 10px 1px 0 5px;
/*	border:1px dashed green; /* for debug */
}

.img-shadow img {
	display: block;
	position: relative;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	margin: -6px 6px 6px -6px;
	padding: 4px;
} 

/*===============================================================*/
