body { }

/* area positions */
#area { display: block; width: 825px; min-height: 100px;}
#top  { display: block; width: 810px; min-height: 100px;}	/* to contain logo, title and menu */
#logo { display: block; width: 150px; float: left; min-height: 100px;}
#title  { display: block; width: 660px; float: left; }
#menu { display: block; width: 660px; float: left; }
#nav  { display: block; width: 100px; float: left;  clear:left;}
.info { display: block; width: 160px; float: right; clear:right;}
#main { display: block; width: 520px; float: left; }
#copy { display: block; width: 800px; float: right; }
#mainl { display: block; width: 620px; float: left; clear:left; }/* no nav */
#mainr { display: block; width: 680px; float: left; }/* no info */
#mainrl { display: block; width: 805px; float: left; clear:left;}/*no nav, no info */



/* area specific */

#area {  padding:3px;}
#title  { text-align:right; }
#menu { margin-bottom: 2px; padding-bottom:0px; 
border-top-width:0px; border-left-width: 0px; border-right-width: 0px; 
border-bottom-width:1px; border-style:solid; }

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

#main img { float:left; margin: 10px 10px 10px 0px;}
#mainl img { clear:left; float:left; margin: 10px 10px 10px 0px;}
#mainr img { float:left; margin: 10px 10px 10px 0px;}
#mainrl img { float:left; margin: 10px 10px 10px 0px;}

#nav  { margin-top: 20px; }

.info { margin-top: 20px; border:#950 1px solid; 
	padding:5px; font-size: 90%;  margin-left:10px; }
.info h3 {text-align:center; }
#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%; 
}


/* 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-weight: bold; font-size: 80%; font-family: arial, helvetica, sans-serif; }
#nav a { display:block; width:80px; float:left; margin-top:6px; margin-left: 10px; text-align:left; }



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

/* common elements */
a { text-decoration:none; 	font-style: italic;}
/* a:hover { text-decoration: underline;} */

#menu a { 
display:block; 
float:left; 
padding: 0px 10px 0px 10px;
margin:0px 5px 3px 5px; 
text-align:center;
}

a span { display:none;}
a:hover span 
{
	display:block; 
	position:absolute; 
	z-index:100;
	font-size:12px; 
	font-weight:normal;
}
#menu a:hover span
{
	left:162px;
	top:80px;
	width:640px;
}
#nav a:hover span
{
	left:12px;
	top:220px;
	width:100px;
}

.info a
{
	text-align:center;
	/*
	display:block;
	width: 100%;
	float: right;
	clear:right;
	margin-left:16px;
	*/
}

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