body
{
	height:		100.05%;
	margin:		0px 0px 0px 0px;
	text-align:	center;
}

/*
----------
- common -
----------
*/

div, p, h4, h3, h2, form, label
{
	margin:				0px 0px 0px 0px;
	padding:			0px 0px 0px 0px;	
	border:				0px 0px 0px 0px;

	color:				#000000;
	font-family: 		arial, "lucida console", sans-serif;
	font-size:			12px;
	font-size-adjust:	none;
	font-stretch:		normal;
	font-style:			normal;
	font-variant:		normal;
	font-weight:		normal;
	line-height:		16px;
	text-align:			left;
}

img
{
	margin:				0px 0px 0px 0px;
	padding:			0px 0px 0px 0px;	
	border:				0px 0px 0px 0px;
}

hr
{
	width: 			100%;
	height: 		1px;
	
	padding-bottom: 5px;
	
	clear:		both;
	color: 		#cecece;
	border-style:solid none none;	
}

br
{
	clear:		both;
}

hr.clear
{
	width: 			100%;
	height: 		0px;
		
	padding-bottom: 5px;
	
	clear:		both;
	color: 		#ffffff;
	border-style:solid none none;	
}

a:link, a:active, a:visited
{
	color:#0a7ac1;
	text-decoration:underline;
}

a:hover
{
	color:#5eaddf;
	text-decoration:underline;
}

a.prev
{
	float:left;
}

a.next
{
	float:right;
}

/*
-------------
- infobox -
-------------
*/

div.infoboxholder
{
	float:				right;	
	width:				190px;
}

div.infobox
{
	float:				right;
	
	width:				160px;
	
	padding-left:		15px;
	padding-right:		15px;
	padding-top:		15px;
	padding-bottom:		15px;
	
	margin-bottom:		10px;
	
	background-color: #cee4f2;
}

div.infobox_wide
{
	float:				right;
	
	width:				280px;
	
	padding-left:		15px;
	padding-right:		15px;
	padding-top:		15px;
	padding-bottom:		15px;
	
	margin-bottom:		10px;
	
	background-color: #cee4f2;
}

div.infobox p
{
	font-size:			12px;
}

div.infobox p.title
{
	font-family: 		verdana, arial, "lucida console", sans-serif;
	color:				#0a7ac1;
	font-size:			15px;
}

input.searchinput 
{
	width:			155px;
	padding-left:	0px;
	padding-right:	0px;
	
	margin-top:		-5px;
	margin-bottom:	5px;
}

input.searchbut
{
	float:			right;
	width:			50px;
}

input.orderbut
{
	clear:			both;
	float:			left;
} 

div.infobox form label
{
	display:	block;
	clear:		both;
	float:		left;
	
	width:		100%;	
}

div.infobox form label.last
{
	padding-bottom:	14px;	
}

/*
-------------
- structure -
-------------
*/
#wrapper
{
	position:		relative;
	text-align:		left;
	width:			892px;
	margin-left:	auto;
	margin-right:	auto;	
	
	background:	#ffffff url(../img/background.gif) repeat-y scroll center;	
}

#navi_bar
{
	padding-left:	46px;
	height:			46px;
	
	background-image:		url(../img/navi_background.gif);
	background-position:	right top;
	background-repeat:		no-repeat;
}

#navi_bar_content
{	
	padding-top:	17px;	
	padding-left:	2px;
	
	width:			792px;
	height:			29px;
}

#navi_bar_content img
{
	float:			left;
}

#main_img
{
	background-image:		url(../img/main_img_background.gif);
	background-repeat:		no-repeat;
	
	height:			139px;
	padding-left:	46px;
}

#content
{
	padding-top:	29px;
	padding-left:	86px;
	
	min-height:		400px;
	
	width:			720px;
	
	z-index:		100;
}

#footer
{
	height:			120px;
	width:			892px;
	margin-top:		-16px;
	
	background-image:	url(../img/footer_background.gif);	
	
	z-index:		50;
}


/*
------------
- main nav -
------------
*/


#mainnav
{
	position:		relative;
	top:			11px;
	margin:			0px 0px 0px 0px;
	height:			18px;
	
	float:			right;
}

