html, body {
 margin: 0 0 0 0;
 padding: 0 0 0 0;
}

body {
 font: 75%/1.3 Verdana, Arial, sans-serif ;
 text-align: left;
 /*background:#006600 url('images/bg-body1.jpg') left top repeat;*/
 background-color: #003366;
 padding-bottom:20px;
 }

img.mainimg
{
 width: 160px;
 margin: 2px 20px 2px 4px;
 padding: 4px 4px 4px 4px;
 border: 1px dotted #003366; 
 position: left;
}

a  { 
 color: #000; 
 background: inherit; 
 text-decoration: none;
}



/* navigation */

div#header{
 width:100%;
 overflow:hidden;
 background:#fff url('http://ggg.disi.unige.it/g3-logo.png') right no-repeat;
 border-bottom : 15px solid #cccc99; 
 margin-bottom: 0px;
}

div#header h1, div#menu {
 width:98%;
 margin:0 auto;
 text-align:left;
 /* padding-top:77px; */
}

div#header h1 {
 /* padding: 10px 1px 30px 0;
 color: #fff */
}

ul#nav, ul#nav li{
 list-style-type:none;
 margin:0;padding:0
}

ul#nav { 
 float:right;
 font-size: 95%;
}

ul#nav li{
 float:left;
 margin-left: 6px;
 text-align: center
}

ul#nav a {
 float:left;
 /*width: 75px;*/
 padding: 3px 10px 3px 10px;
 background: #cccc99;
 text-decoration:none;
 color: #000; 
 border-top : 3px outset #cccc99; 
 border-left : 3px outset #cccc99; 
 border-right : 3px outset #cccc99;
}

ul#nav a:hover{
 background: #cccc99;
 color: #000;
 border-top : 3px inset #fff; 
 border-left : 3px inset #fff; 
 border-right : 3px inset #fff;
}

ul#nav li.activelink a, ul#nav li.activelink a:hover {
 background: #FFF;
 color: #003
}


/* contenitore contenuti */

#content {
/*  font: 95%/1.3 Verdana,Arial,sans-serif; */
	margin: 0 auto;
    padding: 15px;
    width: 970px;
	background: transparent;
	height: 100%;
}

/* div centrale testo */

#right {
	float: left;
	/*width: 100%; 700px; 70%;*/
	padding: 1em;
	margin-bottom: 1.2em;
	background: #fff;
	text-align: left;
    /* border: 1px solid #ccc;   */
	line-height: 175%;
}

#right .boxcenter{
	border-left: 1px dotted #333;
/*	width: 72%; */
	padding: 10px;
	margin-left: 23px;
}

#right a {
 border-bottom: 1px dotted #000;
}

#right a:hover  { 
 background: #cccc99; 
}


#right h1, h1 { 
 font: bold 2.1em Verdana, Arial, Sans-Serif; 
 color: #003366 
}

#right h2 { 
 font: bold 1.7em Verdana, Arial, Sans-Serif; 
 padding-top: 6px; 
 margin: 0; 
 color: #003366;
}

#right h3 { 
 font: bold 1.4em Verdana, Arial, Sans-Serif; 
 padding-top: 6px; 
 margin: 0; 
 color: #003366;
}

#right h5 { 
 font: bold 1.0em Verdana, Arial, Sans-Serif; 
 padding-top: 30px; 
 margin: 0; 
 color: #003366;
}

#right dt{
 padding-top: 20px;
 padding-bottom: 5px;
 font-weight: bold;
 color: #003366;
 font-size: 1.1em;
}

/*#right li{
 padding-top: 4px;
}*/

/* colonna a destra */

#left {
	float: right;
	width: 220px; /*26%;*/
	margin: 0 0 0 0;
	padding-left: 30px;
	padding-bottom: 80px;
}

#left .box {
  font-size: 95%;
  background : #CCCC99;
  border: 1px dotted #ccc; 
  /* margin-bottom: 10px; */
  color: white;
}


#left li {
 padding-top: 4px;
 list-style-type: none;
}

#left a, #left .box span {
 padding: 3px;
 display: block;
/* border-top: 1px dotted #ccc; */
 border: 0px; 
 color: #000;
}

#left a:hover {
 color: #000;
 background: #FFF; 
}



#left h2 {
  font: 118%/1.9 Verdana,Arial,sans-serif;
  margin-top: 0px;
  font-weight: bold;
  text-align: center;
  color: #000;
  background: #FFF; 
}