Remove the margin of images (whether they have links or not)

.image {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}

a:link {
	text-decoration: none;
}
a:visited {
	color: #99F;
	text-decoration: none;

}
a:active {
	text-decoration: none;
	background-color: #F80;
}
a:hover {
	text-decoration: none;
	background-color: #909;

}


img {
	border-width: 0;
}



.comment {
	font-weight: bold;

}

/* Put a border on all generated images */
.image {
	border-width: 0;
	border-style: solid;
	margin: 5;
}


/* List items appearance. call, e.g., with <ul class="disc"> ... </ul>*/
ul.disc 
{
list-style-type: disc
}

ul.circle 
{
list-style-type: circle
}

ul.square 
{
list-style-type: square
}
ul.red
{
list-style-image: url('../figsGeneric/ballsArrows/red-bullet-transp.png')
}
ul.blue
{
list-style-image: url('../figsGeneric/ballsArrows/blue-bullet-transp.png')
}
ul.traffic
{
list-style-image: url('../3Dtraffic_logo.jpg')
}
ul.greenArrow
{
list-style-image: url('../figsGeneric/ballsArrows/arr_green.gif')
}
 

/* headings appearance */

 h1 {
	font-family: sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #FC0;
        padding-top:10px;
 }
 
 h2 {
	font-family: sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #004;
        padding-top:7px;
 }

 h3 {
	font-family: sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #004;
        padding-top:4px;
 }