body {
	font-family: arial, sans-serif, verdana;
	font-size: 14px;	
	background-color: #FFFFFF; /* #7997f9; */
	background-image: url('mella_background2.jpg');
	color: #000;
	margin-top: 24px;
}

/* definitions applying to the contents block */
.contents {
	position: absolute;
	left: 200px;
	width: 550px;
}

/* definitions applying to the logo */
.logo {
	position: absolute;
	top: 20px;
	left: 20px;
}

.menu {
	position: absolute;
	top: 100px;
	left: 30px;
	width: 110px;
	color: #777;
	font-size: small;	
}

/* Buttons */
#elButton2 a {
color: #000000;
font-size:12px;
font-family:arial, sans-serif, verdana;
font-weight:bold;
text-decoration: none;
border:2px outset #66b9bc; /* #808ef7; */ /* #4d5cc1; */
background-color:#c1f6e4;
display: block;
width: 134px;
padding: 4px 3px;
margin: 1px;
margin-bottom: 4px;
}
#elButton2 a:hover {
background-color: #66b9bc; /* #baf7bb; */
color: #000000;
font-style: italic;
padding-left:3px;
border:2px inset #c1f6e4; /* #808ef7; */  /* #4d5cc1; */
}

.desctext {
	font-family: arial, sans-serif, verdana;
	font-size: 14px;	
}

/*
	Definitions for headers in the menu (.menu h2), page titles (h1) 
	and dateheads (.contents h2):
	- page titles are centered (within the .contents div)
	- menu headers (h2) use a small font
	- dateheads use a large font and are in a box
*/

h1 {
	text-align: center;
	color: blue;
	background-color: yellow;
}

h2 {
	text-align: left;
	color: 5967cf;
	font-size: 16px;
	/* border: 1px solid #ccc; */
	/* padding: 4px; */
	/* width: 100%; */
	margin-bottom: 6px;
	text-decoration: underline;
}

.menu h2 {
	font-size: small;
	margin-bottom: 0px;
	margin-top: 10px;
}

.contents h2 {
	background-color: whitesmoke;
	border: 1px solid #ccc;
	padding: 5px; 
	font-size: 10px;
	margin-bottom: 5px;
}

/* item title */
h3.item {
	font-size: medium;
	margin: 0px;
	margin-top: 10px;
}

.itembody {	
	margin-top: 5px;	
	margin-bottom: 5px;
}

.iteminfo {	
	font-size: x-small;
	color: gray;
}

.iteminfo a {
	font-weight: bolder;
	color: #555;
	text-decoration: none;
}

/* comment title */
td.comment {
	font-family: arial, sans-serif, verdana;
	font-size: 16px;	
}

.commentbody {
	text-align: justify;
}

.commentinfo {	
	font-size: x-small;
	color: gray;
}


/*
	Some rules that apply to contents generated using the markup buttons 
	"add left box" and "add right box"
	
	both boxes have slightly larger text, and take a maximum of 20% of 
	the width of the contents.
*/

.leftbox, .rightbox {
	margin: 3px;
	padding: 3px;
	font-size: larger;
	width: 20%;
}
.leftbox {
	float: left;
	border-right: 2px solid #ccc;	
}
.rightbox {
	float: right;
	border-left: 2px solid #ccc;	
}


/*
	Some general rules:
	- images never have a border (even when they are inside a hyperlink)
	- elements having class="skip" are not shown
	- item lists using <ul class="nobullets"> have no list-item bullets
	- highlighted text (in search results) have a yellow background
*/

.skip {
	display: none;
}

ul.nobullets {
	list-style: none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 0px;
	font-size: x-small;
}

.highlight {
	background-color: yellow;
}

/* img border */
#imgborder img {
border:2px solid #66b9bc;
padding: 1px 1px;
}