body{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #392917;
	line-height:18px;
	background-color: #dadada;
	background-image: url(../images/bg.png);
	background-repeat: repeat-x;
	margin-top:0;
}

/* ================================= Linkit ====================================*/

a:link {
	color: #4b7c11;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #4b7c11;
}
a:hover {
	text-decoration: none;
	color: #4b7c11;
}
a:active {
	text-decoration: none;
	color: #4b7c11;
}

a.readon {
	float: left;
	padding-left: 20px;
	display: block;
	border-bottom: 1px dotted #ffffff;
	background: url(../images/nuoli-tutustu.png) no-repeat 3px 5px;
	color: #514e4e;
	text-decoration: none;
	font-size:11px;
	font:verdana;
	font-weight:bold;
}

a.readon:hover, a.readon:active, a.readon:focus {
	float: left;
	padding-left: 20px;
	display: block;
	border-bottom: 1px dotted #4b7c11;
	background: url(../images/nuoli-tutustu.png) no-repeat 5px 5px;
	color: #514e4e;
	text-decoration: none;
	font-size:11px;
	font:verdana;
	font-weight:bold;
}

/* ================================= Perus tekstityylit ====================================*/

p {
	padding: 0;
	margin: 0;
	padding-top:8px;
	padding-bottom:8px;
}

#oikea ul {
	padding:0;
	margin:0;
	padding-top:3px;
	padding-left:28px;
	padding-bottom:3px;
}

h1 {
	color:#4b7c11;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size:20px;
	font-weight:normal;
	margin:0;
	padding:5px 0 13px 0px;
}

.blog h1 {
	font-size:16px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color:#4b7c11;
	font-weight:normal;
	margin:0;
	padding:0;
	padding-top:5px;
	padding-bottom:5px;
}

h2 {
	font-size:16px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color:#4b7c11;
	font-weight:normal;
	margin:0;
	padding:0;
	padding-top:10px;
	padding-bottom:5px;
}

h3{
	font-size:12px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#4b7c11;
	margin:0;
	padding:0;
	padding-top:10px;
	padding-bottom:5px;
}

h4 {
	padding:0;
	margin:0;
	font-weight:normal;
	padding-top:10px;
	padding-bottom:5px;
	color:#4b7c11;
	font-size: 12px;
}

h5 {
	color:#4b7c11;
	font-weight:bold;
}

h6 {
	color:#4b7c11;
	font-weight:bold;
}	

.pieniharmaateksti{
	color:#999999;
	font-size:11px;
}

.kuvateksti{
	font-size:11px;
}

#jcepopup-caption p {
    font-size: 12px;
	font-weight:bold;
}

/* ================================= Valikkotyylejä ====================================*/


/* ================================= Joomla herited styles ====================================*/

.componentheading { /* Bloginäkymän otsikko*/
	color:#4b7c11;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	padding: 0;
	margin: 0;
	padding-top:5px;
	padding-bottom:13px;
	padding-left:2px;
}

.blog {
	padding-top:0px;
	padding-left:3px;
}

.blog_more {
	padding-top:0px;
	padding-left:5px;
}

.modifydate {
	color:#737272;
	font-size:11px;
	height:10px;
}

.pagenav {
	font-size:11px;
	padding-left:4px;
	padding-top:2px;
	padding-right:4px;
	padding-bottom:2px;	
	
}

a.pagenav  {
	padding: 2px 5px;
	border: 1px solid #CCCCCC;
	text-decoration:none;
}

a.pagenav:hover, a.pagenav:active, a.pagenav:focus {
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
}

.small {
	font-size:11px;
	line-height:12px;
}

.createdate {
	font-size:11px;
	line-height:12px;
}

.blog table {
	
}

.article_separator {
	clear: both;
	display: block;
	height: 10px;
}

.article_column {
	width:300px;
	padding-right:23px;
}

.column_separator {
	border-left: 1px dashed #c5cca2;
	padding-left: 28px;
}

.contentheading { /* Artikkelin otsikko */
	font-size:16px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#4b7c11;
	margin:0;
	padding:0;
	padding-top:15px;
	padding-bottom:2px;
}

.contentpaneopen table {
	padding-top:10ppx;
	padding-left:-3px;
}

.contentpagetitle {
	font-size:16px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#831a1d;
	margin:0;
	padding:0;
	padding-top:15px;
	padding-bottom:5px;
}

a.contentpagetitle {
	color:#831a1d;
	text-decoration:underline;
}

.contentdescription { /* Phoca gallery */
	padding:5px;
}
/* ================================= RAKENNE ====================================*/

#wrap{
	margin-left:auto;
	margin-right:auto;
	width:920px;
}

#header{
	width:920px;
	height:147px;
	background-image:url(../images/header.png);
}

#navi {
	width:920px;
	height:55px;
	background-image:url(../images/navi.png);
}

#boxi-vihrea {
	float:left;
	width:362px;
	height:140px;
	background-image:url(../images/boxi-vihrea.png);
}

#boxi-vihrea-text {
	margin-top:20px;
	margin-left:30px;
	margin-right:10px;
	margin-bottom:10px;
	color:#FFFFFF;
}

#flash-img {
	float:left;
	width:330px;
	height:129px;
	background-image:url(../images/flash-img.png);
	padding-left:8px; 
	padding-top:5px; 
	padding-right:9px;
	padding-bottom:6px;
	z-index:-1;
}

#flash-img img{
	border:none;
}

#homeetta-koirakoulu {
	float:left;
	width:201px;
	height:82px;
	padding-left:7px;
	padding-top:49px;
	background-image:url(../images/homeetta-koirakoulu.png);
}

#homeetta-koirakoulu img {
	border:none;
}

#clearDiv {
	clear:both;
}

#wrap-content {
	float:left;
	width:920px;
	background-image:url(../images/content-bg.png);
}

#content-top {
	width:920px;
	height:38px;
	background-image:url(../images/content-top.png);
}

#vasen{
	float:left;
	width:220px;
	min-height:100px;
}

#mainokset {
	margin-left:27px;
	margin-top:3opx;
}

#mainokset img{
	border:none;
}

#oikea {
	float:left;
	width:700px;
	min-height:200px;
}

#sisalto {
	margin-left:10px;
	width:630px;
}

#sisalto img {
	padding:2px;
	border:1px dotted #c7c7c7;
}

#footer {
	float:left;
	width:920px;
	height:40px;
	background-image:url(../images/content-bottom.png);
	background-repeat:no-repeat;
	padding-top:30px;
	padding-left:25px;
}

#footer img {
	border:none;
}

#sivunavi-hidden {
	display:none;	
}

#sivunavi ul {
	padding:0;
	margin:0;
	list-style:none;
}

#sivunavi li {
	background: url(../images/sivunavi.png) no-repeat left top;
	padding-left:25px;
	height:30px;
	padding-top:4px;
}

li #current a:link
li #current a:visited
li #current a:active
li #current a:hover {
	color:#d7a817;
}

#sivunavi a:link {
	font-size:11px;
	color:#4b7c11;
	font-weight:bold;
	text-decoration: none;
	outline:none;
}
#sivunavi a:visited {
	font-size:11px;
	text-decoration: none;
	color:#4b7c11;
	font-weight:bold;
	outline:none;
}
#sivunavi a:hover {
	font-size:11px;
	text-decoration: none;
	color:#d7a817;
	font-weight:bold;
	outline:none;
}
#sivunavi a:active {
	font-size:11px;
	text-decoration: none;
	color:#d7a817;
	font-weight:bold;
	outline:none;
}

.menu #current a{
	color:#d7a817;
}