@charset "UTF-8";

body  {

	background: #666666;

	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */

	padding: 0;

	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

	color: #330000;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 100%;

}

#container  {

	width: 800px;

	text-align: left; /* this overrides the text-align: center on the body element. */

	background-color: #FFFFFF;

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	float: none;

	clear: both;

	margin-left: auto;

	margin-right: auto;

} 

#navi1 {

	background-color: #D4CCBD;

	color: #333333;

	font-family: Arial, Helvetica, sans-serif;

	font-size: xx-small;

	padding: 0px;

	height: 25px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 50px;

	margin-left: 0px;

	background-position: top;

	background-repeat: no-repeat;

}

#header  {

	background-color: #CCCCCC;

	background-repeat: no-repeat;

	margin: 0px;

	padding: 0px;

	height: 110px;

} 

#header  h1  {

	margin: 0;

	padding-top: 10px;

	padding-right: 0;

	padding-bottom: 10px;

	padding-left: 0;

	font-family: Arial, Helvetica, sans-serif;

	font-size: medium;

	font-style: normal;

	font-weight: bold;

	color: #330000;

}

#sidebar1  {

	float: left; /* since this element is floated, a width must be given */

	width: 320px;

	background-color: #FFFFFF;

	padding: 10px;

	background-image: url(kuvat/niina.jpg);

	height: 500px;

	background-repeat: no-repeat;

	background-position: center top;

}

#sidebar4 {

	float: left; /* since this element is floated, a width must be given */

	width: 320px;

	background-color: #FFFFFF;

	padding: 10px;

	background-image: url(kuvat/tuolit_1.jpg);

	height: 500px;

	background-repeat: no-repeat;

	background-position: center top;

}

#sidebar2 {

	float: left; /* since this element is floated, a width must be given */

	width: 320px;

	background-color: #FFFFFF;

	padding: 10px;

	background-image: url(kuvat/tuolit-2.jpg);

	height: 500px;

	background-repeat: no-repeat;

	background-position: center top;

}

#mainContent  {

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 350px;

	padding-top: 0;

	padding-right: 60px;

	padding-bottom: 0;

	padding-left: 20px;

} 

#mainContent2 {

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 350px;

	padding-top: 0;

	padding-right: 60px;

	padding-bottom: 0;

	padding-left: 20px;

}

#footer  {

	padding: 0 10px 0 20px;

	background-color: #D7D0C1;

} 

#footer  p  {

	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */

	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */

}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */

	float: right;

	margin-left: 8px;

}

.fltlft { /* this class can be used to float an element left in your page */

	float: left;

	margin-right: 8px;

}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

	clear:both;

	height:0;

	font-size: 1px;

	line-height: 0px;

}

#sidebar3 {

	float: left; /* since this element is floated, a width must be given */

	width: 320px;

	background-color: #FFFFFF;

	padding: 10px;

	background-image: url(kuvat/tuolit-3.jpg);

	height: 500px;

	background-repeat: no-repeat;

	background-position: center top;

}

#sidebar5 {

	width: 320px;

	background-color: #FFFFFF;

	padding: 10px;

	background-image: url(kuvat/niina_rusk.jpg);

	height: 500px;

	background-repeat: no-repeat;

	background-position: center top;

	float: left;

}