/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

body {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:100%;
		background-color:#666666;
		padding:3em 0 3em 0;
		}
		
/* Header Block */	
		
.header {
		background:url('/images/header_bg.jpg') repeat-x center;
		height:60px;
		border-top:solid 1px #000;
		border-left:solid 1px #000;
		border-right:solid 1px #000;
		margin:0;
		}
		
.headerLogo {
		float:left;
		padding:1.5em 0 0 1em;
		}
		
.headerLang {
		float:right;
		padding:0.8em 1em 0 0;
		}
		
.headerLang ul {
		list-style:none;
		padding:0;
		margin:0;
		}		
		
.headerLang ul li {
		display:inline;
		}
		
/* Top Menu Block */	
		
.topMenu {			
		background:url('/images/menu_bg.jpg') repeat-x center;
		height:30px;
		border-left:solid 1px #000;
		border-right:solid 1px #000;
		margin:0;
		}
		
.topMenuItem {
		float:right;
		padding:0.3em 1.2em 0 0;
		}
		
.topMenuItem ul {
		list-style:none;
		padding:0;
		margin:0;
		}		
		
.topMenuItem ul li {
		display:inline;
		color:#FFFFFF;
		}
		
.standard a {
		font:0.9em Verdana, Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		text-decoration:none;
		}

.standard a:hover {
		font:0.9em Verdana, Arial, Helvetica, sans-serif;
		color:#B90000;
		text-decoration:none;
		}

.selected a {
		font:0.9em Verdana, Arial, Helvetica, sans-serif;
		color:#B90000;
		text-decoration:none;
		}
	
.selected a:hover {
		font:0.9em Verdana, Arial, Helvetica, sans-serif;
		color:#B90000;
		text-decoration:none;
		}
		
/* Main Text Block */	
		
.midBlock {
		background-image:url('/images/transatlanta_background.jpg');
		background-repeat:no-repeat;
		background-position:top right;
		background-color:#FFFFFF;
		border-left:solid 1px #000;
		border-right:solid 1px #000;
		margin:0;
		}			
		
.midBlockText {
		float:left;
		padding:2.5em 20em 0 2em;
		}
		
.midBlockText p {
		clear:both;
		font:0.8em Verdana, Arial, Helvetica, sans-serif;
		line-height:1.8em;
		color:#000000;
		padding:0.5em 0;
		}
		
.midBlockText ul {
		float:left;
		padding:1em 0 1em 2em;
		}
		
.midBlockText ul li {
		font:0.8em Verdana, Arial, Helvetica, sans-serif;
		line-height:1.4em;
		color:#000000;
		padding:0.5em 0;
		}
		
.midBlockFeature {
		float:left;
		padding:2.5em 0 2.5em 2em;
		}
		
.midBlockFeaturePic {
		float:left;
		width:99px;
		height:120px;
		background:url('/images/book_finnish.png') no-repeat top left;
		}
		
.midBlockFeaturePicEN {
		float:left;
		width:99px;
		height:120px;
		background:url('/images/book_english.png') no-repeat top left;
		}
		
.midBlockFeatureBlock {
		float:right;
		width:30em;
		height:100px;
		background-color:#993400;
		margin:10px 0px 0px 0px;
		}
		
.midBlockFeatureText {
		font:0.8em Verdana, Arial, Helvetica, sans-serif;
		line-height:1.3em;
		color:#FFFFFF;
		padding:0.8em 0 0 1em;
		}
		
.midBlockFeatureLink {
		float:right;
		font:0.8em Verdana, Arial, Helvetica, sans-serif;
		padding:0 0.8em 0 0;
		}
		
/* About Us Block */

.picAbout {
		float:left;
		padding:0 1.5em 0 0;
		}

.extendAbout {
		clear:both;
		height:9em;
		}
		
/* Learn Block */				
		
.extendLearn {
		clear:both;
		height:3em;
		}		
		
/* Publications Block */

.bookHolder {
		clear:both;
		padding:2.5em 0 0 0;
		}				
		
.bookPic {
		float:left;
		width:100px;
		padding:0.3em 0 0 0;
		}
		
.bookText {
		float:left;
		width:25em;
		}
		
.bookText p {
		font:0.8em Verdana, Arial, Helvetica, sans-serif;
		line-height:1.4em;
		}						
		
/* News Block */

