html { 
 margin:0; 
 padding:0; 
 text-align:center; 
	background: url(images/bg.jpg);
} 

body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
	background: url(images/bg_kuva.jpg) top center no-repeat;
}

#pagewidth{ 
	width:912px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;  
	background: #ffffff;
} 
 
#header{
	position:relative; 
	height:119px; 
	background: #FFFFFF url(images/header_bg.png) repeat-x ; 
	width:100%;
} 
 
#flash {
	height: 297px;
	width: 725px;
	float: left;
}

#logo {
	float: left;
	margin: 42px 0 0 28px;
	border: 0;
}

#logo img {
	border: 0;
}

a img {
	border: 0;
}

a.button {
	background-color:#00B0F1;
	color: white;
	border: 1px solid black;
	padding: 3px;
	margin-top: 3px;
}

#kirjautuminen {
	float: left;	
	background: #ffffff url(images/kirjaudubg.jpg) no-repeat;
	width: 137px;
	height: 96px;
	display: block;
	padding-top: 200px;	
	padding-left: 25px;	
	padding-right: 25px;
}

#kirjautuminen.kirjauduttu {
	background: #ffffff url(images/kirjauduttubg.png) no-repeat;
}

#kirjautuminen form {
	width: 100%;
}

#kirjautuminen div.input {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#kirjautuminen input[type=text], #kirjautuminen input[type=password] {
	width: 100px;
	height: 13px;
	border: 1px solid black;
	padding: 2px;
	margin-top: 3px;
	color: black;
	font-size: 10px;
	
}

#kirjautuminen input[type=password] {
	float:left;
	clear:none;
}

#kirjautuminen div.password {
	float:left;
	clear:none;
	width:107px;
}

#kirjautuminen input[type=image]{
	float:left;
	clear:none;
	width: 23px;
	height: 23px;
		margin-top: 10px;
}

#kirjautuminen #pw {
	margin: 0px;
	padding: 0px;
	float:left;
}
	

#kirjautuminen label {
	/*display: none;*/
	color: white;
	font-size: 12px;
}

#kirjautuminen a {
	color: #fff;
	font: bold italic 11px Verdana, Arial, Helvetica, Tahoma;
	text-decoration: none;
}

#kirjautuminen #logoutlink {
	position:relative;
	top: 40px;
	font: bold;
}

.send input.cleardefault {
	float: left;
	margin-top: 10px;
	margin-left: 0px;
}

.send input {
	float: left;
	margin-top: 7px;
	margin-left: 2px;
	margin-bottom: 6px;
}	

.cleardefault {
	font-size: 10px;
	color: #aaa;
}

 
#twocols {
	width:100%; 
	float:right; 
	position:relative; 
	padding-left: 2%;
 }
 
#rightcol {
	width:65%; 
	float:left; 
	position:relative; 
	padding-left: 3%;
 }
 
#maincol {
	background-color: #FFFFFF;  
	float: left; 
	position: relative; 
	width:20%; 
	padding: 0;
	margin: 0; 
}

#esittely {
	background-color: #FFFFFF;  
	float: left; 
	display:inline; 
	position: relative; 
	width:392px; 
}

#liittyminen {
	width:270px; 
	float:left; 
	position:relative; 
	margin-left: 20px;
}

#keskustelut {
	width:170px; 
	float:left; 
	position:relative; 
	margin-left: 20px;
}

 
.sisennys {
	padding-left: 13px;
	padding-right: 13px;
}

#footer{
	height:87px; 
	width: 100%;
	background: #ffffff url(images/footer_bg.png) repeat-x; 
	clear:both;
} 

#wrapper {
	clear: both;
	background: #fff;
	padding: 20px;
	font: 12px Verdana, Arial, Helvetica, Tahoma;
}

#uutiset {
	display:inline;
	width: 100%;
	background: #ffffff; 
	padding-top: 20px;
	padding-bottom: 20px;
}


.pvm {
	margin: 0 0 -10px 0;
	padding: 0 0 0 15px;	
	font: bold 11px Verdana, Arial, Helvetica, Tahoma;
	color: #cc0066;
}


.vots {
	background: url(images/votsbg.png);
	width: 100%;
	padding: 0;
	margin: 0;
	height: 33px;
	font: bold 15px Arial, Helvetica, Tahoma, Verdana;
	color: #ffffff;
}

.vots p{
	padding: 10px 0 0 10px;
	margin:0;
}

.votsviiva {
	background: url(images/votsbot_bg.png) repeat-x;
	height: 2px;
	padding:0;
	margin:0;
	width: 100%;
}

.sots {
	background: url(images/sotsbg.png);
	width: 100%;
	padding: 0;
	margin: 0;
	height: 33px;
	font: bold 15px Arial, Helvetica, Tahoma, Verdana;
	color: #ffffff;
}

.sots p {
	padding: 10px 0 0 10px;
	margin:0;
}

.sotsviiva {
	background: url(images/sotsbot_bg.png) repeat-x;
	height: 2px;
	padding:0;
	margin:0;
	width: 100%;
}

.uutisetsots {
	background: url(images/sotsbg.png);
	width: 80%;
	padding: 0px 0 0 0px;	
	margin: 0;
	height: 33px;
	font: bold 15px Arial, Helvetica, Tahoma, Verdana;
	color: #ffffff;
	display: block;
	float: left;
	clear: both;
}

.otsake {
	padding: 10px 0 0 10px;
}

.uutisetsotsviiva {
	background: url(images/sotsbot_bg.png) repeat-x;
	height: 2px;
	padding:0;
	margin:0 0 13px 0;
	width: 80%;
	float: left;
	clear: both;
	display: block;
}

