@charset "utf-8";
/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #707070;
}

img {
	border: 0;
}

div#topcontainer {
	height: 60px;
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}

div#logo {
	float: left;
	width: 28%;
	padding-left: 2%;
	padding-top: 15px; 
}

div#header {
	float: left;
	width: 40%;
	text-align: center;
	padding-top: 20px;
	color: #707070;
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 18px;
}

div#roots {
	float: left;
	width: 28%;
	padding-right: 2%; 
	text-align: right;
	font-size: 11px;
}

/*div#bottomcontainer {
	position: absolute;
	width: 100%;
	bottom: 0;
	//background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
} */

div#sflink {
	padding: 5px;
	text-align: right;
}

div.sf {
	background-image: url(images/logo_small_grey.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 50px;
	height: 20px;
	display: table-cell;
}

div.sf:hover {
	background-image: url(images/logo_small_color.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 50px;
	height: 20px;
	display: table-cell;
	outline: none;
}