body {
	height: 100%;
	text-align: center;
	background-image: url(/style/img/bg-main.gif);
	background-repeat: repeat-x;
	background-color: #ffffff;
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.8em;
}

img {
	border: 0;
}

a {
	color: #4174c9;
	text-decoration: underline;
}

/*
 *	The Container (center the layout)
 */


#container {
	margin: 0 auto;
	text-align: left;
	width: 950px;
}

#wrapper {
/*	background-image: url(/style/img/bg-main-bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom center; 
	*/
	background: url('../img/rounded-bottom.gif') no-repeat 0% 100%;
	padding: 0 0 5px 0; /* 0 0 10 0 */
	float: left;
}

body.triple #wrapper
{
    background-image: url('../img/rounded-bottom-triple.gif');
}

#main {
	overflow: hidden;
	float: left;
}

/*
 *	The Main elements (#main)
 *
 *  	Second level navigation (the element at left side of inner page)
 */
 
#main-navigation {
	width: 200px;
	background-color: #dfe4e9;
	float: left;
	margin: 0 6px 0 0;
	padding: 0 0 10000px 0;
	margin-bottom: -10000px;

}

#main-navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#main-navigation ul li a {
	color: #566774;
	font-size: 0.85em;
	text-decoration: none;
	display: block;
	padding: 5px 0 8px 20px;
}

#main-navigation ul ul a {
 	padding: 3px 0 7px 35px; 
}

#main-navigation ul ul ul a {
 	padding: 3px 0 7px 50px; 
}

#main-navigation ul li.selected a {
	color: #ffffff;
}

#main-navigation ul li {
	display: block;
	background-image: url(/style/img/bullet-navi.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	width: 200px;
}

#main-navigation ul li.selected {
	background-image: url(/style/img/bullet-navi-selected.gif);
	background-position: top left;
	background-repeat: no-repeat;

}

#main-navigation ul ul {
 	padding: 3px 0 1px 0; 
	background-color: #b3bec9;
 	border-top: 1px solid #e9ecf0; 
 	border-bottom: 1px solid #e9ecf0; 
}

#main-navigation ul ul ul {
    border-top: 0;
    padding-top: 0;
}

#main-navigation ul ul li.selected, 
#main-navigation ul ul li {
	background-image: none;
}
#main-navigation ul li ul li.selected ul li a,
#main-navigation ul li ul li a {
	color: #566774 !important;
	text-decoration: none;
}

#main-navigation ul li ul li ul li.selected a,
#main-navigation ul li ul li.selected a {
	color: #ffffff !important;
	text-decoration: underline;
}

#main-navigation a:hover {
    background-color: #788fa3;
    color: #fff;
}



/*
 *	Banner (of the inner page)
 */
 
#main-banner {
	float: left;
	padding: 0;
	margin: 0 0 6px 0;
	width: 744px;
	height: 102px;
}

/*
 *	Main Content
 */

#main-content {
	width: 538px;
	background-color: #fafafa;
	float: left;
	margin: 0 6px 0 0;
	padding: 0 0 10000px 0;
	margin-bottom: -10000px;
        overflow: hidden;
}
 
#main-wrapper {
	padding: 15px;
	color: #67727c;

}

#main-wrapper h1 {
	font-family: verdana, arial, "sans-serif";
	color: #cf0064;
	padding: 0 0 15px 0;
	margin: 0;
	font-size: 1.3em;
	font-weight: bold;
}

#main-wrapper h2 {
	font-family: verdana, arial, "sans-serif";
	color: #cf0064;
	padding: 0;
	margin: 0;
	font-size: 0.9em;
	font-weight: bold;
}

#main-wrapper h3 {
	font-family: verdana, arial, "sans-serif";
	color: #cf0064;
	padding: 0;
	margin: 0;
	font-size: 0.85em;
	font-weight: bold;
}

#main-wrapper p {
	font-family: verdana, arial, "sans-serif";
	font-size: 0.85em;
	padding: 0 0 8px 0;
	margin: 0;
	color: #67727c;

}

