/*
www-suunnittelu: Juha Jukarainen
juha.jukarainen(a)gmail.com
*/

*
{
margin: 0px;
padding: 0px;
}

a:link {
	color: #73A462;
}

a:hover {
	text-decoration: none;
	color: #FF0000;
}

a:visited {
	color: #73A462;
}

body {
	
	background: #f0edde url(images/background3.jpg) no-repeat  center top;

	
	font: 13px Arial, Helvetica, sans-serif;
	color: #fff;
}

#content
{
	margin: 0 auto;
	float: none;
	background: #ffffff;
	width: 856px;
	min-height: 730px;
	
}
#back_allX
{
background: #ffffff url(images/white.gif);
}

#main
{
background: #ffffff url(images/white.gif);
}

#header {
	background: #ffffff;
	height: 224px;
	text-align: right;		
}

#menu
{
float: right;
padding-right: 10px;
border-left: 0px solid #FFFFFF;
width: 846px;
height: 47px;
background:#f03114 url(images/menutausta.jpg) repeat-x;
}

#paasivulle
{
float: left;
padding-right: 10px;

width: 110px;
height: 47px;

}
#menu ul {
	list-style: none;
	
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: right;
	
	

	text-align: center;
	text-decoration: none;
	color: #ffe866;
	font-weight: bold;
	font-size: 12px;
	padding-top: 14px;
	padding-left:10px;
	padding-right:10px;

}

#menu a:hover {
	
    height: 46px;
	color: #ed410f;
	text-decoration: none;
	background: #ffe976 ;
	padding-top: 14px;
	padding-left:10px;
	padding-right:10px;
}


#logo {
background: #ffffff url(images/paaheader.jpg) no-repeat;
width: 856px;
height: 168px;
float: left;
text-align: right;
padding-top: 0px;
padding-right: 0px;
}


#logo a {
	text-decoration: none;
	text-transform: lowercase;
	font-style: italic;
	font-size: 18px;
	color: #FFFFFF;
}
#logo H2 a
{
font-size: 12px;
}

p {
color: #333333;
font-size: 11px;

}


img { border:  none;

}

.kuvavasemmalla {
	float: left;
	margin: 0px 15px 0px 0px;
	border:  thin;
border-color:#CC0000;
}

.kuvaoikealla {
	float: right;
	margin: 3px 0px 0px 15px;
	border:  thin;
border-color:#CC0000;
}


/* Tyylit */


h1 {
color: #000000;
font-weight: normal;
font-size: 20px;
margin-bottom:5px;
}


h2 {
color: #333333;
font-weight: normal;
font-size: 19px;
margin-bottom:5px;
}


.tyyli1 {color: #d43e02;
font-weight:bold;
font-size: 11px;
margin-bottom:3px;
margin-top:2px;
}


.tapahtumaotsikko {color: #d43e02;
font-weight:bold;
font-size: 13px;}


.uutisotsikko {color: #d43e02;
font-weight:bold;
font-size: 14px;
padding-bottom:0px;
}

.pieniteksti {color: #333333;
font-size: 11px;
}



/* Content */

.content {
width: 900px;
margin: 0 auto;
background-color: #FFF4D5;
}


.ingressi {
padding-left:11px;
padding-right:9px;
margin-bottom:20px;
}


#jaostot {

width: 308px;
height: 140px;
background-image:url(images/jtausta.jpg);
margin-bottom:10px;

}

#valiviiva {

width: auto;
height: 4px;
background: url(images/paapisteviiva.gif) repeat-x;
margin-bottom:0px;

}

.jaosto {
float: right;
width: 308px;
height: 25px;
margin-bottom:2px;


}
.column-left {
float: left;
width: 522px;
padding-left:5px;
}

.column-left-in {
margin: 1em 1em 0em 1.8em;
}


.column-left-johtokunta {
float: left;
width: 750px;
padding-left:5px;
}

.column-left-in-johtokunta {
margin: 1em 1em 0em 1.8em;
}

#board-top-left-johtokunta {
width: 750px;
height: 6px;
background: #e4dcc6  url(images/vasentop.gif) no-repeat 0 0;
}
#vasentop-johtokunta {
width: 750px;
height: 36px;
background: #ffee97;
padding-left:5px;
}

#board-left-johtokunta {
background: #fffcec url(images/vasentausta.gif) repeat-x;
width: 750px;
}

