/* Luonnontieteilijat.fi -palvelun  tyylim��rittelyt - j�senosio */

body {
  width: 100%;
  top:0px;
  left:0px;
  margin: 0px;
  padding: 0px;
  font-family: arial,verdana,serif;
  background: #ffffff url(/pics/bodyMembers.gif) repeat-x;
}
body.fp { }

p,a,ul,ol,dl,li,table,form,input { margin: 0px; padding:0px;}


div.clear { clear:both; }
/* otsikoiden piilotus */

h1 { margin: 0px; padding: 0px; }
h1 span { display: none; }

#all {
	position:relative;
	width: 100%;
	margin:0 auto;
}

/*  --- yl�tunniste --- */

div#header {
  position:relative;
  clear:both;
  width: 950px;
  height:88px;
  top: 0px;
  left:0px;
  margin:0px auto;
  padding:0px;
  background: transparent url(/pics/logoMembers.gif) 10px 10px no-repeat; 
}
	#header p#headerContact { 
		position:absolute;
		font-size:11px;
		color:#9dd6ff;
		right:75px;
		top:30px;
		}
		#headerContact img { vertical-align:middle;margin-top:2px;}

/* -- yl�navi -- */
	#main-navi {
  	position:absolute;
  	top: 67px;
  	margin:0px;
  	padding: 0px;
  	}

		#main-navi ul { list-style-type: none;margin:0px;padding:0px;font-size:11px; }
			#main-navi li { display:inline;padding-left:0.5em; margin-right:0.5em;border-left:1px solid #fff;}
				#main-navi a  { font: normal normal 11px arial,verdana,serif; color:#ffffff; text-decoration:none;margin:0;padding:0;}
				#main-navi a:hover { text-decoration: underline; } 
				#main-navi li.first {border:none;padding-left:0em; }
				#main-navi a#current { text-decoration:underline;font-weight:bold; }
/* -- kielivalinta -- */

div#back {
  position:absolute;
  top: 65px;
  right:-100px;
  text-align:right;
  height: 36px; 
}
div#back a  { font: normal bold 11px arial,verdana,serif; color:#ffffff; text-decoration:none; }
div#back a:hover { text-decoration: underline; } 


/* --- Sis�lt�alue --- */

div#container {
  position:relative;
  clear:both;
  width: 100%;
  margin:0px;
  padding:0px;  
}
	.rowWrapper {
		width:950px;
		margin: 0 auto;
	}
/* -- 1. rivi -- */
div#row1 {
  position:relative;
  clear:both;
  height:285px;
  margin:0px;
  padding:0px;
}

	#colLeft {
		float:left;
		width:32%;
		padding-top:1em;
	}
		#colLeft ul { list-style-type:none;}
		#colLeft li { margin-bottom:1em;}
		#colLeft li a {
			display:block;
			text-indent:0.5em;
			background:transparent url(/pics/aBlue.gif) left bottom repeat-x;
			padding:0.3em 0;
			font-size:24px;
			font-family:Georgia,arial,verdana;
			font-weight:normal;
			color:#0091f6;
			text-decoration:none;
		}
	
	
	#colMiddle {
		float:left;
		width:32%;
		margin-left:1%;
		padding-top:1em;
	}
		#colMiddle ul { list-style-type:none;}
		#colMiddle li { margin-bottom:1em;}
		#colMiddle li a {
			display:block;
			text-indent:0.5em;
			background:transparent url(/pics/aGreen.gif) left bottom repeat-x;
			padding:0.3em 0;
			font-size:24px;
			font-family:Georgia,arial,verdana;
			font-weight:normal;
			color:#767778;
			text-decoration:none;
		
		}
		#colMiddle a img { background:none;border:none;}
	#colRight {
		float:left;
		width:32%;
		margin-left:1%;
	}
		#flashElement  {
			width:231px;
			height:273px;
			margin:12px auto 0 auto;
		}


/* tekstin sisaltotyylit */
div#row-1 div#news p.txtleipa { font: normal normal 12px arial,helvetica,serif; color: #223B5D;  }
div#row-1 div#news p.txtpieni { font: normal normal 11px Arial,Verdana,Helvetica, serif; color: #000000; }
div#row-1 div#news p.otsikkopunainen { font:normal bold 14px arial,verdana,serif;color:#5F5F5F;margin:0.5em 0em;text-transform:uppercase;}
div#row-1 div#news p.otsikkopunaineneilih { font: normal normal 13px arial,helvetica,serif; color: #9C0430; }
div#row-1 div#news p.otsikkopunainenjasenetus { font:normal bold 14px arial,verdana,serif;color:#5F5F5F;margin:0.5em 0em;text-transform:uppercase;}
div#row-1 div#news p.txtjasenetus { font: normal normal 9px arial,helvetica,serif; color: #223B5D; }
div#row-1 div#news p.txttapingressi { font: normal normal 12px arial,helvetica,serif; color: #223B5D; } 
div#row-1 div#news p.txtleipatapahtumasivut { font: normal normal 12pt Arial,Verdana,Helvetica, serif; color: #223B5D; }
div#row-1 div#news p.txtpienitapahtumasivut { font: normal normal 11pt Arial,Verdana,Helvetica, serif; color: #223B5D; }


/* -- 2. rivi -- */
#row2 {
  clear:both;
  position:relative;
  margin:0px;
  padding:0px;
  width: 100%;
  top:0px;
  background:transparent url(/pics/membersRowTwo.gif) repeat-x;
  
}

