body {
	margin: 5px;
}
.logo{
	font-family: Arial, Helvetica, sans-serif;
	color: #991111;
	float:left;
	font-size: 25px;
}
	
.listSources {
	display:block;
	float: right; 

}
.contactUs {
	display:block;
	float: right;

}	

#snippets_div{
	position:absolute;
	left:5px;
	height:89%;
	width:38%; /* 35% */
	overflow: auto;
	/*top: 92px; */
}
#map{
    position:absolute;
	margin-left:38%; /* 35% */
	height:89%;
	width:61%; /* 64% */
}

#map.fullscreen {
  position: fixed;
  width:100%;
  height: 100%;
}


#content{
	left:5px;
	/*width:99%;*/
}
#filter{
    position:absolute; /* using absolute here ensures the filter box stays on top of the map */
	margin-left:38%; /* 35% */
	height:70px;/*height:86px;*/
	width: 180px; /*width:204px;*/
	border:solid; border-color:#009966;
	background-color:#FFFFFF; 
}
table.plain {
		  border: 1px solid;
		  border-color: #ccc; 
		  border-spacing: 0;
		  margin: 0 0 0 0;
		  padding: 0px 0px 0px 0px;
		  border-collapse: collapse;
		  clear: right;
		}
		  
		td {
		  border: 0px; 
		  background: #fff;
		  text-align:left;
		  padding: 2px 2px 2px 2px;
		  vertical-align:middle;
		}
		  
		td.snippet-title {
		  /*width:auto; */
		  font-family: Arial, Helvetica, sans-serif;
		  background-color: #99b3cc;
		  font-size:12px;
		}
		 
		td.snippet-data {
		  font-family: Arial, Helvetica, sans-serif;
		  vertical-align: top;
		  background-color: #e1e7fa;
		  font-size: 11px;
		}
		
		td.snippet-sn {
		  vertical-align: top;
		  background-color: #e1e7fa;
		  font-size: 12px;
		  width:10px; 
		}
		 
/*  ---------------------------------*/		
.style2 {
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
}
.style6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.style9 {
	font-family: Arial, Helvetica, sans-serif; font-size: small; 
}
.style10 {
	font-size: medium;
}
.style15 {
	font-size: 36px; font-family: Arial, Helvetica, sans-serif;
}
.style17 {font-size: 14px}
.style18 {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}