/* Start of CMSMS style sheet 'styles.css' */
html,  body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background:#262626;
	font-family:"trebuchet MS", sans-serif;
	font-size:small;
}

	
h1#logo a {
	font-size:2em;
	display:block;
	background: url(kuvat/logo/logo.php) top left no-repeat;
	width:260px;
	height:42px;
	text-indent:-1000em;
	text-decoration:none
}

h1 {
	font:1.5em georgia,serif; 
	margin:0.5em 0;
}

h2 {
	font-family: "trebuchet MS", sans-serif;
	font-size: 12px;
	margin:0;
}

p { 
	line-height:1.5; 
	margin:0 0 1em;
}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:85%;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	background: url(uploads/images/nav_bg.gif) top left repeat-y;
}

 #vasennro img {
 float:left;
 margin-right:5px;
	 }
 #oikeanro img {
 float:left;
 margin-right:5px;
	 }

 #vasennro {
/* font-family: , sans-serif;*/
 font-size:9pt;
 line-height: 1.7em;
 padding:0 0 10px 0px;
 margin:20px 0 10px 62px;
 width:290px;
 float:left;

	 }

  #oikeanro {
 /*font-family: Arial;*/
 font-size:9pt;
 line-height: 1.7em;
 padding:0 0 10px 0;
 margin:20px 0 10px 0;
 width:290px;
 float:right;
	 }


div#leftbar {
	background: url(uploads/images/nav_bg.gif) top left repeat-y;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	padding: 20px 0 5em 0;
	float: left;
	width: 385px;
/*margin-bottom: 5em;*/
}

div#leftcontent {
	margin:0 auto; /* center, not in IE5 */
	width: 260px;
margin-bottom: 5em;
}

div#content {
	margin-left: 385px;
	width: 51em;
	padding:35px 0em 62px 0em; /* bottom padding for footer */
	color: #a6a6a6;
}

div#content h2, div#content h3 {
	text-align:left;
	padding:0 0 0 62px;
}
/*
div#content span {
	display: inline;
}
*/

div#content p {
	text-align:left;
	padding:0 0 0 62px;
}

div#content p a, div#content p a:visited {
	color: #fff;
}

div#footer_right {
	font-size: 11px;
	height:5em;
	width:51em;
	margin-left: 385px;
/*	position:absolute;
	bottom:0; 
*/
/* stick to bottom */
}

div#footer {
float:left;
	font-size: 11px;
	height:5em;
	width:100%;
margin-top:-5em;
	background: url(uploads/images/nav_bg.gif) top left repeat-y;
/*
	position:absolute;
	bottom:0;
*/

 /* stick to bottom */
}

div#footer div#floatleft p#leftfooter {
float: left;
width:260px;
margin-left: 62px;
color: #4c4c4c;
}


div#footer img {
float: left;
margin-left: 125px;
}


/*div#footer_right img {
float: left;
margin-left: 63px;
}*/

div#footer div#floatright {
	width:300px;
	padding: 0;
margin-left: 700px;
	color: #464646;
}

/*div#footer_right div#floatright {
	width:300px;
	padding: 0;
margin-left: 315px;
	color: #464646;
}
*/


/* MAIN MENU */
	
ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-weight:bold;
	color: #4c4c4c;
	}

ul li {
/*
	font-family: "trebuchet MS", sans-serif;
*/
	font-size: 14px;
	line-height:1.3; 
	margin: 30px 0 0 0;
}

ul li a {
	color: #4c4c4c;
	text-decoration: none;
	}

ul li a:hover {
	color: #000;
	text-decoration: underline;
	}
		

	
ul ul {
/*
	border-top: 1px solid #d2d2d2;
*/
	list-style: none;
	margin: 0;
	font-weight:normal;	
}

ul ul li {
	border: none;
	font-size: 13px;
	line-height:1.7; 
	margin: 0;
}

ul ul ul {
/*
	list-style: square;
*/
	width: 280px;
	margin: 0;
	padding-left: 0px;
}

ul ul ul li {
	float: left;
    width: 130px;
	font-size: 12px;
	border: none;
	line-height:1.5; 	
	margin: 0;
padding-left: 10px;
background: url(uploads/images/square.gif) no-repeat 0 60%;

}

ul ul br {
border:0;
	clear: left;
}


/* REFERENS CONTENT */

div#content img {
	margin-top:2px;
	border: 2px solid #a6a6a6;
}

div#kuvateksti h2, div#content div#kuvateksti h3 {
	text-align:left;
	padding:0;
}

ul#refsub {
/*
display: inline;
*/
	padding: 0;
	margin: 5px 0 5px 0;
}		
	
ul#refsub li {

font-weight: normal;
font-size: 12px;


	display: inline;
	list-style-type: none;
	color: #a6a6a6;
	border-bottom: 0;
	padding: 0;
	margin: 0;

}	

	
ul#refsub li a {
	color: #a6a6a6;
	border-left:1px solid #a6a6a6;
	border-bottom: 0;
	padding: 0 5px;
	margin: 0;
	text-decoration:none;
}	

	
ul#refsub li a:hover {
	background-color: #a6a6a6;
	color: #4c4c4c;
	text-decoration:none;
}
		
	
#kuvateksti {
	padding:0 62px;
}
		
.toleft {
width: 70%;
	float:left;
}
	
.toright {
text-align: right;
width: 30%;
	float:right;
}

/* End of 'styles.css' */