/* Elements */
* 
{
	margin:0;
	padding:0;
}
body {
	margin: 0;
	padding: 0;
	background:#333333;
	font-family: Trebuchet MS, Verdana,Tahoma, Serif;	
	line-height: 1.5em;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	font-size: 0.9em;
	color: #333333;
}

a:link, a:visited {
	color: #13376b; /*sininen*/
	text-decoration:none;
	/*border-bottom:#ccc 1px dotted;*/
}

a:hover,a:active {
	color:#93a3bb; /*vaalea sininen*/
	text-decoration:none;
	border-bottom:#93a3bb 1px dotted;
}

a img {
	border:0;
	padding:5px;
	border-bottom: none;
}



/* Header */
#header {
	background:url(grafiikka/panneri.jpg) no-repeat center;
	height:251px;
	width: 896px;
	border-top: #fdf6ea 1px solid; /*vaalea keltainen*/
	border-left: #fdf6ea 1px solid;
	border-right: #fdf6ea 1px solid;
	margin-top: 10px;
	margin-left: auto;
	margin-bottom: 0;
	margin-right:auto;
}


/* Menu */

#menu {
	text-align:right;
	padding: 227px 0px 0 0;
	height:27px;
	width:911px;
	margin-bottom:0px;
	font-weight:bold;
	color:#000000;
}

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

#menu li {
	display: inline;
}

#menu a {
	padding:2px 13px 3px 13px;
	text-decoration: none;
	font-size: 0.8em;
	border:0;
	color:#000000;
}
#menu a:hover, 
#menu a:active,
#menu li.current_page_item a:link,
#menu li.current_page_item a:visited,
#menu li.current_page_item a:hover,
#menu li.current_page_item a:active
{
	color:#333333;
	border: 0;
}


/* Main */

#main {
	display: block;
	width: 896px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto; 
	margin-right: auto; 
	background: #ffffff url(grafiikka/tausta.jpg) repeat-y; 
	border-left: #fdf6ea 1px solid;
	border-right: #fdf6ea 1px solid;
}


/* Content */

#content {
	float: right;
	width: 580px;
	padding: 10px;
	margin: 10px;	
}

#content h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 10px 0;
	font-family:Palatino Linotype, Georgia, Tahoma, Serif;
	font-weight:bold;
	color: #333; 
}

#content h1 {
	font-size: 1.6em;		
	line-height:1.2em;
	text-transform:uppercase;
}
#content h2 {
	font-size: 1.2em;		
	line-height:1.2em;
}
#content h3 {
	font-size: 1em;		
	line-height:1.2em;
}
#content h4 {
	font-size: 1em;	
}

#content p, blockquote, ul, ol {
	margin-top: 0.5em;
	padding-top: 0;
	margin-bottom:0.5em;
}
#content p {
	line-height:1.2em;
}


#content blockquote  {
	margin:1em;
	padding:0 2em;
}


#content img {
	margin:10px;
}

#content ul {
	margin: 0.5em 0;
	padding: 0 0 0 2em;
	list-style-type:none;
}
#content ul li {
	padding:5px 0;
	list-style-image:url(grafiikka/pallura1.png);
	list-style-position:outside;
	line-height:1.2em;
}
#content ol {
	margin:0;
	padding:0 0 0 3em;	
}
#content ol li {
    margin:0;
    padding:3px;
    line-height:1.2em;
}


/* Sidebar */

#sidebar {
	float: left;
	width: 230px;		
	padding: 10px;	
	font-size:0.9em;
	margin: 5px;	
	border-right:#e5e5e4 1px solid;
}
#sidebar ul {
	margin:10px 0 20px 20px;
	padding:0;
	list-style:none;
	background:none;
}

#sidebar ul ul
{
	margin:0px 0 0 30px;
	padding:0;
}
#sidebar li /*ensimmäisen tason listat*/
{
	list-style-image:url(grafiikka/pallura1.jpg);
	margin:5px 0;
	padding:0;
	color: #333333;
}
#sidebar li a /*ensimmäisen tason listat*/
{
	color: #333333;	
}
#sidebar ul ul li /*toisen tason listat*/
{
	list-style-image:url(grafiikka/pallura2.jpg);
	margin:5px 0;
	padding:0;
	color: #333333;

}
#sidebar ul ul li a /*toisen tason listat*/
{
	color: #333333;
}

#sidebar ul ul ul
{
	margin:0px 0 0 40px;
	padding:0;
}

#sidebar ul ul ul li /*toisen tason listat*/
{
	list-style-image:url(grafiikka/pallura3.jpg);
	margin:5px 0;
	padding:0;
	color: #333333;

}
#sidebar ul ul ul li a /*toisen tason listat*/
{
	color: #333333;
}

#kirjautuminen {
	border-top:#e5e5e4 1px solid;
	padding-top: 10px;
}

/* Footer */

#footer 
{
	background:url(grafiikka/alapanneri.jpg) no-repeat center;
	height:24px;
	width:806px;
	border-left: #fdf6ea 1px solid;
	border-right: #fdf6ea 1px solid;
	border-bottom: #fdf6ea 1px solid;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: auto;
	padding-left: 90px; 
	margin-right: auto; 
}

#footer p {
	margin: 0;
	padding: 0px 25px;
	font-size: 0.8em;
	color: #ffffff;	
}
#footer p span {
	float:right;
}
#footer a:link, #footer a:visited {
	color: #93a3bb;
	border:0;
}
#footer a:hover, #footer a:active,#footer p strong {
	color: #13376b;
	text-decoration:none;
	border:0;
}