/* Lähetysyhdistys Rauhan Sana */

* { margin: 0; padding: 0; }
html, body {  height: 100%; }

img.border {border:1px solid #ccc; padding:1px;}
img.right {float:right; margin-left:1em}
img.left {float:left; margin-right:1em}


body { color: #333; font-family:Arial, Helvetica, sans-serif;  background: #eee; font-size:0.8em }
h1 {margin: 0.6em 0 0 0; color: #903; font-weight:normal; font-size:2.6em; font-family:Georgia, "Times New Roman", Times, serif}
h2 {margin: 0.6em 0; color: #333; font-weight:normal; font-size:1.8em; font-family:Georgia, "Times New Roman", Times, serif;}
h3 {margin:0; padding: 0.6em 0; color: #333; font-weight:bold; font-size:1.1em; font-family:Verdana, Arial, Helvetica, sans-serif}
p, ul { margin: 1.1em 0; line-height: 1.5em;}

li {margin-left:2em}
a { text-decoration: underline;}
a:link { color: #039;}
a:visited { color: #649;}
a:hover { color: #479;}

#lomake {font-size:9px !important;}
#container-page {
  margin: 0 auto;
  width: 770px;
  background: #fff url(tausta.gif) no-repeat right bottom;
  text-align: left;
  position: relative;
  min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */
  border-left:0.2em #CCC solid;
  border-right:0.2em #CCC solid;
}

#container-head { background: #358ccc url(header1.gif) no-repeat; height:125px }
#container-head img {display:none; border:none; float:left; margin:0 30px 0 10px;}
#container-head #head {display:none; float:left; width:300px; height:100px;}
#container-head #head a {color: #903; font-weight:normal; text-decoration:none !important;}
#container-head #head a:hover {color: #903; font-weight:normal; text-decoration:none !important}
#search {float:right; width:200px; padding-top:20px}
#search input.submit {background:transparent !important; border:1px solid #999}
#search input.submit:hover { border:1px solid #999; background-color:#999999 !important;}


/* main menu */
#menu {font-weight:bold; margin:0; padding:0; list-style:none; width:90%}
#menu li {
	margin:0;
	padding:0;
	list-style:none;
	border-top:1px dotted #ccc;
	font:bold 12px 'Trebuchet MS', Arial, sans-serif;
}
#menu li a {
	display:block;
	color:#555;
	margin-right:2em;
	line-height:2em;
	padding-left:1em;
	text-decoration:none
}
#menu li:hover { background:#f7f7f7  }
#menu a:hover { border:none; color:#369 }

/* submenu (suvarit) */
#menu li li {padding:0 0 0 20px; border:none}
#menu li li a {display:block; height:2em; border:none; background:none; color:#777; font:bold 10px Verdana, Arial, sans-serif; margin:0; line-height:normal; padding-left:0.5em; }
#menu li li a.current { color:#003366 }

#menu a.suvarit { color:#c00 }

body.index #menu a.index,
body.toimisto #menu a.toimisto,
body.biblia #menu a.biblia,
body.toiminta #menu a.toiminta,
body.lahetystyo #menu a.lahetystyo,
body.lehti #menu a.lehti,
body.sana #menu a.sana,
body.nuoret #menu a.nuoret,
body.ilmoitukset #menu a.ilmoitukset,
body.puheet #menu a.puheet,
body.suvarit #menu a.suvarit,
body.linkit #menu a.linkit {color:#003366;}

body.suvarit #container-page {background-image:none;}


#menu a.last {border-bottom:1px dotted #ccc;}

#container-content {
  padding: 0 2em 30px 0em;
}

#container-content:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

#content-pri {
  width: 70%;
  float: right;
  padding: 1em 0;

}

#content-sec {
  padding: 3em 0;
  width: 30%;
  float: right;
}

#content-sec ul,#content-sec ul li {
  list-style: none none;
}

#container-foot {
  width: 100%;
  background: #358ccc;
  position: absolute;
  bottom: 0 !important;
  bottom: -1px; /* For Certain IE widths */
  height: 30px;
}

#foot {
  padding: 0.2em 1em;
  line-height: 12px;
  font-size:10px;
}
.yhteystiedot {font-size:75%; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:1.5em}
.yhteystiedot h3 {font-size:1.1em; margin:0; padding:0; width:200px; float:left; clear:both; color:#47620f; padding-top:1em; text-transform:uppercase}
.yhteystiedot p {margin:0; padding:0; float:left; padding-top:1em;}
.yhteystiedot>div {border-bottom:1px solid #ccc; clear:left; padding-top:1em;}
.yhteystiedot ul {clear:both; margin-left:220px; }
.clearer {clear:both; border-bottom:none}

.kirjakauppa {font-size:75%; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:1.5em}
.kirjakauppa h3 {font-size:1.1em; margin:0; padding:0; color:#47620f; padding-top:1em; text-transform:uppercase}
.kirjakauppa ul {margin:0; padding:0; padding-top:1em;}

.paikallisyhdistykset {border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.paikallisyhdistys {width:237px; height:9em; float:left; font-size:75%; border-bottom:1px solid #ccc; border-left:1px solid #ccc;padding-left: 20px }

.kuvateksti {font:bold 9px Verdana, Arial, Helvetica, sans-serif; color:#903; margin:0 0 8px 0; padding:0;}
.print {clear:both}
.print a.tulosta {background:url(print.gif) no-repeat left center; padding-left:18px; margin-left:40px }


dd {margin-bottom:1em}
dd a {font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:75%; text-decoration:none; color:#444 }
dd a:hover {color:#444}





/* suvijuhlat 2008 */
#ohjelmavalikko {float:right; width:160px; text-align:left; padding:10px; border:1px solid #ccc; margin:20px 0 30px 30px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
#ohjelmavalikko ul {margin:10px 0 0; padding:0; clear:both; list-style:none;}
#ohjelmavalikko li {margin:0; padding:1px 0; list-style:none;}
#ohjelmavalikko li a {font:bold 11px/12px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#000066}
#ohjelmavalikko h4 {font-weight:bold; border-bottom:1px dashed #903; color:#903; padding-top:10px; font-size:12px}

.ohjelmataulu td {padding:2px; border-top:0px solid #aaa; vertical-align:top}
.ohjelmataulu strong  {color:#555;}


/* subSilver */
.genbold { font-weight: bold; font-size: 12px; color: #000000 }
.genmed { font-size: 12px; color: #000000 }
.gen { font-size: 12px; color: #000000 }

.row1 { border-top:1px dotted #C90 }
.row2 { background-color:#eee}
.nav {font-size:10px; font-weight: normal }
.gensmall {font-size:10px; font-weight: normal; color:#555; }

input.text, textarea, select { color: #000000; font: 11px Verdana, Arial, Helvetica, sans-serif; border: #ccc 1px solid !important; width:100% }
input.submit { color: #903; background-color: #fff; border:none !important; width:100%; cursor:pointer; width:auto; line-height:32px; font-size:16px; font-weight:bold; text-decoration:none; font-family:'Trebuchet MS', Helvetica, sans-serif;" }
input[type=submit]:hover { color: #966; cursor:pointer}
#forumline td {padding:2px 0 2px 0 !important}