/* - yhteystiedot - */

div#contact {
  float:left;
  margin:40px 0em 0em 20px;
  top: 45px;
  width:230px;
  padding: 0px;
}

div#contact h3 { font: normal bold 12px arial,verdana,serif; color:#B30027; margin: 0px; padding: 0.5em 0em; }
div#contact p { font: normal normal 11px arial,verdana,serif; color:#000000; margin: 0px; padding: 0; }
div#contact a { font-weight:bold; color:#0077CB; text-decoration: none; }
div#contact a:hover { text-decoration:underline; }

/* - ajankohtaista - */

	#bulletin {
		float:left;
		width:267px;
		background:transparent url(/pics/bulletinArea.gif) no-repeat;
		margin-left:20px;
	}
		#bulletin h3 { margin: 0px; padding:0px; text-indent:-9999999px;}
		#bulletin ul { margin-top:1em; padding-left:1em;width:90%;}
			#bulletin li { list-style-type:none; padding: 0em 0em 0.5em 0em; margin: 0px; line-height:12px;}
				#bulletin li span.date { font:normal bold 11px arial,verdana,serif; color:#676767; padding: 0em; margin: 0em;}
				#bulletin li a  { font: normal bold 12px arial,verdan,serif; color:#0077CB; text-decoration:none; margin:0px; padding:0px;}
					#bulletin li a:hover { text-decoration: underline; }

		#bulletin a.archive { 
			float: right;
			margin-right: -2em;
			  font: normal bold 11px arial,verdana,serif;
			  color:#ffffff;
			  text-decoration:none; 
			  margin:0.7em 1em 0em 0em;
			  padding:0em;
			  }
			
		#bulletin a:hover { text-decoration: underline; }
  
  
  		#membersCourses {
  			float:left;
			width:267px;
			margin-left:45px;
			background:transparent url(/pics/coursesArea.gif) no-repeat;
  		}
  			#membersCourses h3 { margin: 0px; padding:0px; text-indent:-9999999px;}
			#membersCourses ul { margin-top:1em; padding-left:1em;width:90%;}
			#membersCourses li { list-style-type:none; padding: 0em 0em 0.5em 0em; margin: 0px; line-height:12px;}
				#membersCourses li span.date { font:normal bold 11px arial,verdana,serif; color:#676767; padding: 0em; margin: 0em;}
				#membersCourses li a  { font: normal bold 12px arial,verdan,serif; color:#767778; text-decoration:none; margin:0px; padding:0px;}
					#membersCourses li a:hover { text-decoration: underline; }

		#membersCourses a.archive { 
			  float:right;
			  font: normal bold 11px arial,verdana,serif;
			  color:#ffffff;
			  text-decoration:none; 
			  margin:0.7em 1em 0em 0em;
			  padding:0em;
			  }
			
		#membersCourses	 a:hover { text-decoration: underline; }
		
		#membersEvents {
  			float:left;
			width:267px;
			margin-left:45px;
			background:transparent url(/pics/eventsArea.gif) no-repeat;
  		}
  			#membersEvents h3 { margin: 0px; padding:0px; text-indent:-9999999px;}
			#membersEvents ul { margin-top:1em; padding-left:1em;width:90%;}
			#membersEvents li { list-style-type:none; padding: 0em 0em 0.5em 0em; margin: 0px; line-height:12px;}
				#membersEvents li span.date { font:normal bold 11px arial,verdana,serif; color:#676767; padding: 0em; margin: 0em;}
				#membersEvents li a  { font: normal bold 12px arial,verdan,serif; color:#d01f23; text-decoration:none; margin:0px; padding:0px;}
					#membersEvents li a:hover { text-decoration: underline; }

		#membersEvents a.archive { 
			  float:right;
			  font: normal bold 11px arial,verdana,serif;
			  color:#ffffff;
			  text-decoration:none; 
			  margin:0.7em 1em 0em 0em;
			  padding:0em;
			  }
			
		#membersEvents	 a:hover { text-decoration: underline; }
/* --- haku --- */
div#members_search {
	float:left;
	margin:0em;
	padding:0em 0em 0em 0em;
	background:transparent url(/pics/members-search-fp.gif) no-repeat;
	width:174px;
	}
  
div#members_search form {
	position:relative;
	width:80%;
	top:40px;
	padding:0em;
	margin:auto;
}
div#members_search form h5 { font-size:11px;color:#000000;margin:0em;padding:0em;font-weight:bold;}
div#members_search form input.input_text { width:100%;}
div#send_button { position:relative;text-align:right;left:105px;border:1px solid #0077CB;padding:1px;width:1px;min-width:34px;margin-top:0.5em; }
div#members_search form input#send {
	background:#0077CB;
	border:none;
	color:#ffffff;
	font-weight:bold;
	font-size:11px;
	text-transform:uppercase;
	margin:0em;
	padding:0.1em;
	}
div#members_search p { font-size:11px;}

.userRegisterLink {
	color:#0077CB;
    font-family:arial,verdan,serif;
    font-size:12px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:bold;
    line-height:normal;
    margin:0px;
    padding:0px;
    text-decoration:none;
	float: right;
	margin-right: 25px;
}

.userRegisterLink:hover {
	text-decoration: underline;
}

/* --- alatunniste --- */

div#footer {
  position:relative;
  clear:both;
  height:40px;
  background: transparent url(/pics/members-footer.gif) repeat-x;
  margin: 0px;
  padding:0px;
}