/* HEADER */

.header {
	float:left;
	width:100%;
	background-color:#FFFFFF;
}

.header .leftFill {
	width:19px;
	height:103px;
	float:left;
	background-color:#FF9933;
}

.header .logo {
	width:432px;
	float:left;
/*	background:url(http://www.mfa.fi/files/mfa/sivupohjakuvat/mfa-logo-07.gif); */
	height:103px;
	background-repeat:no-repeat;
	position:absolute;
	left:19px;
}

.header .logo a {
	width:432px;
	height: 103px;
	display: block;

}

.header .image {
	width:168px;
	float:left;
/*	background:url(http://www.mfa.fi/files/mfa/sivupohjakuvat/mfa-rakennus-07.gif); */
	height:103px;
	left:450px;
	position:absolute;
}

.header .contact {
	float:left;
/*	width:100%; */
	left:618px;
	position:absolute;
}
.header .contact img {
	margin-top:15px
}

/* NAVIGATION */

.navigation {
	float:left;
	width:100%;
	background-color:#FFFFFF;
}

.navigation a, .navigation a:link, .navigation a:visited, .navigation a:active {
	color:#FFFFFF;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-style:normal;
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
}

#top-nav {
	background-color:#333333;
	width:760px;
	float:left;
	height:22px;
	line-height:20px;
	font-size: 0;
	white-space: nowrap;
    position: relative;
    z-index: 999;
}

#top-nav ul {
  display: block;
  list-style-type: none;
 padding-left:7px;
  margin-left:0px;
padding-top:0px;
margin-top:0px;
}

#top-nav li {
	cursor:pointer;
	float:left;
	position:relative;
	height: 22px;
/*	padding-left:8px;
	padding-right:8px;
*/
	padding-left:12px;
	padding-right:12px;
margin-top:0px;
padding-top:0px;
	background:#333333;
	background:url(http://www.mfa.fi/files/mfa/sivupohjakuvat/topnav_spacer.gif) no-repeat 0px 0px;
	
}

#top-nav li:hover, #top-nav li.hover, #top-nav li.current {
/*	background-color: #565656; */
}

#top-nav a {
	font-family: 'calibri', 'arial', sans-serif;
	font-size: 12px;
	font-weight: normal;
	display: block;
	color: #fff;
	text-decoration: none;
        margin-top:5px;
}


#top-nav li ul {
  position: absolute;
  top:21px;
  left: 0;
  background: #262626;
  margin: 0;
  border-top: 1px solid #1b1b1b;
  padding:0 0 5px;
  display: none;
  cursor: default;
/*  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.66);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.66); */
  z-index: 1000;
}

#top-nav li:hover ul, #top-nav li.hover ul {
  display: block;
}

#top-nav li ul li {
  float: none;
  display: block;
  height: auto;
  background: transparent;
  line-height: 6px;
}

#top-nav li ul li:hover, #top-nav li ul li.hover, #top-nav li ul li.current {
  background: transparent;
}


#top-nav li ul a {
	display: block;
	background: transparent;
	font-weight: normal;
/*  padding: 5px 15px 5px 15px; */
	padding:5px 1px 5px 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ff9900;
	font-size: 10px;
}

#top-nav li ul a:hover {
  text-decoration: none;
color:#FFFFFF;
}

#top-nav li ul li.current a {
  font-weight: bold;
}


/* BREADCRUMB AREA */

.breadcrumb {
	float:left;
	width:100%;
	background-color:#FFFFFF;
/*	margin-left:20px; */
}

.breadcrumb .content {
	width:626px;
	height:22px;
	background-color:#CCCCCC; 
	float:left;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-style:normal;
	font-size:9px;
	line-height:20px;
/*	color:#333333; */
	color:#FFFFFF;
}

.breadcrumb .content_frontpage {
	width:432px;
	height:22px;
	background-color:#CCCCCC;
	float:left;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-style:normal;
	font-size:9px;
	line-height:20px;
/*	color:#333333; */
	color:#FFFFFF;
}


.breadcrumb .content a {
/*	color:#333333; */
	color:#FFFFFF; 
	font-weight:normal;
	text-decoration:underline;
}

