body,html {
  height: 100%;
  font-family: Verdana;
  margin: 0px;
  padding: 0px;
  font-size: 10pt;
}

a:link {
    color: #000066;
    text-decoration: none;
		font-weight: bold;
}

a:visited {
    color: #006600;
    text-decoration: none;
		font-weight: bold;
}

a:hover {
   text-decoration: none;
   color: #cc00ff;
	 font-weight: bold;   
}

a:active {
   text-decoration: none;
   color: red; 
	 font-weight: bold;  
}

#divWrap {
  height: 100%;
  text-align: center;
  background-image: url('images/sivutausta.png');
  background-repeat: repeat-x;
  padding-top: 5px;
}



#divBorder {
  border: 1px solid Silver;
  width: 800px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
} 

#divNavi {
  text-align: left;
	width: 800px;
	height: 20px;
/*  background-image: url('images/navhar.png'); */
/*  background-repeat: repeat-x; */
}

.divNavOsio {
  float: left;
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
/*  background-image: url('images/navhar.png'); */
	padding-top: 1px;
  padding-left: 10px;
}

div.divNavOsio a:link {
    color: #006600;
    text-decoration: none;
}

div.divNavOsio a:visited {
    color: #006600;
    text-decoration: none;
}

div.divNavOsio a:hover {
   text-decoration: none;
   color: #0000FF;   
}

div.divNavOsio a:active {
   text-decoration: none;
   color: Red;   
}


#divMain {
/*	background-image: url('images/vasentausta.png'); */
	/* background-repeat: repeat-y; */
	/* background-color: #4EDC36;	 */
/*	background-color: #CCCCCC; */
	/* height: 100%; */
}

#divLeft {
  
}		

#divRight {
  
}		

#divFooter {
	height: 50px;
	width: 100%;
	float: left;
	background-color: #ccffcc;
}

#divKesken {
    text-align: center;
    padding-top: 100px;	
		font-size: 12pt;
}
		
div.divLeft a:link {
    color: white;
    text-decoration: none;
}

div.divLeft a:visited {
    color: white;
    text-decoration: none;
}

div.divLeft a:hover {
   text-decoration: underline;
   color: #eee;   
}

div.divLeft a:active {
   text-decoration: none;
   color: white;   
}


div.keskita {
	text-align: center;
}

.error {
   color: red;   
	 font-weight: bold;
}
	 
.vihreatx {
   color: green; 	
}

.otsikko {
    font-size: 16px;
		font-weight: bold;
}

.otsikko2 {
		font-weight: bold;
}

.luelisaa {
    text-align: right;
		font-size: 12px;
		font-weight: bold;
}

.lihava {
    font-weight: bold;
}

.vihrea {
    border: 1px solid #007700;
		padding: 3px;
		margin:5px;
}

.ingressi {
  font-weight: bold;
	text-style: italic;
}
.txt10px {
    font-size: 10px;
}

.txt12px {
    font-size: 12px;
}

.txt14px {
    font-size: 14px;
}

.ingressi {
    font-weight: bold;
		font-style:  italic;
		text-align: left; 
		color: #000000;
}

.txtbox1 {
    float: right;
    width: 120px;
    text-align: center;
    
		font-weight: bold;
		padding: 4px;
		border: 1px solid navy;
		background-color: #e0f0ff;
}

.txtbox2 {
    float: right;
    width: 120px;
    text-align: center;
    
		font-weight: bold;
		padding: 4px;
		border: 1px solid green;
		background-color: #ccffcc;
}

.txtbox3 {
    float: right;
    width: 120px;
    text-align: center;
    
		font-weight: bold;
		padding: 4px;
		border: 1px solid maroon;
		background-color: #ffffcc;
}

.txtbox4 {
    float: right;
    width: 120px;
    text-align: center;
    
		font-weight: bold;
		padding: 4px;
		border: 1px solid black;
		background-color: white;
}



ul {
    list-style-type: disc;
    list-style-image: url('1x1vih.png');
    list-style-position: outside;
    margin-left: 0.5em; 
    padding-left: 1em;
}



li {
    padding-top: 2px;
    padding-bottom: 2px;
}


div.uutissisalto {
	text-align: left;
	padding: 3px;
	/*background-color: white;*/
}

div.uutisreuna {
	margin: 3px;
	border: 1px solid #007700;
}

div.uutisotsikko {
	color: white;
	background-color: #007700;
	font-weight: bold;
	font-family: Verdana;
	font-size: 11px;
	padding: 3px;
}
   
div.kolumni {    
	height: 140px; 
    border: 1px solid #007700;
    margin: 3px;
    padding: 3px;
	overflow: hidden;
}

div.blogi {

	/*height: 150px; */
    border: 1px solid #007700;
    margin: 3px;
    padding: 3px;
	/*overflow: hidden;*/
    /*background-color: white	*/
}

#uutiskuva1 {  /* koko, pysty, vas */		    
			float: left; 
			text-align: left; 
			padding-right: 5px; 
			padding-bottom: 5px;
			font-style: italic;
}

#uutiskuva2 {
			float: right; 
			text-align: left; 
			padding-left: 5px; 
			padding-bottom: 5px;
			font-style: italic;
}

#uutiskuva3 {		    
			float: right; 
			text-align: center;
			margin-left: auto;
			margin-right: auto; 
			padding-bottom: 5px;
			font-style: italic;
}