body		{background-color: #775b3f;
		margin-top: 0px;}

a:link		{color: #d2b382; text-decoration:none;}
a:visited	{color: #d2b382; text-decoration:none;}
a:hover		{color: #d2b382; text-decoration:none;}

p		{font: 90% sans serif;
		color: #463626;}

h1		{font: bold  130% sans serif;
		color: #463626;}

h2		{font: bold 90% sans serif;
		color: #463626;
		margin-top: 15px;}

h3		{font: bold italic 95% sans serif;
		color: #463626;}

h5		{font: bold italic 85% sans serif;
		color: #463626;
		text-align: center;
		margin: 0px 0px 10px 0px;}

h6		{font: bold 85% sans serif;
		color: #d2b382;
		text-align: center;
		margin-top: 4px;}

p i		{font: bold italic 110% sans serif;
		color: #463626;}

hr		{color:#463626;}

div		{margin: auto;}

.wc3 img	{width: auto;
  		height: 22px;
  		margin: 310px 70px 0px 70px;
		border: 0px;}

.css img	{width: auto;
  		height: 22px;
  		margin: 2px 70px 0px 70px;
		border: 0px;}

.mini		{margin-top: 30px;}

.pieni		{margin-top: 220px;}

.pieniplus	{margin-top: 300px;}

.keski		{margin-top: 400px;}

.iso		{margin-top: 500px;}

.isoplus	{margin-top: 660px;}

.hinnasto p	{margin: -1px;}

.top-bar	{background-image: url(otsikko.jpg);
		width: 794px;
		height: 120px;
		border-left: 6px solid #463626;
		border-right: 6px solid #463626;}

.container	{width: 794px;
		height: auto;
		border-left: 6px solid #463626;
		border-right: 6px solid #463626;
		background-color: #ffffff;}

.left-bar	{width: 200px;
		height: auto;
		float: left;
		background-color: #d2b382;
		border-right: 3px solid #463626;}

.content	{width: 340px;
		height: auto;
		float: left;
		margin-left: 10px;
		background-color: #ffffff;
		text-align: left;}

.right-bar	{width: 225px;
		height: auto;
		float: right;
		margin-right: 2px;
		background-color: #ffffff;
		text-align: left;}

.right-top header	{width: 200px;
			height: auto;
			border-top: 2px solid #463626;
			background-color: #ffffff;}

.right-top	{width: 200px;
		height: auto;
		margin-top: 10px;
		padding: 3px;
		border-top: 2px solid #463626;
		background-color: #ffffff;}

.right-middle header	{width: 200px;
			height: auto;
			border-top: 2px solid #463626;
			background-color: #ffffff;}

.right-middle	{width: 200px;
		height: auto;
		margin-top: 10px;
		padding: 3px;
		border-top: 2px solid #463626;
		background-color: #ffffff;}

.right-bottom header	{width: 200px;
			height: auto;
			border-top: 2px solid #463626;
			background-color: #ffffff;}

.right-bottom	{width: 200px;
		height: auto;
		margin-top: 10px;
		padding: 3px;
		border-top: 2px solid #463626;
		background-color: #ffffff;}

.footer		{width: 100%;
		height: 30px;
		clear: both;
		background-color: #463626;}

.navlist {
margin: 10px;
padding: 0px;
background: transparent;
text-align: center;
}

.navlist ul {
width: 90%;
margin: 0px;
padding: 0px;
list-style-type: none;
font: 100% sans serif;
color: #872E00;
background: transparent;
cursor:default;
}

.navlist ul a:hover{ /*hover background color*/
background-color: #463626;
}

.navlist li {
list-style-type: none;
font: 100% sans serif;
color: #d2b382;
width: 100%;
background-color: #775b3f;
border:1px solid black;
margin: 5px;
}

.navlist li a:hover{ /*hover background color*/
background-color: #463626;
}

.navlist li:hover{ /*hover background color*/
background-color: #463626;
}

#dropmenudiv{
position:absolute;
background-color: #775b3f;
border:1px solid black;
}

#dropmenudiv a{
width: 100%;
display: block;
text-decoration: none;
font: 100% sans serif;
text-align: center;
color: #d2b382;
margin: 5px;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #463626;
width: 90%;
}