/* typography CSS */

body{
	font-family:Arial, Helvetica, "Trebuchet MS", Geneva, Verdana, sans-serif;
	font-size:75%;
	color:#303131;
	line-height:1.125em;/* 16x1.125=18px 1em*/
	}

#Cols{
	font-family:Arial, Helvetica, "Trebuchet MS", Geneva, Verdana, sans-serif;
	font-size: 100%;/*12px*/
	color:#303131;
	line-height:1.5em;/* 12x1.5=18px 1em*/
	}

#Cols a {
	color:#16171a;
	background-color:transparent;
	}
	
#Cols a:link {
	text-decoration: underline;
	}
	
#Cols a:visited {
	color:#16171a;
	background-color:transparent;
	}
	
#Cols a:hover {
	text-decoration: none;
	color:#16171a;
	background-color:transparent;
	}
	
#Cols a:active {
	text-decoration: none;
	color:#d32121;
	background-color:transparent;
	}
	
#Cols a[href^="http:"] {
	background: url(img/externalLink.gif) no-repeat right top;
	padding-right: 10px;
	}
	
#Cols a[href^="http://www.villaheoplahti.com"], #ColOne a[href^="http://villahepolahti.com"]  {
	background-image: none;
	padding-right: 0;
	}
	
#Cols h1, #Cols h2, #Cols h3, #Cols h4, #Cols h5, #Cols h6{
	font-family: Georgia, Palatino, Times, "Times New Roman", serif;
	}
	
#Cols h4, #Cols h5, #Cols h6{
	letter-spacing:1px;
	font-variant:small-caps;
	}
	
#Cols h1, #Cols h2, #Cols h3{
	line-height:150%;
	letter-spacing:normal;
	word-spacing:normal;
	background-color:transparent;
	margin-bottom:1em;
	font-style:italic;
	color:#1b1b1b;
	background-color:transparent;
	}
	
#Cols h1 strong{
	color:#342f1e;
	}
	
#Cols h1{
	font-size: 1.333em;
	}
	
#Cols h2{
	font-size: 1.166em;
	}
	
#Cols h3 {
	 font-size: 1em;
	}

#Cols h4 {
	font-size:1em;
	line-height:1.666em;
	color:#cbbe94;
	background-color:#201e1f;
	margin-bottom:.7em;
	margin-top:.7em;
	text-indent:10px;
	}
	
#Cols h5 {
	font-size:1em;
	line-height:1.666em;
	color:#201e1f;
	background-color:transparent;
	margin-bottom:.6em;
	text-indent:10px;;
	}
	
#Cols h6 {
	font-size:1em;
	line-height:1.666em;
	color:#fff;
	background-color:#111;
	margin-bottom:.5em;
	text-indent:10px;
	}
	
#BodyCol001 img {
	vertical-align:baseline;
	margin:.5em 1em .5em 0;
	}
	
#BodyCol002 img {
	border:4px solid #a08e51;
	margin-top:4px;
	margin-bottom:12px;
	}
	
#Cols ul li, #Cols ol li{
	margin:auto auto auto 2em;
	list-style-position:outside;
	}
	
#Cols ul li{
	list-style-type:circle;
	}
	
#Cols ol li{
	list-style-type:decimal;
	}
	
#Cols p, #Cols ul, #Cols ol {
	line-height: 1.5em;
	margin-bottom: 1em;
	}
	
#Cols strong {
	font-family: Georgia, Palatino, Times, "Times New Roman", serif;
	font-weight:bold;
	color:#1b1b1b;
	}
	
#Cols table {
	border:none;
	max-width:95%;
	table-layout:fixed;
	vertical-align:top;
	}
	
#Cols table td{
	text-align:left;
	vertical-align:top;
	padding:1em;
	}
	
#Cols table tr td{
	vertical-align:top;
	width:auto;
	}
	
#Cols caption{
	font-weight:bold;
	border-left:1px solid #333;
	border-right:1px solid #333;
	border-top:1px solid #333;
	border-bottom:none;
	caption-side:top;
	height:100%
	}
	
#Cols div.box table,
#Cols div.newsbox table{
	max-width:95%;
	border:1px solid #ccc;
	margin:0 0 0 1em;
	}
	
#Cols div.box{
	background-color:#ece8df;
	border:1px solid #c3bdae;
	margin-top:2em;
	margin-bottom:1em;
	}