.uutislista {
	width: 80%;
	display: block;
	clear: both;
}	

.uutislista p {
	padding-top: 9px;
	padding-left: 15px;
	padding-bottom: 0px;
	margin: 0px 0 13px 0;
}

.uutislinkki {
	font: bold italic 12px Verdana, Arial, Helvetica, Tahoma;
	color: #0099cc;
	text-decoration: none;
}

h1 {
	font: 18px Verdana, Arial, Helvetica, Tahoma;
	color: #6699cc;
	padding: 5px 0px 0px 0px;
	margin: 15px 0 0 0;
}

h2 {
	font: bold 15px Verdana, Arial, Helvetica, Tahoma;
	color: #6699cc;
	padding: 5px 0px 0px 0px;
	margin: 15px 0 0 0;
}

h3 {
	font: bold 13px Verdana, Arial, Helvetica, Tahoma;
	color: #6699cc;
	padding: 5px 0px 0px 0px;
	margin: 15px 0 0 0;
}


.uutisnavi {
	text-decoration: none;
	color: #0099CC;
	font-weight: bold;
}

.uutisnavi a {
	text-decoration: none;
	color: #0099CC;
	font-weight: bold;
}

/* menun asetuksia /*


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu {
	font: 13px Verdana, Arial, Helvetica;
	text-transform: uppercase;	
	height:32px; 
	position:relative; 
	z-index:100;
	float: right;
	width: auto;
	margin-right: 15px;
	margin-top: 81px;
}

/* hack to correct IE5.5 faulty box model */
 * html #menu {
	padding: 0;
	margin: 81px 8px 0 10px;
} 

/* remove all the bullets, borders and padding from the default list styling */
#menu ul {padding:0;margin:0;list-style-type:none;}
#menu ul ul {width:149px;} 

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu li {
	float:left;
	position:relative;
}

/* style the links for the top level */
#menu a, #menu a:visited {
	display:block;
	font-size:11px;
	text-decoration:none; color:#fff; 
	height:30px; 
	background:#000; 
	padding:0px 10px 0 10px; 
	margin-left: 10px;
	line-height:29px;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html #menu a, * html #menu a:visited {
	width: 85px;
	display: inline;
	padding: 10px;
} 

/* style the second level background */
#menu ul ul a.drop, #menu ul ul a.drop:visited {background:#d4d8bd url(images/drop.gif) bottom right no-repeat;}

/* style the second level hover */
#menu ul ul a.drop:hover { 
	background:#000 bottom right no-repeat;
}

#menu ul ul :hover > a.drop {
	background:#000 bottom right no-repeat;
}

/* style the third level background */
#menu ul ul ul a, #menu ul ul ul a:visited {background:#e2dfa8;}

/* style the third level hover */
#menu ul ul ul a:hover {
	background:#000;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:30px;
	left:0; 
	width:149px;
/*	border-top:1px solid #000; */
}

/* another hack for IE5.5 */
* html #menu ul ul {
	top:30px;
	t\op:31px;
}

/* position the third level flyout menu */
#menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
#menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
#menu ul ul a, #menu ul ul a:visited {
	background: #000000; 
	color:#fff; 
	height:auto; 
	line-height:1em; 
	padding:5px 10px; 
	width:128px;
/* border-width:0 1px 1px 1px; */
}

/* yet another hack for IE5.5 */
* html #menu ul ul a, * html #menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
#menu a:hover, #menu ul ul a:hover {
	color:#fff; 
	background:#cc0066;
}

#menu :hover > a, #menu ul ul :hover > a {
	color:#fff;
	background:#cc0066;
}

/* make the second level visible when hover on first level list OR link 
#menu ul li:hover ul,
#menu ul a:hover ul{visibility:visible; } */
/* keep the third level hidden when you hover on first level list OR link 
#menu ul li:hover ul ul{visibility:hidden;} */
/* make the third level visible when you hover over second level list OR link 
#menu ul li:hover ul :hover ul{ visibility:visible;} */


/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


#menu ul ul .current_page_item a {
  color: #fff;
  background: #cc0066;
}

#menu .current_page_item a {
  color: #fff;
  background: #cc0066;
}

#menu ul .current_page_item ul a {
  color: white;
  font-weight: normal;
  background: black;
}

#menu ul .current_page_item ul a:hover {
  background: gray;
}

#menu .current_page_item a:hover {
  background: #cc0066;
}

/* Alavalikko*/

#alavalikko {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	width: 180px;
	float: left;
	border: 1px solid #fff;
}

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


#alavalikko li {
	border: 1px solid #fff;
	display: block;
	list-style: none;
	text-decoration: none;
	color: #000;
	padding: 0;
	margin: 0;
}

#alavalikko li a {
	padding: 7px;
	margin-top: 2px;
	text-decoration: none;
	display: block;
	background: #00B0F1;
}

#alavalikko ul li.current_page_item a{
	margin-left: 10px;
	color: #000 !important;
}

#alavalikko li a:link {
	color: #fff;
}
 
#alavalikko li a:visited {
	background: #00B0F1;
	color: #fff;
}

#alavalikko li a:hover {
	background: #CCE7F7;
	color: #000;
}

#alavalikko li a:active {
	background: #00B0F1;
	color: #000;
}

#alavalikko ul li ul
{
	margin-left: 10px;
}






div.discussionTopic {
	margin-bottom: 10px;
}
div.discussionTopic a {
	color:#0099CC;
	text-decoration:none;
	font-weight: bold;
	font-style: italic;
}
div.discussionTopic div.pvm {
	padding:0px;
}