/*
RED:			AA4B4B
BLUE:			0000CC
LIGHT BLUE:		3366CC
LIGHT BROWN:		CAA276
GREY:			F5F0F0
TXT GREY:		666666
ORANGE / BROWN		996633
*/

body { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #666666; 
	background: #EAE5CE;
	margin: 0px;
	padding: 0px;
}
table, tr, td { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #333333; 
}
h1 { font-size: 18px; font-weight: lighter; color: #333333; margin-top: 0px; }
h2 { font-size: 14px; font-weight: bold; color: #AA4B4B;  }
h3 { font-size: 12px; font-weight: bold; color: #AA4B4B; }
p.errors { font-style: italic; color: #AA4B4B; }


/* STRUCTURE */

.header { height: 130px; background: #990100; }
.navi { 
	margin-top: 0px;
        padding-top: 0px; 
	height: 30px;
	background-image: url(/files/jpeg/1613/navibg.jpg); 
	background-repeat: no-repeat;
}
.page { margin-top: 0px; paddin-top: 0px; background: #FFFFFF; }
.str_main { width: 900px; }
.str_top { 
	height: 178px;
        width: 900px;
        margin: 0px;
        padding: 0px;
        border-top: 2px solid #428DD9;
}
.str_footer { 
	width: 900px; 
	height: 100px; 
	background-image: url(/files/jpeg/1527/footer.jpg); 
	background-repeat: no-repeat;
        border-bottom: 2px solid #428DD9; 
}
.str_left { 
	background-image: url(/files/gif/1528/left.gif); 
	background-repeat: repeat-y; 
	background-position: right; 
	width: auto;!important
}
.str_right { 
	background-image: url(/files/gif/1529/right.gif); 
	background-repeat: repeat-y; 
	background-position: left;  
	width: auto;!important
}
.left_side {  /* left column */
	width: 200px; 
	float: left; 
	margin-top: 0px;
	padding-left: 10px; 
	background: #FFFFFF;
}
.left_side img { 
	margin-top: 10px;
	border: 1px solid #990000; 
}
.left_side h2 { 
	margin-top: 10px;
	margin-bottom: 5px;
}


/* PAGE */
.txt {  /* text column */
	width: 650px; 
	padding-right: 20px; 
	margin-bottom: 20px;
        margin-top: 10px; 
	float: right; 
	background: #FFFFFF;
}
.txt img { margin: 5px; }
.txt ul { padding-left: 15px; list-style-image: url(/files/gif/1530/bullet.gif); }
.themeimg { margin-top: 10px; width: 260px; float: right; text-align: right; }
.themeimg img { border: 1px solid #333333; }
 
/* LOGIN */
.logintext { width: 120px; height: 14px; }
.passtext { width: 120px; height: 14px; }
.login_submit  { width: 70px; font-size: 10px; height: 22px; }

/* FOOTER */
.author { 
	width: 400px; 
	margin-left: 20px; 
	margin-top: 75px; 
	font-size: 11px; 
	float: left; 
	color: #333333; 
}
.credits { 
	width: 400px; 
	margin-right: 20px; 
	margin-top: 75px; 
	font-size: 11px; 
	text-align: right; 
	float: right; 
	color: #000000; 
}


/* LINKS */
a:link, a:active, a:visited { color: #AA4B4B; text-decoration: none; }
a:hover { color: #996633; text-decoration: underline; }
a.credit:link, a.credit:active, a.credit:visited { color: #000000; text-decoration: none; }
a.credit:hover { color: #FF9933; text-decoration: underline; }


/* NEWS */
.newsdate { display: inline; margin-right: 20px; }


/* LOGIN */
.login { clear: both; padding-top: 15px; }


/* MENU */
#nav, #nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  z-index: 2;
}

#nav a { 
  font-weight: bold; 
  color: #FFFFFF; 
  text-decoration: none; }

#nav li li a {
  display: block;
  font-weight: normal;
  color: #000000;
  padding: 0.2em;
}

#nav li li a:hover {
  padding: 0.2em;
}

#nav li {
  float: left;
  position: relative;
  width: auto;
  padding: 0.5em 1em;
  text-align: left;
  cursor: default;
  background-color: #990000; 	
}

#nav li ul {
  display: none;
  position: absolute;
  top: 24px;
  left: -1px;
  font-weight: normal;
  background-color: #eae5ce;
  padding: 0.5em 0 1em 0;
  border: 1px solid #000000;
  margin-top: 1px;
  z-index: 4;
  width: 15em;
}

#nav li ul ul {
  position: absolute;
  top: 0;
  left: 95%;
  z-index: 6;
  padding: 0 0.25em;
}

#nav li li {
  display: block;
  float: none;
  background-color: transparent;
  border-bottom: 1px solid #d0ccb3;
  width: 13em;

}
#nav li li li { background-color: #eae5ce; }
#nav li li a, #nav li li a:hover {
  width: 90%;
  padding: 0.1em; margin: 0.1em; border: 0;
}
#nav li:hover, #nav li.over, #nav li.subver { background-color: #ff9900; color: #FFFFFF;}
#nav li:hover ul, #nav li.over ul { display: block; }
#nav li:hover ul ul, #nav li.over ul ul { display: none; }
#nav li li:hover ul, #nav li.over li.subver ul { display: block; }

/* TIEDOTTEET */
.newsdate { margin-top: 5px; margin-right: 10px;  }
#news {
	list-style-type: none;
        margin-top: 5px;
        margin-left: 0px;
        padding: 0px;
}
#news li {
	margin: 0px;
	padding: 0px;
}
#news li.all {
        font-size: 11px;
	margin: 0px;
	padding: 0px;
}


/* MUUTA */
.jako_left_side {  /* left column */
	width: 200px; 
	float: left; 
	margin-top: 0px;
	padding-left: 10px; 
	background: #FFFFFF;
}
.jako_left_side img { 
	margin-top: 10px;
}
.lukijatutkimukseen {
        width: 300px;
        background-image: url(/files/gif/1852/lukijatutkimukseen.gif);
        background-repeat: no-repeat;
        margin-bottom: 20px;

}  
.lukijatutkimukseen_txt {
        margin-top: 90px;
        margin-left: 40px;
        margin-right: 20px;
        height: 160px;
}
.forgot { font-size: 12px; margin-top: 0px; margin-bottom: 0px; }