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

/* area positions */
#area { display: block; width: 980px; min-height: 100px;  
	}
#top  { display: block; width: 980px; min-height: 125px;}	/* to contain logo, title and menu */
#menu { display: block; width: 980px; float: left;}
#nav  { display: block; width: 150px; float: left;  }
.info { display: block; width: 155px; float: right;  }
#copy { display: block; width: 980px; float: right; }
#main { display: block; width: 640px; float: left; min-height: 300px; }
#mainl { display: block; width: 795px; float: left;  min-height: 300px; }/* no nav */
#mainr { display: block; width: 810px; float: right; min-height: 300px; }/* no info */
#mainrl { display: block; width: 960px; float: left; min-height: 300px; }/*no nav, no info */


/* area specific */

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

#main,#mainl,#mainr,#mainrl { margin-top: 0px; padding:10px; }
#main h1, #mainr h1, #mainrl h1, #mainl h1 
{ 
   font:  140% "Trebuchet MS", Verdana, Arial, sans-serif;
   margin: 0 0 0 0;
   border-bottom: 2px solid #780;
   border-right: 2px solid #780;
   clear: both;
	 padding-left: 6px;  
}
#main h2, #mainr h2, #mainrl h2, #mainl h2 
{ 
   font: 120% "Trebuchet MS", Verdana, Arial, sans-serif;
   margin: 20px 0 15px 0;
   width: 90%;
   clear: both;
   border-bottom: 2px solid #780;
   border-right: 2px solid #780;
	 padding-left: 6px;  
}

#main h3, #mainr h3, #mainrl h3, #mainl h3
{ 
   font: bold 100% "Trebuchet MS", Verdana, Arial, sans-serif;
   margin: 10px 0 5px 0;
   clear: both;
   border-bottom: 2px solid #cd7;
   border-right: 2px solid #cd7;
	 padding-left: 6px;  
}

#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;}

#top img { float:left; margin-right: 20px; margin-left: 0px; margin-top: 1px;}
#top img.rf { float:right; margin-right: 0; margin-top: 1px; }


.info { /* margin-top: 10px;  border:#950 1px solid;  */
	padding:5px; font-size: 80%; }
.info h3,.info h2,.info h1 {text-align:center; margin-top:5px; padding-top:5px; padding-bottom:5px; }
.info a {
	text-align:center; 
	display:block;
	width:96%;
	float: left;
	margin-bottom:1px;
	padding-top:3px;
	padding-bottom:3px;
	}
.info img {width: 95%; border-width:0;}

#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.rf { float: right; border-right: 0;}

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


#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: 2px 10px 2px 10px;
margin:0; 
/* border-right:1px solid #D6EA96;; */
text-align:center;
}

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

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

 

a:hover span 
{
	position:absolute; 
	z-index:100;
	font-size:12px; 
	font-weight:normal;
}
#menu a:hover span
{
	display:block; 
	left:600px;
	top:143px; 
	width:445px;
}

#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; }
	
	#map_canvas { width: 620px; height: 600px; float:left; margin-right: 5px; }