.divider {
		float:left;
		width:93%;
		height:1px;
		border-top:solid 2px #142B6A;
		margin:0.5em 0em 2em 2em;
		}

.newsBlock {
		background-color:#FFFFFF;
		border-left:solid 1px #000;
		border-right:solid 1px #000;
		margin:0;
		}			

.newsBlockText {
		float:left;
		width:19.5em;
		padding:0.5em 2.5em 2.0em 2.5em;
		background-color:#FFFFFF;
		font:0.8em Verdana, Arial, Helvetica, sans-serif;
		line-height:1.4em;
		}
		
/* Footer Block */	
		
.footer {			
		background:url('/images/menu_bg.jpg') repeat-x center;
		height:30px;
		border-left:solid 1px #000;
		border-right:solid 1px #000;
		border-bottom:solid 1px #000;
		margin:0;
		}
		
.footerLeft {
		float:left;
		font:0.8em Verdana, Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		padding:0.6em 0 0 1em;
		}
		
.footerRight {
		float:right;
		font:0.8em Verdana, Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		padding:0.6em 1em 0 0;
		}
		
/* Text & Hyperlinks */	
		
h1 {
		font:1.3em Verdana, Arial, Helvetica, sans-serif;
		line-height:1.7em;
		color:#000000;
		}
		
h2 {
		font:1.1em Verdana, Arial, Helvetica, sans-serif;
		line-height:1.5em;
		color:#000000;
		}
		
h3 {
		font:bold 1.0em Verdana, Arial, Helvetica, sans-serif;
		line-height:1.5em;
		color:#B90000;
		}
		
.highlight {
		font:bold 1.0em Verdana, Arial, Helvetica, sans-serif;
		color:#142B6A;
		text-decoration:none;
		}
		
.ehighlight {
		color:#B90000;
		text-decoration:underline;
		}
		
.ehighlight:hover {
		color:#B90000;
		text-decoration:none;
		}
		
.mhighlight {
		color:#FFFFFF;
		text-decoration:underline;
		}
		
.mhighlight:hover {
		color:#FFFFFF;
		text-decoration:none;
		}

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	body {
		
	}

}