#mainnav li
{
	height:			18px;
	margin-left:	20px;
	
	float:			left;	
	
	list-style-image:	none;
	list-style-position:outside;
	list-style-type:	none;
	
	font-size: 			0px;
	text-decoration: 	none;
	text-indent:		9999px;
	overflow:			hidden;		
}

#mainnav li a
{
	display:		block;
	height:			18px;
	overflow:		hidden;
}

#navi_front
{
	width:		47px;
}
#navi_front a, #navi_front a:visited
{
	width:		47px;
	background: url(../img/navi_but_front.gif) no-repeat scroll 0px 0px;
}
#navi_front a:hover
{
	width:		47px;
	background: url(../img/navi_but_front.gif) no-repeat scroll 0px -18px;
}
#body_front #navi_front a, #body_front #navi_front a:visited
{
	width:		47px;
	background: url(../img/navi_but_front.gif) no-repeat scroll 0px -18px;
}


#navi_article
{
	width:		61px;
}
#navi_article a, #navi_article a:visited
{
	width:		61px;
	background: url(../img/navi_but_article.gif) no-repeat scroll 0px 0px;
}
#navi_article a:hover
{
	width:		61px;
	background: url(../img/navi_but_article.gif) no-repeat scroll 0px -18px;
}
#body_article #navi_article a, #body_article #navi_article a:visited
{
	width:		61px;
	background: url(../img/navi_but_article.gif) no-repeat scroll 0px -18px;
}


#navi_question
{
	width:		78px;
}
#navi_question a, #navi_question a:visited
{
	width:		78px;
	background: url(../img/navi_but_question.gif) no-repeat scroll 0px 0px;
}
#navi_question a:hover
{
	width:		78px;
	background: url(../img/navi_but_question.gif) no-repeat scroll 0px -18px;
}
#body_question #navi_question a, #body_question #navi_question a:visited
{
	width:		78px;
	background: url(../img/navi_but_question.gif) no-repeat scroll 0px -18px;
}


#navi_link
{
	width:		35px;
	background: url(../img/navi_but_link.gif) no-repeat scroll 0%;
}
#navi_link a, #navi_link a:visited
{
	width:		35px;
	background: url(../img/navi_but_link.gif) no-repeat scroll 0px 0px;
}
#navi_link a:hover
{
	width:		35px;
	background: url(../img/navi_but_link.gif) no-repeat scroll 0px -18px;
}
#body_navi #navi_link a, #body_navi #navi_link a:visited
{
	width:		35px;
	background: url(../img/navi_but_link.gif) no-repeat scroll 0px -18px;
}


#navi_info
{
	width:		25px;
	background: url(../img/navi_but_info.gif) no-repeat scroll 0%;
}
#navi_info a, #navi_info a:visited
{
	width:		25px;
	background: url(../img/navi_but_info.gif) no-repeat scroll 0px 0px;
}
#navi_info a:hover
{
	width:		25px;
	background: url(../img/navi_but_info.gif) no-repeat scroll 0px -18px;
}
#body_info #navi_info a, #body_info #navi_info a:visited
{
	width:		25px;
	background: url(../img/navi_but_info.gif) no-repeat scroll 0px -18px;
}

/*
-----------
- sub nav -
-----------
*/

#submenu
{
	width:		100%;
	height:		48px;
}

#body_article #submenu
{
	background: url(../img/title_article.gif) no-repeat scroll 0px 0px;
}

#body_question #submenu
{
	background: url(../img/title_question.gif) no-repeat scroll 0px 0px;
	padding-left:	150px;
}

#submenu div
{
	float:		left;

}

#submenu a
{
	display:			block;
	height:				18px;
	margin-top:				6px;
	font-size: 			0px;
	text-decoration: 	none;
	text-indent:		9999px;
	overflow:			hidden;	
}

#submenu div.subnav_sep
{
	margin-left:			25px;
	margin-right:			25px;
	margin-top:				5px;
	width:					2px;
	height:					19px;
	background-image:		url(../img/subnav_sep.gif);
	background-position:	left top;
	background-repeat:		no-repeat;
}

