/* GLOBAL RESET */
html,body,p,div,img,h1,h2,h3,h4 {
  margin:0;  
  padding:0;  
  border:0;  
  border-collapse:separate;  
  border-spacing:0;
}


/* Tyylit */


body {
										 
font-family: Verdana, Arial, Helvetica, sans-serif;
color: black;
font-size: 12px;
background: url(../img/body-bg.jpg) center repeat-y #c1d8cb;
text-align: left;
width: 938px;
margin: 0 auto;
height: auto;

}


#body-page		{
text-align: left;
width: 938px;
height: auto;
margin: 0 auto;

} 

#top	{
width: 938px;
height: 79px;
float:left;
}

#top-right	{
position:relative;
top: 4px;
right: 30px;
width: 500px;
height: 79px;
text-align:right;
float:right;
}

#piiri	{
position:relative;
left: 35px;
width: 300px;
height: auto;
}

#menu	{
width: 883px;
height: 43px;
float:left;
line-height:22px;
background: url(../img/menu/bg.jpg) repeat-x top;
padding-left: 25px;
}

#bread_crumbs	{
font-family: Verdana, Arial, Helvetica, sans-serif;
clear:both;
padding: 8px 0 3px 0;
}

#menu-ala	{
position: relative;
top: 42px;
left: 35px;
width: 200px;
height: auto;
float:left;
line-height:18px;
padding: 0 10px 0 0;
}

#menu-ala-piiri	{
position: relative;
top: 42px;
left: 35px;
width: 170px;
height: auto;
float:left;
line-height:18px;
}

.menu-1	{
	font-family: inherit;
	color:white;
	text-decoration:none;
	font-size: 12px;
	text-transform:small-caps;
	font-weight:600;
	display: block;
	float:left;
	padding-right: 15px;
}

.menu-0	{
	font-family: inherit;
	color:white;
	text-decoration:none;
	font-size: 12px;
	text-transform:small-caps;
	font-weight:600;
	display: block;
	float:left;
	padding-right: 25px;
}

.menu-ala-1	{
	font-family: inherit;
	color:#3e8b22;
	text-decoration:none;
	font-size: 12px;
	text-transform:small-caps;
	font-weight:500;
	display: block;
	
	

}

.menu-ala-0	{
	font-family: inherit;
	color: #3e8b22;
	text-decoration:none;
	font-size: 12px;
	text-transform:small-caps;
	font-weight:500;
	display: block;
	
}

.menu-ala2-1	{
	font-family: inherit;
	color:black;
	text-decoration:none;
	font-size: 11px;
	text-transform:small-caps;
	font-weight:500;
	display: block;
	
	

}

.menu-ala2-0	{
	font-family: inherit;
	color: black;
	text-decoration:none;
	font-size: 11px;
	text-transform:small-caps;
	font-weight:500;
	display: block;
	
}

#kuva-banneri	{
position: relative;
top: 22px;
left: 35px;
width: 873px;
height: auto;
float:left;
}

#main-content	{
position: relative;
top: 22px;
left: 30px;
width: 530px;
height: auto;
min-height: 300px;
float:left;
padding-left: 18px;
padding-bottom: 50px;
}

#main-content-toiminta	{
position: relative;
top: 22px;
left: 30px;
width: 400px;
height: auto;
min-height: 300px;
float:left;
padding-left: 18px;
padding-bottom: 50px;
}

#main-content-ala	{
position: relative;
top: 22px;
left: 30px;
width: 650px;
height: auto;
min-height: 300px;
float:left;
padding-bottom: 50px;
}

#main-content-piiri	{
position: relative;
top: 22px;
left: 35px;
width: 325px;
height: auto;
min-height: 300px;
float:left;
padding: 0 15px 50px 5px;
}

#main-content-piiri-ala	{
position: relative;
top: 22px;
left: 30px;
width: 668px;
height: auto;
min-height: 300px;
float:left;
}

#content1	{
position: relative;
top: 22px;
right: 30px;
width: 281px;
min-height: 300px;
height: auto;
float:right;
}

#content1 a {
	font-family: inherit;
	color:black;
	text-decoration:none;
}

#content1 a:hover {
	text-decoration:underline;
}

#content1-toiminta	{
position: relative;
top: 45px;
right: 30px;
width: 211px;
min-height: 300px;
height: auto;
float:right;
}

#content1-toiminta a {
	font-family: inherit;
	color:black;
	text-decoration:none;
}

#content1-toiminta a:hover {
	text-decoration:underline;
}