#main-wrapper ul li, #main-wrapper td {
	font-family: verdana, arial, "sans-serif";
	font-size: 0.85em;
	padding: 0 0 8px 0;
	margin: 0;
	color: #67727c;
}

#main-content ul li h3, #main-content td h3, #main-content ul li ul li, #main-content td td, #main-content td p, #main-content ul li p
{
    font-size: 1em;
}


#main-wrapper p.note {
	font-size: 0.9em;
	color: #3b4d5d;
}	


/*
 *	Main Related (the element at right side of the inner page)
 */
 
#main-related {
	float: left;
	width: 200px;
	color: #566774;
	font-size: 0.8em;
        margin-bottom: -10000px;
        padding-bottom: 10000px;
}

#main-related a {
	color: #4174c9;
}

#main-related p {
	padding: 0;
	margin: 0 0 6px 0;
}

#main-related-other {
	background-color: #dfe4e9;
	padding: 15px 17px 10000px 15px;
	margin-bottom: -10000px;
	overflow: hidden;
}

#main-related-other h1 {
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 1.4em;
	color: #cf0064;
}

#main-related-green,
#main-related-pink {
	background-image: url(/style/img/bg-pink-top.gif);
	background-repeat: no-repeat;
	background-position: top left;
	color: #ffffff;
	margin: 0 0 6px 0;
}

#main-related-green {
	background-image: url(/style/img/bg-green-top.gif);
	color: #5b6805;
}

#main-related-green-wrapper, 
#main-related-pink-wrapper {
	background-image: url(/style/img/bg-green-bottom.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding: 15px 17px 8px 15px;
}

#main-related-pink-wrapper {
	background-image: url(/style/img/bg-pink-bottom.gif);
}

#main-related-pink-wrapper a {
	color: #ffffff;
}	

#main-related-green-wrapper a {
	color: #5B6805;
}	

#main-related-pink-wrapper h3 {
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 1.4em;
}

#main-related-green-wrapper a.related-button,
#main-related-pink-wrapper a.related-button {
	background-image: url(/style/img/button-pink.gif);
	background-position: top center;
	background-repeat: no-repeat;
	text-align: center;
	display: block;
	width: 127px;
	height: 22px;
	padding: 3px 0 3px 0;
	margin: 15px 0 0 0;
	text-decoration: none;
	color: #4174c9;
}

#main-related-green-wrapper {
	color: #5b6805;
}

#main-related-green-wrapper h3 {
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 1.4em;
}

#main-related-green-wrapper a.related-button {
	background-image: url(/style/img/button-green.gif);
}




/*
 * 	Footer
 */

#footer {
	clear: both;
	color: #909090;
	font-size: 0.85em;
	height: 77px;
	padding: 25px 0 0 0;
	background-color: #ffffff; 
}

#footer a {
	text-decoration: none;
	color: #909090;
}

#footer-top {
	border-top: 1px solid #ffffff;  /* ie6, ie7 hack */
}

#footer li {
	float: left;
}

#footer-bottom {
	border-top: 1px solid #d9d9d9;
	clear: both;
}

#footer-navigation, #footer-links {
	margin: 10px;
	padding: 0;
	float: right;
}

#footer-navigation { 
	list-style-type: none;
}

#footer-navigation li a {
	padding: 10px;
	color: #919191;
	text-decoration: none;
}

#footer-contact, #footer-copy {
	float: left;
	margin: 10px;
	padding: 0;
}

#footer-copy {
	color: #bcbbbb;
}

/*
 *	Elements inside the #header
 */

#logo {
	float: left;
	width: 268px;
	height: 71px;
}

#logo a {
	border: 0;
}

#search {
	float: right;
	width: 193px;
	margin: 30px 0 0 0;
	padding: 0;
}

#search form {
	margin: 0;
	padding: 0;
}

#query {
	background-color: #ffffff;
	width: 158px;
	height: 15px;
	color: #868686;
	border: 0;
	font-size: 0.8em;
	padding: 2px 0 0 3px;
	margin: 0 5px 0 0;
	display: block;
	float: left;
}