#question_submenu_question a, #question_submenu_question a:visited
{
	width:		63px;
	background: url(../img/question_subnav_asked.gif) no-repeat scroll 0px 0px;
}
#question_submenu_question a:hover
{
	width:		63px;
	background: url(../img/question_subnav_asked.gif) no-repeat scroll 0px -18px;
}
#submenu_question #question_submenu_question a, #submenu_question #question_submenu_question a:visited
{
	width:		63px;
	background: url(../img/question_subnav_asked.gif) no-repeat scroll 0px -18px;
}

#question_submenu_ask a, #question_submenu_ask a:visited
{
	width:		33px;
	background: url(../img/question_subnav_ask.gif) no-repeat scroll 0px 0px;
}
#question_submenu_ask a:hover
{
	width:		33px;
	background: url(../img/question_subnav_ask.gif) no-repeat scroll 0px -18px;
}
#submenu_ask #question_submenu_ask a, #submenu_ask #question_submenu_ask a:visited
{
	width:		33px;
	background: url(../img/question_subnav_ask.gif) no-repeat scroll 0px -18px;
}

#question_submenu_faq a, #question_submenu_faq a:visited
{
	width:		109px;
	background: url(../img/question_subnav_faq.gif) no-repeat scroll 0px 0px;
}
#question_submenu_faq a:hover
{
	width:		109px;
	background: url(../img/question_subnav_faq.gif) no-repeat scroll 0px -18px;
}
#submenu_faq #question_submenu_faq a, #submenu_ask #question_submenu_faq a:visited
{
	width:		109px;
	background: url(../img/question_subnav_faq.gif) no-repeat scroll 0px -18px;
}

/*
-------------------
- text formatting -
-------------------
*/

p.main_title
{
	color:				#5d924f;
	font-family: 		verdana, arial, "lucida console", sans-serif;
	font-size:			17px;
	line-height:		17px;
	text-align:			left;

	padding-bottom:		21px;
}

p, h4, h3
{
	padding-bottom:		12px;
}

h2
{
	color:				#333333;
	font-family: 		arial, "lucida console", sans-serif;
	font-style:			oblique;
	
	width:				400px;
	padding-left:		5px;
	
	padding-bottom:		0px;
}

p.ingressi, h4
{
	color:				#5d924f;
}

h5 {
	color:				#333333;
	font-family: 		arial, "lucida console", sans-serif;
	font-size:			11px;
	font-weight:		bold;
	
	width:				260px;
	margin-left:		auto;
	margin-right:		auto;
	
	padding-bottom:		15px;
	margin-top:			-30px;
}

h6 {
	color:				#5d924f;
	font-family: 		'Times New Roman', 'Times', serif;
	font-weight:		normal;
	font-size:			14px;
	font-style:			oblique;
	text-align:			left;
	padding-left:		30px;
	padding-right:		40px;

	margin-top:			0px;
	margin-bottom:		0px;
		
	padding-top:		0px;
	padding-bottom:		15px;
	
	background-image:	url ( ../img/citation_back.gif );	
}

p.sub_title, h3
{
	color:				#5d924f;
	font-family: 		arial, "lucida console", sans-serif;
	font-size:			12px;
	line-height:		15px;
	font-weight:		bold;
	
	padding-bottom:		10px;
	padding-top:		10px;
}

p.error
{
	color:				#ff0000;
	font-family: 		arial, "lucida console", sans-serif;
	font-size:			12px;
	line-height:		15px;
	font-weight:		bold;
	
	padding-bottom:		2px;
	padding-top:		2px;
}

p.date
{
	color:				#5d924f;
	font-family: 		arial, "lucida console", sans-serif;
	font-size:			12px;
	line-height:		15px;
	font-weight:		normal;
	
	padding-bottom:		20px;
}


span.liststart {
	font-weight: 		bold;
	padding-right:		10px;
}

span.namestyle {
	font-weight: 		bold;
	padding-left:		5px;
	padding-right:		5px;
	color:				#777777;
}

span.huom {
	font-weight: 		bold;
	color:				#5d924f;
/*	padding-left:		10px; */
	padding-right:		2px;
}

