a {
color: #4ea64b;
font-size: 11px;
letter-spacing: 1px;
text-decoration: underline;}

a:hover  {
color: #6cba65;
font-size: 11px;
font-weight: bold;}
		
/* ********************************************* */
/* WRAPPER */
/* ********************************************* */

#wrapper{
width:720px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
padding:5px;
/*border: 1px #b6c0de solid;*/}


#header
{
width:100%;
height: 150px;
background: white url('../img/header.jpg') no-repeat right top;
font-family:arial,sans-serif;
}

#header img {float:left;
margin-top:20px;}
			
#content
{
padding:5px;
background-color:white;
font-family:arial,sans-serif;
color: #474747; 
font-size: 11px;
width:99%;
line-height: 20px;}
			
/* ********************************************* */
/* GENERIC */
/* ********************************************* */

h1, h2, h3{
letter-spacing: 1px;
font-weight: bold;
vertical-align: bottom;
text-align: left;
color: #787d8d;
margin: 0;
padding: 5px;
font-family:arial,sans-serif;
}

h1 {margin-top:20px; font-size: 18px;}	
h2 {font-size: 13px;}
h3 {font-size: 12px;}		

p{ margin-left: 5px; margin-right: 5px; 	}

/* ******************************************************** */
/* MENU */
/* ******************************************************** */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.shadetabs{
border-bottom: 2px #b5c2d8 solid;
width: 100%; 
/* margin-bottom: 1em; */
}

.shadetabs ul{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px arial,sans-serif ;
list-style-type: none;
text-align: right; /*set to left, center, or right to align the menu as desired*/
}


.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 6px;
margin-right: 3px;
border: 1px #77a775 solid;
color: #485c80;
background: white url(../img/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #485c80;
}

.shadetabs li a:hover{
/*text-decoration: underline; */
color: #7a9cd9;
font-weight: bold;}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(../img/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}


/* ******************************************************** */
.koti {background: url(../img/koti_.gif) no-repeat;}
.kauppa {background: url(../img/kauppa_.gif) no-repeat;}
.lapset {background: url(../img/lapset_.gif) no-repeat;}
.aikuiset {background: url(../img/aikuiset_.gif) no-repeat;}
.koulupaivat {background: url(../img/koulupaivat_.gif) no-repeat;}
.yhteystiedot {background: url(../img/yhteystiedot_.gif) no-repeat;}
.fi {background: url(../img/fi_.gif) no-repeat;}
.uk {background: url(../img/uk_.png) no-repeat;}

.koti, .kauppa, .lapset, .aikuiset, .fi
{
font-family:arial,sans-serif;
white-space: nowrap;
width: 80px;
height: 30px;
}
.uk
{
font-family:arial,sans-serif;
white-space: nowrap;
width: 70px;
height: 30px;
}
.uk a
{
width: 70px;
height: 30px;
text-decoration: none;
}
.uk img
{
width: 70px;
height: 30px;
border: 0;
float:right;
vertical-align:top;
}
.koulupaivat, .yhteystiedot, 
{
font-family:arial,sans-serif;
white-space: nowrap;
width: 105px;
height: 30px;
}

.koti a, .kauppa a, .lapset a, .aikuiset a, .fi a
{
display: block;
font-size: 11px;
width: 80px;
height: 30px;
text-decoration: none;
}

.koulupaivat a, .yhteystiedot a
{
display: block;
font-size: 11px;
width: 105px;
height: 30px;
text-decoration: none;
}

.koti img, .kauppa img, .lapset img, .aikuiset img, .fi img
{
width: 80px;
height: 30px;
border: 0;
}

.koulupaivat img, .yhteystiedot img
{
width: 105px;
height: 30px;
border: 0;
}
* html a:hover
{
visibility:visible;
}

.koti a:hover img, .kauppa a:hover img, .lapset a:hover img, .koulupaivat a:hover img, .yhteystiedot a:hover img, .aikuiset a:hover img, .fi a:hover img, .uk a:hover img
{
visibility:hidden;
}

#menucontainer{
height:65px;
width:96%;
margin:2px;
overflow: hidden;
padding-bottom:8px; padding-top:8px;
vertical-align: middle;
}

#menucontainer li {
float: right;
padding-right: 5px;
list-style: none;
vertical-align: middle;
}

#menucontainer li a {
height: 30px;
display: block;
}

#submenucontainer{
height:30px;
width:100%;
margin-left: auto;
margin-right: auto;
padding-top:5px;
}
#submenu{
font-family:arial,sans-serif;
font-size:10px;
margin-left: 40px;
margin-top:10px;
color: #5c67a8;
text-decoration: none;
text-align:right;
float:right;}

/* submenu items' alignment*/
.rightalign {text-align: right;}
.centeralign {text-align: center;}
.leftalign{text-align: left;}

/* ******************************************************** */
/* FOOTER */
/* ******************************************************** */
		
#footer
{
clear: both;
width:98%;
margin-left:auto;
margin-right:auto;
font-family:arial,sans-serif;
font-size: 10px;
color: #474747;
height:20px;
border: 1px #ddd solid;
padding-bottom:5px;
text-align:center;
}
		
/* #footer td {
background-color: white;
padding:5px;} */
	
.textiboksisisaiso{
border-top: 1px #fcfcfc solid;
border-left: 1px #fcfcfc solid;
border-bottom: 1px #c4c4c4 solid;
border-right: 1px #c4c4c4 solid;
line-height: 15px;}
	
.textiboksisisaiso{
margin:10px;width:90%;
min-height:100px;max-height:600px;
padding:10px;}

.textiboksisisaiso h4 {
letter-spacing: 1px;
text-transform: uppercase;
font-size:10px;
color: #5975b2;
font-family: Verdana,arial,sans-serif;
text-align: left;
}

#mainos {padding:5px;margin:15px; border: 2px #dfcdfc solid; width:400px}
#mainos h3 {color: #314da0;background-color: #e8eef6;text-align:center}