#submit {
	background-image: url(/style/img/query-submit.gif);
	background-repeat: no-repeat;
	width: 27px;
	height: 17px;
	padding: 0 0 0 5px;
	border: 0;
	display: block;
	float: left;
}

/*
 *	The main navigation (top of the page)
 */

#navigation {
	clear: both;
	background-color: #cf0064;
	height: 29px;
	width: 950px;
	margin: 0 0 3px 0;
	padding: 0;
}

#navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#navigation ul.navi {
	float: left;
}

#navigation ul.language {
	float: right;
}

#navigation li, #navigation li.selected {
	margin: 0;
	float: left;
}

#navigation li a {
	background-image: url(/style/img/nav-li-separator.gif);
	background-repeat: no-repeat;
	background-position: top right;
	text-transform: uppercase;
	font-size: 0.8em;
	color: #ffffff;
	display: block;
	float: left;
	padding: 8px 10px 0px 10px; 
	text-decoration: none;
	height: 21px;  
	
}

body.frontpage #navigation li.frontpage a,
body.frontpage #navigation li.etusivulle a,
#navigation li.selected a,
#navigation li a:hover {
	background-color: #a1004e;
}

#navigation ul.language a {
	background-image: none;
}

/*
 *	Elements of the frontpage
 */

#promo {
	width: 950px;
	height: 250px;
	margin: 0 0 6px 0;	
}

#selections {
	height: 50px;
	margin: 0 0 6px 0;
}

#selections ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#selections li {
	float: left;
	margin: 0;
	padding: 0;
}

#selections li.jarjestajille a {
    background: url(/style/img/jarjestajille.gif) no-repeat top left;
    height: 50px;
    width: 318px;
    text-indent:-1000em; 
    display: block;
}

#selections li.jarjestajille a:hover {
    background: url(/style/img/jarjestajille-hover.gif) no-repeat top left;
}


#selections li.kavijoille a {
    background: url(/style/img/kavijoille.gif) no-repeat top left;
    height: 50px;
    width: 320px;
    text-indent:-1000em; 
    display: block;
}

#selections li.kavijoille a:hover {
    background: url(/style/img/kavijoille-hover.gif) no-repeat top left;
}


#selections li.ajankohtaista a {
    background: url(/style/img/ajankohtaista.gif) no-repeat top left;
    height: 50px;
    width: 312px;
    text-indent:-1000em; 
    display: block;
}

#selections li.ajankohtaista a:hover {
    background: url(/style/img/ajankohtaista-hover.gif) no-repeat top left;
}

#selections li.jarjestajille-en a {
    background: url(/style/img/jarjestajille-en.gif) no-repeat top left;
    height: 50px;
    width: 318px;
    text-indent:-1000em; 
    display: block;
}

#selections li.jarjestajille-en a:hover {
    background: url(/style/img/jarjestajille-hover-en.gif) no-repeat top left;
}


#selections li.kavijoille-en a {
    background: url(/style/img/kavijoille-en.gif) no-repeat top left;
    height: 50px;
    width: 320px;
    text-indent:-1000em; 
    display: block;
}

#selections li.kavijoille-en a:hover {
    background: url(/style/img/kavijoille-hover-en.gif) no-repeat top left;
}


#selections li.ajankohtaista-en a {
    background: url(/style/img/ajankohtaista-en.gif) no-repeat top left;
    height: 50px;
    width: 312px;
    text-indent:-1000em; 
    display: block;
}

#selections li.ajankohtaista-en a:hover {
    background: url(/style/img/ajankohtaista-hover-en.gif) no-repeat top left;
}


#panel-container {
	background-image: url(/style/img/bg-gray-top.gif);
	background-repeat: no-repeat;
	background-position: top right;
	background-color: #f0f0f0; 
}

#panel-wrapper {
	background-image: url(/style/img/bg-gray-bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 10px;
	height: 160px;
}

#panel-banner {
	width: 612px;
	height: 160px;
	float: left;
}

#panel-related {
	float: right; 
	width: 303px;
}

