#datalist
{
margin-left: 0;
padding-left: 0;
list-style: none;

}

#datalist li 
{
padding-left: 8.8em;
padding-bottom: 4.2em;
background-repeat: no-repeat;
background-position: 0.5em 0.5em;
MARGIN-BOTTOM: 0em; 
MARGIN-top: 0em;
}
#datalist .live 
{
background-image: url(../images/countryside_icon.jpeg);
position: relative;
}
#datalist .lipop 
{
background-image: url(../images/conservation_database_icon.jpeg);
position: relative;
}
#datalist .licrop 
{
background-image: url(../images/fieldtofridge_icon.jpeg);
position: relative;
}
#datalist .lifsys 
{
background-image: url(../images/four_seasons_icon.jpeg);
position: relative;
}
#datalist .liwood
{
background-image: url(../images/graph.jpeg);
position: relative;
}
#datalist .lisoce
{
background-image: url(../images/multimedia_icon.jpeg);
position: relative;
}
#datalist .liclim
{
background-image: url(../images/stats_icon.gif);
position: relative;
}
#topBar {
  height: 2em
}
#sideBar {
  width: 50%;
  float: left;
  height:4em; 

}
#contentArea {
  margin-left: 200px;
    height: 2em; 
}


.floatright { 
float: right;
margin: 0 7px 20px 20px;
border: 1px solid #c0c0c0;
padding: 8px;
clear: right;
position: relative;
background-color: #fff;
 }
 
 .floatleft { 
float: left;
clear: left;
position: relative;
margin: 0px 15px 7px 0px;
border: 1px solid #c0c0c0;
padding: 4px;
clear: right;
background-color: #fff;
 }
 
  .floatleftsitemap { 
float: left;
clear: left;
position: relative;
margin: 0px 15px 7px 0px;
padding: 4px;
clear: right;
 }
 
  .floatleftcomments { 
float: left;
position: relative;

clear: right;
background-color: #fff;
 }
 
  .floatleftPB { 
float: left;
clear: left;
position: relative;
margin: 20px 15px 7px 0px;
border: 1px solid #c0c0c0;
padding: 4px;
clear: right;
background-color: #fff;
 }
 
.ulpb { 
margin-left: 10px;
padding-left: 0px;
list-style: none;
 }

.pbli 
{
padding-left: 8.8em;
MARGIN-BOTTOM: 0em; 
MARGIN-top: 0em;
}
 
 
 .floatrightsmiley { 
float: right;
margin: 22px 7px 20px 30px;
border: 1px solid #c0c0c0;
padding: 8px;
clear: right;
position: relative;
background-color: #fff;
 }
 

#containernav{ position:relative; background-color:#FFFFEC; border:1px solid #CEDEB5; margin-bottom:10px}
#headingnav{ position:relative; background-color:#CEDEB5;padding:3px;border-bottom:1px solid #bfc2af;background-image: url(../../images/bg_diags2.gif);}
#padding{ padding:5px;  font-size: x-small;voice-family: "\"}\"";voice-family: inherit;font-size: small;line-height:1.7em;}

#containernav2{ position:relative; background-color:#FFFFEC; border:1px solid #CEDEB5;}
#headingnav2{ position:relative; background-color:#CEDEB5;padding:3px;background-image: url(../images/header_background.gif)}
#padding2{ padding:5px;  font-size: x-small;voice-family: "\"}\"";voice-family: inherit;font-size: small;line-height:1.7em;}

#containernavmth{ position:relative; border-left:1px solid #CEDEB5;border-right:1px solid #CEDEB5;border-bottom:1px solid #CEDEB5;border-top:1px solid #bfc2af;margin-left:-5px;margin-top:5px;height:320px;}
#paddingmth{ padding:10px;  font-size: x-small;voice-family: "\"}\"";voice-family: inherit;font-size: small;}

#datasheets { 
position:relative; 
background-color:#FFFFEC; 
border-left:1px solid #CEDEB5;border-right:1px solid #CEDEB5;border-bottom:1px solid #CEDEB5;border-top:1px solid #bfc2af;

padding:10px; 
margin-top:-13px; 
line-height:1.2em; 
text-align:justify;

} 


#datasheetsstats { 
position:relative; 
background-color:#FFFFEC; 
border-left:1px solid #CEDEB5;border-right:1px solid #CEDEB5;border-bottom:1px solid #CEDEB5;border-top:1px solid #bfc2af;
margin-top:-13px;
padding:5px; 
line-height:1.2em; 
text-align:justify;

} 

#datasheetsfc { 
position:relative; 
background-color:#FFFFEC; 
border:1px solid #CEDEB5;

margin-top:-13px; 
line-height:1.2em; 
text-align:justify;
padding:10px;  font-size: x-small;font-size: small;line-height:1.7em;

} 

#datasheetsfs { 
position:relative; 
background-color:#FFF; 
border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;border-top:1px solid #bfc2af;

padding:10px; 
margin-top:-13px; 
line-height:1.2em; 
text-align:justify;

} 

.clearboth{	clear: both;	height: 6px;}
.clearright{clear: right;}
.clearleft{clear: left;}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

fieldset { 
margin: 0 0 2em 0; 
padding: 1em .5em .5em .5em; 
border: 1px solid #949A76; 
} 
legend { 
padding: .2em; 
background-color: #FFFFEC; 
font-size: small;
color: #000000; 
border: 1px solid #949A76; 
} 
input { 
border: 1px solid #949A76; 
background-color: #F5F5F5; 
}
hr {border: none 0; 
border-top: 1px dashed #000;/*the border*/
width: 90%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
} 



A:link {color: #000;font-size:small}
A:visited {color: #404040;font-size:small}
A:active {text-decoration: none;font-size:small}
A:hover {text-decoration: none; color: #000;font-size:small}

.ffheading {margin-top: -0px;
font-size:x-small}

.fftext {margin-top: -5px;
font-size:x-small}

.strongcomments { font-size:small}

.marginwallpapers {

border: 1px solid #c0c0c0;
padding: 4px;
background-color:#fff;
display: block inline}

#main-content li{
	width:135px;
	border:solid #CCC;
	border-width:0 1px 1px 0;
/* uncomment and adjust this if you want a rounded frame in Mozilla browsers
	-moz-border-radius:20px;
 */
	background:#FFF;
	padding:10px;
	text-align:center;
	position:relative;
	float:left;
	display:inline;
	margin:5px;
}

h1 { font-size:small}








.input_search { background-color:#FFFFFF; border:1px solid #939975; height:18px; margin:2px;padding:2px;
}
.input_searchstats { background-color:#FFFFFF}
.input_submit { background-color:#FFFFFF; border:1px solid #939975; height:24px; margin:2px;padding:2px;
}