/**
* Template by emowes.com               *
* @version 1.0                         *
* @copyright (C) 2007 - Jani Peltonen  *
* @web http://www.emowes.com           *
**/


/*global resets - eliminates cross browser inconsistancies*/

* {  
margin: 0;
padding-bottom: 0;
padding-top: 0;
}
h1,h2,h3,h4,h5,h6,p,blockquote,label,ul,ol,dl,fieldset,address { margin: 0; } 
li,dd { margin-left:0;} 
fieldset { padding: 0; } 
img {border: 0;}
a img {border: 0;}
table {
font-size: 1em;
}

form {
margin: 0px;
padding: 0px;
}
/*end global resets*/

.clear { clear:both }
label { margin: 0 0 0 2px; }

/* #### SIVUN KESKITYS #### */
body {
text-align: center;
margin: 0;
background: #DEDEDE;
font-family:  Arial, Tahoma, Helvetica, sans-serif;
font-size: 12px;
}
body.contentpane {
text-align: left;
background-image: none;
padding: 5px;
}
.container {
position: relative;
padding: 0;
margin: 0 auto;
text-align:left;
width: 930px;
}

/* #### TOP-OSA #### */

.top_outer {
background: url(../images/bg_top2.jpg) no-repeat;
width: 930px;
height: 234px;
}

.info {
position: absolute;
left: 43px;
top: 197px;
}
.info2 {
position: absolute;
left: 755px;
top: 197px;
}
div.info td, div.info2 td {
font-size: 15px;
font-weight: bold;
color: #FFFFFF;
letter-spacing: 1px;
}


/* #### MIDDLE-OSA #### */

.middle {
background: url(../images/bg_middle.jpg) repeat-y;
width: 930px;
position: relative;
}

/* #### CONTENT-OSA #### */

.top_menu {
background: url(../images/bg_moduleheading.jpg) repeat-x;
height: 30px;
width: 690px; 
}

.content_outer {
width: 690px;
position: relative;
left: 20px;
float: left;
}

.content {
margin: 5px 0;
}

.bottom_menu {
background: url(../images/bg_bottom_menu2.jpg) repeat-x;
height: 30px;
width: 690px;
margin-top: 5px;
}

/* #### RIGHT-PAIKKA #### */
.right_outer {
width: 190px;

float: left;
position: relative;
left: 30px;
height: 100%;
}
.right_inner {
width: 180px;
position: relative;
left: 5px;
top: 0px;
height: 100%;
}

/* #### BOTTOM-OSA #### */
.bottom_outer {
background: url(../images/bg_bottom.jpg) no-repeat;
width: 930px;
height: 28px;
}

.bottom_inner {
}
.toteutus {
float: right;
position: relative;
left: -20px;
filter:alpha(opacity=85); /*IE 6*/
opacity:.85;              /*muut*/
font-size: 10px;
}

/* #### TOP-MENU #### */

ul#mainlevel-nav {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
}

ul#mainlevel-nav li {
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	font-size: 12px;
	line-height: 25px;
	white-space: nowrap;
/*	border-right: 1px solid #cccccc;*/
}

ul#mainlevel-nav li a {
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #ffffff;
	background: transparent;
}



ul#mainlevel-nav li a:hover {
width: auto;
	color: #fff;
	background: url(../images/bg_top_menu_hover.jpg) repeat-x;
}

/* #### BOTTOM MENU #### */
ul#mainlevel-nav_bottom {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
}

ul#mainlevel-nav_bottom li {
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	font-size: 12px;
	line-height: 25px;
	white-space: nowrap;
	border-right: 1px solid #cccccc;
position: relative;
top: 5px;
}

ul#mainlevel-nav_bottom li a {
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #ffffff; /*#E8B51B;*/
	background: transparent;
}

ul#mainlevel-nav_bottom li a:hover {
	color: #fff;
	background: url(../images/bg_bottom_menu_hover.jpg) repeat-x;
}

/* #### LINKIT #### */

a, a:visited {
color: #273244;
text-decoration:  none;
font-weight: bold;
}
a:hover {
color: #910E2E;
text-style: underline;
}
/* #### LISTAT #### */

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

li {
line-height:;
padding-left: 0px;
padding-top: 0px;
}

/* latest news lista */
ul.latestnews {
background: #E1E8FF;
padding: 3px;
}
li.latestnews {
background: url(../images/bullet_yellow.gif) 2px 4px no-repeat;
padding: 0 0 0 18px;
}
/* #### SEKALAISTA #### */

table.moduletable, {
background: #E1E8FF;
	width: 100%;
	margin-bottom: 15px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

div.moduletable {
	padding: 0;
	margin-bottom: 2px;
}

table.moduletable th, div.moduletable h3, div.module h3 {
background: url(../images/bg_moduleheading.jpg) repeat-x;
	color: #ffffff;
	text-align: center;
	padding-left: 0px;
	height: 30px;
	line-height: 25px;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	margin: 0 0 0px 0;
}

table.moduletable td, div.module td {
	font-size: 11px;
	padding: 3px;
	margin: 0px;
	font-weight: normal;
}
div.module td {
background: #E1E8FF;
}
div.right_inner div.module {
padding-bottom: 10px;
}
.componentheading {
font-weight: bold;
font-size: 14px;
height: 23px;
line-height: 20px;
border-bottom: 1px solid #002E61;
color: #002E61;
margin: 3px 0 3px 0;
}

.contentheading {
	height: 30px;
	color: #434343;
	font-weight: bold;
	font-size: 16px;
	white-space: nowrap;
}

.sectiontableheader {
  font-weight: bold;
  background: #f0f0f0;
  padding: 4px;
}

.sectiontablefooter {

}

.sectiontableentry1 {
	background-color : #ffffff;
}

.sectiontableentry2 {
	background-color : #f9f9f9;
}

table.contentpane {
  width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}

table.contentpane td {
	margin: 0px;
	padding: 0px;
}

/* Peruspolls */

table.pollstableborder {
border: solid 0px;
}
.contentpane table.pollstableborder {
border: solid #35455F 1px;
}
.contentpane table.pollstableborder td {
padding: 2px;
}

.pollstableborder .sectiontableentry1, .pollstableborder .sectiontableentry2 {
font-size: 14px;
}


/* Navigointinappulat */

.pagenav_prev, .pagenav_next {
}

.inputbox {
	padding: 2px;
	border:solid 1px #cccccc;
	background-color: #ffffff;
}

.button {
margin: 3px 2px 2px 0;
}

.font8px {
font-size:8px;
}
.font8px_bold {
font-size:8px;
font-weight: bold;
}
.font10px {
font-size:10px;
}
.font10px_bold {
font-size:10px;
font-weight: bold;
}
.font12px {
font-size:12px;
}
.font12px_bold {
font-size:12px;
font-weight: bold;
}
.font14px {
font-size:14px;
}
.font14px_bold {
font-size:14px;
font-weight: bold;
}
.font16px {
font-size:16px;
}
.font16px_bold {
font-size:16px;
font-weight: bold;
}