@media handheld, only screen and (max-width: 500px) {

body {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:100%;
		background-color:#666666;
		border:0;
		margin:0;
		padding:0;
		overflow:hidden;
		}
		
/* Header Block */	
		
.header {
		float:left;
		background:url('/images/header_bg.jpg') repeat-x;
		/*height:60px;*/
		border:0;
		margin:0;
		padding:0;
		overflow:hidden;
		}
		
.headerLogo {
		float:left;
		padding:1em 0 0 0;
		}
		
.headerLang {
		float:right;
		padding:0.6em 0 0 0;
		}
		
.headerLang ul {
		list-style:none;
		padding:0;
		margin:0;
		}		
		
.headerLang ul li {
		display:inline;
		}
		
/* Top Menu Block */	
		
.topMenu {
		float:left;
		background:url('/images/menu_bg.jpg') repeat-x;
		/*height:30px;*/
		border:0;
		margin:0;
		padding:0;
		overflow:hidden;
		}
		
.topMenuItem {
		float:right;		
		padding:0.3em 0 0 0;
		}
		
.topMenuItem ul {
		list-style:none;
		padding:0;
		margin:0;
		}		
		
.topMenuItem ul li {
		display:inline;
		color:#FFFFFF;
		}
		
.standard a {
		font:0.6em Verdana, Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		text-decoration:none;
		}

.standard a:hover {
		font:0.6em Verdana, Arial, Helvetica, sans-serif;
		color:#B90000;
		text-decoration:none;
		}

.selected a {
		font:0.6em Verdana, Arial, Helvetica, sans-serif;
		color:#B90000;
		text-decoration:none;
		}
	
.selected a:hover {
		font:0.6em Verdana, Arial, Helvetica, sans-serif;
		color:#B90000;
		text-decoration:none;
		}
		
/* Main Text Block */	
		
.midBlock {
		clear:both;
		width:100%;
		height:30em;
		background-image:none;
		background-color:#FFFFFF;
		border-left:solid 1px #000;
		border-right:solid 1px #000;
		margin:0;
		padding:0 0 1em 0;
		}			
		
.midBlockText {
		float:left;
		padding:1em 1em 1em 0;
		background-color:#FFFFFF;
		}
		
.midBlockText p {
		clear:both;
		font:0.9em Verdana, Arial, Helvetica, sans-serif;
		line-height:1.7em;
		color:#000000;
		padding:0.5em 0;
		}
		
.midBlockText ul {
		float:left;
		padding:1em 0 1em 2em;
		}
		
.midBlockText ul li {
		font:0.9em Verdana, Arial, Helvetica, sans-serif;
		line-height:1.3em;
		color:#000000;
		padding:0.5em 0;
		}
		
.midBlockFeature {
		float:left;
		padding:0.3em 0 1em 0.5em;
		}
		
.midBlockFeaturePic {
		float:left;
		width:99px;
		height:120px;
		background:url('/images/book_finnish.png') no-repeat top left;
		}
		
.midBlockFeaturePicEN {
		float:left;
		width:99px;
		height:120px;
		background:url('/images/book_english.png') no-repeat top left;
		}
		
.midBlockFeatureBlock {
		float:right;
		width:18em;
		height:100px;
		background-color:#993400;
		margin:10px 0px 0px 0px;
		}
		
.midBlockFeatureText {
		font:0.7em Verdana, Arial, Helvetica, sans-serif;
		line-height:1.3em;
		color:#FFFFFF;
		padding:0.3em 0 0 1em;
		}
		
.midBlockFeatureLink {
		float:right;
		font:0.8em Verdana, Arial, Helvetica, sans-serif;
		padding:0 0.8em 0 0;
		}
		
/* About Us Block */

.picAbout {
		float:left;
		padding:0 1.5em 0 0;
		}

.extendAbout {
		clear:both;
		height:0em;
		}
		
/* Learn Block */				
		
.extendLearn {
		clear:both;
		height:3em;
		}		
		
/* Publications Block */

.bookHolder {
		clear:both;
		padding:2.5em 0 0 0;
		}				
		
.bookPic {
		float:left;
		width:100px;
		padding:0.3em 0 0 0;
		}
		
.bookText {
		float:right;
		width:15em;
		}
		
.bookText p {
		font:0.8em Verdana, Arial, Helvetica, sans-serif;
		line-height:1.4em;
		}						
			
		
/* News Block */

.divider {
		float:left;
		width:94%;
		height:1px;
		border-top:solid 2px #142B6A;
		margin:0.5em 0em 2em 0.5em;
		}

.newsBlock {
		width:100%;
		height:18.5em;
		background-color:#FFFFFF;
		border-left:solid 1px #000;
		border-right:solid 1px #000;
		margin:0;
		}			

.newsBlockText {
		float:left;
		width:90%;
		padding:0.5em 2.5em 1.0em 2.5em;
		background-color:#FFFFFF;
		font:0.8em Verdana, Arial, Helvetica, sans-serif;
		line-height:1.4em;
		}
		
/* Footer Block */	
		
.footer {			
		background:url('/images/menu_bg.jpg') repeat-x center;
		height:30px;
		border-left:solid 1px #000;
		border-right:solid 1px #000;
		border-bottom:solid 1px #000;
		margin:0;
		}
		
.footerLeft {
		float:left;
		font:0.8em Verdana, Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		padding:0.6em 0 0 0;
		}
		
.footerRight {
		float:right;
		font:0.8em Verdana, Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		padding:0.6em 0 0 0;
		}
		
/* Text & Hyperlinks */	
		
h1 {
		font:1.3em Verdana, Arial, Helvetica, sans-serif;
		line-height:1.7em;
		color:#000000;
		}
		
h2 {
		font:1.1em Verdana, Arial, Helvetica, sans-serif;
		line-height:1.5em;
		color:#000000;
		}
		
h3 {
		font:bold 1.0em Verdana, Arial, Helvetica, sans-serif;
		line-height:1.5em;
		color:#B90000;
		}
		
.highlight {
		font:bold 1.0em Verdana, Arial, Helvetica, sans-serif;
		color:#142B6A;
		text-decoration:none;
		}
		
.ehighlight {
		color:#B90000;
		text-decoration:underline;
		}
		
.ehighlight:hover {
		color:#B90000;
		text-decoration:none;
		}
		
.mhighlight {
		color:#FFFFFF;
		text-decoration:underline;
		}
		
.mhighlight:hover {
		color:#FFFFFF;
		text-decoration:none;
		}

}

/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 


}