/* Niilo Säämänen*/
/* Layout stuff */

/* body */
body.content{
	background: url(/img/bg_repeat.png) repeat-x top; 
	background-color: #fafafa;
	margin: 0;
	padding: 0; 
	font: normal 0.7em/1.4em  Verdana,Tahoma, Arial, Georgia, sans-serif; 
	color: #333;
	text-align: center;
}

/* The layout components */
/* Warpping frame, all else inside this one. */
div.frame{
	width: 965px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding: 0px;
	text-align: left;
	position: relative;
}

/* The header div, images and such. */
div.header{
	/*text-align:center;*/
	background: url(/img/header.jpg) no-repeat top; 
	width: 965px;
	height: 140px;
	position: relative;
	color: #FFF;
	z-index: 900;
	display:block;
}

/* The main menu div. */
div.menu{
	width: 730px;
	text-align: left;
	z-index: 501;
	position:absolute;
	left:200px;
	top: 76px;
	padding:0px;
	margin:0px;
	border-left:1px #FFF solid;
}

#menu_items {
	width: 730px;
	/*padding: 0 0 1em 0;*/
	margin: 0;
	padding:0;
	font: 0.95em Georgia, "Times New Roman", Times, serif;
	color: #333;
	
}

#menu_items ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	
}
	
#menu_items li {
	list-style-type:none;
	margin: 0;
	display:inline;
	float:left;
}

#menu_items a {
	color: #666;
	text-decoration: none;
	line-height:20px;	
	padding: 1px 8px 2px 8px;
	display:block;
	border-right: 1px #FFF solid;
	}

html>body #menu_items li a {
	height:100%;
}

#menu_items li a:hover {
	background:#d5133e url(/img/menu_hover.png) bottom repeat-x;
	color:#FFF;
}

#menu_items .current_page_item
{  
	background:#d5133e url(/img/menu_hover.png) bottom repeat-x;
}

#menu_items .current_page_item a
{  
	color:#FFF;
}

.main_navigation a.active, .main_navigation a:hover {  }

div.roseWrap
{
	background: url(/img/side_rose.jpg) no-repeat; 
	margin:0px;
	padding:0px;
	z-index: 409;
	display:block;
	height:100%;
}

/* main content container. */

div.mainContentWrap{
	background: url(/img/content_bg.png) repeat-y right; 
	text-align: left;
	width:965px;
	z-index: 400;
	position:relative;
	padding:0px;
	margin:0px;
	/*padding-left: 240px;*/
	display:block;
}
div.mainContent{
	text-align: left;
	width:550px;
	z-index: 405;
	position:relative;
	padding:2px 20px 10px 35px;
	margin:0 0 0 169px;
	display:block;
}

div.footerpic
{
	background: url(/img/footer.png) no-repeat bottom right; 
	margin-right:10px;
	z-index: 402;
	display:block;

}

/* The side menu div, contains extra information and some sublinks. */
div.info{
	border:1px solid #d78c00;
	padding:0px;
	margin: 10px 5px 5px 5px;
	float: right;
	text-align: right;
}

/* Well, duh. The footer text and such.*/
div.footer{
	padding:0;
	height:100px;
	font: bold 10px Tahoma;
	font-style:normal;
	display:block;
}

/* Your basic formatting code */
h1 {
	color: #e20032;
	margin-top: 15px;
	padding: 0px;
	font-size: 12pt;
	font-family: Arial, Helvetica, sans-serif;
}

h2 {
	color: #e20032;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
}

th{
	color: #e20032;
	font-size: 10pt;
}

#hr {
	height: 0.5px;
	color: #e20032;
}


/* postertag */
p.poster{
	color: #666;
	font-size: 8pt;
	line-height:1;
	padding-top:75px;
}


img
{
 border:none;
}

/* Link styles */
A:link {
	font-weight: bold; 
	text-decoration: none; 
	color: #333;
}

A:active {
	text-decoration: underline; 
	color: #e20032;
}

A:visited {
	font-weight: bold; 
	text-decoration: none; 
	color: #333;
}

A:hover {
	text-decoration: underline; 
	color: #e20032;
}