#panel-related h3 {
	display: none;
	clear: none;
}

#panel-related ul {
	border-top: 1px solid #ffffff;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#panel-related li {
	border-bottom: 1px solid #ffffff;
	font-size: 0.85em;
	padding: 4px 15px 4px 15px;
	color: #566c7f;
}

#panel-related li a {
	text-decoration: none;
}

#panel-related p {
	font-size: 0.85em;
	padding: 5px 15px 3px 15px;
	margin: 0;
}


.tarjoilu {
    float:right;
    margin-right:5px;
}


#main-wrapper ul#events, #main-wrapper ul#events li {
    list-style-type:none;
    margin:0;
    padding:0;
}

#main-wrapper ul#events li {
    border-bottom:1px dotted #D9D9D9;
    padding-bottom:10px;
}

#main-content #main-wrapper div.main-flash object {
    margin-left: 0px;
}

#main-content object, #main-content .main-image {
    margin-left: 30px;
}

/* Form related */

fieldset
{
    border: 0;
}

#main-wrapper .tarjouspyynto h3
{
    margin-top: 10px;
}

.tarjouspyynto fieldset input
{
	margin-right: 4px;
	border: 1px solid #909090;
	font-size: 10px;
	height: 12px;
	width: 90px;
	float:left;
}

.tarjouspyynto fieldset input.input_radio
{
	margin-right: 4px;
	border: 1px solid #909090;
	font-size: 10px;
	height: 11px;
	width: 11px;
	float:left;
	clear:both;
}

.tarjouspyynto fieldset textarea
{
	margin-right: 4px;
	border: 1px solid #909090;
	font-size: 10px;
	height: 150px;
	width: 350px;
}

.tarjouspyynto input.button_submit
{
	margin-right: 4px;
	border: 1px solid #909090;
	font-size: 10px;
	float:left;
}

.tarjouspyynto fieldset legend
{
	font-size: 11px;
	font-weight: bold;
}

.tarjouspyynto fieldset span.center_line
{
	float:left;
	margin-right:7px;
	margin-top:2px;
}

.tarjouspyynto fieldset table
{
	width:100%;
}
.tarjouspyynto fieldset table td
{
	width:45%;
	padding-bottom:5px;
}

.tarjouspyynto label
{
    display:block;
    clear:both;
}

.tarjouspyynto fieldset .tilausuus_muu
{
	float:left;
	margin-left:10px;
	width:200px;
}

.tarjouspyynto fieldset .txtField_wide
{
	width:144px;
}


.tarjouspyynto fieldset.text_inputs input
{
	width: 150px;
}

.tarjouspyynto fieldset.text_inputs label
{
	margin-top:10px;
}

.tarjouspyynto fieldset
{
	margin: 10px 0 0 0;
	padding:0;
	padding-left:5px;
}

.tarjouspyynto fieldset input.text_short
{
    width: 66px;
}

.tarjouspyynto fieldset input.muu_input
{
    width: 100px;
}

table.tilavertailu td.blue-bg 
{
    color: #fff !important;
    font-weight: bold;
    background-color: #2586ca;
    border-right: 1px solid #fff;
    padding: 2px 0px 2px 4px !important;  
}
    
table.tilavertailu td {
    padding: 4px 0px 4px 4px !important;
    border-right: 1px solid #ececec;
    border-top: none;
    border-left: none;
    border-bottom: none;
}

table.tilavertailu {
    width: 430px;
    border: none;
}

/* DO NOT SHOW THE UIMESSAGES */
div.midcom-service-uimessages-protogrowl,
div.midcom_services_uimessages_holder
{
    display: none !important;
}

ul.org_routamc_photostream_photos li {
    background: none !important;
    height: 150px !important;

}

ul.org_routamc_photostream_photos li a{
    display: block;
    height: 105px;
    width: 202px;
    overflow: hidden;
}

div.org_openpsa_qbpager_pages
{
    margin-top: 20px !important;
}

div.addthis {
clear:both;
float:right;
margin-top:20px;
}