address {
	color:				#444444;
	font-family: 		'Times New Roman', 'Times', serif;
	font-size:			11px;
	font-style:			oblique;
	padding-left:		10px;
	padding-right:		40px;
	padding-bottom:		8px;
	margin-left:		0px;
}

#article img, #question_answer img {
	
	text-align:		center;
	
	display: 	block;
	
	margin-left:	auto;
	margin-right:	auto;
	margin-top:		20px;
	margin-bottom:	30px;
}

#article li, #question_answer li {
	
	color:				#444444;
	font-family: 		arial, "lucida console", sans-serif;
	font-weight:		normal;
	font-size:			12px;
	padding-left:		30px;
	padding-right:		40px;
	padding-bottom:		15px;
}


/*
--------------
- front page -
--------------
*/

div.front_intro
{
	padding-bottom: 5px;
}

img.frontImage
{
	float:left;
	padding-right:	20px;
	padding-bottom:	20px;
}

a.frontImage:link, a.frontImage:active, a.frontImage:visited, a.frontImage:hover
{
	border:			none;
	color:			#ffffff;
	text-decoration:	none:
}


div.front_list
{
	padding-top: 	10px;
}

div.front_list_row
{
	clear:			both;
	padding-top: 	0px;
}

div.front_sep
{
	float:		left;
	height: 	23px;
}

div.front_list_article, div.front_list_question
{
	float:			left;
	padding-bottom: 5px;
	width:			345px;
}

div.front_list_article_sep, div.front_list_question_sep
{
	float:			left;
	width:			345px;
}

div.front_list_article, div.front_list_article_sep
{
	padding-right:	30px;
}

div.front_list_row div p.main_title
{
	padding-bottom:		10px;
}

div.front_list_row div p.date
{
	padding-bottom:		0px;
	font-weight:		normal;
}

div.front_list_row div p.caption
{
	padding-top:		10px;
	padding-bottom:		10px;
}

div.front_list_row div a
{
	display:			block;
	padding-bottom:		10px;
	width:				80px;
}

/*
---------------
- articlelist -
---------------
*/

div.article_list
{
	float:			left;
	width:			495px;
}

div.article_list_row
{
	clear:			both;
	padding-top: 	0px;
}

div.article_list_article
{
	float:			left;
	padding-bottom: 5px;
	width:			495px;
}

div.article_list_row div p.main_title
{
	padding-bottom:		10px;
}

div.article_list_row div p.date
{
	padding-bottom:		0px;
	font-weight:		normal;
}

div.article_list_row div p.caption
{
	padding-top:		10px;
	padding-bottom:		10px;
}

div.article_list_row div a
{
	display:			block;
	padding-bottom:		10px;
	width:				80px;
}


/*
---------------
- articlepage -
---------------
*/

#article_title
{
	width:			494px;
	padding-bottom:	20px;
}

#article_title p.main_title, #question_title p.main_title
{
	padding-bottom:		5px;
}

#article_title p.date
{
	padding-bottom:		0px;
	font-weight:		normal;
}

#article
{
	display:		block;
	float:			left;
	width:			490px;
	margin-bottom:	10px;
	padding-right:	40px;
}


/*
----------------
- question_ask -
----------------
*/
#ask_form
{
	display:		block;
	float:			left;
	width:			380px;
	margin-bottom:	10px;
}

#ask_form form div
{
	width:			380px;
	margin-bottom:	12px;
	
	color:			#5d924f;
	
	clear:			both;
}

#ask_form form div input
{
	width:			380px;
	border:			1px solid #bbbbbb;
	margin:			2px 0px 0px 0px;

	clear:			both;
}

#ask_form form textarea.ask_multiline
{
	margin:			2px 0px 0px 0px;
	border:			1px solid #bbbbbb;
	width:			380px;
	height:			202px;
}

input.askbut
{
	float:		right;
}

#body_question div.infobox_wide
{
	margin-top:		16px;
}

#question_title, #faq_title
{
	width:			494px;
	padding-bottom:	0px;
}

#question_answer
{
	float:			left;
}

#question 
{
	display:		block;
	float:			left;
	width:			490px;
	margin-bottom:	15px;
	padding-right:	40px;
}

