/* body */

html { height: 100%; }

body {text-wrap:none;
background:#fff;
width:100%;
height:100%; 
text-align:center;
color:#000;
margin:0;
padding:0;
}

/* rakenne */

#header {
position:relative;
width:950px;
height:210px;
margin: 10px auto;
padding: 1px;
background: url(./lissu_logo.png) no-repeat top left;
font:normal normal bold 10pt/14pt Helvetica, Arial, sans;
text-align:right;


}

#content {
position:relative;
width:auto;
height:540px;
margin: 0 auto;
text-align:center;
overflow: auto; 

}

#navi {
height:75px;
margin: 0;
padding 10px;

}	

#navi ul {
list-style-type: none;
margin: 0;
padding: 0;
width: 100%;
}

#navi li {
  display: inline;
  margin: 0;
  padding: 0;
}

#info {
position:relative;
width:auto;
height:130px;
margin: 0 0 5px 0;

}
	
#footer {
clear: all;
position:relative;
width:950px;
height:140px;
margin: 30px auto;
line-height: 1.5;
text-align:center;
overflow: auto; 
}

#index #content {
width:950px;
height:450px;
top:30px;
overflow: auto;
}

#picture #content {
width:950px;
height:540px;
top:100px;
}

#cv #content {
width:950px;
height:540px;
overflow: visible;
}
#cv #picture_left {
width:210px;
heigt:230px;
float:left;
}
#cv #picture_right {
width:210px;
heigt:230px;
float:right;
margin:0;
padding:0;
}

#news #content {
width:950px;
height:540px;
overflow: visible;
}
#news #picture_left {
width:250px;
heigt:230px;
margin: 0 20px 0 0;
float:left;
}
#news #picture_right {
width:250px;
heigt:230px;
float:right;
margin: 0 0 0 20px;
padding:0;
}

}
#dogs #content {
width:950px;
height:540px;

}
#dogs #picture_left {
width:310px;
heigt:250px;
margin: 0 15px 0 15px;
float:left;
}
#dogs #picture_right {
width:250px;
heigt:250px;
float:right;
margin:  0 20px 0 15px;
padding: 0;
}
}
#content table{ height:500px; margin: 0 0 0 20px; display:inline; }
#illustration #content table{ margin: 0; }

#left {
	position: absolute;
	top: 400px;
	left: 300px;
	margin: 20px;
	padding: 10px;
	border: 0px;
	width: 150px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 120px;
	}
html>body #left {
	width: 120px; /* ie5win fudge ends */
	}
#middle {
	margin: 20px 190px 20px 190px;
	padding: 10px;
	border: 5px solid #7C3E1C;
	text-align:center;
	}
#right {
	position: absolute;
	top: 400px;
	right: 300px; /* Opera5.02 will show a space at right when there is no scroll bar */
	margin: 20px;
	padding: 10px;
	border: 0px;
	width: 150px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 120px;
	}
html>body right {
	width: 120px; /* ie5win fudge ends */
	}
/* menu */

#navi li a {
  background:  #FCF8E4;
  color: black;
  border-left: 2px solid  #7C3E1C;
  border-right: 2px solid  #7C3E1C;
  display: block;
  float: left;
  margin: 2px 2px;
  padding: 1px 1px;
  font:bold normal normal 10pt/14pt Helvetica, Arial, sans;	
  text-align: center;
  text-decoration: bold;
  width: 11em;
}
a#top { clear:all; color:#000; position:relative; font:normal normal normal 12pt/14pt Helvetica, Arial, sans; display:inline; border:0;}
a:link { color: black;font-weight:bold;}
a:visited { color: black;font-weight:bold; }
a:hover {text-decoration:none; font-weight:bold;
	   color: black; }
a:active {  text-decoration:none; font-weight:bold;
	   color: black;}
a:focus {  text-decoration:none; font-weight:bold;
	   color: black;}

/* leipis */
p { 
font:normal normal normal 10pt/14pt Helvetica, Arial, sans;
text-align:left; 
margin:0 20px 1em 0; 
padding:0;
}


/* otsikot */
h1 { 
text-align:center;  
margin:1em 1em 1em 1em; 
letter-spacing: 0.1em;
font:normal normal bold 30pt/30pt Helvetica, Arial, sans; 
}

h2 { 
text-align:left; 
margin:2em 0 1em 1em; 
font:normal normal bold 12pt/16pt Helvetica, Arial, sans;
}

h3 { 
font:normal normal bold 10pt/14pt Helvetica, Arial, sans;
text-align:right; 
margin:0; 
padding:0;
}


/* kuvat */
img { display:inline; }
#content img { display:inline; margin: 0 20px 0 0 ;}
#illustration #content img { display:inline; margin: 0 ;}


/* unsorted list */
ul {
font:normal normal normal 8pt/14pt Verdana, Tahoma, sans; 
color:#6ae;
list-style:none;
text-align:left;
margin:0;
padding:0;
}