/* Common */

body {

	font-family: "Trebuchet MS", "Lucida Grande", "Verdana", "Arial", "Helvetica", sans-serif;
	margin: 0;
	padding: 0;
	
	font-size: 12px;
	color: #ffffff;
	
	background-color: #000000;
}


p {

	margin: 0;
	padding: 0;
}

.contentWrapper {

	width: 940px;
	
	margin-top: 20px;
	
	margin-left: auto;
	margin-right: auto;	
}

a {

	text-decoration: none;
	color: #02B5FC;
}

a:hover {

	color: #02B5FC;
	text-decoration: underline;
}

h1, h2, h3, h4, h5 {

	margin-top: 0;
	margin-bottom: 5px;
}

h1 {

	font-size: 22px;
	font-weight: normal;
}

h2 {

	font-size: 20px;
	font-weight: normal;
}

h3 {

	font-size: 18px;
	font-weight: normal;
}

h4 {

	font-size: 16px;
	font-weight: normal;
}

h5 {

	font-size: 14px;
	font-weight: normal;
}



/* header */

.header {

	width: 940px;
	
}




/* logo */

.logo {

	width: 940px;
	height: 110px;
	
	/* logokuva on 85px korkea */
}


/* navigation */

div.navigation {


	background-image: url('../images/navigation.png');

	background-repeat: no-repeat;
	
	height: 48px;
	

	
	bottom: 0;
}

/* search */

div.search {

	padding: 0;
	margin: 0;

	width: 219px;
	height: 24px;

	float: right;
	position: relative;
	
	top: 12px;
}

.form {

	margin: 0;
	padding: 0;
	border: 0;
}



input.searchButton {

	background-image: url('../images/searchButton.png');
	background-repeat: no-repeat;
	
	height: 24px;
	width: 47px;
	
	padding: 0;
	border: 0;
	
	margin-left: 1px;
	
	color: #ffffff;
	text-transform: uppercase;

	outline: none;

	font-size: 11px;

	float: left;
	
	margin-left: 5px;
}

input.searchInput {

	background: transparent url('../images/searchInput.png') no-repeat scroll right top;

	height: 24px;
	width: 160px;

	border: 0;
	margin-right: 0;
	
	font-size: 13px;
	color: #000000;
	
	padding: 4px 0 0 0;
	
	outline: none;
	
	float: left;
}

/* bodyArea */

.bodyArea {

	margin-top: 20px;
	width: 940px;
}

/* leftMenu*/

.leftBar {

	float: left;
	width: 222px;
	
	margin-right: 9px;
	
}


/* content */

.frontContent {

	color: #ffffff;
	float: left;
	width: 700px;
}

.content {

	float: left;
	width: 478px;

	color: #ffffff;	
}


/* rightBar */

.rightBar {

	float: right;
	width: 222px;	

	
	background-image: url('../images/rightBarBG.png');
	background-repeat: repeat-y;
	

	
}

.rightBarTop {

	background-image: url('../images/rightBarTop.png');
	background-repeat: no-repeat;
	
	height: 43px;
	width: 222px;
}

.rightBarBottom {

	background-image: url('../images/rightBarBottom.png');
	background-repeat: no-repeat;
	
	height: 67px;
	width: 222px;
}

.rightBar h2 {

	color: #02b5fc;
	font-size: 17px;
	font-weight: normal;
	margin: 0;
	padding: 8px 0 0 8px;
}

.rightBar p {

	padding: 8px 0 0 8px;
	font-size: 12px;
	
	text-decoration: none;
	
	color: #ffffff;
}

.rightBar p a {

	color: #02b5fc;
}

.rightBar p a:hover {
	
	
	text-decoration: underline;
}

/* footer */

.footer {

	clear: both;
	width: 940px;
	
	padding-top: 20px;

	margin-bottom: 20px;
}

.copyright {

	float: left;
	color: #a1a1a1;
}

.footerLinks {

	float: right;
	color: #a1a1a1;
}


.footerLinks a {

	color: #a1a1a1;
}

.footerLinks a:hover {

	color: #02b5fc;
}