/* GLOBAL RESET */
html,body,p,div,img,h1,h2,h3,h4,dd,dt,form,table,td,tr {
  margin:0;  
  padding:0;  
  border:0;  
  border-collapse:separate;  
  border-spacing:0;
}


/* Tyylit */
body {
text-align: center; 
background-color: white;										 
font-family: Arial, Helvetica, sans-serif;
color: #636363;
font-size: 12px;
width: 100%;
height: auto;
margin: 0;
background-image: url(../img/bg.jpg);
background-repeat: repeat-x;
background-position: top;
}

#body-tausta	{
position: relative;
top: 0px;
width: 100%;
height: 557px;
background-image: url(../img/top.jpg);
background-position: top center; 
background-repeat: no-repeat;
padding-top: 279px;
} 


#body-page		{
position: relative;
top: 0px;
text-align: left;
width: 994px;
height: auto;
margin: 0 auto;
background-image: url(../img/page-bg.gif);
background-position: left; 
background-repeat: repeat-y;
overflow: hidden;
} 

#menu	{
position: relative;
left:26px;
width: 201px;
float:left;
padding-right:26px;
}

.menu-1-1	{
padding-bottom:3px;
width: 201px;
height: 30px;
background-image: url(../img/menu/menu-1.gif);
background-position: top; 
background-repeat: no-repeat;
line-height:30px;
}

.menu-1	{
	margin-left:18px;
	font-family: inherit;
	color:white;
	text-decoration:none;
}

.menu-0	{
	margin-left:18px;
	font-family: inherit;
	color:#272727;
	text-decoration:none;
}

.menu-1-0	{
padding-bottom:3px;
width: 201px;
height: 30px;
background-image: url(../img/menu/menu-0.gif);
background-position: top; 
background-repeat: no-repeat;
line-height:30px;
}  

.menu-2-0	{
padding-bottom:3px;
width: 201px;
height: 27px;
background-image: url(../img/menu/menu-2.gif);
background-position: top; 
background-repeat: no-repeat;
line-height:27px;
} 

#main-content, #main-content-wide	{
position: relative;
left: 37px;
width: 458px;
height: auto;
min-height:100px;
float:left;
padding-right: 37px;
padding-bottom: 15px;
}

#main-content-wide {
width: 670px;

}

#news {
position: relative;
left: 30px;
width: 199px;
height: 100%;
float:left;
}

#bottom{
position: relative;
left: 226px;
width: 768px;
height: 100px;
padding: 0 0 15px 0;
float:left;
}

p{
	margin:10px 0;
	font-family: inherit;
}

a {
	font-family: inherit;
	color:#c9a736;
	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: arial !important;
	color: #ab0000 !important;
	text-decoration: none !important;
}
.mceContentBody{
	background:transparent !important;
	text-align: left !important;
		height:auto !important;
}



a.news, a.news:link, a.news:visited {
font-family: inherit;
color:#c9a736;
	
}

td {
	font-family: inherit;
	font-size: 12px;

}
.login {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}

input, select, textarea {
	font-family: inherit;
	font-size: 11px;
}
.text{
	width:99%;
}

h1 {
	font-family: Cambria, sans-serif;
	font-size: 23px;
	font-style: normal;
	font-weight: 500;
	text-transform: smallcaps;
	letter-spacing: -0.5px;
	line-height: 1.3em;
	color: #1c1c1c;
	padding-bottom:13px;
	background: url(../img/h1-viiva.jpg) no-repeat bottom left;
}

h2 {
	font-family: Cambria, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	text-transform: smallcaps;
	letter-spacing: -0.5px;
	line-height: 1.3em;
	color: #1c1c1c;
	padding-bottom:6px;
}

h3 {
	font-size: 12px;
	color: #1c1c1c;
}

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:1px solid #c3c3c3;
	background-color:white;
	padding-bottom:5px;
}

#menutable .menutop_a{
	color:#6D3A78;
	padding:0 4px;
}
#menutable .menutop{
	color:#3c3c3c;
	padding:0 4px;
}

#menutable .menusub_a{
	color:#6D3A78;
	padding:0 4px;
	font-weight:bold;
	display:block;
}
#menutable .menusub{
	color:#3c3c3c;
	padding:0 4px;
	display:block;
}
