body {  padding:5px;font-family: arial, helvetica, sans-serif; font-size: 80%;}

/* area positions */
#area { display: block; width: 770px; min-height: 580px;  }
#top  { display: table; width: 770px; min-height: 70px;}	/* to contain logo, title and menu */
#menu { display: block; width: 770px; float: left;}
#nav  { display: block; width: 150px; float: left;  }
.info { display: block; width: 160px; float: right;}
#copy { display: block; width: 770px; float: right; }
#main { display: block; width: 400px; float: left; margin-left: 16px; }
#mainl { display: block; width: 570px; float: left;  }/* no nav */
#mainr { display: block; width: 580px; float: right; }/* no info */
#mainrl { display: block; width: 750px; float: left;}/*no nav, no info */


/* area specific */

#menu { margin-bottom: 2px; margin-top: 2px;
	padding-bottom:1px; padding-top: 1px;
}

#main,#mainl,#mainr,#mainrl { margin-top: 10px; padding:10px; }

#main img { float:left; margin: 5px 10px 5px 0px;}
#mainl img { float:left; margin: 5px 10px 5px 0px;}
#mainr img { float:left; margin: 5px 10px 5px 0px;}
#mainrl img { float:left; margin: 5px 10px 5px 0px;}
#main img.rf { float:right; margin: 5px 0px 5px 10px;}
#mainl img.rf { float:right; margin: 5px 0px 5px 10px;}
#mainr img.rf { float:right; margin: 5px 0px 5px 10px;}
#mainrl img.rf { float:right; margin: 5px 0px 5px 10px;}


#nav  { margin-top: 10px; }

.info { margin-top: 10px; 
	/* border:#950 1px solid;  */
	padding:5px; font-size: 80%; }
.info h3 {text-align:center; }
.info img {width: 95%; }

#copy { 
border-top-width:1px; 
border-left-width: 0px;	
border-right-width: 0px; 
border-bottom-width:0px;
border-style:solid; 
margin-top:10px; text-align:right; font-size: 80%; 
}

#copy a {
	display: block; float:left; padding: 0 15px 0 15px; border-right: 1px solid #FFF;}

#copy a:hover {}


/* additional definitions */
#title img { float: left;  }
#title h1 { padding:0 0 3px 0px; margin:0;line-height:1em; font-size:300%; line-height: 115%;
}

#nav {  font-size: 80%; font-family: arial, helvetica, sans-serif; }
#nav a { display:block; 
	width:140px; 
	float:left; 
	text-align:left; 
	padding: 5px 0px 5px 20px;
	border-bottom: 1px solid #FFF;
	}


#menu { font-weight:bold; font-size:80%; font-family: arial, helvetica, sans-serif;}

a { text-decoration:none; }
#main a, #mainl a, #mainr a, #mainrl a { font-style:italic;  font-weight:bold; }

#menu a { 
display:block; 
float:left; 
padding: 3px 6px 3px 6px;
margin:0; 
border-right:2px solid #e3f7b4;
text-align:center;
}

a span { display:none; text-align:left; }

hr { clear:both; }
p { clear:both; text-align: justify;}

 
.info a
{
	display:block;
	width:93%;
	float: left;
	clear:right;
	text-align:center;
	margin-left:3px;
	margin-top: 3px;
	padding-bottom:2px;
	padding-top:2px;
}
/*
does not work properly in different browsers 
the following optimized for firefox
correction of top position in special MSIE and Opera CSS
*/
a:hover span 
{
	position:absolute; 
	z-index:100;
	font-size:12px; 
	font-weight:normal;
}
#menu a:hover span
{
	display:block; 
	left:550px;
	top:109px; 
	width:445px;
	font-size:90%; 
}

#main a:hover span 
{
	display:inline;
	position:relative; 
	/* left:300px; 	top:0px; */
	z-index:100;
	font-size:12px; 
	font-weight:normal;
}

table { font-size: 90%; }
td { 
	padding: 2px 10px 2px 10px; 	
	border-style: solid;
	border-right-width: 0px;
	border-left-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 0px;
}
th { 
	padding: 2px 10px 2px 10px; 
	border-style: solid;
	border-right-width: 1px;
	border-left-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 1px;
	}
	
	li { margin-top: 10px; }
	
	h1,h2,h3 { clear:both; }