.board-in-left-johtokunta {
margin: 0 1.8em;
padding: 0.7em 0;
width: 250px;
float: left;
}

.board-in-left-johtokunta2 {
margin: 0 1.8em;
margin-top:72px;
padding: 0.7em 0;
width: 250px;
float: left;
}

#board-bottom-left-johtokunta {
width: 750px;
height: 21px;
background: #eeeeee   url(images/oikeapisteviiva.gif) no-repeat  center;
}


.column-left h3 {
margin: 17px 0 12px 0;
}

.column-right {
float: right;
width: 36%;
padding-right:0px;
}

.column-right-in {
margin-right:50px;
padding-top: 0em;

}

#board-top {
width: 288px;
height: 6px;
background: #e4dcc6  url(images/oikeatop.gif) no-repeat 0 0;
}
#oikeatop {
width: 283px;
height: 36px;
background: #e4dcc6;
padding-left:5px;
}

#board {
background: #f6f3eb   url(images/oikeatausta.gif) repeat-x;
width: 288px;
}

.board-in {
margin: 0 1.8em;
padding: 0.7em 0;

}

#board-bottom {
width: 288px;
height: 21px;
background: #f6f3eb  url(images/oikeapisteviiva2.gif) no-repeat  center;
}


#board-top-left {
width: 486px;
height: 6px;
background: #e4dcc6  url(images/vasentop.gif) no-repeat 0 0;
}
#vasentop {
width: 481px;
height: 36px;
background: #ffee97;
padding-left:5px;
padding-bottom:7px;
}

#board-left {
background: #fffcec url(images/vasentausta.gif) repeat-x;
width: 486px;
}

.board-in-left {
margin: 0 1.8em;
padding: 0.7em 0;

}

#board-bottom-left {
width: 486px;
height: 21px;
background: #eeeeee   url(images/oikeapisteviiva.gif) no-repeat  center;
}


#board h3 {
font-size: 1.35em;
color: #FFF9E7;
}

#board dl {
color: #FFF9E7;
margin-top: 13px;
}

#board dt {
font-size: 0.95em;
font-weight: bold;
margin-bottom: 2px;
}

#board dd {
margin-bottom: 17px;
}

#board dd a, #board dd a:visited  {
color: #FFF9E7;
font-weight: normal;
text-decoration: none;
line-height: 1.3;
margin-bottom: 17px;
}

#board dd a:hover {
text-decoration: underline;
}





#left
{
	padding-left: 10px;
	width: 489px;
	padding-right: 1em;
}

#left H3
{
width: 225px;
height: 25px;
font-size: 14px;
font-weight: bold;
padding-left: 15px;
padding-top: 15px;
text-transform: uppercase;
color: #ffffff;
background: url(images/title.gif) no-repeat
}

#left ul {
	list-style: none;
	border-bottom: 1px solid #629351;
	border-left: 1px solid #629351;
	border-right: 1px solid #629351;
}

#left li ul {
	border: 0px;
	margin-left: 20px;
	margin-bottom: 10px;
}

#left li li {
	padding: 4px 20px;
    background: url(images/small.gif) no-repeat left;
}

#left a {
	color: #73A462;
}
#left a:visited {
	color: #73A462;
}

#left p
{
padding: 10px;
border-bottom: 1px solid #629351;
border-left: 1px solid #629351;
border-right: 1px solid #629351;
}

#right
{
float: right;
width: 288px;
padding-right: 10px;
}

#right H4
{
	margin: 0;
	padding: 0px;
	font-size: 12px;
	color: #73A462;
}

#right a
{
color: #73A462;
text-decoration: none;
}

#right p {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
}

#right h2 {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	color: #73A462;
}
.date {
	text-align: right;
	color: #808080;
	font-size: 11px;
	background-color: #fff;
}

.date a {
	color: #73A462;
	background-color: #fff;
}


.login
{
float: left;

padding-right: 0px;
padding-left:23px;
margin-top:10px;

width: 265px;
background-color: #f6f3eb;



}
.login a {
	color: #FF6600;

}



#footer {
	margin: 0 auto;
	float: none;
	width: 856px;
	height:52px;
	padding-top: 10px;
	padding-bottom:10px;
	background: url(images/footertausta.jpg) repeat-x;
}

#footer p {
	margin: 0;
	font-size: 12px;
	text-align: center;
	color: #fff;
}

#footer a {
	color: #666666;
}