#Cols div.box p, 
#Cols div.box ul,
#Cols div.box ol,
#Cols div.box h1,
#Cols div.box h2,
#Cols div.box h3,
#Cols div.box h4,
#Cols div.box h5,
#Cols div.box img{
	padding:0 15px 5px 15px;
	}
	
#Cols div.newsbox{
	background-color:#d5cdab;
	border:1px solid #4c4945;
	margin-top:2em;
	margin-bottom:1em;
	}

#Cols div.newsbox p, 
#Cols div.newsbox ul,
#Cols div.newsbox ol,
#Cols div.newsbox h1,
#Cols div.newsbox h2,
#Cols div.newsbox h4,
#Cols div.newsbox h5,
#Cols div.newsbox img{
	padding:0 15px 0 15px;
	}
	
#Cols div.newsbox h3{
	padding:10px 15px 0 15px;
	font-size: 1.166em;
	}

	
#Cols h2.newsbox{
	line-height:24px;
	font-size:12px;
	background-color:#201e1f;
	border:1px solid #201e1f;
	font-weight:bold;
	font-variant:small-caps;
	color:#a08e51;
	margin:0;
	padding:0;
	}

#Cols li > p {
	margin-top: 0.2em;
	}
	
#Cols pre {
	font-family: monospace;
	}
	
#Cols strong {
	font-weight: bold;
	}
	
/* forms */

fieldset{
	border:solid 1px #ccc;
	padding:1em;
	width:80%
	}

fieldset.box{
	margin:1em 0;
	padding:1em;
	background-color:#ece8df;
	border:1px solid #c3bdae;
	width:auto;
	}

legend{
	font-weight:bold;
	margin:1em;
	color:#303131;
	background:transparent;
	text-transform:uppercase;
	font-size:1em;
	}

label{
	display:block;
	}

label.checkbox, label.radio, label.shorttext{
	display:inline;
	}

input, textarea, select{
	width:100%;
	border:1px solid #ccc;
	font-family:Arial, Helvetica, "Trebuchet MS", Geneva, Verdana, sans-serif;
	}

input.shorttext{
	width:20px;
	}
	
input.radio, input.checkbox, input.button{
	width:auto;
	}

input:focus, textarea:focus{
	background:#ffc;
	}

input.button{
	font-size:11px;
	background:#5f87ac;/*#c9c8ae*/
	color:#f6efdc;
	margin-right:1em;
	border:outset #fff;
	padding:4px;
	}

input.button:focus{
	border:inset #fff;
	}
	
p.button{
	margin-top:2em;
	}
	
/* News*/	
	
#News div.wrapper h1{
	font-style:oblique;
	font-weight:bold;
	font-family:Georgia, Palatino, Times, "Times New Roman", serif;
	color:#a08e51;
	padding-bottom:.5em;
	font-size:13px;
}

#News div.wrapper ul{
	list-style-type:square;
	margin-left:1em;
	color:#d5cdab;
	font-family:Georgia, Palatino, Times, "Times New Roman", serif;
	font-style:oblique;
	font-size:11px;
	}
	
#News div.wrapper ul li{
	padding-bottom:.25em;
}
	
#News div.wrapper ul li a{
	color:#d5cdab;
	text-decoration:none;
	}
	
#News div.wrapper ul li a:hover{
	text-decoration:underline;
	}

/* NewsBox*/

#NewsBoxWrapper li h3{
	color:#342f1e;
	}

#NewsBoxWrapper ul li{
	font-size:.75em;
	padding-bottom:1.25em;
	list-style-image:url(img/bullet.gif);
	line-height:1.25em;
	}

#NewsBoxWrapper a{
	text-decoration: none;
	font-weight: normal;
	color:#342f1e;
	font-style:oblique;
	}
	
#NewsBoxWrapper a:active{
	color:#a8cf6c;
	}
	
#NewsBoxWrapper a:hover{
	
	text-decoration: underline;
	/*color:#9f0467;*/
	}
	
/* Muut tyylit */
	
.red{
	color:#ed1a10
	}
	
.underline{
	border-bottom:1px dotted #1b1b1b;
	}
	
.gold{
	color:#908653;
	background-color:transparent;
	}

.hilite{
	line-height:100%;
	color:#111;
	background-color:transparent;
	font-weight:bold;
	font-family:Georgia, Palatino, Times, "Times New Roman", serif;
	}