#answer
{
	display:		block;
	float:			left;
	width:			490px;
	margin-bottom:	10px;
	padding-right:	40px;
}

#answer p.main_title
{
	padding-bottom:		5px;
}

/*
---------
- links -
---------
*/

#linkit_text
{
	display:		block;
	float:			left;
	width:			490px;
	margin-bottom:	10px;
}

#body_link #submenu
{
	background: 	url(../img/title_links.gif) no-repeat scroll 0px 0px;
	height: 		30px;
}

#body_link h3
{
	color:				#5d924f;
	font-family: 		verdana, arial, "lucida console", sans-serif;
	font-size:			17px;
	font-weight:		normal;
	line-height:		17px;
	text-align:			left;
	

	padding-bottom:		21px;
}

#body_link div.infobox
{
	margin-top:			20px;
}


/*
--------
- info -
--------
*/

#info_text
{
	display:		block;
	float:			left;
	width:			490px;
	margin-bottom:	10px;
}

#body_info #submenu
{
	background: url(../img/title_info.gif) no-repeat scroll 0px 0px;
	padding-left:	47px;
}

#info_submenu_why a, #info_submenu_why a:visited
{
	width:		111px;
	background: url(../img/info_subnav_why.gif) no-repeat scroll 0px 0px;
}
#info_submenu_why a:hover
{
	width:		111px;
	background: url(../img/info_subnav_why.gif) no-repeat scroll 0px -18px;
}
#submenu_why #info_submenu_why a, #submenu_why #info_submenu_why a:visited
{
	width:		111px;
	background: url(../img/info_subnav_why.gif) no-repeat scroll 0px -18px;
}

#info_submenu_crew a, #info_submenu_crew a:visited
{
	width:		122px;
	background: url(../img/info_subnav_crew.gif) no-repeat scroll 0px 0px;
}
#info_submenu_crew a:hover
{
	width:		122px;
	background: url(../img/info_subnav_crew.gif) no-repeat scroll 0px -18px;
}
#submenu_crew #info_submenu_crew a, #submenu_crew #info_submenu_crew a:visited
{
	width:		122px;
	background: url(../img/info_subnav_crew.gif) no-repeat scroll 0px -18px;
}

#info_submenu_contact a, #info_submenu_contact a:visited
{
	width:		106px;
	background: url(../img/info_subnav_contact.gif) no-repeat scroll 0px 0px;
}
#info_submenu_contact a:hover
{
	width:		106px;
	background: url(../img/info_subnav_contact.gif) no-repeat scroll 0px -18px;
}
#submenu_contact #info_submenu_contact a, #submenu_contact #info_submenu_contact a:visited
{
	width:		106px;
	background: url(../img/info_subnav_contact.gif) no-repeat scroll 0px -18px;
}

#info_submenu_contactinfo a, #info_submenu_contactinfo a:visited
{
	width:		97px;
	background: url(../img/info_subnav_contactinfo.gif) no-repeat scroll 0px 0px;
}
#info_submenu_contactinfo a:hover
{
	width:		97px;
	background: url(../img/info_subnav_contactinfo.gif) no-repeat scroll 0px -18px;
}
#submenu_contactinfo #info_submenu_contactinfo a, #submenu_contactinfo #info_submenu_contactinfo a:visited
{
	width:		97px;
	background: url(../img/info_subnav_contactinfo.gif) no-repeat scroll 0px -18px;
}


#contact_form
{
	display:		block;
	float:			left;
	width:			380px;
	margin-bottom:	10px;
}

#contact_form form div
{
	width:			380px;
	margin-bottom:	12px;
	
	color:			#5d924f;
	
	clear:			both;
}

#contact_form form div input
{
	width:			380px;
	border:			1px solid #bbbbbb;
	margin:			2px 0px 0px 0px;

	clear:			both;
}

#contact_form form textarea.ask_multiline
{
	width:			380px;
	border:			1px solid #bbbbbb;
	margin:			2px 0px 0px 0px;
	height:			202px;
}


#body_info div.infobox_wide
{
	margin-top:		16px;
}