#content1-piiri	{
position: relative;
top: 22px;
left: 35px;
width: 211px;
min-height: 300px;
height: auto;
float:left;
}

#content1-piiri a {
	font-family: inherit;
	color:black;
	text-decoration:underline;
}

#ajankohtaista	{
width: 281px;
min-height: 30px;
height: auto;
float: left;
background: url(../img/content1-bg.gif) repeat-y;
margin-bottom: 18px;
}

#ajankohtaista h2	{
color: white;
background: url(../img/content1-top.jpg) left bottom no-repeat;
line-height: 24px;
font-size: 1.1em;
padding-left: 17px;
}

#ajankohtaista-piiri	{
width: 211px;
min-height: 30px;
height: auto;
float: left;
background: url(../img/content1-bg-piiri.gif) repeat-y;
margin-bottom: 18px;
}

#ajankohtaista-piiri h2	{
color: white;
background: url(../img/content1-top-piiri.jpg) left bottom no-repeat;
line-height: 24px;
font-size: 1.1em;
padding-left: 17px;

}

#koulutuskalenteri	{
width: 281px;
min-height: 30px;
height: auto;
float: left;
background: url(../img/content1-bg.gif) repeat-y;
margin-bottom: 18px;
}

#koulutuskalenteri h2	{
color: white;
background: url(../img/content1-top1.jpg) left bottom no-repeat;
line-height: 24px;
font-size: 1.1em;
padding-left: 17px;
}

#uutisotsikoita	{
width: 281px;
min-height: 30px;
height: auto;
float: left;
background: url(../img/content1-bg.gif) repeat-y;
margin-bottom: 18px;
}

#uutisotsikoita h2	{
color: white;
background: url(../img/content1-top.jpg) left bottom no-repeat;
line-height: 24px;
font-size: 1.1em;
padding-left: 17px;
}

#bannerit	{
position: relative;
top: 22px;
right: 30px;
width: 125px;
min-height: 125px;
height: auto;
float: right;

}


p{
	margin:10px 0;
	font-family: inherit;
}


.copyright{
	margin:23px 0 0 27px;
	font-family: inherit;
	color: white;
	text-decoration:none;
}

.padding-left-bottom{
padding: 0 0 12px 12px;
}

a {
	font-family: inherit;
	color:#3e8b22;
	text-decoration:none;
}

/* Tällä pakotetaan editorin sisällön linkit oikean näköisiksi
   Eli yleensä sama tyyli kuin tuossa yllä a-elementille, mutta jokaisen perään !important */
.mceContentBody a,.mceContentBody a:link, .mceContentBody a:visited{
	font-family: inherit !important;
	color: #3e8b22 !important;
	text-decoration: inherit !important;
	font-size: inherit !important;
	
}
.mceContentBody{
	background:transparent !important;
	text-align: left !important;
	height:auto !important;
	width: auto !important;
}





td {
	font-family: inherit;
	font-size: 12px;

}
.login {
	font-family: inherit;
	font-size: inherit;

}

input, select, textarea, form {
	font-family: inherit;
	font-size: 12px;
}

.text{
	width:100%;
}

h1 {
	text-transform: smallcaps;
	color: #008003;
	font-size: 18px;
	font-weight: normal;
	padding: 18px 0 10px 0;

}


h2 {
	font-size: 16px;
	font-weight: 500;
	text-transform: smallcaps;
	margin-bottom: 10px;
}

h3 {
	font-size: 14px;
	color: #121212;
}

h4 {
	color: #458AD7;
}

h5 {
	color: #458AD7;
}

h6 {
	color: #458AD7;
}


.error_message{
	color:#ab0000;
	margin:10px 0 20px 0;
}
.success_message{
	color:#368b1c;
	margin:10px 0 20px 0;
}

/* Dropdownmenu */
.menuarea{
	position:absolute;
	display:none;
	width:180px;
	border:2px solid #313131;
	background-color:#3e3e3e;
	z-index:5;
	line-height:30px;
}


#menu .menusub_a{
	color:white;
	padding:0 4px;
	display:block;
	background-image: url(../img/menu/tausta.jpg);
	background-position: top; 
	background-repeat: repeat-x;
	text-decoration:none;
}
#menu .menusub{
	color: white;
	padding:0 4px;
	display:block;
	background-image: url(../img/menu/sub-bg.jpg);
	background-position: top; 
	background-repeat: repeat-x;
	text-decoration:none;
	

}

li{
	margin: 10px 10px 0 0;
}