.breadcrumb .content_frontpage a {
/*	color:#333333; */
	color:#FFFFFF; 
	font-weight:normal;
	text-decoration:underline;
}

.breadcrumb .spacer2 {
	width:18px;
	height:22px;
	float:left;
	background-color:#CCCCCC;
}

.breadcrumb .spacer {
	width:10px;
	height:22px;
	float:left;
	background-color:#FFFFFF;
}

.breadcrumb .aukioloajat {
	float:left;
	width:184px;
	height:22px;
	background-color:#FFFFFF;
}

.breadcrumb .aukioloajat img {
	margin-top:5px;
}

.breadcrumb .language {
	width:116px;
	height:22px;
	float:left;
	background-color:#FF9933;
}

.breadcrumb .language img {
	margin-top:5px;
	margin-left:5px
}

/* IMAGE AND FRONTPAGE CONTACT INFORMATION */

.middleSection {
	float:left;
	width:100%;
	background-color:#CCCCCC;
}

.middleSection .inner {
	float:left;
	width:760px;
}


.middleSection .inner .image {
	width:450px;
	float:left;
}
				
.middleSection .inner .spacer {
	background-color:#CCCCCC;
	width:10px;
	float:left;
}

.middleSection .inner .rightContent {
	background-color:#CCCCCC;
	width:300px;
	float:left;
}

.middleSection .inner .rightContent p {
	margin-top: 3px;
	margin-bottom: 3px;
}

/* MAIN CONTENT AREA */

.mainContent {
	float:left;
	background-color:#CCCCCC;
}

.mainContent .leftContent {
	float:left;
	width:450px;
}

.mainContent .leftContent .leftHeader {
	padding-left:31px;height:22px;background-color:#CCCCCC;
}

.mainContent .leftContent .leftContentArea {
	background-color:#FFFFFF;
	padding-left:54px;
	padding-right:20px;
	padding-bottom:30px;
	padding-top:15px;
}

.mainContent .leftContent .leftContentArea a img {
border: 1px #FF9933 solid;
}

.mainContent .leftContent .leftContentArea table {
/* width:380px; */
}
.mainContent .leftContent .leftContentArea textarea {
/* width:250px; */
}
.mainContent .rightContent {
	float:left;
	width:310px;
}

.mainContent .rightContent .newsHeader {
	background-color:#FFFFFF;
	height:22px;
}

.mainContent .rightContent .newsHeader img {
	margin-top:5px;
	margin-left:10px;
}

.mainContent .rightContent .rightContentUpper {
	background-color:#333333;
	padding-left:10px;
}

.mainContent .rightContent .rightContentSpacer {
	background-color:#FFFFFF;
	height:22px;
}

.mainContent .rightContent .rightContentLower {
	background-color:#333333;
	padding-left:10px;
	padding-bottom:12px;
padding-top:10px;
}

.mainContent .rightContent .searchHeader {
	background-color:#FFFFFF;
	height:22px;
}

.mainContent .rightContent .searchHeader img {
	margin-top:5px;
	margin-left:10px;
}

.mainContent .rightContent .searchOuter {
	background-color:#333333;
}

.mainContent .rightContent .searchInner {
	padding-top:14px;
	padding-left:10px;
	padding-bottom:8px;
}

.mainContent .rightContent .rightCopyright {
	background-color:#CCCCCC;
	padding-left:10px;
}

/* FOOTER */

.ffooter {
	width:760px; 
/*	width:100%;*/
	float:left; 
	background-color:#CCCCCC; 
}

ul.rightNavigation2009 {
	list-style-type:none;
	padding-left:0;
	margin-left:0px;
}

ul.rightNavigation2009 .heading {
	font-size:13px;
	line-height:22px;
	color:#FFFFFF;
}

ul.rightNavigation2009 .selitem {
	color:#FF9933;
	text-decoration:underline;
	font-weight:bold;
}

ul.rightNavigation2009 ul {
	list-style-type:none;
	padding-left:15px;
	padding-top:2px;
	margin-left:0px;
}

ul.rightNavigation2009 li {
	list-style-type:none;
	padding-bottom:2px;
}