body {
  margin: 0;
  padding: 0;
  text-align: center;
  min-width: 780px;
  /* background-color: #FFE3A5; */
    background-color: #9DACCB; 
	background-image: url('/propaja/images/pro_bgbg.jpg');
	background-position: top left;
	background-repeat: repeat;
  color: black;
  font: small Arial, Helvetica, Verdana, sans-serif;
}

H1, .h1 { font-size: 140%; color: #CF691E; background-color: transparent; font-weight: Bold; }
H2, .h2 { font-size: 130%; color: #CF691E; background-color: transparent; font-weight: Bold; }
H3, .h3 { font-size: 120%; color: #CF691E; background-color: transparent; font-weight: Bold; }
H4, .bold { font-size: 100%; color: #CF691E; background-color: transparent; font-weight: Bold; }

.teksti { margin-top: 5px; margin-bottom: 5px; }
p { margin-top: 5px; margin-bottom: 5px; }

.note{ font-size: 95%; color: #000000; }
.note2{ font-size: 85%; color: #666666; }

.HeadlineLink { color: #CF691E; font-weight: Bold; }
.tulimieleen { COLOR: #CF691E; font-weight: bold; text-decoration: none }

@media print {
    .EI_TULOSTETA { display: none; }
    #sidebar { display: none; }
    #footer { display: none; }
}

@media screen {
    .EI_RUUDULLA { display: none; }
}


#wrapper {
	position: relative;
	top: 0px;
	left: 0px;
	width: 780px;
	text-align: left;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	color: black;
	background-color: #FFFFFF;
	background-image: url(/propaja/images/sidebar_bg.gif);
	background-position: bottom right;
	background-repeat: repeat-y;
	border: 1px solid #CCCCCC;
}



#main {
	width: 100%;
	height: 100%; 
  background-image: url(/propaja/images/propaja.jpg);
  background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	border-bottom: 0.1px solid #FFE3A5;
  }


#sidebar {
	float: right;
	width: 220px;
	height: 595px;
	color: #FFFFFF;
	margin: 0;
	padding: 25px 0 0 0;
	border: 0px solid #00CCCC;
}


#sidebar ul, #sidebar li {
  list-style: none;
   margin: 0;
  padding: 0;
}

#edupoli { 
	/* float: right; */
	position: absolute;
	bottom: 0;
	right: 0;
	border: 0;
}






/* ============== MenuLink ========*/

A.MenuLink {
	COLOR: #FFFFFF; font-size: 110%; font-weight: bold; margin: 0px; text-decoration: none
}

A.MenuLinkSelected {
	COLOR: #FFFFFF; font-size: 110%; font-weight: bold; margin: 0px; text-decoration: underline
}

A.MenuLink:hover {
	COLOR: #FFFFFF; font-size: 110%; font-weight: bold; margin: 0px; text-decoration: underline
}


/* ============== SubMenuLink ========*/


A.SubMenuLink {
	COLOR: #FFFFFF; font-size: 90%; font-weight: bold;  margin: 0px; text-decoration: none
}

A.SubMenuLinkSelected {
	COLOR: #FFFFFF; font-size: 90%; font-weight: bold; margin: 0px; text-decoration: underline
}
A.SubMenuLink:hover {
	COLOR: #FFFFFF; font-size: 90%; font-weight: bold; margin: 0px; text-decoration: underline
}



/* ============== MENU DIV ========*/

.MenuDiv_2, .MenuDiv_1 { 
	background-image: url('/propaja/images/menu_bg.gif'); 
	background-repeat: repeat;
	margin: 3px 10px 0 0;
	padding: 5px 1px 4px 20px;
	text-align: left;
}

.MenusubDiv { 
	/* background-image: url('/propaja/images/menu_ruutu_bg_hyvo1.gif'); */
	background-repeat: repeat; 
	margin: 0 10px 0 0;
	padding: 1px 1px 1px 20px;
	text-align: left;
	/* border: 1px solid #CCCCCC; */
}
/* ======================*/


#content {
	min-height: 595px;
  margin: 0 230px 0 0 ;
  padding: 25px 10px 0 25px;
  border: 0px solid #b9d2e3;
  color: black;
}

#alasivut ul {
	list-style-image: url(/images/kolmio.gif);
	margin: 0 0 5px 25px;
	padding: 0 0 0 25px;
}

#alasivut li {
	margin: 0;
	padding: 0;
}


#content A:link {
	COLOR: #000000; text-decoration: underline;
}

#content A:visited { text-decoration: underline;
	COLOR: #666666; 
}

#content A:hover {
	COLOR: #993300; text-decoration: underline;
}





#clearone {
  clear: both;
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0px solid #CCCCCC;
}

#footer {
	text-align: center;
	COLOR: #F46F21;
	font-size: 14px; 
	font-weight: normal;
	margin: 0 224px 15px 0px; 
	padding: 10px 0 12px 0px; 
  clear: both;  
  background-image: url(/propaja/images/footer_bg.gif);
  border-top: 0px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  border-bottom: 0px solid #990000;
  border-left: 0px solid #CCCCCC;
}

#footer ul {
	margin: 0;
	padding: 0;
}

#footer li {
 display: inline;
}



#footer A.MenuLink {
	COLOR: #000000; font-size: 13px; font-weight: bold; margin: 0px; text-decoration: none; 
	 padding: 10px 6px 11px 6px; 
}

#footer A.MenuLinkSelected {
	COLOR: #000000; font-size: 13px; 
	font-weight: bold; margin: 0px; 
	text-decoration: underline;
	background-image: url(/propaja/images/footer_bg_selected.gif);
	 padding: 10px 6px 11px 6px; 
}

#footer A.MenuLink:hover {
	COLOR: #000000; font-size: 13px; font-weight: bold; margin: 0px; text-decoration: underline
}




#updates {
	position: relative;
	top: 0px;
	left: 0px;
	width: 700px;
	text-align: right;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 80px 0 0;
	border: 0px solid #CCCCCC;
}


#updates A:link, #updates A:visited {
		COLOR: #CCCCFF; font-size: 85%; text-decoration: none;
}
#updates A:hover {
		COLOR: #999999; font-size: 85%; text-decoration: underline;
}



A.noline {
		text-decoration: none;
}